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.
Files changed (264) hide show
  1. package/.all-contributorsrc +9 -0
  2. package/CONTRIBUTING.md +4 -1
  3. package/CONTRIBUTORS.md +1 -0
  4. package/FAQ.md +7 -2
  5. package/README.md +1 -4
  6. package/ROADMAP.md +4 -4
  7. package/SECURITY.md +8 -7
  8. package/dist/components/accordion.css +1 -1
  9. package/dist/components/accordion.js +1 -1
  10. package/dist/components/accordion.min.css +1 -1
  11. package/dist/components/accordion.min.js +1 -1
  12. package/dist/components/ad.css +1 -1
  13. package/dist/components/ad.min.css +1 -1
  14. package/dist/components/api.js +6 -6
  15. package/dist/components/api.min.js +1 -1
  16. package/dist/components/breadcrumb.css +1 -1
  17. package/dist/components/breadcrumb.min.css +1 -1
  18. package/dist/components/button.css +1 -2
  19. package/dist/components/button.min.css +2 -2
  20. package/dist/components/calendar.css +1 -2
  21. package/dist/components/calendar.js +7 -7
  22. package/dist/components/calendar.min.css +2 -2
  23. package/dist/components/calendar.min.js +2 -2
  24. package/dist/components/card.css +1 -1
  25. package/dist/components/card.min.css +1 -1
  26. package/dist/components/checkbox.css +1 -2
  27. package/dist/components/checkbox.js +1 -9
  28. package/dist/components/checkbox.min.css +2 -2
  29. package/dist/components/checkbox.min.js +2 -2
  30. package/dist/components/comment.css +1 -1
  31. package/dist/components/comment.min.css +1 -1
  32. package/dist/components/container.css +2 -4
  33. package/dist/components/container.min.css +2 -2
  34. package/dist/components/dimmer.css +1 -11
  35. package/dist/components/dimmer.js +4 -4
  36. package/dist/components/dimmer.min.css +2 -2
  37. package/dist/components/dimmer.min.js +1 -1
  38. package/dist/components/divider.css +1 -2
  39. package/dist/components/divider.min.css +2 -2
  40. package/dist/components/dropdown.css +24 -47
  41. package/dist/components/dropdown.js +30 -34
  42. package/dist/components/dropdown.min.css +2 -2
  43. package/dist/components/dropdown.min.js +2 -2
  44. package/dist/components/embed.css +1 -1
  45. package/dist/components/embed.js +2 -2
  46. package/dist/components/embed.min.css +1 -1
  47. package/dist/components/embed.min.js +1 -1
  48. package/dist/components/emoji.css +1 -1
  49. package/dist/components/emoji.min.css +1 -1
  50. package/dist/components/feed.css +1 -1
  51. package/dist/components/feed.min.css +1 -1
  52. package/dist/components/flag.css +1 -1
  53. package/dist/components/flag.min.css +1 -1
  54. package/dist/components/flyout.css +2 -3
  55. package/dist/components/flyout.js +5 -45
  56. package/dist/components/flyout.min.css +2 -2
  57. package/dist/components/flyout.min.js +2 -2
  58. package/dist/components/form.css +5 -95
  59. package/dist/components/form.js +11 -16
  60. package/dist/components/form.min.css +2 -2
  61. package/dist/components/form.min.js +2 -2
  62. package/dist/components/grid.css +2 -58
  63. package/dist/components/grid.min.css +2 -2
  64. package/dist/components/header.css +1 -1
  65. package/dist/components/header.min.css +1 -1
  66. package/dist/components/icon.css +4 -4
  67. package/dist/components/icon.min.css +2 -2
  68. package/dist/components/image.css +1 -1
  69. package/dist/components/image.min.css +1 -1
  70. package/dist/components/input.css +1 -536
  71. package/dist/components/input.min.css +2 -2
  72. package/dist/components/item.css +1 -1
  73. package/dist/components/item.min.css +1 -1
  74. package/dist/components/label.css +1 -1
  75. package/dist/components/label.min.css +1 -1
  76. package/dist/components/list.css +1 -3
  77. package/dist/components/list.min.css +2 -2
  78. package/dist/components/loader.css +1 -1
  79. package/dist/components/loader.min.css +1 -1
  80. package/dist/components/menu.css +1 -9
  81. package/dist/components/menu.min.css +2 -2
  82. package/dist/components/message.css +1 -1
  83. package/dist/components/message.min.css +1 -1
  84. package/dist/components/modal.css +5 -9
  85. package/dist/components/modal.js +6 -30
  86. package/dist/components/modal.min.css +2 -2
  87. package/dist/components/modal.min.js +2 -2
  88. package/dist/components/nag.css +1 -1
  89. package/dist/components/nag.js +2 -2
  90. package/dist/components/nag.min.css +1 -1
  91. package/dist/components/nag.min.js +1 -1
  92. package/dist/components/placeholder.css +1 -1
  93. package/dist/components/placeholder.min.css +1 -1
  94. package/dist/components/popup.css +1 -2
  95. package/dist/components/popup.js +8 -8
  96. package/dist/components/popup.min.css +2 -2
  97. package/dist/components/popup.min.js +1 -1
  98. package/dist/components/progress.css +1 -1
  99. package/dist/components/progress.js +7 -7
  100. package/dist/components/progress.min.css +1 -1
  101. package/dist/components/progress.min.js +1 -1
  102. package/dist/components/rail.css +1 -1
  103. package/dist/components/rail.min.css +1 -1
  104. package/dist/components/rating.css +1 -1
  105. package/dist/components/rating.js +1 -1
  106. package/dist/components/rating.min.css +1 -1
  107. package/dist/components/rating.min.js +1 -1
  108. package/dist/components/reset.css +1 -1
  109. package/dist/components/reset.min.css +1 -1
  110. package/dist/components/reveal.css +1 -1
  111. package/dist/components/reveal.min.css +1 -1
  112. package/dist/components/search.css +2 -9
  113. package/dist/components/search.js +8 -8
  114. package/dist/components/search.min.css +2 -2
  115. package/dist/components/search.min.js +2 -2
  116. package/dist/components/segment.css +2 -7
  117. package/dist/components/segment.min.css +2 -2
  118. package/dist/components/shape.css +1 -2
  119. package/dist/components/shape.js +2 -2
  120. package/dist/components/shape.min.css +2 -2
  121. package/dist/components/shape.min.js +1 -1
  122. package/dist/components/sidebar.css +2 -3
  123. package/dist/components/sidebar.js +3 -44
  124. package/dist/components/sidebar.min.css +2 -2
  125. package/dist/components/sidebar.min.js +2 -2
  126. package/dist/components/site.css +9 -25
  127. package/dist/components/site.js +1 -1
  128. package/dist/components/site.min.css +2 -2
  129. package/dist/components/site.min.js +1 -1
  130. package/dist/components/slider.css +1 -1
  131. package/dist/components/slider.js +5 -5
  132. package/dist/components/slider.min.css +1 -1
  133. package/dist/components/slider.min.js +2 -2
  134. package/dist/components/state.js +3 -3
  135. package/dist/components/state.min.js +1 -1
  136. package/dist/components/statistic.css +1 -1
  137. package/dist/components/statistic.min.css +1 -1
  138. package/dist/components/step.css +1 -1
  139. package/dist/components/step.min.css +1 -1
  140. package/dist/components/sticky.css +1 -1
  141. package/dist/components/sticky.js +5 -5
  142. package/dist/components/sticky.min.css +1 -1
  143. package/dist/components/sticky.min.js +1 -1
  144. package/dist/components/tab.css +1 -1
  145. package/dist/components/tab.js +10 -10
  146. package/dist/components/tab.min.css +1 -1
  147. package/dist/components/tab.min.js +1 -1
  148. package/dist/components/table.css +3 -37
  149. package/dist/components/table.min.css +2 -2
  150. package/dist/components/text.css +1 -1
  151. package/dist/components/text.min.css +1 -1
  152. package/dist/components/toast.css +1 -3
  153. package/dist/components/toast.js +5 -5
  154. package/dist/components/toast.min.css +1 -1
  155. package/dist/components/toast.min.js +2 -2
  156. package/dist/components/transition.css +1 -1
  157. package/dist/components/transition.js +6 -6
  158. package/dist/components/transition.min.css +1 -1
  159. package/dist/components/transition.min.js +1 -1
  160. package/dist/components/visibility.js +2 -2
  161. package/dist/components/visibility.min.js +1 -1
  162. package/dist/semantic.css +92 -1100
  163. package/dist/semantic.js +142 -264
  164. package/dist/semantic.min.css +2 -2
  165. package/dist/semantic.min.js +2 -2
  166. package/package.json +3 -4
  167. package/src/README.md +3 -3
  168. package/src/definitions/behaviors/api.js +5 -5
  169. package/src/definitions/behaviors/form.js +10 -15
  170. package/src/definitions/behaviors/state.js +2 -2
  171. package/src/definitions/behaviors/visibility.js +1 -1
  172. package/src/definitions/collections/form.less +1 -13
  173. package/src/definitions/collections/grid.less +1 -61
  174. package/src/definitions/collections/menu.less +0 -11
  175. package/src/definitions/collections/table.less +1 -35
  176. package/src/definitions/elements/input.less +1 -61
  177. package/src/definitions/elements/segment.less +0 -6
  178. package/src/definitions/globals/site.less +2 -18
  179. package/src/definitions/modules/calendar.js +6 -6
  180. package/src/definitions/modules/checkbox.js +0 -8
  181. package/src/definitions/modules/dimmer.js +3 -3
  182. package/src/definitions/modules/dimmer.less +0 -9
  183. package/src/definitions/modules/dropdown.js +29 -33
  184. package/src/definitions/modules/dropdown.less +20 -42
  185. package/src/definitions/modules/embed.js +1 -1
  186. package/src/definitions/modules/flyout.js +4 -44
  187. package/src/definitions/modules/modal.js +5 -29
  188. package/src/definitions/modules/modal.less +1 -1
  189. package/src/definitions/modules/nag.js +1 -1
  190. package/src/definitions/modules/popup.js +7 -7
  191. package/src/definitions/modules/progress.js +6 -6
  192. package/src/definitions/modules/search.js +7 -7
  193. package/src/definitions/modules/search.less +0 -3
  194. package/src/definitions/modules/shape.js +1 -1
  195. package/src/definitions/modules/sidebar.js +2 -43
  196. package/src/definitions/modules/slider.js +4 -4
  197. package/src/definitions/modules/slider.less +1 -1
  198. package/src/definitions/modules/sticky.js +4 -4
  199. package/src/definitions/modules/tab.js +9 -9
  200. package/src/definitions/modules/toast.js +4 -4
  201. package/src/definitions/modules/toast.less +1 -1
  202. package/src/definitions/modules/transition.js +5 -5
  203. package/src/theme.less +0 -13
  204. package/src/themes/basic/elements/icon.variables +1 -1
  205. package/src/themes/default/collections/grid.variables +0 -30
  206. package/src/themes/default/collections/table.variables +1 -5
  207. package/src/themes/default/elements/icon.variables +3 -3
  208. package/src/themes/default/globals/site.variables +8 -15
  209. package/src/themes/default/globals/variation.variables +0 -1
  210. package/src/themes/default/modules/slider.variables +1 -1
  211. package/src/themes/github/elements/icon.variables +1 -1
  212. package/src/themes/material/elements/icon.variables +1 -1
  213. package/tasks/README.md +1 -1
  214. package/tasks/admin/components/create.js +1 -14
  215. package/tasks/admin/components/init.js +12 -37
  216. package/tasks/admin/components/update.js +7 -11
  217. package/tasks/admin/distributions/create.js +1 -11
  218. package/tasks/admin/distributions/init.js +10 -35
  219. package/tasks/admin/distributions/update.js +7 -8
  220. package/tasks/admin/publish.js +1 -1
  221. package/tasks/admin/register.js +3 -4
  222. package/tasks/admin/release.js +2 -2
  223. package/tasks/build/css.js +5 -5
  224. package/tasks/build/javascript.js +3 -3
  225. package/tasks/check-install.js +0 -1
  226. package/tasks/clean.js +5 -5
  227. package/tasks/collections/admin.js +1 -1
  228. package/tasks/collections/docs.js +2 -2
  229. package/tasks/config/admin/github.js +2 -10
  230. package/tasks/config/admin/templates/README.md +2 -2
  231. package/tasks/config/admin/templates/bower.json +2 -4
  232. package/tasks/config/admin/templates/composer.json +1 -1
  233. package/tasks/config/admin/templates/css-package.js +0 -1
  234. package/tasks/config/project/config.js +6 -6
  235. package/tasks/config/project/install.js +3 -4
  236. package/tasks/config/project/release.js +1 -1
  237. package/tasks/config/tasks.js +2 -9
  238. package/tasks/config/user.js +2 -4
  239. package/tasks/docs/metadata.js +8 -11
  240. package/tasks/docs/serve.js +3 -1
  241. package/tasks/install.js +14 -20
  242. package/tasks/rtl/watch.js +1 -1
  243. package/tasks/watch.js +4 -2
  244. package/types/fomantic-ui-calendar.d.ts +1 -1
  245. package/types/fomantic-ui-dropdown.d.ts +1 -1
  246. package/types/fomantic-ui-flyout.d.ts +1 -1
  247. package/types/fomantic-ui-form.d.ts +0 -7
  248. package/types/fomantic-ui-modal.d.ts +1 -1
  249. package/types/fomantic-ui-search.d.ts +6 -0
  250. package/types/fomantic-ui-toast.d.ts +1 -1
  251. package/src/themes/basic/assets/fonts/icons.woff +0 -0
  252. package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  253. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  254. package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  255. package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  256. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  257. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  258. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  259. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  260. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  261. package/src/themes/default/assets/fonts/icons.woff +0 -0
  262. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  263. package/src/themes/github/assets/fonts/octicons.woff +0 -0
  264. 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 use flex layout
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 css animations
658
+ // whether to use CSS animations
659
659
  useCSS: true,
