Skip to content

Commit 34cb4e8

Browse files
oltonolton
committed
release 5.1.13
2 parents d70f794 + 9a9c386 commit 34cb4e8

File tree

16 files changed

+725
-129271
lines changed

16 files changed

+725
-129271
lines changed

‎CHANGELOG-HISTORY.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
# Changelog
22

3+
### 5.1.12
4+
5+
+ [x] `select` - fixed method `val()` no icons were displayed when using this method
6+
+ [x] `select` - added method `clear()` to clear selected value(s)
7+
+ [x] `select` - refactored method `reset()` - now calling this method resets select to initial state
8+
+ [x] `typer` - fixed color change
9+
+ [x] `sidenav-m3` renamed to `sidenav` and has role `sidenav`
10+
311
### 5.1.11
412

513
+ [x] Updated `select` component: added event `onOptions` to `select` component, to remote data added `selected` prop.

‎CHANGELOG.md‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
1-
### 5.1.12
1+
### 5.1.13
22

3-
+ [x] `select` - fixed method `val()` no icons were displayed when using this method
4-
+ [x] `select` - added method `clear()` to clear selected value(s)
5-
+ [x] `select` - refactored method `reset()` - now calling this method resets select to initial state
6-
+ [x] `typer` - fixed color change
7-
+ [x] `sidenav-m3` renamed to `sidenav` and has role `sidenav`
3+
+ [x] Fixed `Component` for using `Dom` instead of `jQuery` if `jQuery` is loaded.
4+
+ [x] Updated `Farbe` class

‎README.md‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,19 @@
1717
<div align="center">
1818

