fomantic-ui 2.9.0-beta.2 → 2.9.0-beta.202
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.all-contributorsrc +197 -3
- package/CONTRIBUTING.md +1 -1
- package/CONTRIBUTORS.md +74 -37
- package/README.md +1 -1
- package/dist/components/accordion.css +162 -26
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +30 -26
- package/dist/components/api.min.js +3 -3
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +81 -81
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +110 -11
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +3 -3
- package/dist/components/card.css +26 -19
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +2 -1
- package/dist/components/checkbox.js +17 -11
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +3 -3
- package/dist/components/comment.css +11 -11
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +77 -1
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +28 -14
- package/dist/components/dimmer.js +7 -1
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +3 -3
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +30 -7
- package/dist/components/dropdown.js +59 -34
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +3 -3
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +2 -2
- package/dist/components/feed.css +28 -28
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +731 -625
- package/dist/components/flag.min.css +2 -2
- package/dist/components/form.css +106 -55
- package/dist/components/form.js +25 -23
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +3 -3
- package/dist/components/grid.css +11 -8
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +6 -1
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +734 -17
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +13 -13
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/menu.css +31 -7
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +41 -41
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +13 -1
- package/dist/components/modal.js +121 -46
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +3 -3
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +2 -2
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +5 -3
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +6 -3
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +3 -3
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +7 -46
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +2 -2
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +90 -6
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +2 -2
- package/dist/components/sidebar.css +4 -2
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +61 -39
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +2 -2
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +2 -2
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +4 -4
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +2 -2
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +3 -3
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +23 -5
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +3 -3
- package/dist/components/table.css +1168 -26
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +45 -1
- package/dist/components/toast.js +56 -28
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +3 -3
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +2 -2
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +3 -3
- package/dist/components/visibility.js +2 -2
- package/dist/components/visibility.min.js +2 -2
- package/dist/semantic.css +4300 -1394
- package/dist/semantic.js +473 -207
- package/dist/semantic.min.css +3 -3
- package/dist/semantic.min.js +3 -3
- package/examples/assets/library/iframe-content.js +8 -8
- package/examples/assets/library/iframe.js +3 -3
- package/package.json +2 -2
- package/src/definitions/behaviors/api.js +29 -25
- package/src/definitions/behaviors/form.js +24 -22
- package/src/definitions/behaviors/visibility.js +1 -1
- package/src/definitions/collections/form.less +193 -140
- package/src/definitions/collections/grid.less +716 -680
- package/src/definitions/collections/menu.less +174 -127
- package/src/definitions/collections/message.less +48 -46
- package/src/definitions/collections/table.less +849 -262
- package/src/definitions/elements/button.less +360 -347
- package/src/definitions/elements/container.less +126 -8
- package/src/definitions/elements/emoji.less +15 -9
- package/src/definitions/elements/flag.less +7 -17
- package/src/definitions/elements/header.less +42 -35
- package/src/definitions/elements/icon.less +38 -31
- package/src/definitions/elements/input.less +256 -21
- package/src/definitions/elements/label.less +92 -91
- package/src/definitions/elements/list.less +55 -45
- package/src/definitions/elements/loader.less +30 -29
- package/src/definitions/elements/segment.less +146 -27
- package/src/definitions/elements/step.less +52 -48
- package/src/definitions/elements/text.less +17 -15
- package/src/definitions/globals/site.less +23 -2
- package/src/definitions/modules/accordion.less +175 -24
- package/src/definitions/modules/calendar.js +109 -10
- package/src/definitions/modules/checkbox.js +16 -10
- package/src/definitions/modules/checkbox.less +34 -178
- package/src/definitions/modules/dimmer.js +6 -0
- package/src/definitions/modules/dimmer.less +21 -8
- package/src/definitions/modules/dropdown.js +58 -33
- package/src/definitions/modules/dropdown.less +101 -69
- package/src/definitions/modules/modal.js +120 -45
- package/src/definitions/modules/modal.less +12 -0
- package/src/definitions/modules/nag.less +20 -19
- package/src/definitions/modules/popup.less +5 -1
- package/src/definitions/modules/progress.js +5 -2
- package/src/definitions/modules/progress.less +19 -18
- package/src/definitions/modules/rating.less +49 -42
- package/src/definitions/modules/search.less +32 -16
- package/src/definitions/modules/sidebar.less +33 -19
- package/src/definitions/modules/slider.less +39 -38
- package/src/definitions/modules/sticky.js +1 -1
- package/src/definitions/modules/tab.js +22 -4
- package/src/definitions/modules/toast.js +55 -27
- package/src/definitions/modules/toast.less +53 -16
- package/src/definitions/modules/transition.js +1 -1
- package/src/definitions/views/card.less +402 -361
- package/src/definitions/views/comment.less +92 -81
- package/src/definitions/views/feed.less +164 -144
- package/src/definitions/views/item.less +249 -196
- package/src/definitions/views/statistic.less +90 -88
- package/src/themes/bookish/elements/header.overrides +1 -1
- package/src/themes/chubby/elements/button.overrides +1 -1
- package/src/themes/chubby/elements/header.overrides +1 -1
- package/src/themes/default/collections/menu.variables +6 -0
- package/src/themes/default/collections/table.variables +52 -0
- package/src/themes/default/elements/button.variables +2 -1
- package/src/themes/default/elements/container.variables +8 -0
- package/src/themes/default/elements/flag.overrides +1635 -986
- package/src/themes/default/elements/flag.variables +7 -5
- package/src/themes/default/elements/icon.overrides +35 -28
- package/src/themes/default/elements/icon.variables +1 -0
- package/src/themes/default/elements/input.variables +15 -0
- package/src/themes/default/elements/segment.variables +8 -0
- package/src/themes/default/elements/step.overrides +1 -1
- package/src/themes/default/globals/site.variables +6 -0
- package/src/themes/default/globals/variation.variables +135 -6
- package/src/themes/default/modules/accordion.variables +49 -2
- package/src/themes/default/modules/checkbox.variables +5 -5
- package/src/themes/default/modules/dimmer.variables +1 -1
- package/src/themes/default/modules/dropdown.variables +1 -1
- package/src/themes/default/modules/modal.variables +13 -0
- package/src/themes/default/modules/toast.variables +3 -0
- package/src/themes/famfamfam/elements/flag.overrides +1026 -0
- package/src/themes/famfamfam/elements/flag.variables +13 -0
- package/src/themes/instagram/views/card.overrides +1 -1
- package/src/themes/material/collections/menu.overrides +1 -1
- package/src/themes/material/elements/button.overrides +1 -1
- package/src/themes/material/elements/header.overrides +1 -1
- package/src/themes/material/modules/dropdown.overrides +1 -1
- package/src/themes/material/modules/modal.overrides +1 -1
- package/src/themes/rtl/globals/site.overrides +1 -1
- package/tasks/admin/components/init.js +2 -2
- package/tasks/admin/distributions/init.js +2 -2
- package/tasks/build/css.js +6 -1
- package/test/helpers/sinon.js +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.202 - Dimmer
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -33,8 +33,8 @@
|
|
33
33
|
animation-fill-mode: both;
|
34
34
|
-webkit-animation-duration: 0.5s;
|
35
35
|
animation-duration: 0.5s;
|
36
|
-
-webkit-transition:
|
37
|
-
transition:
|
36
|
+
-webkit-transition: all 0.5s linear;
|
37
|
+
transition: all 0.5s linear;
|
38
38
|
-webkit-box-orient: vertical;
|
39
39
|
-webkit-box-direction: normal;
|
40
40
|
-ms-flex-direction: column;
|
@@ -80,6 +80,17 @@
|
|
80
80
|
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
|
81
81
|
background: rgba(255, 255, 255, 0.35);
|
82
82
|
}
|
83
|
+
.ui.dimmer:not(.inverted) {
|
84
|
+
|
85
|
+
/* IE11 */
|
86
|
+
scrollbar-face-color: #656565;
|
87
|
+
scrollbar-shadow-color: #656565;
|
88
|
+
scrollbar-track-color: #323232;
|
89
|
+
scrollbar-arrow-color: #323232;
|
90
|
+
|
91
|
+
/* firefox : first color thumb, second track */
|
92
|
+
scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
|
93
|
+
}
|
83
94
|
|
84
95
|
|
85
96
|
/*******************************
|
@@ -170,22 +181,25 @@ body.dimmable > .dimmer {
|
|
170
181
|
Blurring
|
171
182
|
---------------*/
|
172
183
|
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
+
@supports (not (-webkit-backdrop-filter: none)) and (not (backdrop-filter: none)) {
|
185
|
+
.blurring.dimmable > :not(.dimmer) {
|
186
|
+
-webkit-filter: initial;
|
187
|
+
filter: initial;
|
188
|
+
-webkit-transition: 800ms -webkit-filter ease;
|
189
|
+
transition: 800ms -webkit-filter ease;
|
190
|
+
transition: 800ms filter ease;
|
191
|
+
transition: 800ms filter ease, 800ms -webkit-filter ease;
|
192
|
+
}
|
193
|
+
.blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
|
194
|
+
-webkit-filter: blur(5px) grayscale(0.7);
|
195
|
+
filter: blur(5px) grayscale(0.7);
|
196
|
+
}
|
184
197
|
}
|
185
198
|
|
186
199
|
/* Dimmer Color */
|
187
200
|
.blurring.dimmable > .dimmer {
|
188
201
|
background: rgba(0, 0, 0, 0.6);
|
202
|
+
backdrop-filter: blur(5px) grayscale(0.7);
|
189
203
|
}
|
190
204
|
.blurring.dimmable > .inverted.dimmer {
|
191
205
|
background: rgba(255, 255, 255, 0.6);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.202 - Dimmer
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -264,6 +264,7 @@ $.fn.dimmer = function(parameters) {
|
|
264
264
|
},
|
265
265
|
onComplete : function() {
|
266
266
|
module.set.active();
|
267
|
+
settings.onVisible.call($dimmer);
|
267
268
|
callback();
|
268
269
|
}
|
269
270
|
})
|
@@ -285,6 +286,7 @@ $.fn.dimmer = function(parameters) {
|
|
285
286
|
.fadeTo(module.get.duration(), settings.opacity, function() {
|
286
287
|
$dimmer.removeAttr('style');
|
287
288
|
module.set.active();
|
289
|
+
settings.onVisible.call($dimmer);
|
288
290
|
callback();
|
289
291
|
})
|
290
292
|
;
|
@@ -310,6 +312,7 @@ $.fn.dimmer = function(parameters) {
|
|
310
312
|
module.remove.dimmed();
|
311
313
|
module.remove.variation();
|
312
314
|
module.remove.active();
|
315
|
+
settings.onHidden.call($dimmer);
|
313
316
|
callback();
|
314
317
|
}
|
315
318
|
})
|
@@ -323,6 +326,7 @@ $.fn.dimmer = function(parameters) {
|
|
323
326
|
module.remove.dimmed();
|
324
327
|
module.remove.active();
|
325
328
|
$dimmer.removeAttr('style');
|
329
|
+
settings.onHidden.call($dimmer);
|
326
330
|
callback();
|
327
331
|
})
|
328
332
|
;
|
@@ -704,6 +708,8 @@ $.fn.dimmer.settings = {
|
|
704
708
|
onChange : function(){},
|
705
709
|
onShow : function(){},
|
706
710
|
onHide : function(){},
|
711
|
+
onVisible : function(){},
|
712
|
+
onHidden : function(){},
|
707
713
|
|
708
714
|
error : {
|
709
715
|
method : 'The method you called is not defined.'
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.202 - Dimmer
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
7
|
* http://opensource.org/licenses/MIT
|
8
8
|
*
|
9
|
-
*/.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:
|
9
|
+
*/.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:all .5s linear;transition:all .5s linear;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer:not(.page){border-radius:inherit}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.ui.dimmer:not(.inverted){scrollbar-face-color:#656565;scrollbar-shadow-color:#656565;scrollbar-track-color:#323232;scrollbar-arrow-color:#323232;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.1)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.page.dimmer{position:fixed;-webkit-transform-style:'';transform-style:'';-webkit-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;transform-origin:center center}.ui.page.dimmer.modals{-moz-perspective:none}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}@supports (not (-webkit-backdrop-filter:none)) and (not (backdrop-filter:none)){.blurring.dimmable>:not(.dimmer){-webkit-filter:initial;filter:initial;-webkit-transition:.8s -webkit-filter ease;transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer):not(.popup){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}}.blurring.dimmable>.dimmer{background:rgba(0,0,0,.6);backdrop-filter:blur(5px) grayscale(.7)}.blurring.dimmable>.inverted.dimmer{background:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.medium.medium.medium.medium.medium.dimmer{background:rgba(0,0,0,.65)}.light.light.light.light.light.dimmer{background:rgba(0,0,0,.45)}.very.light.light.light.light.dimmer{background:rgba(0,0,0,.25)}.ui.inverted.dimmer{background:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content,.ui.inverted.dimmer>.content>*{color:#000}.medium.medium.medium.medium.medium.inverted.dimmer{background:rgba(255,255,255,.65)}.light.light.light.light.light.inverted.dimmer{background:rgba(255,255,255,.45)}.very.light.light.light.light.inverted.dimmer{background:rgba(255,255,255,.25)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:0;width:0;height:0;z-index:-100;background:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background:rgba(255,255,255,.85)}.ui[class*="bottom dimmer"],.ui[class*="center dimmer"],.ui[class*="top dimmer"]{height:auto}.ui[class*="bottom dimmer"]{top:auto!important;bottom:0}.ui[class*="center dimmer"]{top:50%!important;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}.ui.segment>.ui.ui[class*="top dimmer"]{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.segment>.ui.ui[class*="center dimmer"]{border-radius:0}.ui.segment>.ui.ui[class*="bottom dimmer"]{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="center dimmer"].transition[class*="fade up"].in{-webkit-animation-name:fadeInUpCenter;animation-name:fadeInUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].in{-webkit-animation-name:fadeInDownCenter;animation-name:fadeInDownCenter}.ui[class*="center dimmer"].transition[class*="fade up"].out{-webkit-animation-name:fadeOutUpCenter;animation-name:fadeOutUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].out{-webkit-animation-name:fadeOutDownCenter;animation-name:fadeOutDownCenter}.ui[class*="center dimmer"].bounce.transition{-webkit-animation-name:bounceCenter;animation-name:bounceCenter}@-webkit-keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%);-webkit-transform:translateY(calc(-40% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%);-webkit-transform:translateY(calc(-40% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@-webkit-keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%);-webkit-transform:translateY(calc(-60% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%);-webkit-transform:translateY(calc(-60% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@-webkit-keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-45%);-webkit-transform:translateY(calc(-45% - .5px))}}@keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-45%);-webkit-transform:translateY(calc(-45% - .5px))}}@-webkit-keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-55%);-webkit-transform:translateY(calc(-55% - .5px))}}@keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-55%);-webkit-transform:translateY(calc(-55% - .5px))}}@-webkit-keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}40%{-webkit-transform:translateY(calc(-50% - 30px));transform:translateY(calc(-50% - 30px))}60%{-webkit-transform:translateY(calc(-50% - 15px));transform:translateY(calc(-50% - 15px))}}@keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}40%{-webkit-transform:translateY(calc(-50% - 30px));transform:translateY(calc(-50% - 30px))}60%{-webkit-transform:translateY(calc(-50% - 15px));transform:translateY(calc(-50% - 15px))}}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
/*
|
2
|
-
* # Fomantic UI - 2.9.0-beta.
|
2
|
+
* # Fomantic UI - 2.9.0-beta.202
|
3
3
|
* https://github.com/fomantic/Fomantic-UI
|
4
4
|
* http://fomantic-ui.com/
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2022 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
10
10
|
*/
|
11
|
-
!function(T,e,F,D){"use strict";T.isFunction=T.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.dimmer=function(p){var h
|
11
|
+
!function(T,e,F,D){"use strict";T.isFunction=T.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.dimmer=function(p){var b,h=T(this),v=(new Date).getTime(),y=[],C=p,w="string"==typeof C,x=[].slice.call(arguments,1);return h.each(function(){var o,i,s,a=T.isPlainObject(p)?T.extend(!0,{},T.fn.dimmer.settings,p):T.extend({},T.fn.dimmer.settings),n=a.selector,e=a.namespace,t=a.className,d=a.error,r="."+e,m="module-"+e,c=h.selector||"",l="ontouchstart"in F.documentElement?"touchstart":"click",u=T(this),f=this,g=u.data(m);(s={preinitialize:function(){o=s.is.dimmer()?(i=u.parent(),u):(i=u,s.has.dimmer()?a.dimmerName?i.find(n.dimmer).filter("."+a.dimmerName):i.find(n.dimmer):s.create())},initialize:function(){s.debug("Initializing dimmer",a),s.bind.events(),s.set.dimmable(),s.instantiate()},instantiate:function(){s.verbose("Storing instance of module",s),g=s,u.data(m,g)},destroy:function(){s.verbose("Destroying previous module",o),s.unbind.events(),s.remove.variation(),i.off(r)},bind:{events:function(){"hover"==a.on?i.on("mouseenter"+r,s.show).on("mouseleave"+r,s.hide):"click"==a.on&&i.on(l+r,s.toggle),s.is.page()&&(s.debug("Setting as a page dimmer",i),s.set.pageDimmer()),s.is.closable()&&(s.verbose("Adding dimmer close event",o),i.on(l+r,n.dimmer,s.event.click))}},unbind:{events:function(){u.removeData(m),i.off(r)}},event:{click:function(e){s.verbose("Determining if event occurred on dimmer",e),0!==o.find(e.target).length&&!T(e.target).is(n.content)||(s.hide(),e.stopImmediatePropagation())}},addContent:function(e){var i=T(e);s.debug("Add content to dimmer",i),i.parent()[0]!==o[0]&&i.detach().appendTo(o)},create:function(){var e=T(a.template.dimmer(a));return a.dimmerName&&(s.debug("Creating named dimmer",a.dimmerName),e.addClass(a.dimmerName)),e.appendTo(i),e},show:function(e){e=T.isFunction(e)?e:function(){},s.debug("Showing dimmer",o,a),s.set.variation(),s.is.dimmed()&&!s.is.animating()||!s.is.enabled()?s.debug("Dimmer is already shown or disabled"):(s.animate.show(e),a.onShow.call(f),a.onChange.call(f))},hide:function(e){e=T.isFunction(e)?e:function(){},s.is.dimmed()||s.is.animating()?(s.debug("Hiding dimmer",o),s.animate.hide(e),a.onHide.call(f),a.onChange.call(f)):s.debug("Dimmer is not visible")},toggle:function(){s.verbose("Toggling dimmer visibility",o),s.is.dimmed()?s.is.closable()&&s.hide():s.show()},animate:{show:function(e){e=T.isFunction(e)?e:function(){},a.useCSS&&T.fn.transition!==D&&o.transition("is supported")?(a.useFlex?(s.debug("Using flex dimmer"),s.remove.legacy()):(s.debug("Using legacy non-flex dimmer"),s.set.legacy()),"auto"!==a.opacity&&s.set.opacity(),o.transition({displayType:a.useFlex?"flex":"block",animation:(a.transition.showMethod||a.transition)+" in",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.set.dimmed()},onComplete:function(){s.set.active(),a.onVisible.call(o),e()}})):(s.verbose("Showing dimmer animation with javascript"),s.set.dimmed(),"auto"==a.opacity&&(a.opacity=.8),o.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(s.get.duration(),a.opacity,function(){o.removeAttr("style"),s.set.active(),a.onVisible.call(o),e()}))},hide:function(e){e=T.isFunction(e)?e:function(){},a.useCSS&&T.fn.transition!==D&&o.transition("is supported")?(s.verbose("Hiding dimmer with css"),o.transition({displayType:a.useFlex?"flex":"block",animation:(a.transition.hideMethod||a.transition)+" out",queue:!1,duration:s.get.duration(),useFailSafe:!0,onComplete:function(){s.remove.dimmed(),s.remove.variation(),s.remove.active(),a.onHidden.call(o),e()}})):(s.verbose("Hiding dimmer with javascript"),o.stop().fadeOut(s.get.duration(),function(){s.remove.dimmed(),s.remove.active(),o.removeAttr("style"),a.onHidden.call(o),e()}))}},get:{dimmer:function(){return o},duration:function(){return s.is.active()?a.transition.hideDuration||a.duration.hide||a.duration:a.transition.showDuration||a.duration.show||a.duration}},has:{dimmer:function(){return a.dimmerName?0<u.find(n.dimmer).filter("."+a.dimmerName).length:0<u.find(n.dimmer).length}},is:{active:function(){return o.hasClass(t.active)},animating:function(){return o.is(":animated")||o.hasClass(t.animating)},closable:function(){return"auto"==a.closable?"hover"!=a.on:a.closable},dimmer:function(){return u.hasClass(t.dimmer)},dimmable:function(){return u.hasClass(t.dimmable)},dimmed:function(){return i.hasClass(t.dimmed)},disabled:function(){return i.hasClass(t.disabled)},enabled:function(){return!s.is.disabled()},page:function(){return i.is("body")},pageDimmer:function(){return o.hasClass(t.pageDimmer)}},can:{show:function(){return!o.hasClass(t.disabled)}},set:{opacity:function(e){var i=o.css("background-color"),n=i.split(","),t=n&&3<=n.length;e=0===a.opacity?0:a.opacity||e,i=t?(n[2]=n[2].replace(")",""),n[3]=e+")",n.join(",")):"rgba(0, 0, 0, "+e+")",s.debug("Setting opacity to",e),o.css("background-color",i)},legacy:function(){o.addClass(t.legacy)},active:function(){o.addClass(t.active)},dimmable:function(){i.addClass(t.dimmable)},dimmed:function(){i.addClass(t.dimmed)},pageDimmer:function(){o.addClass(t.pageDimmer)},disabled:function(){o.addClass(t.disabled)},variation:function(e){(e=e||a.variation)&&o.addClass(e)}},remove:{active:function(){o.removeClass(t.active)},legacy:function(){o.removeClass(t.legacy)},dimmed:function(){i.removeClass(t.dimmed)},disabled:function(){o.removeClass(t.disabled)},variation:function(e){(e=e||a.variation)&&o.removeClass(e)}},setting:function(e,i){if(s.debug("Changing setting",e,i),T.isPlainObject(e))T.extend(!0,a,e);else{if(i===D)return a[e];T.isPlainObject(a[e])?T.extend(!0,a[e],i):a[e]=i}},internal:function(e,i){if(T.isPlainObject(e))T.extend(!0,s,e);else{if(i===D)return s[e];s[e]=i}},debug:function(){!a.silent&&a.debug&&(a.performance?s.performance.log(arguments):(s.debug=Function.prototype.bind.call(console.info,console,a.name+":"),s.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?s.performance.log(arguments):(s.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),s.verbose.apply(console,arguments)))},error:function(){a.silent||(s.error=Function.prototype.bind.call(console.error,console,a.name+":"),s.error.apply(console,arguments))},performance:{log:function(e){var i,n;a.performance&&(n=(i=(new Date).getTime())-(v||i),v=i,y.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:f,"Execution Time":n})),clearTimeout(s.performance.timer),s.performance.timer=setTimeout(s.performance.display,500)},display:function(){var e=a.name+":",n=0;v=!1,clearTimeout(s.performance.timer),T.each(y,function(e,i){n+=i["Execution Time"]}),e+=" "+n+"ms",c&&(e+=" '"+c+"'"),1<h.length&&(e+=" ("+h.length+")"),(console.group!==D||console.table!==D)&&0<y.length&&(console.groupCollapsed(e),console.table?console.table(y):T.each(y,function(e,i){console.log(i.Name+": "+i["Execution Time"]+"ms")}),console.groupEnd()),y=[]}},invoke:function(t,e,i){var o,a,n,r=g;return e=e||x,i=f||i,"string"==typeof t&&r!==D&&(t=t.split(/[\. ]/),o=t.length-1,T.each(t,function(e,i){var n=e!=o?i+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(T.isPlainObject(r[n])&&e!=o)r=r[n];else{if(r[n]!==D)return a=r[n],!1;if(!T.isPlainObject(r[i])||e==o)return r[i]!==D?a=r[i]:s.error(d.method,t),!1;r=r[i]}})),T.isFunction(a)?n=a.apply(i,e):a!==D&&(n=a),Array.isArray(b)?b.push(n):b!==D?b=[b,n]:n!==D&&(b=n),a}}).preinitialize(),w?(g===D&&s.initialize(),s.invoke(C)):(g!==D&&g.invoke("destroy"),s.initialize())}),b!==D?b:this},T.fn.dimmer.settings={name:"Dimmer",namespace:"dimmer",silent:!1,debug:!1,verbose:!1,performance:!0,useFlex:!0,dimmerName:!1,variation:!1,closable:"auto",useCSS:!0,transition:"fade",on:!1,opacity:"auto",duration:{show:500,hide:500},displayLoader:!1,loaderText:!1,loaderVariation:"",onChange:function(){},onShow:function(){},onHide:function(){},onVisible:function(){},onHidden:function(){},error:{method:"The method you called is not defined."},className:{active:"active",animating:"animating",dimmable:"dimmable",dimmed:"dimmed",dimmer:"dimmer",disabled:"disabled",hide:"hide",legacy:"legacy",pageDimmer:"page",show:"show",loader:"ui loader"},selector:{dimmer:"> .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(e){var i,n=T("<div/>").addClass("ui dimmer");return e.displayLoader&&(i=T("<div/>").addClass(e.className.loader).addClass(e.loaderVariation),e.loaderText&&(i.text(e.loaderText),i.addClass("text")),n.append(i)),n}}}}(jQuery,window,document);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.202 - Dropdown
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -123,7 +123,7 @@
|
|
123
123
|
line-height: 1em;
|
124
124
|
font-size: 1rem;
|
125
125
|
color: rgba(0, 0, 0, 0.87);
|
126
|
-
padding: 0.78571429rem 1.14285714rem
|
126
|
+
padding: 0.78571429rem 1.14285714rem;
|
127
127
|
text-transform: none;
|
128
128
|
font-weight: normal;
|
129
129
|
-webkit-box-shadow: none;
|
@@ -365,9 +365,15 @@
|
|
365
365
|
.ui.dropdown.icon.button > .dropdown.icon {
|
366
366
|
margin: 0;
|
367
367
|
}
|
368
|
-
.ui.button
|
368
|
+
.ui.dropdown.button .menu {
|
369
369
|
min-width: 100%;
|
370
370
|
}
|
371
|
+
.ui.dropdown.button:not(.pointing):not(.floating).active {
|
372
|
+
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
373
|
+
}
|
374
|
+
.ui.dropdown.button:not(.pointing):not(.floating) > .menu {
|
375
|
+
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
376
|
+
}
|
371
377
|
|
372
378
|
|
373
379
|
/*******************************
|
@@ -540,7 +546,7 @@ select.ui.dropdown {
|
|
540
546
|
/* Menu Item */
|
541
547
|
.ui.selection.dropdown .menu > .item {
|
542
548
|
border-top: 1px solid #FAFAFA;
|
543
|
-
padding: 0.78571429rem 1.14285714rem
|
549
|
+
padding: 0.78571429rem 1.14285714rem;
|
544
550
|
white-space: normal;
|
545
551
|
word-wrap: normal;
|
546
552
|
}
|
@@ -1301,7 +1307,6 @@ select.ui.dropdown {
|
|
1301
1307
|
bottom: 100%;
|
1302
1308
|
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1303
1309
|
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1304
|
-
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
1305
1310
|
}
|
1306
1311
|
|
1307
1312
|
/* Upward Sub Menu */
|
@@ -1315,7 +1320,12 @@ select.ui.dropdown {
|
|
1315
1320
|
.ui.simple.upward.dropdown:hover {
|
1316
1321
|
border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
|
1317
1322
|
}
|
1323
|
+
|
1324
|
+
/* Button */
|
1318
1325
|
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
|
1326
|
+
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
1327
|
+
}
|
1328
|
+
.ui.upward.dropdown.button:not(.pointing):not(.floating) > .menu {
|
1319
1329
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
1320
1330
|
}
|
1321
1331
|
|
@@ -1325,6 +1335,7 @@ select.ui.dropdown {
|
|
1325
1335
|
border-bottom-width: 0 !important;
|
1326
1336
|
-webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1327
1337
|
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1338
|
+
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
1328
1339
|
}
|
1329
1340
|
.ui.upward.selection.dropdown:hover {
|
1330
1341
|
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
|
@@ -1454,8 +1465,8 @@ select.ui.dropdown {
|
|
1454
1465
|
}
|
1455
1466
|
|
1456
1467
|
/*--------------
|
1457
|
-
|
1458
|
-
---------------*/
|
1468
|
+
Columnar
|
1469
|
+
---------------*/
|
1459
1470
|
|
1460
1471
|
.ui.column.dropdown > .menu {
|
1461
1472
|
-ms-flex-wrap: wrap;
|
@@ -1985,6 +1996,18 @@ select.ui.dropdown {
|
|
1985
1996
|
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
|
1986
1997
|
background: rgba(255, 255, 255, 0.35);
|
1987
1998
|
}
|
1999
|
+
.ui.dropdown .inverted.menu,
|
2000
|
+
.ui.inverted.dropdown .menu {
|
2001
|
+
|
2002
|
+
/* IE11 */
|
2003
|
+
scrollbar-face-color: #656565;
|
2004
|
+
scrollbar-shadow-color: #656565;
|
2005
|
+
scrollbar-track-color: #323232;
|
2006
|
+
scrollbar-arrow-color: #323232;
|
2007
|
+
|
2008
|
+
/* firefox : first color thumb, second track */
|
2009
|
+
scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
|
2010
|
+
}
|
1988
2011
|
.ui.pointing.dropdown > .inverted.menu:after,
|
1989
2012
|
.ui.inverted.pointing.dropdown > .menu:after {
|
1990
2013
|
background: #1B1C1D;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.202 - Dropdown
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -200,6 +200,7 @@ $.fn.dropdown = function(parameters) {
|
|
200
200
|
select: function() {
|
201
201
|
if(module.has.input() && selectObserver) {
|
202
202
|
selectObserver.observe($module[0], {
|
203
|
+
attributes: true,
|
203
204
|
childList : true,
|
204
205
|
subtree : true
|
205
206
|
});
|
@@ -421,6 +422,9 @@ $.fn.dropdown = function(parameters) {
|
|
421
422
|
module.debug('Disabling dropdown');
|
422
423
|
$module.addClass(className.disabled);
|
423
424
|
}
|
425
|
+
if($input.is('[required]')) {
|
426
|
+
settings.forceSelection = true;
|
427
|
+
}
|
424
428
|
$input
|
425
429
|
.removeAttr('required')
|
426
430
|
.removeAttr('class')
|
@@ -560,7 +564,7 @@ $.fn.dropdown = function(parameters) {
|
|
560
564
|
if(settings.onHide.call(element) !== false) {
|
561
565
|
module.animate.hide(function() {
|
562
566
|
module.remove.visible();
|
563
|
-
//
|
567
|
+
// hiding search focus
|
564
568
|
if ( module.is.focusedOnSearch() && preventBlur !== true ) {
|
565
569
|
$search.blur();
|
566
570
|
}
|
@@ -625,6 +629,11 @@ $.fn.dropdown = function(parameters) {
|
|
625
629
|
$module
|
626
630
|
.on('change' + eventNamespace, selector.input, module.event.change)
|
627
631
|
;
|
632
|
+
if(module.is.multiple() && module.is.searchSelection()) {
|
633
|
+
$module
|
634
|
+
.on('paste' + eventNamespace, selector.search, module.event.paste)
|
635
|
+
;
|
636
|
+
}
|
628
637
|
},
|
629
638
|
mouseEvents: function() {
|
630
639
|
module.verbose('Binding mouse events');
|
@@ -844,7 +853,7 @@ $.fn.dropdown = function(parameters) {
|
|
844
853
|
var value = module.is.multiple() ? module.get.values() : module.get.value();
|
845
854
|
if (value !== '') {
|
846
855
|
module.verbose('Value(s) present after click icon, select value(s) in items');
|
847
|
-
module.set.selected(value, null,
|
856
|
+
module.set.selected(value, null, true, true);
|
848
857
|
}
|
849
858
|
}
|
850
859
|
iconClicked = false;
|
@@ -1073,6 +1082,15 @@ $.fn.dropdown = function(parameters) {
|
|
1073
1082
|
},
|
1074
1083
|
|
1075
1084
|
event: {
|
1085
|
+
paste: function(event) {
|
1086
|
+
var pasteValue = (event.originalEvent.clipboardData || window.clipboardData).getData('text'),
|
1087
|
+
tokens = pasteValue.split(settings.delimiter)
|
1088
|
+
;
|
1089
|
+
tokens.forEach(function(value){
|
1090
|
+
module.set.selected(module.escape.htmlEntities(value.trim()), null, true, true);
|
1091
|
+
});
|
1092
|
+
event.preventDefault();
|
1093
|
+
},
|
1076
1094
|
change: function() {
|
1077
1095
|
if(!internalChange) {
|
1078
1096
|
module.debug('Input changed, updating selection');
|
@@ -1285,8 +1303,8 @@ $.fn.dropdown = function(parameters) {
|
|
1285
1303
|
},
|
1286
1304
|
select: {
|
1287
1305
|
mutation: function(mutations) {
|
1288
|
-
module.debug('<select> modified, recreating menu');
|
1289
1306
|
if(module.is.selectMutation(mutations)) {
|
1307
|
+
module.debug('<select> modified, recreating menu');
|
1290
1308
|
module.disconnect.selectObserver();
|
1291
1309
|
module.refresh();
|
1292
1310
|
module.setup.select();
|
@@ -1531,7 +1549,7 @@ $.fn.dropdown = function(parameters) {
|
|
1531
1549
|
hasSubMenu = ($subMenu.length> 0),
|
1532
1550
|
hasSelectedItem = ($selectedItem.length > 0),
|
1533
1551
|
selectedIsSelectable = ($selectedItem.not(selector.unselectable).length > 0),
|
1534
|
-
delimiterPressed = (pressedKey == keys.delimiter &&
|
1552
|
+
delimiterPressed = (pressedKey == keys.delimiter && module.is.multiple()),
|
1535
1553
|
isAdditionWithoutMenu = (settings.allowAdditions && settings.hideAdditions && (pressedKey == keys.enter || delimiterPressed) && selectedIsSelectable),
|
1536
1554
|
$nextItem,
|
1537
1555
|
isSubMenuItem,
|
@@ -1629,7 +1647,7 @@ $.fn.dropdown = function(parameters) {
|
|
1629
1647
|
.addClass(className.selected)
|
1630
1648
|
;
|
1631
1649
|
module.set.scrollPosition($nextItem);
|
1632
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
1650
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
1633
1651
|
module.set.selectedItem($nextItem);
|
1634
1652
|
}
|
1635
1653
|
}
|
@@ -1656,7 +1674,7 @@ $.fn.dropdown = function(parameters) {
|
|
1656
1674
|
.addClass(className.selected)
|
1657
1675
|
;
|
1658
1676
|
module.set.scrollPosition($nextItem);
|
1659
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
1677
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
1660
1678
|
module.set.selectedItem($nextItem);
|
1661
1679
|
}
|
1662
1680
|
}
|
@@ -1787,7 +1805,7 @@ $.fn.dropdown = function(parameters) {
|
|
1787
1805
|
;
|
1788
1806
|
if( module.can.activate( $(element) ) ) {
|
1789
1807
|
module.set.selected(value, $(element));
|
1790
|
-
if(!module.is.multiple()) {
|
1808
|
+
if(!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
|
1791
1809
|
module.hideAndClear();
|
1792
1810
|
}
|
1793
1811
|
}
|
@@ -1800,7 +1818,7 @@ $.fn.dropdown = function(parameters) {
|
|
1800
1818
|
;
|
1801
1819
|
if( module.can.activate( $(element) ) ) {
|
1802
1820
|
module.set.value(value, text, $(element));
|
1803
|
-
if(!module.is.multiple()) {
|
1821
|
+
if(!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
|
1804
1822
|
module.hideAndClear();
|
1805
1823
|
}
|
1806
1824
|
}
|
@@ -2320,7 +2338,7 @@ $.fn.dropdown = function(parameters) {
|
|
2320
2338
|
module.error(error.noStorage);
|
2321
2339
|
return;
|
2322
2340
|
}
|
2323
|
-
name = sessionStorage.getItem(value);
|
2341
|
+
name = sessionStorage.getItem(value + elementNamespace);
|
2324
2342
|
return (name !== undefined)
|
2325
2343
|
? name
|
2326
2344
|
: false
|
@@ -2364,7 +2382,7 @@ $.fn.dropdown = function(parameters) {
|
|
2364
2382
|
return;
|
2365
2383
|
}
|
2366
2384
|
module.verbose('Saving remote data to session storage', value, name);
|
2367
|
-
sessionStorage.setItem(value, name);
|
2385
|
+
sessionStorage.setItem(value + elementNamespace, name);
|
2368
2386
|
}
|
2369
2387
|
},
|
2370
2388
|
|
@@ -2424,7 +2442,7 @@ $.fn.dropdown = function(parameters) {
|
|
2424
2442
|
$nextSelectedItem
|
2425
2443
|
.addClass(className.selected)
|
2426
2444
|
;
|
2427
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
2445
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
2428
2446
|
module.set.selectedItem($nextSelectedItem);
|
2429
2447
|
}
|
2430
2448
|
$menu
|
@@ -2627,7 +2645,7 @@ $.fn.dropdown = function(parameters) {
|
|
2627
2645
|
module.set.scrollPosition($nextValue);
|
2628
2646
|
$selectedItem.removeClass(className.selected);
|
2629
2647
|
$nextValue.addClass(className.selected);
|
2630
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
2648
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
2631
2649
|
module.set.selectedItem($nextValue);
|
2632
2650
|
}
|
2633
2651
|
}
|
@@ -2765,17 +2783,24 @@ $.fn.dropdown = function(parameters) {
|
|
2765
2783
|
|
2766
2784
|
isFiltered = $selected.hasClass(className.filtered),
|
2767
2785
|
isActive = $selected.hasClass(className.active),
|
2786
|
+
isActionable = $selected.hasClass(className.actionable),
|
2768
2787
|
isUserValue = $selected.hasClass(className.addition),
|
2769
2788
|
shouldAnimate = (isMultiple && $selectedItem.length == 1)
|
2770
2789
|
;
|
2771
|
-
if(
|
2790
|
+
if(isActionable){
|
2791
|
+
if((!isMultiple || (!isActive || isUserValue)) && settings.apiSettings && settings.saveRemoteData) {
|
2792
|
+
module.save.remoteData(selectedText, selectedValue);
|
2793
|
+
}
|
2794
|
+
settings.onActionable.call(element, selectedValue, selectedText, $selected);
|
2795
|
+
}
|
2796
|
+
else if(isMultiple) {
|
2772
2797
|
if(!isActive || isUserValue) {
|
2773
2798
|
if(settings.apiSettings && settings.saveRemoteData) {
|
2774
2799
|
module.save.remoteData(selectedText, selectedValue);
|
2775
2800
|
}
|
2776
2801
|
if(settings.useLabels) {
|
2777
|
-
module.add.label(selectedValue, selectedText, shouldAnimate);
|
2778
2802
|
module.add.value(selectedValue, selectedText, $selected);
|
2803
|
+
module.add.label(selectedValue, selectedText, shouldAnimate);
|
2779
2804
|
module.set.activeItem($selected);
|
2780
2805
|
module.filterActive();
|
2781
2806
|
module.select.nextAvailable($selectedItem);
|
@@ -2795,7 +2820,7 @@ $.fn.dropdown = function(parameters) {
|
|
2795
2820
|
if(settings.apiSettings && settings.saveRemoteData) {
|
2796
2821
|
module.save.remoteData(selectedText, selectedValue);
|
2797
2822
|
}
|
2798
|
-
if (!keepSearchTerm) {
|
2823
|
+
if (!keepSearchTerm && !$selected.hasClass(className.actionable)) {
|
2799
2824
|
module.set.text(selectedText);
|
2800
2825
|
}
|
2801
2826
|
module.set.value(selectedValue, selectedText, $selected, preventChangeTrigger);
|
@@ -2985,7 +3010,7 @@ $.fn.dropdown = function(parameters) {
|
|
2985
3010
|
}
|
2986
3011
|
// extend current array
|
2987
3012
|
if(Array.isArray(currentValue)) {
|
2988
|
-
newValue = currentValue.concat([addedValue]);
|
3013
|
+
newValue = $selectedItem.hasClass(className.actionable) ? currentValue : currentValue.concat([addedValue]);
|
2989
3014
|
newValue = module.get.uniqueArray(newValue);
|
2990
3015
|
}
|
2991
3016
|
else {
|
@@ -3069,18 +3094,10 @@ $.fn.dropdown = function(parameters) {
|
|
3069
3094
|
return;
|
3070
3095
|
}
|
3071
3096
|
// temporarily disconnect observer
|
3072
|
-
|
3073
|
-
selectObserver.disconnect();
|
3074
|
-
module.verbose('Temporarily disconnecting mutation observer');
|
3075
|
-
}
|
3097
|
+
module.disconnect.selectObserver();
|
3076
3098
|
$option.remove();
|
3077
3099
|
module.verbose('Removing user addition as an <option>', escapedValue);
|
3078
|
-
|
3079
|
-
selectObserver.observe($input[0], {
|
3080
|
-
childList : true,
|
3081
|
-
subtree : true
|
3082
|
-
});
|
3083
|
-
}
|
3100
|
+
module.observe.select();
|
3084
3101
|
},
|
3085
3102
|
message: function() {
|
3086
3103
|
$menu.children(selector.message).remove();
|
@@ -3445,7 +3462,7 @@ $.fn.dropdown = function(parameters) {
|
|
3445
3462
|
selectChanged = false
|
3446
3463
|
;
|
3447
3464
|
$.each(mutations, function(index, mutation) {
|
3448
|
-
if($(mutation.target).is('select') || $(mutation.addedNodes).is('select')) {
|
3465
|
+
if($(mutation.target).is('select, option, optgroup') || $(mutation.addedNodes).is('select')) {
|
3449
3466
|
selectChanged = true;
|
3450
3467
|
return false;
|
3451
3468
|
}
|
@@ -3990,7 +4007,7 @@ $.fn.dropdown.settings = {
|
|
3990
4007
|
keepOnScreen : true, // Whether dropdown should check whether it is on screen before showing
|
3991
4008
|
|
3992
4009
|
match : 'both', // what to match against with search selection (both, text, or label)
|
3993
|
-
fullTextSearch :
|
4010
|
+
fullTextSearch : 'exact', // search anywhere in value (set to 'exact' to require exact matches)
|
3994
4011
|
ignoreDiacritics : false, // match results also if they contain diacritics of the same base character (for example searching for "a" will also match "á" or "â" or "à", etc...)
|
3995
4012
|
hideDividers : false, // Whether to hide any divider elements (specified in selector.divider) that are sibling to any items when searched (set to true will hide all dividers, set to 'empty' will hide them when they are not followed by a visible item)
|
3996
4013
|
|
@@ -3998,7 +4015,7 @@ $.fn.dropdown.settings = {
|
|
3998
4015
|
preserveHTML : true, // preserve html when selecting value
|
3999
4016
|
sortSelect : false, // sort selection on init
|
4000
4017
|
|
4001
|
-
forceSelection :
|
4018
|
+
forceSelection : false, // force a choice on blur with search selection
|
4002
4019
|
|
4003
4020
|
allowAdditions : false, // whether multiple select should allow user added values
|
4004
4021
|
ignoreCase : false, // whether to consider case sensitivity when creating labels
|
@@ -4009,7 +4026,7 @@ $.fn.dropdown.settings = {
|
|
4009
4026
|
useLabels : true, // whether multiple select should filter currently active selections from choices
|
4010
4027
|
delimiter : ',', // when multiselect uses normal <input> the values will be delimited with this character
|
4011
4028
|
|
4012
|
-
showOnFocus :
|
4029
|
+
showOnFocus : false, // show menu on focus
|
4013
4030
|
allowReselection : false, // whether current value should trigger callbacks when reselected
|
4014
4031
|
allowTab : true, // add tabindex to element
|
4015
4032
|
allowCategorySelection : false, // allow elements with sub-menus to be selected
|
@@ -4024,6 +4041,8 @@ $.fn.dropdown.settings = {
|
|
4024
4041
|
|
4025
4042
|
headerDivider : true, // whether option headers should have an additional divider line underneath when converted from <select> <optgroup>
|
4026
4043
|
|
4044
|
+
collapseOnActionable : true, // whether the dropdown should collapse upon selection of an actionable item
|
4045
|
+
|
4027
4046
|
// label settings on multi-select
|
4028
4047
|
label: {
|
4029
4048
|
transition : 'scale',
|
@@ -4043,6 +4062,7 @@ $.fn.dropdown.settings = {
|
|
4043
4062
|
onChange : function(value, text, $selected){},
|
4044
4063
|
onAdd : function(value, text, $selected){},
|
4045
4064
|
onRemove : function(value, text, $selected){},
|
4065
|
+
onActionable : function(value, text, $selected){},
|
4046
4066
|
onSearch : function(searchTerm){},
|
4047
4067
|
|
4048
4068
|
onLabelSelect : function($selectedLabels){},
|
@@ -4105,7 +4125,8 @@ $.fn.dropdown.settings = {
|
|
4105
4125
|
icon : 'icon', // optional icon name
|
4106
4126
|
iconClass : 'iconClass', // optional individual class for icon (for example to use flag instead)
|
4107
4127
|
class : 'class', // optional individual class for item/header
|
4108
|
-
divider : 'divider' // optional divider append for group headers
|
4128
|
+
divider : 'divider', // optional divider append for group headers
|
4129
|
+
actionable : 'actionable' // optional actionable item
|
4109
4130
|
},
|
4110
4131
|
|
4111
4132
|
keys : {
|
@@ -4177,7 +4198,8 @@ $.fn.dropdown.settings = {
|
|
4177
4198
|
header : 'header',
|
4178
4199
|
divider : 'divider',
|
4179
4200
|
groupIcon : '',
|
4180
|
-
unfilterable : 'unfilterable'
|
4201
|
+
unfilterable : 'unfilterable',
|
4202
|
+
actionable : 'actionable'
|
4181
4203
|
}
|
4182
4204
|
|
4183
4205
|
};
|
@@ -4252,6 +4274,9 @@ $.fn.dropdown.settings.templates = {
|
|
4252
4274
|
maybeText = (option[fields.text])
|
4253
4275
|
? ' data-text="' + deQuote(option[fields.text],true) + '"'
|
4254
4276
|
: '',
|
4277
|
+
maybeActionable = (option[fields.actionable])
|
4278
|
+
? className.actionable+' '
|
4279
|
+
: '',
|
4255
4280
|
maybeDisabled = (option[fields.disabled])
|
4256
4281
|
? className.disabled+' '
|
4257
4282
|
: '',
|
@@ -4260,7 +4285,7 @@ $.fn.dropdown.settings.templates = {
|
|
4260
4285
|
: '',
|
4261
4286
|
hasDescription = (escape(option[fields.description] || '', preserveHTML) != '')
|
4262
4287
|
;
|
4263
|
-
html += '<div class="'+ maybeDisabled + maybeDescriptionVertical + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value],true) + '"' + maybeText + '>';
|
4288
|
+
html += '<div class="'+ maybeActionable + maybeDisabled + maybeDescriptionVertical + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value],true) + '"' + maybeText + '>';
|
4264
4289
|
if (isMenu) {
|
4265
4290
|
html += '<i class="'+ (itemType.indexOf('left') !== -1 ? 'left' : '') + ' dropdown icon"></i>';
|
4266
4291
|
}
|