fomantic-ui 2.10.0-beta.2 → 2.10.0-beta.4
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 +9 -0
- package/CONTRIBUTING.md +4 -1
- package/CONTRIBUTORS.md +1 -0
- package/FAQ.md +7 -2
- package/README.md +1 -4
- package/ROADMAP.md +4 -4
- package/SECURITY.md +8 -7
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +6 -6
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +1 -2
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +1 -2
- package/dist/components/calendar.js +7 -7
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +2 -2
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -2
- package/dist/components/checkbox.js +1 -9
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +2 -2
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +2 -4
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +1 -11
- package/dist/components/dimmer.js +4 -4
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +1 -2
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +24 -47
- package/dist/components/dropdown.js +30 -34
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +2 -2
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +1 -1
- package/dist/components/emoji.css +1 -1
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +1 -1
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +2 -3
- package/dist/components/flyout.js +5 -45
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +5 -95
- package/dist/components/form.js +11 -16
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +2 -58
- 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 +4 -4
- 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 +1 -536
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +1 -1
- 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 -3
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/menu.css +1 -9
- package/dist/components/menu.min.css +2 -2
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +5 -9
- package/dist/components/modal.js +6 -30
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +2 -2
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -2
- package/dist/components/popup.js +8 -8
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +7 -7
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- 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 +2 -9
- package/dist/components/search.js +8 -8
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +2 -7
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -2
- package/dist/components/shape.js +2 -2
- package/dist/components/shape.min.css +2 -2
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +2 -3
- package/dist/components/sidebar.js +3 -44
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +9 -25
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +5 -5
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +3 -3
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +5 -5
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +10 -10
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +3 -37
- 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 +1 -3
- package/dist/components/toast.js +5 -5
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +6 -6
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +2 -2
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +92 -1100
- package/dist/semantic.js +142 -264
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +3 -4
- package/src/README.md +3 -3
- package/src/definitions/behaviors/api.js +5 -5
- package/src/definitions/behaviors/form.js +10 -15
- package/src/definitions/behaviors/state.js +2 -2
- package/src/definitions/behaviors/visibility.js +1 -1
- package/src/definitions/collections/form.less +1 -13
- package/src/definitions/collections/grid.less +1 -61
- package/src/definitions/collections/menu.less +0 -11
- package/src/definitions/collections/table.less +1 -35
- package/src/definitions/elements/input.less +1 -61
- package/src/definitions/elements/segment.less +0 -6
- package/src/definitions/globals/site.less +2 -18
- package/src/definitions/modules/calendar.js +6 -6
- package/src/definitions/modules/checkbox.js +0 -8
- package/src/definitions/modules/dimmer.js +3 -3
- package/src/definitions/modules/dimmer.less +0 -9
- package/src/definitions/modules/dropdown.js +29 -33
- package/src/definitions/modules/dropdown.less +20 -42
- package/src/definitions/modules/embed.js +1 -1
- package/src/definitions/modules/flyout.js +4 -44
- package/src/definitions/modules/modal.js +5 -29
- package/src/definitions/modules/modal.less +1 -1
- package/src/definitions/modules/nag.js +1 -1
- package/src/definitions/modules/popup.js +7 -7
- package/src/definitions/modules/progress.js +6 -6
- package/src/definitions/modules/search.js +7 -7
- package/src/definitions/modules/search.less +0 -3
- package/src/definitions/modules/shape.js +1 -1
- package/src/definitions/modules/sidebar.js +2 -43
- package/src/definitions/modules/slider.js +4 -4
- package/src/definitions/modules/slider.less +1 -1
- package/src/definitions/modules/sticky.js +4 -4
- package/src/definitions/modules/tab.js +9 -9
- package/src/definitions/modules/toast.js +4 -4
- package/src/definitions/modules/toast.less +1 -1
- package/src/definitions/modules/transition.js +5 -5
- package/src/theme.less +0 -13
- package/src/themes/basic/elements/icon.variables +1 -1
- package/src/themes/default/collections/grid.variables +0 -30
- package/src/themes/default/collections/table.variables +1 -5
- package/src/themes/default/elements/icon.variables +3 -3
- package/src/themes/default/globals/site.variables +8 -15
- package/src/themes/default/globals/variation.variables +0 -1
- package/src/themes/default/modules/slider.variables +1 -1
- package/src/themes/github/elements/icon.variables +1 -1
- package/src/themes/material/elements/icon.variables +1 -1
- package/tasks/README.md +1 -1
- package/tasks/admin/components/create.js +1 -14
- package/tasks/admin/components/init.js +12 -37
- package/tasks/admin/components/update.js +7 -11
- package/tasks/admin/distributions/create.js +1 -11
- package/tasks/admin/distributions/init.js +10 -35
- package/tasks/admin/distributions/update.js +7 -8
- package/tasks/admin/publish.js +1 -1
- package/tasks/admin/register.js +3 -4
- package/tasks/admin/release.js +2 -2
- package/tasks/build/css.js +5 -5
- package/tasks/build/javascript.js +3 -3
- package/tasks/check-install.js +0 -1
- package/tasks/clean.js +5 -5
- package/tasks/collections/admin.js +1 -1
- package/tasks/collections/docs.js +2 -2
- package/tasks/config/admin/github.js +2 -10
- package/tasks/config/admin/templates/README.md +2 -2
- package/tasks/config/admin/templates/bower.json +2 -4
- package/tasks/config/admin/templates/composer.json +1 -1
- package/tasks/config/admin/templates/css-package.js +0 -1
- package/tasks/config/project/config.js +6 -6
- package/tasks/config/project/install.js +3 -4
- package/tasks/config/project/release.js +1 -1
- package/tasks/config/tasks.js +2 -9
- package/tasks/config/user.js +2 -4
- package/tasks/docs/metadata.js +8 -11
- package/tasks/docs/serve.js +3 -1
- package/tasks/install.js +14 -20
- package/tasks/rtl/watch.js +1 -1
- package/tasks/watch.js +4 -2
- package/types/fomantic-ui-calendar.d.ts +1 -1
- package/types/fomantic-ui-dropdown.d.ts +1 -1
- package/types/fomantic-ui-flyout.d.ts +1 -1
- package/types/fomantic-ui-form.d.ts +0 -7
- package/types/fomantic-ui-modal.d.ts +1 -1
- package/types/fomantic-ui-search.d.ts +6 -0
- package/types/fomantic-ui-toast.d.ts +1 -1
- package/src/themes/basic/assets/fonts/icons.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
- package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
- package/src/themes/default/assets/fonts/icons.woff +0 -0
- package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
- package/src/themes/github/assets/fonts/octicons.woff +0 -0
- package/src/themes/material/assets/fonts/icons.woff +0 -0
@@ -333,8 +333,6 @@
|
|
333
333
|
module.set.enabled();
|
334
334
|
if (!module.should.ignoreCallbacks()) {
|
335
335
|
settings.onEnable.call(input);
|
336
|
-
// preserve legacy callbacks
|
337
|
-
settings.onEnabled.call(input);
|
338
336
|
}
|
339
337
|
},
|
340
338
|
|
@@ -348,8 +346,6 @@
|
|
348
346
|
module.set.disabled();
|
349
347
|
if (!module.should.ignoreCallbacks()) {
|
350
348
|
settings.onDisable.call(input);
|
351
|
-
// preserve legacy callbacks
|
352
|
-
settings.onDisabled.call(input);
|
353
349
|
}
|
354
350
|
},
|
355
351
|
|
@@ -859,10 +855,6 @@
|
|
859
855
|
onEnable: function () {},
|
860
856
|
onDisable: function () {},
|
861
857
|
|
862
|
-
// preserve misspelled callbacks (will be removed in 3.0)
|
863
|
-
onEnabled: function () {},
|
864
|
-
onDisabled: function () {},
|
865
|
-
|
866
858
|
className: {
|
867
859
|
checked: 'checked',
|
868
860
|
indeterminate: 'indeterminate',
|
@@ -643,7 +643,7 @@
|
|
643
643
|
verbose: false,
|
644
644
|
performance: true,
|
645
645
|
|
646
|
-
// whether should
|
646
|
+
// whether flex layout should be used
|
647
647
|
useFlex: true,
|
648
648
|
|
649
649
|
// name to distinguish between multiple dimmers in context
|
@@ -655,10 +655,10 @@
|
|
655
655
|
// whether to bind close events
|
656
656
|
closable: 'auto',
|
657
657
|
|
658
|
-
// whether to use
|
658
|
+
// whether to use CSS animations
|
659
659
|
useCSS: true,
|
660
660
|
|
661
|
-
//
|
661
|
+
// CSS animation to use
|
662
662
|
transition: 'fade',
|
663
663
|
|
664
664
|
// event to bind to
|
@@ -77,15 +77,6 @@
|
|
77
77
|
.ui.dimmer@{notInverted}::-webkit-scrollbar-thumb:hover {
|
78
78
|
background: @thumbInvertedHoverBackground;
|
79
79
|
}
|
80
|
-
& when (@supportIE) {
|
81
|
-
.ui.dimmer@{notInverted} {
|
82
|
-
/* IE11 */
|
83
|
-
scrollbar-face-color: @thumbInvertedBackgroundHex;
|
84
|
-
scrollbar-shadow-color: @thumbInvertedBackgroundHex;
|
85
|
-
scrollbar-track-color: @trackInvertedBackgroundHex;
|
86
|
-
scrollbar-arrow-color: @trackInvertedBackgroundHex;
|
87
|
-
}
|
88
|
-
}
|
89
80
|
@supports (-moz-appearance: none) {
|
90
81
|
.ui.dimmer@{notInverted} {
|
91
82
|
/* firefox: first color thumb, second track */
|
@@ -464,7 +464,7 @@
|
|
464
464
|
$firstModules = $allModules.slice(0, elementIndex),
|
465
465
|
$lastModules = $allModules.slice(elementIndex + 1)
|
466
466
|
;
|
467
|
-
// adjust all modules to use correct reference
|
467
|
+
// adjust all modules to use the correct reference
|
468
468
|
$allModules = $firstModules.add($module).add($lastModules);
|
469
469
|
},
|
470
470
|
},
|
@@ -1171,7 +1171,7 @@
|
|
1171
1171
|
},
|
1172
1172
|
mousedown: function () {
|
1173
1173
|
if (module.is.searchSelection(true)) {
|
1174
|
-
// prevent menu hiding on immediate re-focus
|
1174
|
+
// prevent the menu hiding on immediate re-focus
|
1175
1175
|
willRefocus = true;
|
1176
1176
|
} else {
|
1177
1177
|
// prevents focus callback from occurring on mousedown
|
@@ -1180,7 +1180,7 @@
|
|
1180
1180
|
},
|
1181
1181
|
mouseup: function () {
|
1182
1182
|
if (module.is.searchSelection(true)) {
|
1183
|
-
// prevent menu hiding on immediate re-focus
|
1183
|
+
// prevent the menu hiding on immediate re-focus
|
1184
1184
|
willRefocus = false;
|
1185
1185
|
} else {
|
1186
1186
|
activated = false;
|
@@ -1436,7 +1436,6 @@
|
|
1436
1436
|
hasSubMenu = $subMenu.length > 0,
|
1437
1437
|
isBubbledEvent = $subMenu.find($target).length > 0
|
1438
1438
|
;
|
1439
|
-
// prevents IE11 bug where menu receives focus even though `tabindex=-1`
|
1440
1439
|
if (document.activeElement.tagName.toLowerCase() !== 'input') {
|
1441
1440
|
$(document.activeElement).trigger('blur');
|
1442
1441
|
}
|
@@ -1468,7 +1467,7 @@
|
|
1468
1467
|
},
|
1469
1468
|
|
1470
1469
|
document: {
|
1471
|
-
// label selection should occur even when element has no focus
|
1470
|
+
// label selection should occur even when the element has no focus
|
1472
1471
|
keydown: function (event) {
|
1473
1472
|
var
|
1474
1473
|
pressedKey = event.which,
|
@@ -1614,7 +1613,7 @@
|
|
1614
1613
|
$nextItem,
|
1615
1614
|
isSubMenuItem
|
1616
1615
|
;
|
1617
|
-
// allow selection with menu closed
|
1616
|
+
// allow selection with the menu closed
|
1618
1617
|
if (isAdditionWithoutMenu) {
|
1619
1618
|
if (selectedIsSelectable && settings.hideAdditions) {
|
1620
1619
|
module.verbose('Selecting item from keyboard shortcut', $selectedItem);
|
@@ -1630,7 +1629,7 @@
|
|
1630
1629
|
|
1631
1630
|
// visible menu keyboard shortcuts
|
1632
1631
|
if (module.is.visible()) {
|
1633
|
-
// enter (select or open
|
1632
|
+
// enter (select or open submenu)
|
1634
1633
|
if (pressedKey === keys.enter || delimiterPressed) {
|
1635
1634
|
if (pressedKey === keys.enter && hasSelectedItem && hasSubMenu && !settings.allowCategorySelection) {
|
1636
1635
|
module.verbose('Pressed enter on unselectable category, opening sub menu');
|
@@ -1669,7 +1668,7 @@
|
|
1669
1668
|
}
|
1670
1669
|
}
|
1671
1670
|
|
1672
|
-
// right arrow (show
|
1671
|
+
// right arrow (show submenu)
|
1673
1672
|
if (pressedKey === keys.rightArrow) {
|
1674
1673
|
if (hasSubMenu) {
|
1675
1674
|
module.verbose('Right key pressed, opening sub-menu');
|
@@ -1922,7 +1921,7 @@
|
|
1922
1921
|
$sizer.text(value);
|
1923
1922
|
|
1924
1923
|
// prevent rounding issues
|
1925
|
-
return Math.ceil($sizer.width() +
|
1924
|
+
return Math.ceil($sizer.width() + 1);
|
1926
1925
|
},
|
1927
1926
|
selectionCount: function () {
|
1928
1927
|
var
|
@@ -1992,7 +1991,7 @@
|
|
1992
1991
|
isEmptyMultiselect = Array.isArray(value) && value.length === 1 && value[0] === ''
|
1993
1992
|
;
|
1994
1993
|
|
1995
|
-
// prevents placeholder element from being selected when multiple
|
1994
|
+
// prevents the placeholder element from being selected when multiple
|
1996
1995
|
return value === undefined || isEmptyMultiselect
|
1997
1996
|
? ''
|
1998
1997
|
: value;
|
@@ -2336,7 +2335,7 @@
|
|
2336
2335
|
}
|
2337
2336
|
},
|
2338
2337
|
values: function () {
|
2339
|
-
// prevents callbacks from occurring on initial load
|
2338
|
+
// prevents callbacks from occurring on the initial load
|
2340
2339
|
module.set.initialLoad();
|
2341
2340
|
if (settings.apiSettings && settings.saveRemoteData && module.get.remoteValues()) {
|
2342
2341
|
module.restore.remoteValues();
|
@@ -2657,7 +2656,7 @@
|
|
2657
2656
|
$nextValue = false,
|
2658
2657
|
$nextItem
|
2659
2658
|
;
|
2660
|
-
// check next of same letter
|
2659
|
+
// check next of the same letter
|
2661
2660
|
if (alreadySelectedLetter) {
|
2662
2661
|
$nextItem = $selectedItem.nextAll($item).eq(0);
|
2663
2662
|
if (module.has.firstLetter($nextItem, letter)) {
|
@@ -2676,7 +2675,7 @@
|
|
2676
2675
|
})
|
2677
2676
|
;
|
2678
2677
|
}
|
2679
|
-
// set next value
|
2678
|
+
// set the next value
|
2680
2679
|
if ($nextValue) {
|
2681
2680
|
module.verbose('Scrolling to next value with letter', letter);
|
2682
2681
|
module.set.scrollPosition($nextValue);
|
@@ -2693,7 +2692,7 @@
|
|
2693
2692
|
if (!$menu) {
|
2694
2693
|
module.remove.upward();
|
2695
2694
|
} else if (module.is.upward($menu)) {
|
2696
|
-
// we need make sure when make assertion openDownward for $menu, $menu does not have upward class
|
2695
|
+
// we need to make sure when make assertion openDownward for $menu, $menu does not have upward class
|
2697
2696
|
module.remove.upward($menu);
|
2698
2697
|
}
|
2699
2698
|
|
@@ -3450,9 +3449,6 @@
|
|
3450
3449
|
bubbledIconClick: function (event) {
|
3451
3450
|
return $(event.target).closest($icon).length > 0;
|
3452
3451
|
},
|
3453
|
-
edge: function () {
|
3454
|
-
return !!window.chrome && !!window.StyleMedia;
|
3455
|
-
},
|
3456
3452
|
empty: function () {
|
3457
3453
|
return $module.hasClass(className.empty);
|
3458
3454
|
},
|
@@ -4066,33 +4062,33 @@
|
|
4066
4062
|
match: 'both', // what to match against with search selection (both, text, or label)
|
4067
4063
|
fullTextSearch: 'exact', // search anywhere in value (set to 'exact' to require exact matches)
|
4068
4064
|
highlightMatches: false, // Whether search result should highlight matching strings
|
4069
|
-
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...)
|
4065
|
+
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...)
|
4070
4066
|
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)
|
4071
4067
|
|
4072
|
-
placeholder: 'auto', // whether to convert blank <select> values to placeholder text
|
4073
|
-
preserveHTML:
|
4068
|
+
placeholder: 'auto', // whether to convert blank <select> values to the placeholder text
|
4069
|
+
preserveHTML: false, // preserve HTML when selecting value
|
4074
4070
|
sortSelect: false, // sort selection on init
|
4075
4071
|
|
4076
4072
|
forceSelection: false, // force a choice on blur with search selection
|
4077
4073
|
|
4078
4074
|
allowAdditions: false, // whether multiple select should allow user added values
|
4079
|
-
keepSearchTerm: false, // whether the search value should be kept and menu stays filtered on item selection
|
4075
|
+
keepSearchTerm: false, // whether the search value should be kept, and the menu stays filtered on item selection
|
4080
4076
|
ignoreCase: false, // whether to consider case sensitivity when creating labels
|
4081
4077
|
ignoreSearchCase: true, // whether to consider case sensitivity when filtering items
|
4082
|
-
hideAdditions: true, // whether
|
4078
|
+
hideAdditions: true, // whether to hide a special message prompting a user, they can enter a value
|
4083
4079
|
|
4084
|
-
maxSelections: false, // When set to a number limits the number of selections to this count
|
4080
|
+
maxSelections: false, // When set to a number, limits the number of selections to this count
|
4085
4081
|
useLabels: true, // whether multiple select should filter currently active selections from choices
|
4086
|
-
delimiter: ',', // when multiselect uses normal <input
|
4082
|
+
delimiter: ',', // when multiselect uses normal <input >, the values will be delimited with this character
|
4087
4083
|
|
4088
|
-
showOnFocus: false, // show menu on focus
|
4084
|
+
showOnFocus: false, // show the menu on focus
|
4089
4085
|
allowReselection: false, // whether current value should trigger callbacks when reselected
|
4090
|
-
allowTab: true, // add tabindex to element
|
4091
|
-
allowCategorySelection: false, // allow elements with
|
4086
|
+
allowTab: true, // add tabindex to the element
|
4087
|
+
allowCategorySelection: false, // allow elements with submenus to be selected
|
4092
4088
|
|
4093
4089
|
fireOnInit: false, // Whether callbacks should fire when initializing dropdown values
|
4094
4090
|
|
4095
|
-
transition: 'auto', // auto transition will slide down or up based on direction
|
4091
|
+
transition: 'auto', // auto transition will slide down or up based on the direction
|
4096
4092
|
duration: 200, // duration of transition
|
4097
4093
|
displayType: false, // displayType of transition
|
4098
4094
|
|
@@ -4172,23 +4168,23 @@
|
|
4172
4168
|
value: 'value',
|
4173
4169
|
},
|
4174
4170
|
|
4175
|
-
// property names for remote query
|
4171
|
+
// property names for the remote query
|
4176
4172
|
fields: {
|
4177
4173
|
remoteValues: 'results', // grouping for api results
|
4178
4174
|
values: 'values', // grouping for all dropdown values
|
4179
4175
|
disabled: 'disabled', // whether value should be disabled
|
4180
|
-
name: 'name', // displayed dropdown text
|
4176
|
+
name: 'name', // the displayed dropdown text
|
4181
4177
|
description: 'description', // displayed dropdown description
|
4182
4178
|
descriptionVertical: 'descriptionVertical', // whether description should be vertical
|
4183
4179
|
value: 'value', // actual dropdown value
|
4184
|
-
text: 'text', // displayed text when selected
|
4180
|
+
text: 'text', // the displayed text when selected
|
4185
4181
|
data: 'data', // custom data attributes
|
4186
4182
|
type: 'type', // type of dropdown element
|
4187
4183
|
image: 'image', // optional image path
|
4188
4184
|
imageClass: 'imageClass', // optional individual class for image
|
4189
4185
|
alt: 'alt', // optional alt text for image
|
4190
4186
|
icon: 'icon', // optional icon name
|
4191
|
-
iconClass: 'iconClass', // optional individual class for icon (for example to use flag instead)
|
4187
|
+
iconClass: 'iconClass', // optional individual class for icon (for example, to use a flag instead)
|
4192
4188
|
class: 'class', // optional individual class for item/header
|
4193
4189
|
divider: 'divider', // optional divider append for group headers
|
4194
4190
|
actionable: 'actionable', // optional actionable item
|
@@ -4423,7 +4419,7 @@
|
|
4423
4419
|
return message;
|
4424
4420
|
},
|
4425
4421
|
|
4426
|
-
// generates user addition to selection menu
|
4422
|
+
// generates user addition to the selection menu
|
4427
4423
|
addition: function (choice) {
|
4428
4424
|
return choice;
|
4429
4425
|
},
|
@@ -439,18 +439,6 @@ select.ui.dropdown {
|
|
439
439
|
opacity: @selectionIconOpacity;
|
440
440
|
transition: @selectionIconTransition;
|
441
441
|
}
|
442
|
-
& when (@variationDropdownCompact) {
|
443
|
-
/* Compact */
|
444
|
-
.ui.compact.selection.dropdown {
|
445
|
-
min-width: 0;
|
446
|
-
& > .menu {
|
447
|
-
width: auto;
|
448
|
-
&:not(.multiline) {
|
449
|
-
width: max-content;
|
450
|
-
}
|
451
|
-
}
|
452
|
-
}
|
453
|
-
}
|
454
442
|
|
455
443
|
/* Selection Menu */
|
456
444
|
.ui.selection.dropdown@{notUnlimited} .menu {
|
@@ -712,7 +700,21 @@ select.ui.dropdown {
|
|
712
700
|
}
|
713
701
|
}
|
714
702
|
}
|
715
|
-
|
703
|
+
& when (@variationDropdownCompact) {
|
704
|
+
/* Compact */
|
705
|
+
.ui.compact.dropdown {
|
706
|
+
min-width: 0;
|
707
|
+
& > .menu {
|
708
|
+
width: auto;
|
709
|
+
&:not(.multiline) {
|
710
|
+
width: max-content;
|
711
|
+
}
|
712
|
+
}
|
713
|
+
& .menu > .item {
|
714
|
+
white-space: normal;
|
715
|
+
}
|
716
|
+
}
|
717
|
+
}
|
716
718
|
& when (@variationDropdownSearch) {
|
717
719
|
/* --------------
|
718
720
|
Searchable
|
@@ -1395,15 +1397,6 @@ select.ui.dropdown {
|
|
1395
1397
|
.ui.dropdown > .visible.menu .scrolling.menu {
|
1396
1398
|
display: block;
|
1397
1399
|
}
|
1398
|
-
& when (@supportIE) {
|
1399
|
-
/* Scrollbar in IE */
|
1400
|
-
@media all and (-ms-high-contrast: none) {
|
1401
|
-
.ui.scrolling.dropdown .menu,
|
1402
|
-
.ui.dropdown .scrolling.menu {
|
1403
|
-
min-width: e(%("calc(100%% - %d)", @scrollbarWidth));
|
1404
|
-
}
|
1405
|
-
}
|
1406
|
-
}
|
1407
1400
|
@media only screen and (max-width: @largestMobileScreen) {
|
1408
1401
|
.ui.scrolling.dropdown .menu,
|
1409
1402
|
.ui.dropdown .scrolling.menu {
|
@@ -1519,12 +1512,6 @@ select.ui.dropdown {
|
|
1519
1512
|
}
|
1520
1513
|
.ui.simple.dropdown .menu {
|
1521
1514
|
position: absolute;
|
1522
|
-
& when (@supportIE) {
|
1523
|
-
/* IE hack to make dropdown icons appear inline */
|
1524
|
-
// stylelint-disable-next-line value-no-vendor-prefix
|
1525
|
-
display: -ms-inline-flexbox !important;
|
1526
|
-
}
|
1527
|
-
|
1528
1515
|
display: block;
|
1529
1516
|
overflow: hidden;
|
1530
1517
|
top: -9999px;
|
@@ -1814,15 +1801,15 @@ select.ui.dropdown {
|
|
1814
1801
|
}
|
1815
1802
|
|
1816
1803
|
/* Upward pointing */
|
1817
|
-
.ui.pointing.upward.dropdown .menu,
|
1818
|
-
.ui.top.pointing.upward.dropdown .menu {
|
1804
|
+
.ui.pointing.upward.dropdown > .menu,
|
1805
|
+
.ui.top.pointing.upward.dropdown > .menu {
|
1819
1806
|
top: auto !important;
|
1820
1807
|
bottom: 100% !important;
|
1821
1808
|
margin: 0 0 @pointingMenuDistance;
|
1822
1809
|
border-radius: @pointingUpwardMenuBorderRadius;
|
1823
1810
|
}
|
1824
|
-
.ui.pointing.upward.dropdown .menu::after,
|
1825
|
-
.ui.top.pointing.upward.dropdown .menu::after {
|
1811
|
+
.ui.pointing.upward.dropdown > .menu::after,
|
1812
|
+
.ui.top.pointing.upward.dropdown > .menu::after {
|
1826
1813
|
top: 100% !important;
|
1827
1814
|
bottom: auto !important;
|
1828
1815
|
box-shadow: @pointingUpwardArrowBoxShadow;
|
@@ -2075,16 +2062,7 @@ select.ui.dropdown {
|
|
2075
2062
|
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
|
2076
2063
|
background: @thumbInvertedHoverBackground;
|
2077
2064
|
}
|
2078
|
-
|
2079
|
-
.ui.dropdown .inverted.menu,
|
2080
|
-
.ui.inverted.dropdown .menu {
|
2081
|
-
/* IE11 */
|
2082
|
-
scrollbar-face-color: @thumbInvertedBackgroundHex;
|
2083
|
-
scrollbar-shadow-color: @thumbInvertedBackgroundHex;
|
2084
|
-
scrollbar-track-color: @trackInvertedBackgroundHex;
|
2085
|
-
scrollbar-arrow-color: @trackInvertedBackgroundHex;
|
2086
|
-
}
|
2087
|
-
}
|
2065
|
+
|
2088
2066
|
@supports (-moz-appearance: none) {
|
2089
2067
|
.ui.dropdown .inverted.menu,
|
2090
2068
|
.ui.inverted.dropdown .menu {
|
@@ -190,7 +190,7 @@
|
|
190
190
|
|
191
191
|
create: {
|
192
192
|
flyout: function () {
|
193
|
-
module.verbose('
|
193
|
+
module.verbose('Programmatically create flyout', $context);
|
194
194
|
$module = $('<div/>', { class: className.flyout, role: 'dialog', 'aria-modal': settings.dimPage });
|
195
195
|
if (settings.closeIcon) {
|
196
196
|
$closeIcon = $('<i/>', {
|
@@ -460,28 +460,6 @@
|
|
460
460
|
+ ' }';
|
461
461
|
}
|
462
462
|
|
463
|
-
/* IE is only browser not to create context with transforms */
|
464
|
-
/* https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328 */
|
465
|
-
if (module.is.ie()) {
|
466
|
-
if (direction === 'left' || direction === 'right') {
|
467
|
-
module.debug('Adding CSS rules for animation distance', width);
|
468
|
-
style += ''
|
469
|
-
+ ' body.pushable > .ui.visible.' + direction + '.flyout ~ .pusher::after {'
|
470
|
-
+ ' transform: translate3d(' + distance[direction] + 'px, 0, 0);'
|
471
|
-
+ ' }';
|
472
|
-
} else if (direction === 'top' || direction === 'bottom') {
|
473
|
-
style += ''
|
474
|
-
+ ' body.pushable > .ui.visible.' + direction + '.flyout ~ .pusher::after {'
|
475
|
-
+ ' transform: translate3d(0, ' + distance[direction] + 'px, 0);'
|
476
|
-
+ ' }';
|
477
|
-
}
|
478
|
-
/* opposite sides visible forces content overlay */
|
479
|
-
style += ''
|
480
|
-
+ ' body.pushable > .ui.visible.left.flyout ~ .ui.visible.right.flyout ~ .pusher::after,'
|
481
|
-
+ ' body.pushable > .ui.visible.right.flyout ~ .ui.visible.left.flyout ~ .pusher::after {'
|
482
|
-
+ ' transform: translate3d(0, 0, 0);'
|
483
|
-
+ ' }';
|
484
|
-
}
|
485
463
|
style += '</style>';
|
486
464
|
$style = $(style)
|
487
465
|
.appendTo($head)
|
@@ -516,7 +494,7 @@
|
|
516
494
|
shouldRefreshInputs = true;
|
517
495
|
}
|
518
496
|
} else {
|
519
|
-
// mutationobserver only provides the parent nodes
|
497
|
+
// mutationobserver only provides the parent nodes,
|
520
498
|
// so let's collect all childs as well to find nested inputs
|
521
499
|
var $addedInputs = $(collectNodes(mutation.addedNodes)).filter('a[href], [tabindex], :input:enabled').filter(':visible'),
|
522
500
|
$removedInputs = $(collectNodes(mutation.removedNodes)).filter('a[href], [tabindex], :input');
|
@@ -994,7 +972,7 @@
|
|
994
972
|
can: {
|
995
973
|
leftBodyScrollbar: function () {
|
996
974
|
if (module.cache.leftBodyScrollbar === undefined) {
|
997
|
-
module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari()
|
975
|
+
module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari());
|
998
976
|
}
|
999
977
|
|
1000
978
|
return module.cache.leftBodyScrollbar;
|
@@ -1029,13 +1007,6 @@
|
|
1029
1007
|
|
1030
1008
|
return module.cache.isSafari;
|
1031
1009
|
},
|
1032
|
-
edge: function () {
|
1033
|
-
if (module.cache.isEdge === undefined) {
|
1034
|
-
module.cache.isEdge = !!window.setImmediate && !module.is.ie();
|
1035
|
-
}
|
1036
|
-
|
1037
|
-
return module.cache.isEdge;
|
1038
|
-
},
|
1039
1010
|
firefox: function () {
|
1040
1011
|
if (module.cache.isFirefox === undefined) {
|
1041
1012
|
module.cache.isFirefox = !!window.InstallTrigger;
|
@@ -1046,17 +1017,6 @@
|
|
1046
1017
|
iframe: function () {
|
1047
1018
|
return !(self === top);
|
1048
1019
|
},
|
1049
|
-
ie: function () {
|
1050
|
-
if (module.cache.isIE === undefined) {
|
1051
|
-
var
|
1052
|
-
isIE11 = !window.ActiveXObject && 'ActiveXObject' in window,
|
1053
|
-
isIE = 'ActiveXObject' in window
|
1054
|
-
;
|
1055
|
-
module.cache.isIE = isIE11 || isIE;
|
1056
|
-
}
|
1057
|
-
|
1058
|
-
return module.cache.isIE;
|
1059
|
-
},
|
1060
1020
|
mobile: function () {
|
1061
1021
|
var
|
1062
1022
|
userAgent = navigator.userAgent,
|
@@ -1366,7 +1326,7 @@
|
|
1366
1326
|
classActions: '',
|
1367
1327
|
closeIcon: false,
|
1368
1328
|
actions: false,
|
1369
|
-
preserveHTML:
|
1329
|
+
preserveHTML: false,
|
1370
1330
|
|
1371
1331
|
fields: {
|
1372
1332
|
class: 'class',
|
@@ -284,7 +284,7 @@
|
|
284
284
|
}
|
285
285
|
} else {
|
286
286
|
shouldRefresh = true;
|
287
|
-
// mutationobserver only provides the parent nodes
|
287
|
+
// mutationobserver only provides the parent nodes,
|
288
288
|
// so let's collect all childs as well to find nested inputs
|
289
289
|
var $addedInputs = $(collectNodes(mutation.addedNodes)).filter('a[href], [tabindex], :input:enabled').filter(':visible'),
|
290
290
|
$removedInputs = $(collectNodes(mutation.removedNodes)).filter('a[href], [tabindex], :input');
|
@@ -960,18 +960,16 @@
|
|
960
960
|
can: {
|
961
961
|
leftBodyScrollbar: function () {
|
962
962
|
if (module.cache.leftBodyScrollbar === undefined) {
|
963
|
-
module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari()
|
963
|
+
module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari());
|
964
964
|
}
|
965
965
|
|
966
966
|
return module.cache.leftBodyScrollbar;
|
967
967
|
},
|
968
968
|
useFlex: function () {
|
969
969
|
if (settings.useFlex === 'auto') {
|
970
|
-
return settings.detachable
|
970
|
+
return settings.detachable;
|
971
971
|
}
|
972
|
-
if (settings.useFlex &&
|
973
|
-
module.debug('useFlex true is not supported in IE');
|
974
|
-
} else if (settings.useFlex && !settings.detachable) {
|
972
|
+
if (settings.useFlex && !settings.detachable) {
|
975
973
|
module.debug('useFlex true in combination with detachable false is not supported');
|
976
974
|
}
|
977
975
|
|
@@ -1005,27 +1003,12 @@
|
|
1005
1003
|
active: function () {
|
1006
1004
|
return $module.hasClass(className.active);
|
1007
1005
|
},
|
1008
|
-
ie: function () {
|
1009
|
-
if (module.cache.isIE === undefined) {
|
1010
|
-
var
|
1011
|
-
isIE11 = !window.ActiveXObject && 'ActiveXObject' in window,
|
1012
|
-
isIE = 'ActiveXObject' in window
|
1013
|
-
;
|
1014
|
-
module.cache.isIE = isIE11 || isIE;
|
1015
|
-
}
|
1016
|
-
|
1017
|
-
return module.cache.isIE;
|
1018
|
-
},
|
1019
1006
|
animating: function () {
|
1020
1007
|
return $module.transition('is animating');
|
1021
1008
|
},
|
1022
1009
|
scrolling: function () {
|
1023
1010
|
return $dimmable.hasClass(className.scrolling);
|
1024
1011
|
},
|
1025
|
-
modernBrowser: function () {
|
1026
|
-
// appName for IE11 reports 'Netscape' can no longer use
|
1027
|
-
return !(window.ActiveXObject || 'ActiveXObject' in window);
|
1028
|
-
},
|
1029
1012
|
rtl: function () {
|
1030
1013
|
if (module.cache.isRTL === undefined) {
|
1031
1014
|
module.cache.isRTL = $module.attr('dir') === 'rtl' || $module.css('direction') === 'rtl' || $body.attr('dir') === 'rtl' || $body.css('direction') === 'rtl' || $context.attr('dir') === 'rtl' || $context.css('direction') === 'rtl';
|
@@ -1040,13 +1023,6 @@
|
|
1040
1023
|
|
1041
1024
|
return module.cache.isSafari;
|
1042
1025
|
},
|
1043
|
-
edge: function () {
|
1044
|
-
if (module.cache.isEdge === undefined) {
|
1045
|
-
module.cache.isEdge = !!window.setImmediate && !module.is.ie();
|
1046
|
-
}
|
1047
|
-
|
1048
|
-
return module.cache.isEdge;
|
1049
|
-
},
|
1050
1026
|
firefox: function () {
|
1051
1027
|
if (module.cache.isFirefox === undefined) {
|
1052
1028
|
module.cache.isFirefox = !!window.InstallTrigger;
|
@@ -1443,7 +1419,7 @@
|
|
1443
1419
|
classActions: '',
|
1444
1420
|
closeIcon: false,
|
1445
1421
|
actions: false,
|
1446
|
-
preserveHTML:
|
1422
|
+
preserveHTML: false,
|
1447
1423
|
|
1448
1424
|
fields: {
|
1449
1425
|
class: 'class',
|
@@ -495,7 +495,7 @@
|
|
495
495
|
// allows cookie to be overridden
|
496
496
|
persist: false,
|
497
497
|
|
498
|
-
// set to zero to require
|
498
|
+
// set to zero to require manual dismissal, otherwise hides on its own
|
499
499
|
displayTime: 0,
|
500
500
|
|
501
501
|
animation: {
|
@@ -170,7 +170,7 @@
|
|
170
170
|
if (documentObserver) {
|
171
171
|
documentObserver.disconnect();
|
172
172
|
}
|
173
|
-
// remove element only if was created dynamically
|
173
|
+
// remove the element only if was created dynamically
|
174
174
|
if ($popup && !settings.preserve) {
|
175
175
|
module.removePopup();
|
176
176
|
}
|
@@ -557,7 +557,7 @@
|
|
557
557
|
},
|
558
558
|
};
|
559
559
|
|
560
|
-
// if popup offset context is
|
560
|
+
// if popup offset context is different from target, then adjust calculations
|
561
561
|
if ($popupOffsetParent[0] !== $offsetParent[0]) {
|
562
562
|
var
|
563
563
|
popupOffset = $popupOffsetParent.offset()
|
@@ -818,7 +818,7 @@
|
|
818
818
|
module.debug('RTL: Popup position updated', position);
|
819
819
|
}
|
820
820
|
|
821
|
-
// if last attempt use specified last resort position
|
821
|
+
// if last attempt, use specified last resort position
|
822
822
|
if (searchDepth === settings.maxSearchDepth && typeof settings.lastResort === 'string') {
|
823
823
|
position = settings.lastResort;
|
824
824
|
}
|
@@ -1362,7 +1362,7 @@
|
|
1362
1362
|
// whether it should use dom mutation observers
|
1363
1363
|
observeChanges: true,
|
1364
1364
|
|
1365
|
-
// callback only when element added to dom
|
1365
|
+
// callback only when the element was added to dom
|
1366
1366
|
onCreate: function () {},
|
1367
1367
|
|
1368
1368
|
// callback before element removed from dom
|
@@ -1407,7 +1407,7 @@
|
|
1407
1407
|
// element which popup should be relative to
|
1408
1408
|
target: false,
|
1409
1409
|
|
1410
|
-
//
|
1410
|
+
// jQuery selector or element that should be used as a popup
|
1411
1411
|
popup: false,
|
1412
1412
|
|
1413
1413
|
// popup should remain inline next to activator
|
@@ -1422,7 +1422,7 @@
|
|
1422
1422
|
// explicitly set content
|
1423
1423
|
content: false,
|
1424
1424
|
|
1425
|
-
// explicitly set
|
1425
|
+
// explicitly set HTML
|
1426
1426
|
html: false,
|
1427
1427
|
|
1428
1428
|
// explicitly set title
|
@@ -1465,7 +1465,7 @@
|
|
1465
1465
|
duration: 200,
|
1466
1466
|
transition: 'scale',
|
1467
1467
|
|
1468
|
-
// distance away from activating element in px
|
1468
|
+
// distance away from the activating element in px
|
1469
1469
|
distanceAway: 0,
|
1470
1470
|
|
1471
1471
|
// number of pixels an element is allowed to be "offstage" for a position to be chosen (allows for rounding)
|