1919
### Project State
20-
![Dependencies](https://img.shields.io/badge/Dependencies-none-darklime.svg)
21-
[![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
22-
![Package Version](https://img.shields.io/github/package-json/v/olton/metroui)
20+
![Package Version](https://img.shields.io/github/package-json/v/olton/metroui?label=package&color=purple)
2321
![NPM Version](https://img.shields.io/npm/v/%40olton%2Fmetroui)
24-
![Website](https://img.shields.io/website/https/metroui.org.ua.svg)
25-
![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?color=7852a9)
22+
![NuGet Version](https://img.shields.io/nuget/v/metroui?label=nuget&color=ff5342)
2623

24+
![Dependencies](https://img.shields.io/badge/Dependencies-none-darklime.svg)
25+
[![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
2726
![Code size](https://img.shields.io/github/languages/code-size/olton/metroui.svg?color=830000)
2827
![GitHub Css Size](https://img.shields.io/github/size/olton/metroui/lib%2Fmetro.css?label=CSS%20Size&color=fd9812)
2928
![GitHub JS Size](https://img.shields.io/github/size/olton/metroui/lib%2Fmetro.js?label=JS%20Size&color=8f99ff)
3029
![GitHub Icons Size](https://img.shields.io/github/size/olton/metroui/lib%2Ficons.css?label=Icons%20Size&color=01796f)
3130
[![Build Status](https://app.cloudback.it/badge/olton/metroui)](https://cloudback.it)
31+
![Website](https://img.shields.io/website/https/metroui.org.ua.svg)
32+
![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?color=7852a9)
3233

3334

3435
</div>

‎examples/jquery.html‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,270 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6+
<link href="../lib/metro.css" rel="stylesheet">
7+
<link href="../lib/icons.css" rel="stylesheet">
8+
9+
<title>Test Any - Metro UI :: Popular HTML, CSS and JS library</title>
10+
11+
</head>
12+
<body class="cloak h-100-vh">
13+
<nav data-role="appbar" class="border-bottom bd-default" data-expand="true">
14+
<div class="app-bar-item-static no-hover">
15+
<div class="text-leader">Component Name</div>
16+
</div>
17+
<div class="app-bar-item-static no-hover">
18+
<input type="checkbox" data-role="theme-switcher"/>
19+
</div>
20+
</nav>
21+
22+
<div data-role="navview" data-expand-point="md">
23+
<div class="navview-pane">
24+
<div class="logo-container">
25+
<button class="pull-button">
26+
<span class="mif-menu"></span>
27+
</button>
28+
</div>
29+
30+
<div class="suggest-box mt-4">
31+
<input type="text" data-role="input" data-clear-button="false" data-search-button="true">
32+
<button class="holder">
33+
<span class="mif-search"></span>
34+
</button>
35+
</div>
36+
37+
<ul class="navview-menu" id="side-menu" >
38+
<li class="item-header">General</li>
39+
<li>
40+
<a href="#" class="dropdown-toggle">
41+
<span class="icon"><span class="mif-developer-board"></span></span>
42+
<span class="caption">Dashboards</span>
43+
</a>
44+
<ul class="navview-menu" data-role="collapse" data-collapsed="true">
45+
<li style="--navview-icon-color: #f0f"><a href="#"><span class="caption">Dashboard 1</span></a></li>
46+
<li><a href="#"><span class="caption">Dashboard 2</span></a></li>
47+
<li><a href="#"><span class="caption">Dashboard 3</span></a></li>
48+
</ul>
49+
</li>
50+
<li id="li-widgets">
51+
<a href="#widgets">
52+
<span class="icon"><span class="mif-build"></span></span>
53+
<span class="caption">Widgets</span>
54+
</a>
55+
</li>
56+
<li id="li-tables">
57+
<a href="#tables">
58+
<span class="icon"><span class="mif-table"></span></span>
59+
<span class="caption">Tables</span>
60+
</a>
61+
</li>
62+
<li id="li-ui-elements">
63+
<a href="#ui-elements">
64+
<span class="icon"><span class="mif-group-by-ref"></span></span>
65+
<span class="caption">UI Elements</span>
66+
</a>
67+
</li>
68+
<li id="li-form-elements">
69+
<a href="#form-elements">
70+
<span class="icon"><span class="mif-insert-template"></span></span>
71+
<span class="caption">Form Elements</span>
72+
</a>
73+
</li>
74+
75+
<li class="item-header">Information</li>
76+
<li id="li-windows">
77+
<a href="#windows">
78+
<span class="icon"><span class="mif-windows"></span></span>
79+
<span class="caption">Windows</span>
80+
</a>
81+
</li>
82+
<li id="li-dialogs">
83+
<a href="#dialogs">
84+
<span class="icon"><span class="mif-dynamic_feed"></span></span>
85+
<span class="caption">Dialogs</span>
86+
</a>
87+
</li>
88+
<li id="li-infobox">
89+
<a href="#infobox">
90+
<span class="icon"><span class="mif-info_outline"></span></span>
91+
<span class="caption">Info Boxes</span>
92+
</a>
93+
</li>
94+
<li id="li-hints">
95+
<a href="#hints">
96+
<span class="icon"><span class="mif-mark_chat_unread"></span></span>
97+
<span class="caption">Hints &amp; Popovers</span>
98+
</a>
99+
</li>
100+
<li id="li-notify">
101+
<a href="#notify">
102+
<span class="icon"><span class="mif-notifications"></span></span>
103+
<span class="caption">Notifies</span>
104+
</a>
105+
</li>
106+
107+
<li class="item-header">Navigation</li>
108+
<li id="li-appbar">
109+
<a href="#appbar">
110+
<span class="icon"><span class="mif-apps"></span></span>
111+
<span class="caption">Appbar</span>
112+
</a>
113+
</li>
114+
<li id="li-ribbon-menu">
115+
<a href="#ribbon-menu">
116+
<span class="icon"><span class="mif-dashboard"></span></span>
117+
<span class="caption">Ribbon Menu</span>
118+
</a>
119+
</li>
120+
<li id="li-menus">
121+
<a href="#menus">
122+
<span class="icon"><span class="mif-menu_open"></span></span>
123+
<span class="caption">Menus &amp; Sidebars</span>
124+
</a>
125+
</li>
126+
127+
<li class="item-header">Components</li>
128+
<li id="li-streamer">
129+
<a href="#streamer">
130+
<span class="icon"><span class="mif-film"></span></span>
131+
<span class="caption">Streamer</span>
132+
</a>
133+
</li>
134+
<li id="li-wizards">
135+
<a href="#wizards">
136+
<span class="icon"><span class="mif-magic-wand"></span></span>
137+
<span class="caption">Wizards</span>
138+
</a>
139+
</li>
140+
<li id="li-chat">
141+
<a href="#">
142+
<span class="icon"><span class="mif-chat"></span></span>
143+
<span class="caption">Chat</span>
144+
</a>
145+
</li>
146+
<li id="li-tabs">
147+
<a href="#">
148+
<span class="icon"><span class="mif-folder-open2"></span></span>
149+
<span class="caption">Tabs &amp; PageControl</span>
150+
</a>
151+
</li>
152+
153+
<li class="item-header">Samples Pages</li>
154+
<li id="li-signin">
155+
<a href="#signin">
156+
<span class="icon"><span class="mif-person_add_alt"></span></span>
157+
<span class="caption">SignIn &amp; Register</span>
158+
</a>
159+
</li>
160+
<li id="li-errors">
161+
<a href="#errors">
162+
<span class="icon"><span class="mif-cancel1"></span></span>
163+
<span class="caption">Errors &amp; Maintains</span>
164+
</a>
165+
</li>
166+
<li id="li-support">
167+
<a href="#support">
168+
<span class="icon"><span class="mif-support_agent"></span></span>
169+
<span class="caption">Support &amp; Help</span>
170+
</a>
171+
</li>
172+
<li id="li-ecommerce">
173+
<a href="#ecommerce">
174+
<span class="icon"><span class="mif-add-shopping-cart"></span></span>
175+
<span class="caption">E-Commerce</span>
176+
</a>
177+
</li>
178+
<li id="li-email">
179+
<a href="#email">
180+
<span class="icon"><span class="mif-email"></span></span>
181+
<span class="caption">Work with Emails</span>
182+
</a>
183+
</li>
184+
<li id="li-multimedia">
185+
<a href="#multimedia">
186+
<span class="icon"><span class="mif-youtube"></span></span>
187+
<span class="caption">Multimedia</span>
188+
</a>
189+
</li>
190+
191+
<li class="item-header mt-auto"></li>
192+
<li id="li-information">
193+
<a href="#about">
194+
<span class="icon"><span class="mif-info1"></span></span>
195+
<span class="caption">About</span>
196+
</a>
197+
</li>
198+
</ul>
199+
200+
</div>
201+
202+
<div class="navview-content">
203+
<div data-role="appbar" class="bg-reserve-steppe pos-absolute border-bottom bd-default" data-expand-point="fs">
204+
<div class="app-bar-item-static">
205+
<div class="text-bold enlarge-2" id="content-title">[...]</div>
206+
</div>
207+
208+
<div class="app-bar-item-static ml-auto">
209+
<div data-role="clock"></div>
210+
</div>
211+
<div class="app-bar-item-static">
212+
<input type="checkbox" data-role="theme-switcher"/>
213+
</div>
214+
215+
</div>
216+
217+
<div id="page-content" class="">
218+
<div class="card animated-border-hover-red">
219+
<h2>Header</h2>
220+
malesuada ultrices dolore sodales phasellus vim quaeque amet vel prodesset euismod decore duo epicurei tota mediocrem oratio necessitatibus error disputationi
221+
222+
<div class="mt-4">
223+
<button class="button" id="btn1">Button</button>
224+
<div data-role="collapse" data-toggle-element="#btn1">
225+
collpsed block
226+
</div>
227+
</div>
228+
</div>
229+
230+
<div class="box z-1">
231+
<div class="mt-4 d-flex flex-wrap gap-1">
232+
<button class="button rainbow-border">
233+
<span class="icon mif-github"></span>
234+
<span class="caption">GitHub</span>
235+
</button>
236+
<button class="button square rainbow-border">
237+
<span class="icon mif-github"></span>
238+
</button>
239+
<button class="button cycle rainbow-border">
240+
<span class="icon mif-github"></span>
241+
</button>
242+
<button class="button rainbow-border-hover">
243+
<span class="icon mif-github"></span>
244+
<span class="caption">GitHub</span>
245+
</button>
246+
<button class="button animated-border">
247+
<span class="icon mif-github"></span>
248+
<span class="caption">GitHub</span>
249+
</button>
250+
<button class="button animated-border-red">
251+
<span class="icon mif-github"></span>
252+
<span class="caption">GitHub</span>
253+
</button>
254+
<button class="button animated-border-hover">
255+
<span class="icon mif-github"></span>
256+
<span class="caption">GitHub</span>
257+
</button>
258+
</div>
259+
</div>
260+
</div>
261+
262+
</div>
263+
</div>
264+
265+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
266+
<script src="../lib/metro.js"></script>
267+
<script>
268+
</script>
269+
</body>
270+
</html>

‎lib/icons.css‎

Lines changed: 1 addition & 2868 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/metro.all.js‎

Lines changed: 22 additions & 22 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)