fomantic-ui 2.9.0-beta.100 → 2.9.0-beta.104
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/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 +1 -1
- 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 -1
- package/dist/components/button.min.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +1 -1
- package/dist/components/dropdown.js +29 -14
- package/dist/components/dropdown.min.css +1 -1
- package/dist/components/dropdown.min.js +2 -2
- 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 +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/form.css +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +1 -1
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.min.css +1 -1
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +1 -1
- package/dist/components/input.min.css +1 -1
- 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 -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/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +1 -1
- 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 +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -1
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +1 -1
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- 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 +1 -1
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +1 -1
- package/dist/components/segment.css +1 -1
- package/dist/components/segment.min.css +1 -1
- 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 +1 -1
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +1 -1
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.js +1 -1
- package/dist/components/state.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +976 -21
- 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 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +1 -1
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +1183 -69
- package/dist/semantic.js +53 -38
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +1 -1
- package/src/definitions/collections/table.less +342 -22
- package/src/definitions/modules/dropdown.js +28 -13
- package/src/themes/default/collections/table.variables +29 -0
- package/src/themes/default/globals/variation.variables +5 -0
package/dist/components/ad.css
CHANGED
package/dist/components/api.js
CHANGED
package/dist/components/card.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.104 - Dropdown
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -1633,7 +1633,7 @@ $.fn.dropdown = function(parameters) {
|
|
1633
1633
|
.addClass(className.selected)
|
1634
1634
|
;
|
1635
1635
|
module.set.scrollPosition($nextItem);
|
1636
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
1636
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
1637
1637
|
module.set.selectedItem($nextItem);
|
1638
1638
|
}
|
1639
1639
|
}
|
@@ -1660,7 +1660,7 @@ $.fn.dropdown = function(parameters) {
|
|
1660
1660
|
.addClass(className.selected)
|
1661
1661
|
;
|
1662
1662
|
module.set.scrollPosition($nextItem);
|
1663
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
1663
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
1664
1664
|
module.set.selectedItem($nextItem);
|
1665
1665
|
}
|
1666
1666
|
}
|
@@ -1791,7 +1791,7 @@ $.fn.dropdown = function(parameters) {
|
|
1791
1791
|
;
|
1792
1792
|
if( module.can.activate( $(element) ) ) {
|
1793
1793
|
module.set.selected(value, $(element));
|
1794
|
-
if(!module.is.multiple()) {
|
1794
|
+
if(!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
|
1795
1795
|
module.hideAndClear();
|
1796
1796
|
}
|
1797
1797
|
}
|
@@ -1804,7 +1804,7 @@ $.fn.dropdown = function(parameters) {
|
|
1804
1804
|
;
|
1805
1805
|
if( module.can.activate( $(element) ) ) {
|
1806
1806
|
module.set.value(value, text, $(element));
|
1807
|
-
if(!module.is.multiple()) {
|
1807
|
+
if(!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
|
1808
1808
|
module.hideAndClear();
|
1809
1809
|
}
|
1810
1810
|
}
|
@@ -2428,7 +2428,7 @@ $.fn.dropdown = function(parameters) {
|
|
2428
2428
|
$nextSelectedItem
|
2429
2429
|
.addClass(className.selected)
|
2430
2430
|
;
|
2431
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
2431
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
2432
2432
|
module.set.selectedItem($nextSelectedItem);
|
2433
2433
|
}
|
2434
2434
|
$menu
|
@@ -2631,7 +2631,7 @@ $.fn.dropdown = function(parameters) {
|
|
2631
2631
|
module.set.scrollPosition($nextValue);
|
2632
2632
|
$selectedItem.removeClass(className.selected);
|
2633
2633
|
$nextValue.addClass(className.selected);
|
2634
|
-
if(settings.selectOnKeydown && module.is.single()) {
|
2634
|
+
if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
|
2635
2635
|
module.set.selectedItem($nextValue);
|
2636
2636
|
}
|
2637
2637
|
}
|
@@ -2769,17 +2769,24 @@ $.fn.dropdown = function(parameters) {
|
|
2769
2769
|
|
2770
2770
|
isFiltered = $selected.hasClass(className.filtered),
|
2771
2771
|
isActive = $selected.hasClass(className.active),
|
2772
|
+
isActionable = $selected.hasClass(className.actionable),
|
2772
2773
|
isUserValue = $selected.hasClass(className.addition),
|
2773
2774
|
shouldAnimate = (isMultiple && $selectedItem.length == 1)
|
2774
2775
|
;
|
2775
|
-
if(
|
2776
|
+
if(isActionable){
|
2777
|
+
if((!isMultiple || (!isActive || isUserValue)) && settings.apiSettings && settings.saveRemoteData) {
|
2778
|
+
module.save.remoteData(selectedText, selectedValue);
|
2779
|
+
}
|
2780
|
+
settings.onActionable.call(element, selectedValue, selectedText, $selected);
|
2781
|
+
}
|
2782
|
+
else if(isMultiple) {
|
2776
2783
|
if(!isActive || isUserValue) {
|
2777
2784
|
if(settings.apiSettings && settings.saveRemoteData) {
|
2778
2785
|
module.save.remoteData(selectedText, selectedValue);
|
2779
2786
|
}
|
2780
2787
|
if(settings.useLabels) {
|
2781
|
-
module.add.label(selectedValue, selectedText, shouldAnimate);
|
2782
2788
|
module.add.value(selectedValue, selectedText, $selected);
|
2789
|
+
module.add.label(selectedValue, selectedText, shouldAnimate);
|
2783
2790
|
module.set.activeItem($selected);
|
2784
2791
|
module.filterActive();
|
2785
2792
|
module.select.nextAvailable($selectedItem);
|
@@ -2799,7 +2806,7 @@ $.fn.dropdown = function(parameters) {
|
|
2799
2806
|
if(settings.apiSettings && settings.saveRemoteData) {
|
2800
2807
|
module.save.remoteData(selectedText, selectedValue);
|
2801
2808
|
}
|
2802
|
-
if (!keepSearchTerm) {
|
2809
|
+
if (!keepSearchTerm && !$selected.hasClass(className.actionable)) {
|
2803
2810
|
module.set.text(selectedText);
|
2804
2811
|
}
|
2805
2812
|
module.set.value(selectedValue, selectedText, $selected, preventChangeTrigger);
|
@@ -2989,7 +2996,7 @@ $.fn.dropdown = function(parameters) {
|
|
2989
2996
|
}
|
2990
2997
|
// extend current array
|
2991
2998
|
if(Array.isArray(currentValue)) {
|
2992
|
-
newValue = currentValue.concat([addedValue]);
|
2999
|
+
newValue = $selectedItem.hasClass(className.actionable) ? currentValue : currentValue.concat([addedValue]);
|
2993
3000
|
newValue = module.get.uniqueArray(newValue);
|
2994
3001
|
}
|
2995
3002
|
else {
|
@@ -4020,6 +4027,8 @@ $.fn.dropdown.settings = {
|
|
4020
4027
|
|
4021
4028
|
headerDivider : true, // whether option headers should have an additional divider line underneath when converted from <select> <optgroup>
|
4022
4029
|
|
4030
|
+
collapseOnActionable : true, // whether the dropdown should collapse upon selection of an actionable item
|
4031
|
+
|
4023
4032
|
// label settings on multi-select
|
4024
4033
|
label: {
|
4025
4034
|
transition : 'scale',
|
@@ -4039,6 +4048,7 @@ $.fn.dropdown.settings = {
|
|
4039
4048
|
onChange : function(value, text, $selected){},
|
4040
4049
|
onAdd : function(value, text, $selected){},
|
4041
4050
|
onRemove : function(value, text, $selected){},
|
4051
|
+
onActionable : function(value, text, $selected){},
|
4042
4052
|
onSearch : function(searchTerm){},
|
4043
4053
|
|
4044
4054
|
onLabelSelect : function($selectedLabels){},
|
@@ -4101,7 +4111,8 @@ $.fn.dropdown.settings = {
|
|
4101
4111
|
icon : 'icon', // optional icon name
|
4102
4112
|
iconClass : 'iconClass', // optional individual class for icon (for example to use flag instead)
|
4103
4113
|
class : 'class', // optional individual class for item/header
|
4104
|
-
divider : 'divider' // optional divider append for group headers
|
4114
|
+
divider : 'divider', // optional divider append for group headers
|
4115
|
+
actionable : 'actionable' // optional actionable item
|
4105
4116
|
},
|
4106
4117
|
|
4107
4118
|
keys : {
|
@@ -4173,7 +4184,8 @@ $.fn.dropdown.settings = {
|
|
4173
4184
|
header : 'header',
|
4174
4185
|
divider : 'divider',
|
4175
4186
|
groupIcon : '',
|
4176
|
-
unfilterable : 'unfilterable'
|
4187
|
+
unfilterable : 'unfilterable',
|
4188
|
+
actionable : 'actionable'
|
4177
4189
|
}
|
4178
4190
|
|
4179
4191
|
};
|
@@ -4248,6 +4260,9 @@ $.fn.dropdown.settings.templates = {
|
|
4248
4260
|
maybeText = (option[fields.text])
|
4249
4261
|
? ' data-text="' + deQuote(option[fields.text],true) + '"'
|
4250
4262
|
: '',
|
4263
|
+
maybeActionable = (option[fields.actionable])
|
4264
|
+
? className.actionable+' '
|
4265
|
+
: '',
|
4251
4266
|
maybeDisabled = (option[fields.disabled])
|
4252
4267
|
? className.disabled+' '
|
4253
4268
|
: '',
|
@@ -4256,7 +4271,7 @@ $.fn.dropdown.settings.templates = {
|
|
4256
4271
|
: '',
|
4257
4272
|
hasDescription = (escape(option[fields.description] || '', preserveHTML) != '')
|
4258
4273
|
;
|
4259
|
-
html += '<div class="'+ maybeDisabled + maybeDescriptionVertical + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value],true) + '"' + maybeText + '>';
|
4274
|
+
html += '<div class="'+ maybeActionable + maybeDisabled + maybeDescriptionVertical + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value],true) + '"' + maybeText + '>';
|
4260
4275
|
if (isMenu) {
|
4261
4276
|
html += '<i class="'+ (itemType.indexOf('left') !== -1 ? 'left' : '') + ' dropdown icon"></i>';
|
4262
4277
|
}
|