660
660
 
661
- // css animation to use
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 sub-menu)
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 sub-menu)
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() + (module.is.edge() ? 3 : 1));
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: true, // preserve html when selecting value
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 or not to hide special message prompting a user they can enter a value
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> the values will be delimited with this character
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 sub-menus to be selected
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
- & when (@supportIE) {
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 {
@@ -169,7 +169,7 @@
169
169
  }
170
170
  },
171
171
 
172
- // clears embed
172
+ // clear embed
173
173
  reset: function () {
174
174
  module.debug('Clearing embed and showing placeholder');
175
175
  module.remove.data();
@@ -190,7 +190,7 @@
190
190
 
191
191
  create: {
192
192
  flyout: function () {
193
- module.verbose('Programmaticaly create flyout', $context);
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() || module.is.edge() || module.is.ie());
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: true,
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() || module.is.edge() || module.is.ie());
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 && !module.is.ie();
970
+ return settings.detachable;
971
971
  }
972
- if (settings.useFlex && module.is.ie()) {
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: true,
1422
+ preserveHTML: false,
1447
1423
 
1448
1424
  fields: {
1449
1425
  class: 'class',
@@ -477,7 +477,7 @@
477
477
  top: @scrollingTop;
478
478
  }
479
479
 
480
- /* Fix for Firefox, Edge, IE11 */
480
+ /* Fix for Firefox, Edge */
481
481
  .modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
482
482
  content: "\00A0";
483
483
  position: absolute;
@@ -495,7 +495,7 @@
495
495
  // allows cookie to be overridden
496
496
  persist: false,
497
497
 
498
- // set to zero to require manually dismissal, otherwise hides on its own
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 not same as target, then adjust calculations
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
- // jq selector or element that should be used as popup
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 html
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)