@limetech/lime-elements 40.18.2 → 40.19.0

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 (339) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/cjs/controlled-element-Ajn5eA-q.js +26 -0
  3. package/dist/cjs/{index-zZvs6xK-.js → index-DIiA99Er.js} +271 -71
  4. package/dist/cjs/lime-elements.cjs.js +1 -1
  5. package/dist/cjs/limel-3d-hover-effect-glow.cjs.entry.js +1 -1
  6. package/dist/cjs/limel-action-bar_3.cjs.entry.js +4 -4
  7. package/dist/cjs/limel-ai-avatar.cjs.entry.js +2 -2
  8. package/dist/cjs/limel-badge.cjs.entry.js +2 -2
  9. package/dist/cjs/limel-banner.cjs.entry.js +1 -1
  10. package/dist/cjs/limel-breadcrumbs_6.cjs.entry.js +131 -39
  11. package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
  12. package/dist/cjs/limel-button.cjs.entry.js +2 -2
  13. package/dist/cjs/limel-callout.cjs.entry.js +2 -2
  14. package/dist/cjs/limel-card.cjs.entry.js +1 -1
  15. package/dist/cjs/limel-chart.cjs.entry.js +1 -1
  16. package/dist/cjs/limel-checkbox.cjs.entry.js +1 -1
  17. package/dist/cjs/limel-chip-set.cjs.entry.js +23 -4
  18. package/dist/cjs/limel-chip_2.cjs.entry.js +2 -2
  19. package/dist/cjs/limel-circular-progress.cjs.entry.js +1 -1
  20. package/dist/cjs/limel-code-diff.cjs.entry.js +2 -2
  21. package/dist/cjs/limel-code-editor.cjs.entry.js +2 -2
  22. package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
  23. package/dist/cjs/limel-color-picker-palette.cjs.entry.js +2 -2
  24. package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
  25. package/dist/cjs/limel-dialog.cjs.entry.js +2 -2
  26. package/dist/cjs/limel-dock.cjs.entry.js +3 -3
  27. package/dist/cjs/limel-drag-handle_2.cjs.entry.js +4 -4
  28. package/dist/cjs/limel-email-viewer.cjs.entry.js +2 -2
  29. package/dist/cjs/limel-file-dropzone_2.cjs.entry.js +2 -2
  30. package/dist/cjs/limel-file-viewer.cjs.entry.js +2 -2
  31. package/dist/cjs/limel-file.cjs.entry.js +2 -2
  32. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +2 -2
  33. package/dist/cjs/limel-flex-container.cjs.entry.js +1 -1
  34. package/dist/cjs/limel-form-header.cjs.entry.js +1 -1
  35. package/dist/cjs/limel-form.cjs.entry.js +1 -1
  36. package/dist/cjs/limel-grid.cjs.entry.js +1 -1
  37. package/dist/cjs/limel-header.cjs.entry.js +1 -1
  38. package/dist/cjs/limel-help_2.cjs.entry.js +3 -3
  39. package/dist/cjs/limel-helper-line_3.cjs.entry.js +15 -24
  40. package/dist/cjs/limel-hotkey_4.cjs.entry.js +5 -5
  41. package/dist/cjs/limel-icon-button.cjs.entry.js +1 -1
  42. package/dist/cjs/limel-icon.cjs.entry.js +1 -1
  43. package/dist/cjs/limel-info-tile.cjs.entry.js +2 -2
  44. package/dist/cjs/limel-list-item.cjs.entry.js +3 -3
  45. package/dist/cjs/limel-markdown.cjs.entry.js +4 -4
  46. package/dist/cjs/limel-masonry-layout.cjs.entry.js +1 -1
  47. package/dist/cjs/limel-menu-item-meta.cjs.entry.js +1 -1
  48. package/dist/cjs/limel-pagination-jump.cjs.entry.js +1 -1
  49. package/dist/cjs/limel-pagination.cjs.entry.js +2 -2
  50. package/dist/cjs/limel-picker.cjs.entry.js +58 -36
  51. package/dist/cjs/limel-popover_2.cjs.entry.js +4 -11
  52. package/dist/cjs/limel-profile-picture.cjs.entry.js +1 -1
  53. package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +4 -4
  54. package/dist/cjs/limel-radio-button-group.cjs.entry.js +1 -1
  55. package/dist/cjs/limel-radio-button.cjs.entry.js +2 -2
  56. package/dist/cjs/limel-resize-handle.cjs.entry.js +2 -2
  57. package/dist/cjs/limel-select.cjs.entry.js +10 -169
  58. package/dist/cjs/limel-shortcut.cjs.entry.js +1 -1
  59. package/dist/cjs/limel-side-panel.cjs.entry.js +2 -2
  60. package/dist/cjs/limel-slider.cjs.entry.js +4 -4
  61. package/dist/cjs/limel-snackbar.cjs.entry.js +3 -3
  62. package/dist/cjs/limel-split-button.cjs.entry.js +2 -2
  63. package/dist/cjs/limel-switch.cjs.entry.js +1 -1
  64. package/dist/cjs/limel-tab-bar.cjs.entry.js +1 -1
  65. package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
  66. package/dist/cjs/limel-table.cjs.entry.js +3 -3
  67. package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js +4 -4
  68. package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
  69. package/dist/cjs/live-message-BNl3Ihcz.js +65 -0
  70. package/dist/cjs/loader.cjs.js +1 -1
  71. package/dist/cjs/{markdown-exporter-VtX_2D1d.js → markdown-exporter-BWS2EBxq.js} +2 -2
  72. package/dist/cjs/{markdown-parser-BYtTHL4W.js → markdown-parser-toAp9-Eq.js} +1 -1
  73. package/dist/cjs/{translations-CLSqfR3x.js → translations-CqJEWcfw.js} +8 -0
  74. package/dist/cjs/typeahead-CnyIjog_.js +194 -0
  75. package/dist/collection/components/3d-hover-effect-glow/3d-hover-effect-glow.js +1 -1
  76. package/dist/collection/components/action-bar/action-bar-item/action-bar-overflow-menu.js +1 -1
  77. package/dist/collection/components/action-bar/action-bar.js +2 -2
  78. package/dist/collection/components/ai-avatar/ai-avatar.js +1 -1
  79. package/dist/collection/components/badge/badge.js +2 -2
  80. package/dist/collection/components/banner/banner.js +1 -1
  81. package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
  82. package/dist/collection/components/button/button.js +2 -2
  83. package/dist/collection/components/button-group/button-group.js +1 -1
  84. package/dist/collection/components/callout/callout.js +1 -1
  85. package/dist/collection/components/card/card.js +1 -1
  86. package/dist/collection/components/checkbox/checkbox.js +1 -1
  87. package/dist/collection/components/chip/chip.js +1 -1
  88. package/dist/collection/components/chip-set/chip-set.js +66 -3
  89. package/dist/collection/components/circular-progress/circular-progress.js +1 -1
  90. package/dist/collection/components/code-diff/code-diff.js +1 -1
  91. package/dist/collection/components/code-editor/code-editor.js +1 -1
  92. package/dist/collection/components/collapsible-section/collapsible-section.js +1 -1
  93. package/dist/collection/components/color-picker/color-picker-palette.js +2 -2
  94. package/dist/collection/components/color-picker/color-picker.js +1 -1
  95. package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js +1 -1
  96. package/dist/collection/components/dialog/dialog.js +2 -2
  97. package/dist/collection/components/dock/dock.js +2 -2
  98. package/dist/collection/components/drag-handle/drag-handle.js +1 -1
  99. package/dist/collection/components/email-viewer/email-viewer.js +1 -1
  100. package/dist/collection/components/file/file.js +1 -1
  101. package/dist/collection/components/file-dropzone/file-dropzone.js +1 -1
  102. package/dist/collection/components/file-input/file-input.js +1 -1
  103. package/dist/collection/components/flex-container/flex-container.js +1 -1
  104. package/dist/collection/components/form/form.js +1 -1
  105. package/dist/collection/components/form-header/form-header.js +1 -1
  106. package/dist/collection/components/grid/grid.js +1 -1
  107. package/dist/collection/components/header/header.js +1 -1
  108. package/dist/collection/components/help/help-content.js +1 -1
  109. package/dist/collection/components/help/help.js +2 -2
  110. package/dist/collection/components/helper-line/helper-line.js +2 -2
  111. package/dist/collection/components/hotkey/hotkey.js +1 -1
  112. package/dist/collection/components/icon/icon.js +1 -1
  113. package/dist/collection/components/icon-button/icon-button.js +1 -1
  114. package/dist/collection/components/info-tile/info-tile.js +2 -2
  115. package/dist/collection/components/input-field/input-field.css +13 -0
  116. package/dist/collection/components/input-field/input-field.js +152 -32
  117. package/dist/collection/components/list/list-renderer.js +1 -1
  118. package/dist/collection/components/list/list.js +31 -20
  119. package/dist/collection/components/list-item/list-item.js +2 -2
  120. package/dist/collection/components/list-item/menu-item-meta/menu-item-meta.js +1 -1
  121. package/dist/collection/components/markdown/markdown.js +1 -1
  122. package/dist/collection/components/masonry-layout/masonry-layout.js +1 -1
  123. package/dist/collection/components/menu/menu.js +1 -1
  124. package/dist/collection/components/menu-list/menu-list.js +1 -1
  125. package/dist/collection/components/menu-surface/menu-surface.js +1 -1
  126. package/dist/collection/components/notched-outline/notched-outline.js +1 -1
  127. package/dist/collection/components/pagination/pagination.js +1 -1
  128. package/dist/collection/components/picker/picker.css +112 -0
  129. package/dist/collection/components/picker/picker.js +56 -32
  130. package/dist/collection/components/popover/popover.js +3 -10
  131. package/dist/collection/components/popover-surface/popover-surface.js +1 -1
  132. package/dist/collection/components/portal/portal.js +1 -1
  133. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  134. package/dist/collection/components/radio-button-group/radio-button.js +2 -2
  135. package/dist/collection/components/resize-handle/resize-handle.js +1 -1
  136. package/dist/collection/components/scroller/scroller.js +2 -2
  137. package/dist/collection/components/select/select.js +1 -1
  138. package/dist/collection/components/shortcut/shortcut.js +1 -1
  139. package/dist/collection/components/side-panel/side-panel.js +1 -1
  140. package/dist/collection/components/slider/slider.js +3 -3
  141. package/dist/collection/components/snackbar/snackbar.js +2 -2
  142. package/dist/collection/components/spinner/spinner.js +1 -1
  143. package/dist/collection/components/split-button/split-button.js +2 -2
  144. package/dist/collection/components/switch/switch.js +1 -1
  145. package/dist/collection/components/tab-bar/tab-bar.js +1 -1
  146. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  147. package/dist/collection/components/table/table.js +2 -2
  148. package/dist/collection/components/text-editor/link-menu/editor-link-menu.js +3 -3
  149. package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js +1 -1
  150. package/dist/collection/components/text-editor/text-editor.js +1 -1
  151. package/dist/collection/components/tooltip/tooltip-content.js +1 -1
  152. package/dist/collection/components/tooltip/tooltip.js +2 -2
  153. package/dist/collection/translations/da.js +1 -0
  154. package/dist/collection/translations/de.js +1 -0
  155. package/dist/collection/translations/en.js +1 -0
  156. package/dist/collection/translations/fi.js +1 -0
  157. package/dist/collection/translations/fr.js +1 -0
  158. package/dist/collection/translations/nl.js +1 -0
  159. package/dist/collection/translations/no.js +1 -0
  160. package/dist/collection/translations/sv.js +1 -0
  161. package/dist/collection/util/controlled-element.js +22 -0
  162. package/dist/collection/util/live-message.js +30 -0
  163. package/dist/collection/util/typeahead.js +26 -0
  164. package/dist/esm/controlled-element-ByOXsysp.js +24 -0
  165. package/dist/esm/{index-BN64nlbO.js → index-CofmbCdQ.js} +271 -71
  166. package/dist/esm/lime-elements.js +1 -1
  167. package/dist/esm/limel-3d-hover-effect-glow.entry.js +1 -1
  168. package/dist/esm/limel-action-bar_3.entry.js +4 -4
  169. package/dist/esm/limel-ai-avatar.entry.js +2 -2
  170. package/dist/esm/limel-badge.entry.js +2 -2
  171. package/dist/esm/limel-banner.entry.js +1 -1
  172. package/dist/esm/limel-breadcrumbs_6.entry.js +131 -39
  173. package/dist/esm/limel-button-group.entry.js +1 -1
  174. package/dist/esm/limel-button.entry.js +2 -2
  175. package/dist/esm/limel-callout.entry.js +2 -2
  176. package/dist/esm/limel-card.entry.js +1 -1
  177. package/dist/esm/limel-chart.entry.js +1 -1
  178. package/dist/esm/limel-checkbox.entry.js +1 -1
  179. package/dist/esm/limel-chip-set.entry.js +23 -4
  180. package/dist/esm/limel-chip_2.entry.js +2 -2
  181. package/dist/esm/limel-circular-progress.entry.js +1 -1
  182. package/dist/esm/limel-code-diff.entry.js +2 -2
  183. package/dist/esm/limel-code-editor.entry.js +2 -2
  184. package/dist/esm/limel-collapsible-section.entry.js +2 -2
  185. package/dist/esm/limel-color-picker-palette.entry.js +2 -2
  186. package/dist/esm/limel-color-picker.entry.js +1 -1
  187. package/dist/esm/limel-dialog.entry.js +2 -2
  188. package/dist/esm/limel-dock.entry.js +3 -3
  189. package/dist/esm/limel-drag-handle_2.entry.js +4 -4
  190. package/dist/esm/limel-email-viewer.entry.js +2 -2
  191. package/dist/esm/limel-file-dropzone_2.entry.js +2 -2
  192. package/dist/esm/limel-file-viewer.entry.js +2 -2
  193. package/dist/esm/limel-file.entry.js +2 -2
  194. package/dist/esm/limel-flatpickr-adapter.entry.js +2 -2
  195. package/dist/esm/limel-flex-container.entry.js +1 -1
  196. package/dist/esm/limel-form-header.entry.js +1 -1
  197. package/dist/esm/limel-form.entry.js +1 -1
  198. package/dist/esm/limel-grid.entry.js +1 -1
  199. package/dist/esm/limel-header.entry.js +1 -1
  200. package/dist/esm/limel-help_2.entry.js +3 -3
  201. package/dist/esm/limel-helper-line_3.entry.js +15 -24
  202. package/dist/esm/limel-hotkey_4.entry.js +5 -5
  203. package/dist/esm/limel-icon-button.entry.js +1 -1
  204. package/dist/esm/limel-icon.entry.js +1 -1
  205. package/dist/esm/limel-info-tile.entry.js +2 -2
  206. package/dist/esm/limel-list-item.entry.js +3 -3
  207. package/dist/esm/limel-markdown.entry.js +4 -4
  208. package/dist/esm/limel-masonry-layout.entry.js +1 -1
  209. package/dist/esm/limel-menu-item-meta.entry.js +1 -1
  210. package/dist/esm/limel-pagination-jump.entry.js +1 -1
  211. package/dist/esm/limel-pagination.entry.js +2 -2
  212. package/dist/esm/limel-picker.entry.js +57 -35
  213. package/dist/esm/limel-popover_2.entry.js +4 -11
  214. package/dist/esm/limel-profile-picture.entry.js +1 -1
  215. package/dist/esm/limel-prosemirror-adapter.entry.js +4 -4
  216. package/dist/esm/limel-radio-button-group.entry.js +1 -1
  217. package/dist/esm/limel-radio-button.entry.js +2 -2
  218. package/dist/esm/limel-resize-handle.entry.js +2 -2
  219. package/dist/esm/limel-select.entry.js +2 -161
  220. package/dist/esm/limel-shortcut.entry.js +1 -1
  221. package/dist/esm/limel-side-panel.entry.js +2 -2
  222. package/dist/esm/limel-slider.entry.js +4 -4
  223. package/dist/esm/limel-snackbar.entry.js +3 -3
  224. package/dist/esm/limel-split-button.entry.js +2 -2
  225. package/dist/esm/limel-switch.entry.js +1 -1
  226. package/dist/esm/limel-tab-bar.entry.js +1 -1
  227. package/dist/esm/limel-tab-panel.entry.js +1 -1
  228. package/dist/esm/limel-table.entry.js +3 -3
  229. package/dist/esm/limel-text-editor-link-menu.entry.js +4 -4
  230. package/dist/esm/limel-text-editor.entry.js +1 -1
  231. package/dist/esm/live-message-BQAYeNiX.js +62 -0
  232. package/dist/esm/loader.js +1 -1
  233. package/dist/esm/{markdown-exporter-tb8ft8Gq.js → markdown-exporter-B2vFxSLw.js} +2 -2
  234. package/dist/esm/{markdown-parser-DFP65EFu.js → markdown-parser-Cw8iW5R9.js} +1 -1
  235. package/dist/esm/{translations-Drl5LNAD.js → translations-kct5Kybu.js} +8 -0
  236. package/dist/esm/typeahead-DOlnT3wh.js +188 -0
  237. package/dist/lime-elements/lime-elements.esm.js +1 -1
  238. package/dist/lime-elements/{p-55f7c9f5.entry.js → p-02aac2c0.entry.js} +1 -1
  239. package/dist/lime-elements/{p-a608ebe3.entry.js → p-0319f07f.entry.js} +1 -1
  240. package/dist/lime-elements/{p-dd383c12.entry.js → p-0910aefc.entry.js} +1 -1
  241. package/dist/lime-elements/{p-a7a84633.entry.js → p-1a7d1d2b.entry.js} +1 -1
  242. package/dist/lime-elements/{p-f8566c5b.entry.js → p-1d9bc526.entry.js} +1 -1
  243. package/dist/lime-elements/{p-e0ab0046.entry.js → p-1e0ced6a.entry.js} +1 -1
  244. package/dist/lime-elements/{p-5f2a34ed.entry.js → p-28957b5c.entry.js} +1 -1
  245. package/dist/lime-elements/{p-fdc7da58.entry.js → p-38ab193f.entry.js} +1 -1
  246. package/dist/lime-elements/{p-3ae5fb67.entry.js → p-39d1e157.entry.js} +1 -1
  247. package/dist/lime-elements/{p-d0908a85.entry.js → p-3ac39bd5.entry.js} +2 -2
  248. package/dist/lime-elements/p-3ca188f6.entry.js +159 -0
  249. package/dist/lime-elements/{p-7f1a1ed5.entry.js → p-3f7fa772.entry.js} +1 -1
  250. package/dist/lime-elements/{p-b80433be.entry.js → p-40940a6c.entry.js} +1 -1
  251. package/dist/lime-elements/{p-7235d147.entry.js → p-438fe49b.entry.js} +1 -1
  252. package/dist/lime-elements/p-45572e9d.entry.js +1 -0
  253. package/dist/lime-elements/{p-0c314c3c.entry.js → p-47fe76a8.entry.js} +1 -1
  254. package/dist/lime-elements/p-4834e7c1.entry.js +1 -0
  255. package/dist/lime-elements/{p-22c44279.entry.js → p-48a412ed.entry.js} +1 -1
  256. package/dist/lime-elements/{p-eb5a18ff.entry.js → p-496b2437.entry.js} +1 -1
  257. package/dist/lime-elements/{p-5d9a2877.entry.js → p-4c080cd9.entry.js} +1 -1
  258. package/dist/lime-elements/{p-be0a8125.entry.js → p-54537c85.entry.js} +1 -1
  259. package/dist/lime-elements/{p-2c29c27f.entry.js → p-55fa19ae.entry.js} +1 -1
  260. package/dist/lime-elements/{p-da4b4a81.entry.js → p-5dce791c.entry.js} +1 -1
  261. package/dist/lime-elements/{p-b983531f.entry.js → p-6053608a.entry.js} +1 -1
  262. package/dist/lime-elements/{p-164e1ad0.entry.js → p-6ae093c8.entry.js} +1 -1
  263. package/dist/lime-elements/{p-29815107.entry.js → p-6d2d25b9.entry.js} +1 -1
  264. package/dist/lime-elements/{p-9e30d206.entry.js → p-6d9b89db.entry.js} +1 -1
  265. package/dist/lime-elements/{p-be2b8c1e.entry.js → p-6e9eeb0a.entry.js} +1 -1
  266. package/dist/lime-elements/{p-68129487.entry.js → p-764d2f86.entry.js} +1 -1
  267. package/dist/lime-elements/{p-49a53f0b.entry.js → p-7ab726c2.entry.js} +1 -1
  268. package/dist/lime-elements/{p-cced022b.entry.js → p-7b87e547.entry.js} +1 -1
  269. package/dist/lime-elements/{p-65eafc85.entry.js → p-7bf3bf8a.entry.js} +1 -1
  270. package/dist/lime-elements/{p-586ee40c.entry.js → p-7d0ffc60.entry.js} +1 -1
  271. package/dist/lime-elements/{p-fad7a3fa.entry.js → p-7f0743d6.entry.js} +1 -1
  272. package/dist/lime-elements/{p-7d27d572.entry.js → p-814b4934.entry.js} +1 -1
  273. package/dist/lime-elements/p-843886fe.entry.js +1 -0
  274. package/dist/lime-elements/p-8d602078.entry.js +1 -0
  275. package/dist/lime-elements/p-8fe28845.entry.js +1 -0
  276. package/dist/lime-elements/{p-f35880ef.entry.js → p-909466b8.entry.js} +1 -1
  277. package/dist/lime-elements/{p-545c087b.entry.js → p-933ffaa8.entry.js} +1 -1
  278. package/dist/lime-elements/p-94ae27e2.entry.js +23 -0
  279. package/dist/lime-elements/{p-cc8d6198.entry.js → p-95a486c8.entry.js} +1 -1
  280. package/dist/lime-elements/{p-565c85ac.entry.js → p-9b2623fe.entry.js} +1 -1
  281. package/dist/lime-elements/{p-C0wwdPYT.js → p-Bd37Vplf.js} +2 -2
  282. package/dist/lime-elements/p-ByOXsysp.js +1 -0
  283. package/dist/lime-elements/{p-_UXAljNc.js → p-CbPYnlF-.js} +1 -1
  284. package/dist/lime-elements/{p-Bgn2bikC.js → p-CvHpvp0f.js} +1 -1
  285. package/dist/lime-elements/p-Cw7VQSGU.js +1 -0
  286. package/dist/lime-elements/p-Dzp8dXTo.js +1 -0
  287. package/dist/lime-elements/{p-565e5ea7.entry.js → p-a6387dc7.entry.js} +1 -1
  288. package/dist/lime-elements/{p-40a48f70.entry.js → p-a6c6a31b.entry.js} +1 -1
  289. package/dist/lime-elements/{p-e8255f0b.entry.js → p-a7be03e1.entry.js} +1 -1
  290. package/dist/lime-elements/{p-67acf39d.entry.js → p-af7d07fd.entry.js} +1 -1
  291. package/dist/lime-elements/{p-707d4b28.entry.js → p-bffb5ed2.entry.js} +1 -1
  292. package/dist/lime-elements/{p-7035d93d.entry.js → p-c0ebf7cc.entry.js} +1 -1
  293. package/dist/lime-elements/{p-7aae3d13.entry.js → p-c2056ebc.entry.js} +1 -1
  294. package/dist/lime-elements/{p-19681a98.entry.js → p-c2f993cc.entry.js} +1 -1
  295. package/dist/lime-elements/{p-c73f4160.entry.js → p-c61e9b83.entry.js} +1 -1
  296. package/dist/lime-elements/{p-519603f5.entry.js → p-c6b3448c.entry.js} +1 -1
  297. package/dist/lime-elements/{p-153e91e1.entry.js → p-ce71c5b9.entry.js} +1 -1
  298. package/dist/lime-elements/{p-2a375a65.entry.js → p-d35d2859.entry.js} +1 -1
  299. package/dist/lime-elements/{p-26347009.entry.js → p-d3f13124.entry.js} +1 -1
  300. package/dist/lime-elements/{p-300f80e7.entry.js → p-d4702653.entry.js} +1 -1
  301. package/dist/lime-elements/{p-a2dc6645.entry.js → p-d8559847.entry.js} +1 -1
  302. package/dist/lime-elements/{p-c8f09dd5.entry.js → p-db9cb7ef.entry.js} +1 -1
  303. package/dist/lime-elements/{p-05c1f5a0.entry.js → p-e5abe390.entry.js} +1 -1
  304. package/dist/lime-elements/p-f036ad27.entry.js +1 -0
  305. package/dist/lime-elements/{p-2f5face5.entry.js → p-f59447bf.entry.js} +1 -1
  306. package/dist/lime-elements/{p-a81f6962.entry.js → p-f5bb17eb.entry.js} +1 -1
  307. package/dist/lime-elements/{p-9bbf2612.entry.js → p-f7a90228.entry.js} +1 -1
  308. package/dist/lime-elements/p-fYs7n6yY.js +1 -0
  309. package/dist/types/components/chip-set/chip-set.d.ts +15 -0
  310. package/dist/types/components/input-field/input-field.d.ts +19 -6
  311. package/dist/types/components/list/list-renderer-config.d.ts +1 -0
  312. package/dist/types/components/list/list.d.ts +6 -0
  313. package/dist/types/components/picker/picker.d.ts +12 -5
  314. package/dist/types/components/popover/popover.d.ts +0 -1
  315. package/dist/types/components.d.ts +46 -0
  316. package/dist/types/translations/da.d.ts +1 -0
  317. package/dist/types/translations/de.d.ts +1 -0
  318. package/dist/types/translations/en.d.ts +1 -0
  319. package/dist/types/translations/fi.d.ts +1 -0
  320. package/dist/types/translations/fr.d.ts +1 -0
  321. package/dist/types/translations/nl.d.ts +1 -0
  322. package/dist/types/translations/no.d.ts +1 -0
  323. package/dist/types/translations/sv.d.ts +1 -0
  324. package/dist/types/util/controlled-element.d.ts +11 -0
  325. package/dist/types/util/live-message.d.ts +17 -0
  326. package/dist/types/util/typeahead.d.ts +16 -0
  327. package/package.json +2 -2
  328. package/dist/cjs/dom-BWMDM6En.js +0 -32
  329. package/dist/esm/dom-B9Ofc5RB.js +0 -30
  330. package/dist/lime-elements/p-27d7c255.entry.js +0 -159
  331. package/dist/lime-elements/p-3c861ca8.entry.js +0 -23
  332. package/dist/lime-elements/p-513d2a5e.entry.js +0 -1
  333. package/dist/lime-elements/p-55abec82.entry.js +0 -1
  334. package/dist/lime-elements/p-6aae3f58.entry.js +0 -1
  335. package/dist/lime-elements/p-7af16e1d.entry.js +0 -1
  336. package/dist/lime-elements/p-813cb15c.entry.js +0 -1
  337. package/dist/lime-elements/p-895a68c5.entry.js +0 -1
  338. package/dist/lime-elements/p-B26k4gw8.js +0 -1
  339. package/dist/lime-elements/p-B9Ofc5RB.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as e,H as i,a as n}from"./p-BU9IJqli.js";import{t as r,n as o}from"./p-DjmlD0Mw.js";import{c as a}from"./p-B-tmXAXV.js";import{c as s}from"./p-BrjD-ITe.js";import{g as l}from"./p-BhoYaGlg.js";function c(t,e){const i=(null!=t?t:"").trim();if(!i)return{display:"",isGlyph:!1,ariaName:""};if("+"===i)return{display:"+",isGlyph:!1,ariaName:"plus"};const n=i.toLowerCase();switch(n){case"meta":case"win":case"windows":return e?{display:"⌘",isGlyph:!0,ariaName:"Command"}:{display:"⊞ Win",isGlyph:!1,ariaName:"Windows"};case"cmd":case"command":return{display:"⌘",isGlyph:!0,ariaName:"Command"};case"alt":case"option":return e?{display:"⌥",isGlyph:!0,ariaName:"Option"}:{display:"Alt",isGlyph:!1,ariaName:"Alt"};case"shift":return{display:"⇧",isGlyph:!0,ariaName:"Shift"};case"enter":case"return":return{display:"↩",isGlyph:!0,ariaName:"Enter"};case"tab":return{display:"⇥",isGlyph:!0,ariaName:"Tab"};case"delete":case"del":case"backspace":return e?{display:"⌫",isGlyph:!0,ariaName:"Delete"}:"backspace"===n?{display:"Backspace",isGlyph:!1,ariaName:"Backspace"}:{display:"Del",isGlyph:!1,ariaName:"Delete"};case"ctrl":case"control":return e?{display:"⌃",isGlyph:!0,ariaName:"Control"}:{display:"Ctrl",isGlyph:!1,ariaName:"Control"};case"escape":case"esc":return{display:"Esc",isGlyph:!1,ariaName:"Escape"};case"space":case"spacebar":return{display:"␣",isGlyph:!0,ariaName:"Space"};case"arrowup":case"up":return{display:"↑",isGlyph:!0,ariaName:"Up"};case"arrowdown":case"down":return{display:"↓",isGlyph:!0,ariaName:"Down"};case"arrowleft":case"left":return{display:"←",isGlyph:!0,ariaName:"Left"};case"arrowright":case"right":return{display:"→",isGlyph:!0,ariaName:"Right"}}return{display:i,isGlyph:!1,ariaName:i}}function u(t,e){return r(t).map((t=>c(t,e).ariaName)).filter(Boolean).join(" ")}const h=class{constructor(e){t(this,e),this.disabled=!1}componentWillLoad(){this.isApple=a()}render(){const t=r(this.value),n=t.map((t=>c(t,this.isApple))),o=u(this.value,this.isApple);return e(i,{key:"6c2857b3a8827d78ea18379d7338f0e31c3f44a9","aria-label":o||void 0},n.map((({display:i,isGlyph:n},r)=>e("kbd",{key:`${t[r]}-${r}`,class:n?"is-glyph":void 0},e("span",null,i)))))}};h.style='@charset "UTF-8";kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}:host(limel-hotkey){display:flex;align-items:center;justify-content:center;gap:0.25rem}:host(limel-hotkey[disabled]:not([disabled=false])){opacity:0.5}kbd{text-transform:var(--hotkey-text-transform, uppercase);margin:0;font-size:0.75rem;box-shadow:var(--button-shadow-pressed), 0 0.625rem 0.375px -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}span{display:inline-block}kbd.is-glyph span{transform:scale(1.2)}';var f="top",d="bottom",p="right",m="left",v="auto",b=[f,d,p,m],y="start",g="end",w="viewport",x="popper",k=b.reduce((function(t,e){return t.concat([e+"-"+y,e+"-"+g])}),[]),O=[].concat(b,[v]).reduce((function(t,e){return t.concat([e,e+"-"+y,e+"-"+g])}),[]),j=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function C(t){return t?(t.nodeName||"").toLowerCase():null}function G(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function M(t){return t instanceof G(t).Element||t instanceof Element}function N(t){return t instanceof G(t).HTMLElement||t instanceof HTMLElement}function D(t){return"undefined"!=typeof ShadowRoot&&(t instanceof G(t).ShadowRoot||t instanceof ShadowRoot)}function S(t){return t.split("-")[0]}var A=Math.max,B=Math.min,P=Math.round;function L(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function W(){return!/^((?!chrome|android).)*safari/i.test(L())}function E(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),r=1,o=1;e&&N(t)&&(r=t.offsetWidth>0&&P(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&P(n.height)/t.offsetHeight||1);var a=(M(t)?G(t):window).visualViewport,s=!W()&&i,l=(n.left+(s&&a?a.offsetLeft:0))/r,c=(n.top+(s&&a?a.offsetTop:0))/o,u=n.width/r,h=n.height/o;return{width:u,height:h,top:c,right:l+u,bottom:c+h,left:l,x:l,y:c}}function R(t){var e=E(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function z(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&D(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function T(t){return G(t).getComputedStyle(t)}function q(t){return["table","td","th"].indexOf(C(t))>=0}function H(t){return((M(t)?t.ownerDocument:t.document)||window.document).documentElement}function I(t){return"html"===C(t)?t:t.assignedSlot||t.parentNode||(D(t)?t.host:null)||H(t)}function F(t){return N(t)&&"fixed"!==T(t).position?t.offsetParent:null}function _(t){for(var e=G(t),i=F(t);i&&q(i)&&"static"===T(i).position;)i=F(i);return i&&("html"===C(i)||"body"===C(i)&&"static"===T(i).position)?e:i||function(t){var e=/firefox/i.test(L());if(/Trident/i.test(L())&&N(t)&&"fixed"===T(t).position)return null;var i=I(t);for(D(i)&&(i=i.host);N(i)&&["html","body"].indexOf(C(i))<0;){var n=T(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function $(t,e,i){return A(t,B(e,i))}function U(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function X(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}function J(t){return t.split("-")[1]}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function K(t){var e,i=t.popper,n=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,h=t.isFixed,v=a.x,b=void 0===v?0:v,y=a.y,w=void 0===y?0:y,x="function"==typeof u?u({x:b,y:w}):{x:b,y:w};b=x.x,w=x.y;var k=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=m,C=f,M=window;if(c){var N=_(i),D="clientHeight",S="clientWidth";N===G(i)&&"static"!==T(N=H(i)).position&&"absolute"===s&&(D="scrollHeight",S="scrollWidth"),(r===f||(r===m||r===p)&&o===g)&&(C=d,w-=(h&&N===M&&M.visualViewport?M.visualViewport.height:N[D])-n.height,w*=l?1:-1),r!==m&&(r!==f&&r!==d||o!==g)||(j=p,b-=(h&&N===M&&M.visualViewport?M.visualViewport.width:N[S])-n.width,b*=l?1:-1)}var A,B=Object.assign({position:s},c&&Y),L=!0===u?function(t,e){var i=t.y,n=e.devicePixelRatio||1;return{x:P(t.x*n)/n||0,y:P(i*n)/n||0}}({x:b,y:w},G(i)):{x:b,y:w};return b=L.x,w=L.y,Object.assign({},B,l?((A={})[C]=O?"0":"",A[j]=k?"0":"",A.transform=(M.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",A):((e={})[C]=O?w+"px":"",e[j]=k?b+"px":"",e.transform="",e))}var Q={passive:!0},Z={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Z[t]}))}var et={start:"end",end:"start"};function it(t){return t.replace(/start|end/g,(function(t){return et[t]}))}function nt(t){var e=G(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function rt(t){return E(H(t)).left+nt(t).scrollLeft}function ot(t){var e=T(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function at(t){return["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:N(t)&&ot(t)?t:at(I(t))}function st(t,e){var i;void 0===e&&(e=[]);var n=at(t),r=n===(null==(i=t.ownerDocument)?void 0:i.body),o=G(n),a=r?[o].concat(o.visualViewport||[],ot(n)?n:[]):n,s=e.concat(a);return r?s:s.concat(st(I(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ct(t,e,i){return e===w?lt(function(t,e){var i=G(t),n=H(t),r=i.visualViewport,o=n.clientWidth,a=n.clientHeight,s=0,l=0;if(r){o=r.width,a=r.height;var c=W();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:o,height:a,x:s+rt(t),y:l}}(t,i)):M(e)?function(t,e){var i=E(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):lt(function(t){var e,i=H(t),n=nt(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=A(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=A(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-n.scrollLeft+rt(t),l=-n.scrollTop;return"rtl"===T(r||i).direction&&(s+=A(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:l}}(H(t)))}function ut(t){var e,i=t.reference,n=t.element,r=t.placement,o=r?S(r):null,a=r?J(r):null,s=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case f:e={x:s,y:i.y-n.height};break;case d:e={x:s,y:i.y+i.height};break;case p:e={x:i.x+i.width,y:l};break;case m:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?V(o):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case y:e[c]=e[c]-(i[u]/2-n[u]/2);break;case g:e[c]=e[c]+(i[u]/2-n[u]/2)}}return e}function ht(t,e){void 0===e&&(e={});var i=e.placement,n=void 0===i?t.placement:i,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?"clippingParents":a,l=e.rootBoundary,c=void 0===l?w:l,u=e.elementContext,h=void 0===u?x:u,m=e.altBoundary,v=void 0!==m&&m,y=e.padding,g=void 0===y?0:y,k=U("number"!=typeof g?g:X(g,b)),O=t.rects.popper,j=t.elements[v?h===x?"reference":x:h],G=function(t,e,i,n){var r="clippingParents"===e?function(t){var e=st(I(t)),i=["absolute","fixed"].indexOf(T(t).position)>=0&&N(t)?_(t):t;return M(i)?e.filter((function(t){return M(t)&&z(t,i)&&"body"!==C(t)})):[]}(t):[].concat(e),o=[].concat(r,[i]),a=o.reduce((function(e,i){var r=ct(t,i,n);return e.top=A(r.top,e.top),e.right=B(r.right,e.right),e.bottom=B(r.bottom,e.bottom),e.left=A(r.left,e.left),e}),ct(t,o[0],n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(M(j)?j:j.contextElement||H(t.elements.popper),s,c,o),D=E(t.elements.reference),S=ut({reference:D,element:O,placement:n}),P=lt(Object.assign({},O,S)),L=h===x?P:D,W={top:G.top-L.top+k.top,bottom:L.bottom-G.bottom+k.bottom,left:G.left-L.left+k.left,right:L.right-G.right+k.right},R=t.modifiersData.offset;if(h===x&&R){var q=R[n];Object.keys(W).forEach((function(t){var e=[p,d].indexOf(t)>=0?1:-1,i=[f,d].indexOf(t)>=0?"y":"x";W[t]+=q[i]*e}))}return W}function ft(t,e){void 0===e&&(e={});var i=e.boundary,n=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?O:a,l=J(e.placement),c=l?o?k:k.filter((function(t){return J(t)===l})):b,u=c.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(e,o){return e[o]=ht(t,{placement:o,boundary:i,rootBoundary:n,padding:r})[S(o)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}var dt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0===a||a,l=i.fallbackPlacements,c=i.padding,u=i.boundary,h=i.rootBoundary,b=i.altBoundary,g=i.flipVariations,w=void 0===g||g,x=i.allowedAutoPlacements,k=e.options.placement,O=S(k),j=l||(O!==k&&w?function(t){if(S(t)===v)return[];var e=tt(t);return[it(t),e,it(e)]}(k):[tt(k)]),C=[k].concat(j).reduce((function(t,i){return t.concat(S(i)===v?ft(e,{placement:i,boundary:u,rootBoundary:h,padding:c,flipVariations:w,allowedAutoPlacements:x}):i)}),[]),G=e.rects.reference,M=e.rects.popper,N=new Map,D=!0,A=C[0],B=0;B<C.length;B++){var P=C[B],L=S(P),W=J(P)===y,E=[f,d].indexOf(L)>=0,R=E?"width":"height",z=ht(e,{placement:P,boundary:u,rootBoundary:h,altBoundary:b,padding:c}),T=E?W?p:m:W?d:f;G[R]>M[R]&&(T=tt(T));var q=tt(T),H=[];if(o&&H.push(z[L]<=0),s&&H.push(z[T]<=0,z[q]<=0),H.every((function(t){return t}))){A=P,D=!1;break}N.set(P,H)}if(D)for(var I=function(t){var e=C.find((function(e){var i=N.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==I(F);F--);e.placement!==A&&(e.modifiersData[n]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function pt(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function mt(t){return[f,p,d,m].some((function(e){return t[e]>=0}))}function vt(t,e,i){void 0===i&&(i=!1);var n,r,o=N(e),a=N(e)&&function(t){var e=t.getBoundingClientRect(),i=P(e.width)/t.offsetWidth||1,n=P(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),s=H(e),l=E(t,a,i),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(o||!o&&!i)&&(("body"!==C(e)||ot(s))&&(c=(n=e)!==G(n)&&N(n)?{scrollLeft:(r=n).scrollLeft,scrollTop:r.scrollTop}:nt(n)),N(e)?((u=E(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):s&&(u.x=rt(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function bt(t){var e=new Map,i=new Set,n=[];function r(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&r(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||r(t)})),n}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function gt(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function wt(t){void 0===t&&(t={});var e=t.defaultModifiers,i=void 0===e?[]:e,n=t.defaultOptions,r=void 0===n?yt:n;return function(t,e,n){void 0===n&&(n=r);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,u={state:s,setOptions:function(n){var o="function"==typeof n?n(s.options):n;h(),s.options=Object.assign({},r,s.options,o),s.scrollParents={reference:M(t)?st(t):t.contextElement?st(t.contextElement):[],popper:st(e)};var a,c,f=function(t){var e=bt(t);return j.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}((a=[].concat(i,s.options.modifiers),c=a.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=f.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,i=t.effect;if("function"==typeof i){var n=i({state:s,name:t.name,instance:u,options:void 0===e?{}:e});l.push(n||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,i=t.popper;if(gt(e,i)){s.rects={reference:vt(e,_(i),"fixed"===s.options.strategy),popper:R(i)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var r=s.orderedModifiers[n],o=r.fn,a=r.options;"function"==typeof o&&(s=o({state:s,options:void 0===a?{}:a,name:r.name,instance:u})||s)}else s.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(t){u.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){h(),c=!0}};if(!gt(t,e))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(n).then((function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)})),u}}var xt=wt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,r=n.scroll,o=void 0===r||r,a=n.resize,s=void 0===a||a,l=G(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Q)})),s&&l.addEventListener("resize",i.update,Q),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Q)})),s&&l.removeEventListener("resize",i.update,Q)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=ut({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,r=void 0===n||n,o=i.adaptive,a=void 0===o||o,s=i.roundOffsets,l=void 0===s||s,c={placement:S(e.placement),variation:J(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,K(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,K(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},r=e.elements[t];N(r)&&C(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});N(n)&&C(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.name,n=t.options.offset,r=void 0===n?[0,0]:n,o=O.reduce((function(t,i){return t[i]=function(t,e,i){var n=S(t),r=[m,f].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,a=o[0],s=o[1];return a=a||0,s=(s||0)*r,[m,p].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(i,e.rects,r),t}),{}),a=o[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[i]=o}},dt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0!==a&&a,l=i.tether,c=void 0===l||l,u=i.tetherOffset,h=void 0===u?0:u,v=ht(e,{boundary:i.boundary,rootBoundary:i.rootBoundary,padding:i.padding,altBoundary:i.altBoundary}),b=S(e.placement),g=J(e.placement),w=!g,x=V(b),k="x"===x?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,C=e.rects.popper,G="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,M="number"==typeof G?{mainAxis:G,altAxis:G}:Object.assign({mainAxis:0,altAxis:0},G),N=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,D={x:0,y:0};if(O){if(o){var P,L="y"===x?f:m,W="y"===x?d:p,E="y"===x?"height":"width",z=O[x],T=z+v[L],q=z-v[W],H=c?-C[E]/2:0,I=g===y?j[E]:C[E],F=g===y?-C[E]:-j[E],U=e.elements.arrow,X=c&&U?R(U):{width:0,height:0},Y=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},K=Y[L],Q=Y[W],Z=$(0,j[E],X[E]),tt=w?j[E]/2-H-Z-K-M.mainAxis:I-Z-K-M.mainAxis,et=w?-j[E]/2+H+Z+Q+M.mainAxis:F+Z+Q+M.mainAxis,it=e.elements.arrow&&_(e.elements.arrow),nt=null!=(P=null==N?void 0:N[x])?P:0,rt=z+et-nt,ot=$(c?B(T,z+tt-nt-(it?"y"===x?it.clientTop||0:it.clientLeft||0:0)):T,z,c?A(q,rt):q);O[x]=ot,D[x]=ot-z}if(s){var at,st=O[k],lt="y"===k?"height":"width",ct=st+v["x"===x?f:m],ut=st-v["x"===x?d:p],ft=-1!==[f,m].indexOf(b),dt=null!=(at=null==N?void 0:N[k])?at:0,pt=ft?ct:st-j[lt]-C[lt]-dt+M.altAxis,mt=ft?st+j[lt]+C[lt]-dt-M.altAxis:ut,vt=c&&ft?function(t,e,i){var n=$(t,e,i);return n>i?i:n}(pt,st,mt):$(c?pt:ct,st,c?mt:ut);O[k]=vt,D[k]=vt-st}e.modifiersData[n]=D}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,r=t.options,o=i.elements.arrow,a=i.modifiersData.popperOffsets,s=S(i.placement),l=V(s),c=[m,p].indexOf(s)>=0?"height":"width";if(o&&a){var u=function(t,e){return U("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:X(t,b))}(r.padding,i),h=R(o),v="y"===l?f:m,y="y"===l?d:p,g=i.rects.reference[c]+i.rects.reference[l]-a[l]-i.rects.popper[c],w=a[l]-i.rects.reference[l],x=_(o),k=x?"y"===l?x.clientHeight||0:x.clientWidth||0:0,O=k/2-h[c]/2+(g/2-w/2),j=$(u[v],O,k-h[c]-u[y]);i.modifiersData[n]=((e={})[l]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&z(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=ht(e,{elementContext:"reference"}),s=ht(e,{altBoundary:!0}),l=pt(a,n),c=pt(s,r,o),u=mt(l),h=mt(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]});const kt="is-visible",Ot="is-hiding",jt=class{get anchorElement(){return this.anchor||this.host}constructor(e){t(this,e),this.openDirection="bottom",this.position="absolute",this.containerStyle={},this.inheritParentWidth=!1,this.visible=!1,this.anchor=null,this.loaded=!1,this.writtenStyles={},this.scheduledRestyle=null,this.parents=new WeakMap}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer=null,this.container=null}connectedCallback(){this.loaded&&this.visible&&this.init()}componentDidLoad(){this.loaded=!0,this.connectedCallback()}init(){this.host.isConnected&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()))}render(){return e("slot",{key:"153c97264598d26b0c043075c889ed882bf5e9de"})}onVisible(){this.container||!this.visible?this.visible?(this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))):this.animateHideAndCleanup():this.init()}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),e=t.assignedElements&&t.assignedElements()||[];this.writtenStyles={},this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host});for(const t of e)this.parents.set(t,t.parentElement),this.container.append(t)}attachContainer(){this.getParent().append(this.container)}removeContainer(){if(this.container){for(const t of[...this.container.children]){const e=this.parents.get(t);e&&e.append(t)}this.container.remove()}}hideContainer(){this.container&&this.container.classList.remove(kt)}showContainer(){this.container.classList.add(kt)}animateHideAndCleanup(){this.container&&(this.container.classList.add(Ot),this.styleContainer(),setTimeout((()=>{this.container&&(this.container.classList.remove(Ot),this.visible||(this.container.classList.remove(kt),this.destroyPopper()))}),300))}styleContainer(){const t=this.host.getBoundingClientRect();this.setContainerWidth(t),this.setContainerHeight(t),this.setContainerStyles()}setContainerWidth(t){if(!this.inheritParentWidth)return;const e=t.width>0?t.width:this.getContentWidth(this.container);this.setContainerStyle("width",`${e}px`)}getContentWidth(t){if(!t)return null;const e=t.getBoundingClientRect().width;if(0!==e)return e;const i=t.querySelector("*");return this.getContentWidth(i)}setContainerStyles(){for(const[t,e]of Object.entries(this.containerStyle))this.container.style[t]=e}setContainerStyle(t,e){this.writtenStyles[t]!==e&&(this.writtenStyles[t]=e,this.container.style[t]=e)}createPopper(){this.destroyPopper();const t=this.createPopperConfig();this.popperInstance=xt(this.anchorElement,this.container,t),this.observeResize()}destroyPopper(){var t,e;null===(t=this.observer)||void 0===t||t.disconnect(),this.cancelScheduledRestyle(),null===(e=this.popperInstance)||void 0===e||e.destroy(),this.popperInstance=null}observeResize(){var t;"ResizeObserver"in window&&(null!==(t=this.observer)&&void 0!==t||(this.observer=new ResizeObserver((()=>{this.scheduleRestyle()}))),this.observer.observe(this.container),this.observer.observe(this.anchorElement))}scheduleRestyle(){null===this.scheduledRestyle&&(this.scheduledRestyle=requestAnimationFrame((()=>{this.scheduledRestyle=null,this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})))}cancelScheduledRestyle(){null!==this.scheduledRestyle&&(cancelAnimationFrame(this.scheduledRestyle),this.scheduledRestyle=null)}createPopperConfig(){const t=this.getPlacement(this.openDirection),e=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[e]}}]}}getPlacement(t){return{"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"}[t]}getFlipPlacement(t){return{"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"}[t]}setContainerHeight(t){const e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),i=Math.max(t.top,0),n=Math.max(e-t.bottom,0),r=Math.max(0,Math.round(Math.max(i,n)-16));this.setContainerStyle("maxHeight",`${r}px`)}getParent(){let t=this.anchorElement;for(;t;){const e=t.closest(".limel-portal--parent");if(e)return e;t=t.getRootNode().host}return document.body}get host(){return n(this)}static get watchers(){return{visible:[{onVisible:0}]}}};jt.style=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const Ct=new WeakMap;function Gt(t){return t.replaceAll(/\s+/g," ").trim().toLowerCase()}class Mt{constructor(t,e,i=500){this.timerHandle=null,this.showCallback=t,this.hideCallback=e,this.delayForShowing=i}showAfterDelay(){this.timerHandle||(this.timerHandle=setTimeout(this.showCallback,this.delayForShowing))}hide(){clearTimeout(this.timerHandle),this.timerHandle=null,this.hideCallback()}}const Nt=class{constructor(e){t(this,e),this.maxlength=50,this.openDirection="top",this.latestUpdate=0,this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()},this.hideTooltip=()=>{this.tooltipTimer.hide()},this.portalId=s(),this.tooltipTimer=new Mt((()=>this.open=!0),(()=>this.open=!1))}async connectedCallback(){this.ownerElement=function(t,e){let i=e;do{i=i.parentNode}while(i&&i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&i.nodeType!==Node.DOCUMENT_NODE);return null==i?void 0:i.getElementById(t)}(this.elementId,this.host),this.addListeners(),await this.updateDescription()}disconnectedCallback(){this.removeListeners(),this.latestUpdate++,this.restoreDescription()}async watchDescription(){await this.updateDescription()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{key:"d3fb680f623403a5951303e4d104c07fc7a21d4e",class:"trigger-anchor"},e("limel-portal",{key:"4050fdb323fce7e7f9953ce76c70e98e92a73eac",openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{key:"53ca0371e38f9dcb7ea1382fd20e892d4e0e4b72",label:this.label,helperLabel:this.helperLabel,hotkey:this.hotkey,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open})))}async updateDescription(){if(!this.ownerElement)return;const t=++this.latestUpdate,e=await l(this.ownerElement);if(!this.host.isConnected||t!==this.latestUpdate)return;e!==this.describedElement&&(this.restoreDescription(),this.describedElement=e);const i=function(t,e,i,n){const r=new Set(function(t){var e;const i=null===(e=t.getAttribute("aria-label"))||void 0===e?void 0:e.trim();if(i)return[i];const n=[...t.querySelectorAll("[aria-label]")];return[t.textContent,...[...t.children].map((t=>t.textContent)),...n.map((t=>t.getAttribute("aria-label")))].filter(Boolean)}(t).map(Gt)),s=[e,i].filter((t=>t&&!r.has(Gt(t))));return s.push(function(t){const e=o(t);return e?u(e,a()):void 0}(n)),s.filter(Boolean).join(". ")}(e,this.label,this.helperLabel,this.hotkey);i?function(t,e,i){let n=Ct.get(t);n||(n={original:t.getAttribute("aria-description"),texts:new Map},Ct.set(t,n)),n.texts.delete(e),n.texts.set(e,i),t.setAttribute("aria-description",i)}(e,this,i):this.restoreDescription()}restoreDescription(){this.describedElement&&function(t,e){const i=Ct.get(t),n=null==i?void 0:i.texts.get(e);if(!i||void 0===n)return;i.texts.delete(e);const r=t.getAttribute("aria-description")===n,o=[...i.texts.values()].at(-1);void 0===o?(Ct.delete(t),r&&(null!==i.original?t.setAttribute("aria-description",i.original):t.removeAttribute("aria-description"))):r&&t.setAttribute("aria-description",o)}(this.describedElement,this),this.describedElement=void 0}addListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.addEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.addEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.addEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.removeEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.removeEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.removeEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.removeEventListener("blur",this.hideTooltip)}get host(){return n(this)}static get watchers(){return{label:[{watchDescription:0}],helperLabel:[{watchDescription:0}],hotkey:[{watchDescription:0}]}}};Nt.style=":host(limel-tooltip){position:absolute;pointer-events:none}";const Dt=class{constructor(e){t(this,e)}render(){let t=!1;return this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength),e(i,{key:"f9735b1c49a51e6945014d8a5a23a3e284b53ace",class:{"has-column-layout":t},style:this.maxlength?{"--tooltip-max-width-of-text":`${this.maxlength}ch`}:void 0},e("div",{key:"12ed325f94deb0788c72e8ce643adce1127af675",class:"label"},this.label),this.renderHelperLabel(),this.renderHotkey())}renderHelperLabel(){if(this.helperLabel)return e("div",{class:"helper-label"},this.helperLabel)}renderHotkey(){if(!this.hotkey)return;const t=o(this.hotkey);return t?e("limel-hotkey",{value:t}):void 0}};Dt.style=":host(limel-tooltip-content){box-sizing:border-box;display:flex;align-items:center;gap:0.5rem 1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-default-font-size);line-height:normal;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16), var(--shadow-brighten-edges-inside)}:host(.has-column-layout){flex-direction:column;align-items:flex-start;padding:0.5rem;max-width:min(var(--tooltip-max-width-of-text), 80vw)}:host(.has-column-layout) .label,:host(.has-column-layout) .helper-label{flex-grow:1}.label,.helper-label{min-width:0;min-height:0}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}limel-hotkey{margin-right:-0.25rem}";export{h as limel_hotkey,jt as limel_portal,Nt as limel_tooltip,Dt as limel_tooltip_content}
1
+ import{r as t,h as e,H as i,a as n}from"./p-BU9IJqli.js";import{t as r,n as o}from"./p-DjmlD0Mw.js";import{c as a}from"./p-B-tmXAXV.js";import{c as s}from"./p-BrjD-ITe.js";import{g as l}from"./p-BhoYaGlg.js";function c(t,e){const i=(null!=t?t:"").trim();if(!i)return{display:"",isGlyph:!1,ariaName:""};if("+"===i)return{display:"+",isGlyph:!1,ariaName:"plus"};const n=i.toLowerCase();switch(n){case"meta":case"win":case"windows":return e?{display:"⌘",isGlyph:!0,ariaName:"Command"}:{display:"⊞ Win",isGlyph:!1,ariaName:"Windows"};case"cmd":case"command":return{display:"⌘",isGlyph:!0,ariaName:"Command"};case"alt":case"option":return e?{display:"⌥",isGlyph:!0,ariaName:"Option"}:{display:"Alt",isGlyph:!1,ariaName:"Alt"};case"shift":return{display:"⇧",isGlyph:!0,ariaName:"Shift"};case"enter":case"return":return{display:"↩",isGlyph:!0,ariaName:"Enter"};case"tab":return{display:"⇥",isGlyph:!0,ariaName:"Tab"};case"delete":case"del":case"backspace":return e?{display:"⌫",isGlyph:!0,ariaName:"Delete"}:"backspace"===n?{display:"Backspace",isGlyph:!1,ariaName:"Backspace"}:{display:"Del",isGlyph:!1,ariaName:"Delete"};case"ctrl":case"control":return e?{display:"⌃",isGlyph:!0,ariaName:"Control"}:{display:"Ctrl",isGlyph:!1,ariaName:"Control"};case"escape":case"esc":return{display:"Esc",isGlyph:!1,ariaName:"Escape"};case"space":case"spacebar":return{display:"␣",isGlyph:!0,ariaName:"Space"};case"arrowup":case"up":return{display:"↑",isGlyph:!0,ariaName:"Up"};case"arrowdown":case"down":return{display:"↓",isGlyph:!0,ariaName:"Down"};case"arrowleft":case"left":return{display:"←",isGlyph:!0,ariaName:"Left"};case"arrowright":case"right":return{display:"→",isGlyph:!0,ariaName:"Right"}}return{display:i,isGlyph:!1,ariaName:i}}function u(t,e){return r(t).map((t=>c(t,e).ariaName)).filter(Boolean).join(" ")}const h=class{constructor(e){t(this,e),this.disabled=!1}componentWillLoad(){this.isApple=a()}render(){const t=r(this.value),n=t.map((t=>c(t,this.isApple))),o=u(this.value,this.isApple);return e(i,{key:"0cf81f7754511dce0358be8ba428e047e6bf6ab5","aria-label":o||void 0},n.map((({display:i,isGlyph:n},r)=>e("kbd",{key:`${t[r]}-${r}`,class:n?"is-glyph":void 0},e("span",null,i)))))}};h.style='@charset "UTF-8";kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}:host(limel-hotkey){display:flex;align-items:center;justify-content:center;gap:0.25rem}:host(limel-hotkey[disabled]:not([disabled=false])){opacity:0.5}kbd{text-transform:var(--hotkey-text-transform, uppercase);margin:0;font-size:0.75rem;box-shadow:var(--button-shadow-pressed), 0 0.625rem 0.375px -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}span{display:inline-block}kbd.is-glyph span{transform:scale(1.2)}';var f="top",d="bottom",p="right",m="left",v="auto",b=[f,d,p,m],y="start",g="end",w="viewport",x="popper",k=b.reduce((function(t,e){return t.concat([e+"-"+y,e+"-"+g])}),[]),O=[].concat(b,[v]).reduce((function(t,e){return t.concat([e,e+"-"+y,e+"-"+g])}),[]),j=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function C(t){return t?(t.nodeName||"").toLowerCase():null}function G(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function M(t){return t instanceof G(t).Element||t instanceof Element}function N(t){return t instanceof G(t).HTMLElement||t instanceof HTMLElement}function D(t){return"undefined"!=typeof ShadowRoot&&(t instanceof G(t).ShadowRoot||t instanceof ShadowRoot)}function S(t){return t.split("-")[0]}var A=Math.max,B=Math.min,P=Math.round;function L(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function W(){return!/^((?!chrome|android).)*safari/i.test(L())}function E(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),r=1,o=1;e&&N(t)&&(r=t.offsetWidth>0&&P(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&P(n.height)/t.offsetHeight||1);var a=(M(t)?G(t):window).visualViewport,s=!W()&&i,l=(n.left+(s&&a?a.offsetLeft:0))/r,c=(n.top+(s&&a?a.offsetTop:0))/o,u=n.width/r,h=n.height/o;return{width:u,height:h,top:c,right:l+u,bottom:c+h,left:l,x:l,y:c}}function R(t){var e=E(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function z(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&D(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function T(t){return G(t).getComputedStyle(t)}function q(t){return["table","td","th"].indexOf(C(t))>=0}function H(t){return((M(t)?t.ownerDocument:t.document)||window.document).documentElement}function I(t){return"html"===C(t)?t:t.assignedSlot||t.parentNode||(D(t)?t.host:null)||H(t)}function F(t){return N(t)&&"fixed"!==T(t).position?t.offsetParent:null}function _(t){for(var e=G(t),i=F(t);i&&q(i)&&"static"===T(i).position;)i=F(i);return i&&("html"===C(i)||"body"===C(i)&&"static"===T(i).position)?e:i||function(t){var e=/firefox/i.test(L());if(/Trident/i.test(L())&&N(t)&&"fixed"===T(t).position)return null;var i=I(t);for(D(i)&&(i=i.host);N(i)&&["html","body"].indexOf(C(i))<0;){var n=T(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function $(t,e,i){return A(t,B(e,i))}function U(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function X(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}function J(t){return t.split("-")[1]}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function K(t){var e,i=t.popper,n=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,h=t.isFixed,v=a.x,b=void 0===v?0:v,y=a.y,w=void 0===y?0:y,x="function"==typeof u?u({x:b,y:w}):{x:b,y:w};b=x.x,w=x.y;var k=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=m,C=f,M=window;if(c){var N=_(i),D="clientHeight",S="clientWidth";N===G(i)&&"static"!==T(N=H(i)).position&&"absolute"===s&&(D="scrollHeight",S="scrollWidth"),(r===f||(r===m||r===p)&&o===g)&&(C=d,w-=(h&&N===M&&M.visualViewport?M.visualViewport.height:N[D])-n.height,w*=l?1:-1),r!==m&&(r!==f&&r!==d||o!==g)||(j=p,b-=(h&&N===M&&M.visualViewport?M.visualViewport.width:N[S])-n.width,b*=l?1:-1)}var A,B=Object.assign({position:s},c&&Y),L=!0===u?function(t,e){var i=t.y,n=e.devicePixelRatio||1;return{x:P(t.x*n)/n||0,y:P(i*n)/n||0}}({x:b,y:w},G(i)):{x:b,y:w};return b=L.x,w=L.y,Object.assign({},B,l?((A={})[C]=O?"0":"",A[j]=k?"0":"",A.transform=(M.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",A):((e={})[C]=O?w+"px":"",e[j]=k?b+"px":"",e.transform="",e))}var Q={passive:!0},Z={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Z[t]}))}var et={start:"end",end:"start"};function it(t){return t.replace(/start|end/g,(function(t){return et[t]}))}function nt(t){var e=G(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function rt(t){return E(H(t)).left+nt(t).scrollLeft}function ot(t){var e=T(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function at(t){return["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:N(t)&&ot(t)?t:at(I(t))}function st(t,e){var i;void 0===e&&(e=[]);var n=at(t),r=n===(null==(i=t.ownerDocument)?void 0:i.body),o=G(n),a=r?[o].concat(o.visualViewport||[],ot(n)?n:[]):n,s=e.concat(a);return r?s:s.concat(st(I(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ct(t,e,i){return e===w?lt(function(t,e){var i=G(t),n=H(t),r=i.visualViewport,o=n.clientWidth,a=n.clientHeight,s=0,l=0;if(r){o=r.width,a=r.height;var c=W();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:o,height:a,x:s+rt(t),y:l}}(t,i)):M(e)?function(t,e){var i=E(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):lt(function(t){var e,i=H(t),n=nt(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=A(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=A(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-n.scrollLeft+rt(t),l=-n.scrollTop;return"rtl"===T(r||i).direction&&(s+=A(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:l}}(H(t)))}function ut(t){var e,i=t.reference,n=t.element,r=t.placement,o=r?S(r):null,a=r?J(r):null,s=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case f:e={x:s,y:i.y-n.height};break;case d:e={x:s,y:i.y+i.height};break;case p:e={x:i.x+i.width,y:l};break;case m:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?V(o):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case y:e[c]=e[c]-(i[u]/2-n[u]/2);break;case g:e[c]=e[c]+(i[u]/2-n[u]/2)}}return e}function ht(t,e){void 0===e&&(e={});var i=e.placement,n=void 0===i?t.placement:i,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?"clippingParents":a,l=e.rootBoundary,c=void 0===l?w:l,u=e.elementContext,h=void 0===u?x:u,m=e.altBoundary,v=void 0!==m&&m,y=e.padding,g=void 0===y?0:y,k=U("number"!=typeof g?g:X(g,b)),O=t.rects.popper,j=t.elements[v?h===x?"reference":x:h],G=function(t,e,i,n){var r="clippingParents"===e?function(t){var e=st(I(t)),i=["absolute","fixed"].indexOf(T(t).position)>=0&&N(t)?_(t):t;return M(i)?e.filter((function(t){return M(t)&&z(t,i)&&"body"!==C(t)})):[]}(t):[].concat(e),o=[].concat(r,[i]),a=o.reduce((function(e,i){var r=ct(t,i,n);return e.top=A(r.top,e.top),e.right=B(r.right,e.right),e.bottom=B(r.bottom,e.bottom),e.left=A(r.left,e.left),e}),ct(t,o[0],n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(M(j)?j:j.contextElement||H(t.elements.popper),s,c,o),D=E(t.elements.reference),S=ut({reference:D,element:O,placement:n}),P=lt(Object.assign({},O,S)),L=h===x?P:D,W={top:G.top-L.top+k.top,bottom:L.bottom-G.bottom+k.bottom,left:G.left-L.left+k.left,right:L.right-G.right+k.right},R=t.modifiersData.offset;if(h===x&&R){var q=R[n];Object.keys(W).forEach((function(t){var e=[p,d].indexOf(t)>=0?1:-1,i=[f,d].indexOf(t)>=0?"y":"x";W[t]+=q[i]*e}))}return W}function ft(t,e){void 0===e&&(e={});var i=e.boundary,n=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?O:a,l=J(e.placement),c=l?o?k:k.filter((function(t){return J(t)===l})):b,u=c.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(e,o){return e[o]=ht(t,{placement:o,boundary:i,rootBoundary:n,padding:r})[S(o)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}var dt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0===a||a,l=i.fallbackPlacements,c=i.padding,u=i.boundary,h=i.rootBoundary,b=i.altBoundary,g=i.flipVariations,w=void 0===g||g,x=i.allowedAutoPlacements,k=e.options.placement,O=S(k),j=l||(O!==k&&w?function(t){if(S(t)===v)return[];var e=tt(t);return[it(t),e,it(e)]}(k):[tt(k)]),C=[k].concat(j).reduce((function(t,i){return t.concat(S(i)===v?ft(e,{placement:i,boundary:u,rootBoundary:h,padding:c,flipVariations:w,allowedAutoPlacements:x}):i)}),[]),G=e.rects.reference,M=e.rects.popper,N=new Map,D=!0,A=C[0],B=0;B<C.length;B++){var P=C[B],L=S(P),W=J(P)===y,E=[f,d].indexOf(L)>=0,R=E?"width":"height",z=ht(e,{placement:P,boundary:u,rootBoundary:h,altBoundary:b,padding:c}),T=E?W?p:m:W?d:f;G[R]>M[R]&&(T=tt(T));var q=tt(T),H=[];if(o&&H.push(z[L]<=0),s&&H.push(z[T]<=0,z[q]<=0),H.every((function(t){return t}))){A=P,D=!1;break}N.set(P,H)}if(D)for(var I=function(t){var e=C.find((function(e){var i=N.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==I(F);F--);e.placement!==A&&(e.modifiersData[n]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function pt(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function mt(t){return[f,p,d,m].some((function(e){return t[e]>=0}))}function vt(t,e,i){void 0===i&&(i=!1);var n,r,o=N(e),a=N(e)&&function(t){var e=t.getBoundingClientRect(),i=P(e.width)/t.offsetWidth||1,n=P(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),s=H(e),l=E(t,a,i),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(o||!o&&!i)&&(("body"!==C(e)||ot(s))&&(c=(n=e)!==G(n)&&N(n)?{scrollLeft:(r=n).scrollLeft,scrollTop:r.scrollTop}:nt(n)),N(e)?((u=E(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):s&&(u.x=rt(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function bt(t){var e=new Map,i=new Set,n=[];function r(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&r(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||r(t)})),n}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function gt(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function wt(t){void 0===t&&(t={});var e=t.defaultModifiers,i=void 0===e?[]:e,n=t.defaultOptions,r=void 0===n?yt:n;return function(t,e,n){void 0===n&&(n=r);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,u={state:s,setOptions:function(n){var o="function"==typeof n?n(s.options):n;h(),s.options=Object.assign({},r,s.options,o),s.scrollParents={reference:M(t)?st(t):t.contextElement?st(t.contextElement):[],popper:st(e)};var a,c,f=function(t){var e=bt(t);return j.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}((a=[].concat(i,s.options.modifiers),c=a.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=f.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,i=t.effect;if("function"==typeof i){var n=i({state:s,name:t.name,instance:u,options:void 0===e?{}:e});l.push(n||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,i=t.popper;if(gt(e,i)){s.rects={reference:vt(e,_(i),"fixed"===s.options.strategy),popper:R(i)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var r=s.orderedModifiers[n],o=r.fn,a=r.options;"function"==typeof o&&(s=o({state:s,options:void 0===a?{}:a,name:r.name,instance:u})||s)}else s.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(t){u.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){h(),c=!0}};if(!gt(t,e))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(n).then((function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)})),u}}var xt=wt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,r=n.scroll,o=void 0===r||r,a=n.resize,s=void 0===a||a,l=G(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Q)})),s&&l.addEventListener("resize",i.update,Q),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Q)})),s&&l.removeEventListener("resize",i.update,Q)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=ut({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,r=void 0===n||n,o=i.adaptive,a=void 0===o||o,s=i.roundOffsets,l=void 0===s||s,c={placement:S(e.placement),variation:J(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,K(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,K(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},r=e.elements[t];N(r)&&C(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});N(n)&&C(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.name,n=t.options.offset,r=void 0===n?[0,0]:n,o=O.reduce((function(t,i){return t[i]=function(t,e,i){var n=S(t),r=[m,f].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,a=o[0],s=o[1];return a=a||0,s=(s||0)*r,[m,p].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(i,e.rects,r),t}),{}),a=o[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[i]=o}},dt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0!==a&&a,l=i.tether,c=void 0===l||l,u=i.tetherOffset,h=void 0===u?0:u,v=ht(e,{boundary:i.boundary,rootBoundary:i.rootBoundary,padding:i.padding,altBoundary:i.altBoundary}),b=S(e.placement),g=J(e.placement),w=!g,x=V(b),k="x"===x?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,C=e.rects.popper,G="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,M="number"==typeof G?{mainAxis:G,altAxis:G}:Object.assign({mainAxis:0,altAxis:0},G),N=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,D={x:0,y:0};if(O){if(o){var P,L="y"===x?f:m,W="y"===x?d:p,E="y"===x?"height":"width",z=O[x],T=z+v[L],q=z-v[W],H=c?-C[E]/2:0,I=g===y?j[E]:C[E],F=g===y?-C[E]:-j[E],U=e.elements.arrow,X=c&&U?R(U):{width:0,height:0},Y=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},K=Y[L],Q=Y[W],Z=$(0,j[E],X[E]),tt=w?j[E]/2-H-Z-K-M.mainAxis:I-Z-K-M.mainAxis,et=w?-j[E]/2+H+Z+Q+M.mainAxis:F+Z+Q+M.mainAxis,it=e.elements.arrow&&_(e.elements.arrow),nt=null!=(P=null==N?void 0:N[x])?P:0,rt=z+et-nt,ot=$(c?B(T,z+tt-nt-(it?"y"===x?it.clientTop||0:it.clientLeft||0:0)):T,z,c?A(q,rt):q);O[x]=ot,D[x]=ot-z}if(s){var at,st=O[k],lt="y"===k?"height":"width",ct=st+v["x"===x?f:m],ut=st-v["x"===x?d:p],ft=-1!==[f,m].indexOf(b),dt=null!=(at=null==N?void 0:N[k])?at:0,pt=ft?ct:st-j[lt]-C[lt]-dt+M.altAxis,mt=ft?st+j[lt]+C[lt]-dt-M.altAxis:ut,vt=c&&ft?function(t,e,i){var n=$(t,e,i);return n>i?i:n}(pt,st,mt):$(c?pt:ct,st,c?mt:ut);O[k]=vt,D[k]=vt-st}e.modifiersData[n]=D}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,r=t.options,o=i.elements.arrow,a=i.modifiersData.popperOffsets,s=S(i.placement),l=V(s),c=[m,p].indexOf(s)>=0?"height":"width";if(o&&a){var u=function(t,e){return U("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:X(t,b))}(r.padding,i),h=R(o),v="y"===l?f:m,y="y"===l?d:p,g=i.rects.reference[c]+i.rects.reference[l]-a[l]-i.rects.popper[c],w=a[l]-i.rects.reference[l],x=_(o),k=x?"y"===l?x.clientHeight||0:x.clientWidth||0:0,O=k/2-h[c]/2+(g/2-w/2),j=$(u[v],O,k-h[c]-u[y]);i.modifiersData[n]=((e={})[l]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&z(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=ht(e,{elementContext:"reference"}),s=ht(e,{altBoundary:!0}),l=pt(a,n),c=pt(s,r,o),u=mt(l),h=mt(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]});const kt="is-visible",Ot="is-hiding",jt=class{get anchorElement(){return this.anchor||this.host}constructor(e){t(this,e),this.openDirection="bottom",this.position="absolute",this.containerStyle={},this.inheritParentWidth=!1,this.visible=!1,this.anchor=null,this.loaded=!1,this.writtenStyles={},this.scheduledRestyle=null,this.parents=new WeakMap}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer=null,this.container=null}connectedCallback(){this.loaded&&this.visible&&this.init()}componentDidLoad(){this.loaded=!0,this.connectedCallback()}init(){this.host.isConnected&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()))}render(){return e("slot",{key:"37784f868a6be293c052c90eaa87b40f97717694"})}onVisible(){this.container||!this.visible?this.visible?(this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))):this.animateHideAndCleanup():this.init()}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),e=t.assignedElements&&t.assignedElements()||[];this.writtenStyles={},this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host});for(const t of e)this.parents.set(t,t.parentElement),this.container.append(t)}attachContainer(){this.getParent().append(this.container)}removeContainer(){if(this.container){for(const t of[...this.container.children]){const e=this.parents.get(t);e&&e.append(t)}this.container.remove()}}hideContainer(){this.container&&this.container.classList.remove(kt)}showContainer(){this.container.classList.add(kt)}animateHideAndCleanup(){this.container&&(this.container.classList.add(Ot),this.styleContainer(),setTimeout((()=>{this.container&&(this.container.classList.remove(Ot),this.visible||(this.container.classList.remove(kt),this.destroyPopper()))}),300))}styleContainer(){const t=this.host.getBoundingClientRect();this.setContainerWidth(t),this.setContainerHeight(t),this.setContainerStyles()}setContainerWidth(t){if(!this.inheritParentWidth)return;const e=t.width>0?t.width:this.getContentWidth(this.container);this.setContainerStyle("width",`${e}px`)}getContentWidth(t){if(!t)return null;const e=t.getBoundingClientRect().width;if(0!==e)return e;const i=t.querySelector("*");return this.getContentWidth(i)}setContainerStyles(){for(const[t,e]of Object.entries(this.containerStyle))this.container.style[t]=e}setContainerStyle(t,e){this.writtenStyles[t]!==e&&(this.writtenStyles[t]=e,this.container.style[t]=e)}createPopper(){this.destroyPopper();const t=this.createPopperConfig();this.popperInstance=xt(this.anchorElement,this.container,t),this.observeResize()}destroyPopper(){var t,e;null===(t=this.observer)||void 0===t||t.disconnect(),this.cancelScheduledRestyle(),null===(e=this.popperInstance)||void 0===e||e.destroy(),this.popperInstance=null}observeResize(){var t;"ResizeObserver"in window&&(null!==(t=this.observer)&&void 0!==t||(this.observer=new ResizeObserver((()=>{this.scheduleRestyle()}))),this.observer.observe(this.container),this.observer.observe(this.anchorElement))}scheduleRestyle(){null===this.scheduledRestyle&&(this.scheduledRestyle=requestAnimationFrame((()=>{this.scheduledRestyle=null,this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})))}cancelScheduledRestyle(){null!==this.scheduledRestyle&&(cancelAnimationFrame(this.scheduledRestyle),this.scheduledRestyle=null)}createPopperConfig(){const t=this.getPlacement(this.openDirection),e=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[e]}}]}}getPlacement(t){return{"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"}[t]}getFlipPlacement(t){return{"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"}[t]}setContainerHeight(t){const e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),i=Math.max(t.top,0),n=Math.max(e-t.bottom,0),r=Math.max(0,Math.round(Math.max(i,n)-16));this.setContainerStyle("maxHeight",`${r}px`)}getParent(){let t=this.anchorElement;for(;t;){const e=t.closest(".limel-portal--parent");if(e)return e;t=t.getRootNode().host}return document.body}get host(){return n(this)}static get watchers(){return{visible:[{onVisible:0}]}}};jt.style=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const Ct=new WeakMap;function Gt(t){return t.replaceAll(/\s+/g," ").trim().toLowerCase()}class Mt{constructor(t,e,i=500){this.timerHandle=null,this.showCallback=t,this.hideCallback=e,this.delayForShowing=i}showAfterDelay(){this.timerHandle||(this.timerHandle=setTimeout(this.showCallback,this.delayForShowing))}hide(){clearTimeout(this.timerHandle),this.timerHandle=null,this.hideCallback()}}const Nt=class{constructor(e){t(this,e),this.maxlength=50,this.openDirection="top",this.latestUpdate=0,this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()},this.hideTooltip=()=>{this.tooltipTimer.hide()},this.portalId=s(),this.tooltipTimer=new Mt((()=>this.open=!0),(()=>this.open=!1))}async connectedCallback(){this.ownerElement=function(t,e){let i=e;do{i=i.parentNode}while(i&&i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&i.nodeType!==Node.DOCUMENT_NODE);return null==i?void 0:i.getElementById(t)}(this.elementId,this.host),this.addListeners(),await this.updateDescription()}disconnectedCallback(){this.removeListeners(),this.latestUpdate++,this.restoreDescription()}async watchDescription(){await this.updateDescription()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{key:"9b893c590d0626f4e7c88f97f14e9c87cb1520d7",class:"trigger-anchor"},e("limel-portal",{key:"de7ee98705df289e59a034f49daf33823ab6aa86",openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{key:"83ae108e4c32627527c9962a3f82a2b77ecda873",label:this.label,helperLabel:this.helperLabel,hotkey:this.hotkey,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open})))}async updateDescription(){if(!this.ownerElement)return;const t=++this.latestUpdate,e=await l(this.ownerElement);if(!this.host.isConnected||t!==this.latestUpdate)return;e!==this.describedElement&&(this.restoreDescription(),this.describedElement=e);const i=function(t,e,i,n){const r=new Set(function(t){var e;const i=null===(e=t.getAttribute("aria-label"))||void 0===e?void 0:e.trim();if(i)return[i];const n=[...t.querySelectorAll("[aria-label]")];return[t.textContent,...[...t.children].map((t=>t.textContent)),...n.map((t=>t.getAttribute("aria-label")))].filter(Boolean)}(t).map(Gt)),s=[e,i].filter((t=>t&&!r.has(Gt(t))));return s.push(function(t){const e=o(t);return e?u(e,a()):void 0}(n)),s.filter(Boolean).join(". ")}(e,this.label,this.helperLabel,this.hotkey);i?function(t,e,i){let n=Ct.get(t);n||(n={original:t.getAttribute("aria-description"),texts:new Map},Ct.set(t,n)),n.texts.delete(e),n.texts.set(e,i),t.setAttribute("aria-description",i)}(e,this,i):this.restoreDescription()}restoreDescription(){this.describedElement&&function(t,e){const i=Ct.get(t),n=null==i?void 0:i.texts.get(e);if(!i||void 0===n)return;i.texts.delete(e);const r=t.getAttribute("aria-description")===n,o=[...i.texts.values()].at(-1);void 0===o?(Ct.delete(t),r&&(null!==i.original?t.setAttribute("aria-description",i.original):t.removeAttribute("aria-description"))):r&&t.setAttribute("aria-description",o)}(this.describedElement,this),this.describedElement=void 0}addListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.addEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.addEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.addEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.removeEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.removeEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.removeEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.removeEventListener("blur",this.hideTooltip)}get host(){return n(this)}static get watchers(){return{label:[{watchDescription:0}],helperLabel:[{watchDescription:0}],hotkey:[{watchDescription:0}]}}};Nt.style=":host(limel-tooltip){position:absolute;pointer-events:none}";const Dt=class{constructor(e){t(this,e)}render(){let t=!1;return this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength),e(i,{key:"05369a8209c96b17763eaa4074c82543f96cd908",class:{"has-column-layout":t},style:this.maxlength?{"--tooltip-max-width-of-text":`${this.maxlength}ch`}:void 0},e("div",{key:"1bfac9e319921070cc262a74347b9280de12e025",class:"label"},this.label),this.renderHelperLabel(),this.renderHotkey())}renderHelperLabel(){if(this.helperLabel)return e("div",{class:"helper-label"},this.helperLabel)}renderHotkey(){if(!this.hotkey)return;const t=o(this.hotkey);return t?e("limel-hotkey",{value:t}):void 0}};Dt.style=":host(limel-tooltip-content){box-sizing:border-box;display:flex;align-items:center;gap:0.5rem 1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-default-font-size);line-height:normal;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16), var(--shadow-brighten-edges-inside)}:host(.has-column-layout){flex-direction:column;align-items:flex-start;padding:0.5rem;max-width:min(var(--tooltip-max-width-of-text), 80vw)}:host(.has-column-layout) .label,:host(.has-column-layout) .helper-label{flex-grow:1}.label,.helper-label{min-width:0;min-height:0}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}limel-hotkey{margin-right:-0.25rem}";export{h as limel_hotkey,jt as limel_portal,Nt as limel_tooltip,Dt as limel_tooltip_content}
@@ -1 +1 @@
1
- import{r as t,c as e,h as o,H as r}from"./p-BU9IJqli.js";import{c as a}from"./p-BrjD-ITe.js";const i=class{constructor(o){t(this,o),this.change=e(this,"change",7),this.value=[],this.disabled=!1,this.radioGroupName=a(),this.setSelectedButton=()=>{var t;this.selectedButtonId=null===(t=this.value.find((t=>t.selected)))||void 0===t?void 0:t.id},this.renderButton=this.renderButton.bind(this),this.onChange=this.onChange.bind(this),this.renderContent=this.renderContent.bind(this)}componentWillLoad(){this.setSelectedButton()}render(){return o(r,{key:"d63062a493791d0b85110766c741593e6ca56bce",role:"radiogroup"},this.value.map(this.renderButton))}renderButton(t){const e=`b${t.id}`,r=this.disabled||t.disabled,a={button:!0,"button--selected":this.isButtonChecked(t)};return o("div",{class:a},o("input",{type:"radio",name:this.radioGroupName,checked:this.isButtonChecked(t),disabled:r,"aria-disabled":r?"true":"false",id:e,onChange:this.onChange}),o("label",{htmlFor:e},this.renderContent(t),this.renderBadge(t)))}renderContent(t){return t.icon?this.renderIcon(t):this.renderLabel(t)}isButtonChecked(t){return t.id===this.selectedButtonId}renderLabel(t){return o("span",{class:"button__label"},t.title)}renderIcon(t){const e=`i${t.id}`;return[o("limel-icon",{id:e,class:"button__icon","aria-label":t.title,name:t.icon,size:"small",badge:!0}),o("limel-tooltip",{elementId:e,label:t.title})]}renderBadge(t){if(t.badge)return o("limel-badge",{label:t.badge})}onChange(t){t.stopPropagation();const e=t.target.id.slice(1),o=this.value.find((t=>t.id===e));!o||this.disabled||o.disabled||(this.selectedButtonId=e,this.change.emit(o))}valueChanged(){this.setSelectedButton()}static get watchers(){return{value:[{valueChanged:0}]}}};i.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limel-button-group){display:flex;box-sizing:border-box;align-items:center;border-radius:3.75rem;background-color:var(--button-group-background-color, rgb(var(--contrast-400)));width:max-content;max-width:100%;flex-wrap:nowrap}.button{color:var(--limel-theme-on-surface-color)}.button:not(:has(:disabled)){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):focus,.button:not(:has(:disabled)):focus-visible{will-change:color, background-color, box-shadow, transform}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.button:not(:has(:disabled)):hover{box-shadow:var(--button-shadow-hovered)}.button:not(:has(:disabled)):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.button{position:relative;display:inline-grid;grid-auto-flow:column;align-items:center;max-width:100%;min-width:2rem;height:2rem;padding:0 0.0625rem;margin:0.125rem;border-radius:1rem;font-size:var(--limel-theme-default-font-size);user-select:none}.button:not(:last-child):after{content:"";display:block;height:1rem;width:0.125rem;border-radius:0.25rem;background-color:var(--button-group-text-color, rgb(var(--contrast-1200)));opacity:0.1;position:absolute;right:-0.1875rem;top:0;bottom:0;margin:auto}.button label{cursor:pointer;transition:color 0.2s ease;display:flex;align-items:center;flex:1;height:100%;min-width:0}.button label:has(>limel-badge) .button__label{padding-right:0.25rem}.button:has(:disabled) label{cursor:not-allowed;opacity:0.4}.button input[type=radio]{position:absolute;width:0;opacity:0}.button input[type=radio]:focus-visible+label:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3.75rem;box-shadow:var(--shadow-depth-8-focused)}.button:focus-within{outline:none;color:var(--lime-primary-color, var(--limel-theme-primary-color))}.button:only-child .button__label{padding-left:0.75rem}.button:first-child .button__label{padding-left:0.75rem}.button.button--selected{background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset);color:var(--lime-primary-color, var(--limel-theme-primary-color))}.button.button--selected:not(:has(:disabled)):active{box-shadow:var(--button-shadow-inset-pressed)}.button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--limel-theme-default-small-font-size);padding:0 0.75rem}.button__icon{border-radius:50%;vertical-align:middle}limel-badge{margin-right:0.25rem;pointer-events:none}.button:not(.button--selected){--badge-background-color:rgb(var(--contrast-200))}';export{i as limel_button_group}
1
+ import{r as t,c as e,h as o,H as r}from"./p-BU9IJqli.js";import{c as a}from"./p-BrjD-ITe.js";const i=class{constructor(o){t(this,o),this.change=e(this,"change",7),this.value=[],this.disabled=!1,this.radioGroupName=a(),this.setSelectedButton=()=>{var t;this.selectedButtonId=null===(t=this.value.find((t=>t.selected)))||void 0===t?void 0:t.id},this.renderButton=this.renderButton.bind(this),this.onChange=this.onChange.bind(this),this.renderContent=this.renderContent.bind(this)}componentWillLoad(){this.setSelectedButton()}render(){return o(r,{key:"512f3347c97bacea01462122f05b537597b464b6",role:"radiogroup"},this.value.map(this.renderButton))}renderButton(t){const e=`b${t.id}`,r=this.disabled||t.disabled,a={button:!0,"button--selected":this.isButtonChecked(t)};return o("div",{class:a},o("input",{type:"radio",name:this.radioGroupName,checked:this.isButtonChecked(t),disabled:r,"aria-disabled":r?"true":"false",id:e,onChange:this.onChange}),o("label",{htmlFor:e},this.renderContent(t),this.renderBadge(t)))}renderContent(t){return t.icon?this.renderIcon(t):this.renderLabel(t)}isButtonChecked(t){return t.id===this.selectedButtonId}renderLabel(t){return o("span",{class:"button__label"},t.title)}renderIcon(t){const e=`i${t.id}`;return[o("limel-icon",{id:e,class:"button__icon","aria-label":t.title,name:t.icon,size:"small",badge:!0}),o("limel-tooltip",{elementId:e,label:t.title})]}renderBadge(t){if(t.badge)return o("limel-badge",{label:t.badge})}onChange(t){t.stopPropagation();const e=t.target.id.slice(1),o=this.value.find((t=>t.id===e));!o||this.disabled||o.disabled||(this.selectedButtonId=e,this.change.emit(o))}valueChanged(){this.setSelectedButton()}static get watchers(){return{value:[{valueChanged:0}]}}};i.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limel-button-group){display:flex;box-sizing:border-box;align-items:center;border-radius:3.75rem;background-color:var(--button-group-background-color, rgb(var(--contrast-400)));width:max-content;max-width:100%;flex-wrap:nowrap}.button{color:var(--limel-theme-on-surface-color)}.button:not(:has(:disabled)){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):focus,.button:not(:has(:disabled)):focus-visible{will-change:color, background-color, box-shadow, transform}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.button:not(:has(:disabled)):hover{box-shadow:var(--button-shadow-hovered)}.button:not(:has(:disabled)):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.button{position:relative;display:inline-grid;grid-auto-flow:column;align-items:center;max-width:100%;min-width:2rem;height:2rem;padding:0 0.0625rem;margin:0.125rem;border-radius:1rem;font-size:var(--limel-theme-default-font-size);user-select:none}.button:not(:last-child):after{content:"";display:block;height:1rem;width:0.125rem;border-radius:0.25rem;background-color:var(--button-group-text-color, rgb(var(--contrast-1200)));opacity:0.1;position:absolute;right:-0.1875rem;top:0;bottom:0;margin:auto}.button label{cursor:pointer;transition:color 0.2s ease;display:flex;align-items:center;flex:1;height:100%;min-width:0}.button label:has(>limel-badge) .button__label{padding-right:0.25rem}.button:has(:disabled) label{cursor:not-allowed;opacity:0.4}.button input[type=radio]{position:absolute;width:0;opacity:0}.button input[type=radio]:focus-visible+label:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3.75rem;box-shadow:var(--shadow-depth-8-focused)}.button:focus-within{outline:none;color:var(--lime-primary-color, var(--limel-theme-primary-color))}.button:only-child .button__label{padding-left:0.75rem}.button:first-child .button__label{padding-left:0.75rem}.button.button--selected{background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset);color:var(--lime-primary-color, var(--limel-theme-primary-color))}.button.button--selected:not(:has(:disabled)):active{box-shadow:var(--button-shadow-inset-pressed)}.button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--limel-theme-default-small-font-size);padding:0 0.75rem}.button__icon{border-radius:50%;vertical-align:middle}limel-badge{margin-right:0.25rem;pointer-events:none}.button:not(.button--selected){--badge-background-color:rgb(var(--contrast-200))}';export{i as limel_button_group}
@@ -1 +1 @@
1
- import{r as t,c as e,h as r,a as o}from"./p-BU9IJqli.js";import{i}from"./p-CnpoFRmN.js";import{g as a,b as l}from"./p-CgNJbSP4.js";import{A as n,b as s,H as c,e as b,c as d,d as h}from"./p-Bu6-QXrA.js";import{a as u,b as m,i as v,D as p}from"./p-DVx8ZwG_.js";import{S as g,c as f}from"./p-BqoaAMnl.js";import{b as w}from"./p-BuX-Eb_J.js";import"./p-CK4jS9_E.js";import"./p-xGeCwSnE.js";import"./p-BcJ-TDVt.js";import"./p-BJQylLSL.js";import"./p-BZrtP4vv.js";import"./p-oiMYqRQ0.js";import"./p-rJbGuVxd.js";import"./p-DbBZn7JO.js";import"./p-CZ30nDJE.js";import"./p-DpFfRQwV.js";import"./p-B8VKuhvH.js";import"./p-CzTSYn-I.js";import"./p-B--C3qwe.js";import"./p-9W8bTt2G.js";var x=m((function(t,e){return v(t)?function(t,e){var r=-1,o=u,i=!0,a=t.length,l=[],n=e.length;if(!a)return l;e.length>=200&&(o=f,i=!1,e=new g(e));t:for(;++r<a;){var s=t[r],c=s;if(s=0!==s?s:0,i&&c==c){for(var b=n;b--;)if(e[b]===c)continue t;l.push(s)}else o(e,c,undefined)||l.push(s)}return l}(t,w(e,1,v,!0)):[]}));const k={horizontal:new Map([[d,"previous"],[h,"next"],[c,"first"],[b,"last"]]),vertical:new Map([[n,"previous"],[s,"next"],[c,"first"],[b,"last"]])};function j(t,e){return t>=0&&t<e}function y(t,e){return r=>{var o;return!(null===(o=null==e?void 0:e.isDisabled)||void 0===o?void 0:o.call(e,t[r]))}}function C(t,e,r,o,i){for(let a=0;a<t;a+=1){const l=e+r*a;if(!o&&!j(l,t))break;const n=(l%t+t)%t;if(i(n))return n}return-1}const z=class{constructor(r){t(this,r),this.changeTab=e(this,"changeTab",7),this.reorderTab=e(this,"reorderTab",7),this.tabs=[],this.orientation="horizontal",this.allowTabReorder=!1,this.hasLoaded=!1,this.isLaidOutAgain=!1,this.renderedTabs=[],this.handleReorder=t=>{const e=function(t,e){const{order:r,fromIndex:o,toIndex:a}=e,l=e=>e>=0&&e<t.length;if(!l(o)||!l(a))return;const n=[...r];return n.splice(o,0,...n.splice(a,1)),i(n,t.map((({id:t})=>String(t))))?{tab:t[o],fromIndex:o,toIndex:a}:void 0}(this.tabs,t);if(!e)return;const r=this.tabs.map((({id:t})=>t));r.splice(e.toIndex,0,...r.splice(e.fromIndex,1)),this.tabIdsAfterReorder=r,this.reorderTab.emit(e)},this.handleKeyDown=this.handleKeyDown.bind(this)}async connectedCallback(){this.hasLoaded&&(this.revealedTabId=void 0,this.setUpReordering(),await this.revealActiveTab("auto"))}disconnectedCallback(){var t;null===(t=this.dragToReorder)||void 0===t||t.teardown()}componentDidLoad(){this.hasLoaded=!0,this.triggerIconColorWarning()}componentWillRender(){var t;const e=this.getTabElements().indexOf(this.host.shadowRoot.activeElement);this.tabWithFocus=-1===e?void 0:{id:null===(t=this.renderedTabs[e])||void 0===t?void 0:t.id,button:this.getTabElements()[e]}}async componentDidRender(){this.restoreFocus(),this.renderedTabs=this.tabs,this.setUpReordering();const t=this.isLaidOutAgain;this.isLaidOutAgain=!1,await this.revealActiveTab(!this.hasLoaded||t?"auto":void 0,t)}render(){const t=function(t,e,r){const o=t.length,i=y(t,r);return j(e,o)&&i(e)?e:C(o,0,1,!1,i)}(this.tabs,this.tabs.findIndex((t=>t.active)),this.getNavigationOptions());return r("div",{key:"d5f54de83640eb4898a58cd71696085e28f3701a",role:"tablist","aria-orientation":this.getOrientation(),onKeyDown:this.handleKeyDown},r("limel-scroller",{key:"565bbbcdf070a6b2521064a84347028baaae273e",orientation:this.getOrientation()},this.tabs.map(((e,r)=>this.renderTabOrMovableTab(e,r,r===t)))))}tabsChanged(t=[],e=[]){const r=t.map((t=>t.id)),o=e.map((t=>t.id));if(i(r,o))return;const a=this.tabIdsAfterReorder;this.tabIdsAfterReorder=void 0,i(r,a)||(this.revealedTabId=void 0)}orientationChanged(){this.revealedTabId=void 0,this.isLaidOutAgain=!0}getOrientation(){return"vertical"===this.orientation?"vertical":"horizontal"}getNavigationOptions(){return{orientation:this.getOrientation(),wrap:!0}}restoreFocus(){var t;const e=this.tabWithFocus;if(this.tabWithFocus=void 0,!e||e.button.isConnected)return;const r=this.tabs.findIndex((t=>t.id===e.id));null===(t=this.getTabElements()[r])||void 0===t||t.focus()}getTabElements(){return[...this.host.shadowRoot.querySelectorAll('button[role="tab"]')]}canReorderTabs(){return this.allowTabReorder&&this.tabs.length>1}setUpReordering(){var t,e;if(!this.canReorderTabs())return void(null===(t=this.dragToReorder)||void 0===t||t.teardown());const r=this.host.shadowRoot.querySelector("limel-scroller");r&&(null!==(e=this.dragToReorder)&&void 0!==e||(this.dragToReorder=new p({draggable:"[data-reorder-id]",revertDrop:!0,onReorder:this.handleReorder})),this.dragToReorder.setup(r,this.getOrientation()))}async revealActiveTab(t,e=!1){const r=this.tabs.findIndex((t=>t.active));if(-1===r)return void(this.revealedTabId=void 0);if(this.tabs[r].id===this.revealedTabId)return;this.revealedTabId=this.tabs[r].id;const o=this.getTabElements()[r],i=this.host.shadowRoot.querySelector("limel-scroller");o&&i&&(o.matches(":focus")&&!e||(await i.componentOnReady(),await i.reveal(o,t)))}handleKeyDown(t){const e=this.getNavigationOptions();if(!function(t,e){return!(t.altKey||t.ctrlKey||t.metaKey)&&k[e.orientation].has(t.key)}(t,e))return;const r=this.getTabElements().indexOf(t.target);-1!==r&&(t.preventDefault(),this.activateTab(function(t,e,r,o){const i=k[o.orientation].get(e),a=t.length,l=y(t,o),n=C(a,0,1,!1,l);if(!i||-1===n)return-1;if("first"===i)return n;const s=C(a,a-1,-1,!1,l);if("last"===i)return s;if(!j(r,a))return"next"===i?n:s;const c="next"===i?1:-1,b=C(a,r+c,c,Boolean(o.wrap),l);return-1===b?r:b}(this.tabs,t.key,r,e)))}activateTab(t){if(-1===t)return;if(this.getTabElements()[t].focus(),t===this.tabs.findIndex((t=>t.active)))return;const e=function(t,e){const r=t.findIndex((t=>!0===t.active)),o=[...t];return-1!==r&&(o[r]=Object.assign(Object.assign({},t[r]),{active:!1})),o[e]=Object.assign(Object.assign({},t[e]),{active:!0}),o}(this.tabs,t),r=x(e,this.tabs).sort(this.sortByInactive);for(const t of r)this.changeTab.emit(t);this.tabs=e}sortByInactive(t,e){return Number(t.active)-Number(e.active)}renderIcon(t){if(!t.icon)return;const e=a(t.icon),o=l(t.icon,t.iconColor),i={color:""};return o&&(i.color=o),r("limel-icon",{name:e,style:i,size:"small","aria-hidden":"true"})}renderTabOrMovableTab(t,e,o){return this.canReorderTabs()?r("div",{key:t.id,role:"presentation","data-reorder-id":t.id},this.renderTab(t,e,o),r("limel-drag-handle",{"aria-hidden":"true",dragDirection:this.getOrientation(),tooltipOpenDirection:"vertical"===this.getOrientation()?"right":"bottom"})):this.renderTab(t,e,o)}renderTab(t,e,o){return r("button",{key:t.id,role:"tab","aria-selected":t.active?"true":"false",tabindex:o?0:-1,onClick:()=>this.activateTab(e)},r("span",{class:"content"},this.renderIcon(t),r("span",{class:"text"},t.text),t.badge?r("limel-badge",{label:t.badge}):""))}triggerIconColorWarning(){this.tabs.some((t=>t.iconColor))&&console.warn("The `iconColor` prop is deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name'` write `icon {name: 'icon-name', color: 'color-name'}`.")}get host(){return o(this)}static get watchers(){return{tabs:[{tabsChanged:0}],orientation:[{orientationChanged:0}]}}};z.style="@charset \"UTF-8\";:host(limel-tab-bar){--limel-tab-background-color:var(--contrast-300);--limel-tab-border-radius:0.625rem;--limel-tab-content-inset:0.25rem;--limel-active-tab-background-color:var( --tab-panel-background-color, rgb(var(--contrast-100)) );--limel-active-tab-color:var( --lime-primary-color, var(--limel-theme-primary-color) );--limel-tab-active-outer-edge-curve-size:0.75rem;--limel-tab-separator-width:0.125rem;--limel-tab-separator-background-color:rgb(var(--contrast-600));isolation:isolate;display:block;position:relative}limel-scroller{--limel-scroller-fade-color:var(--limel-tab-background-color);--limel-scroller-content-padding:0.25rem var(--limel-tab-active-outer-edge-curve-size) 0;background-color:rgb(var(--limel-tab-background-color))}:host(.has-tabs-with-equal-width:not([orientation=vertical])) button[role=tab],:host(.has-tabs-with-equal-width:not([orientation=vertical])) limel-scroller>div{flex:1 0 auto;max-width:var(--tab-bar-horizontal-tab-max-width, none)}limel-scroller>div:has(limel-drag-handle:hover),limel-scroller>div:has(limel-drag-handle:focus-within),limel-scroller>div.is-elevated,limel-scroller>div.sortable-chosen{will-change:transform, box-shadow, border-radius, background-color}limel-scroller>div.sortable-ghost{border-radius:0.5rem;box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}limel-scroller>div.sortable-chosen{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color)}limel-scroller>div.is-elevated[draggable=false]{animation:sit-here 0.8s forwards}@keyframes sit-here{0%{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}100%{box-shadow:none}}limel-scroller>div{position:relative;display:flex;flex:0 0 auto}limel-scroller>div button[role=tab]{flex:1 1 auto;min-width:0}limel-scroller>div span.content{padding-right:2rem}limel-scroller>div limel-drag-handle{position:absolute;z-index:3;top:0;bottom:0;right:0.25rem}button[role=tab]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;display:flex;box-sizing:border-box;border-radius:0;padding:var(--limel-tab-content-inset);min-width:2.5rem;background-color:transparent;flex:0 0 auto;height:2.5rem;outline:none;cursor:pointer;white-space:nowrap;font-size:var(--limel-theme-default-font-size)}button[role=tab] limel-icon{transition:color 0.2s ease;color:rgb(var(--contrast-800));margin-left:-0.25rem;flex-shrink:0}button[role=tab] span.text{transition:color 0.2s ease;line-height:1.25;overflow:hidden;text-overflow:ellipsis;color:var(--limel-theme-on-surface-color)}button[role=tab]:hover span.text{color:var(--limel-theme-text-primary-on-background-color)}button[role=tab] limel-badge{margin-right:-0.25rem;box-shadow:0 0 0 1px rgb(var(--contrast-600));pointer-events:none;flex-shrink:0}button[role=tab][aria-selected=true]{background-color:var(--limel-active-tab-background-color);z-index:2}button[role=tab][aria-selected=true]:before,button[role=tab][aria-selected=true]:after{content:\"\";display:block;width:var(--limel-tab-active-outer-edge-curve-size);height:var(--limel-tab-active-outer-edge-curve-size);position:absolute;background-color:var(--limel-active-tab-background-color);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3E%3Cdefs/%3E%3Cpath%20d='M0%200c0%2027.594%2022.406%2050%2050%2050H0V0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3E%3Cdefs/%3E%3Cpath%20d='M0%200c0%2027.594%2022.406%2050%2050%2050H0V0z'/%3E%3C/svg%3E\")}button[role=tab][aria-selected=true] limel-icon{color:var(--limel-active-tab-color)}button[role=tab][aria-selected=true] span.text{color:var(--limel-active-tab-color)}span.content{transition:box-shadow 0.2s ease;display:flex;flex-grow:1;min-width:0;align-items:center;justify-content:center;gap:0.375rem;padding:0 0.75rem;border-radius:calc(var(--limel-tab-border-radius) - var(--limel-tab-content-inset))}button[role=tab]:focus-visible span.content{transition-duration:0.3s;box-shadow:var(--shadow-depth-8-focused)}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab]{max-width:var(--tab-bar-horizontal-tab-max-width, 16rem)}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab]:not([aria-selected=true]):after{content:\"\";display:block;background-color:var(--limel-tab-separator-background-color);width:var(--limel-tab-separator-width);height:1rem;margin:auto;position:absolute;top:0;bottom:0;border-radius:1rem;right:calc(-1 * var(--limel-tab-separator-width))}:host(limel-tab-bar:not([orientation=vertical])) limel-scroller>:last-child:not([aria-selected=true]):after,:host(limel-tab-bar:not([orientation=vertical])) limel-scroller>:last-child>button[role=tab]:not([aria-selected=true]):after{display:none}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]{border-radius:var(--limel-tab-border-radius) var(--limel-tab-border-radius) 0 0}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:before,:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:after{bottom:0}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:before{left:calc(-1 * var(--limel-tab-active-outer-edge-curve-size));transform:rotateY(180deg)}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:after{right:calc(-1 * var(--limel-tab-active-outer-edge-curve-size))}:host(limel-tab-bar[orientation=vertical]){width:var(--tab-bar-vertical-width, 10rem)}:host(limel-tab-bar[orientation=vertical]) div[role=tablist]{height:100%}:host(limel-tab-bar[orientation=vertical]) limel-scroller{--limel-scroller-content-padding:var( --limel-tab-active-outer-edge-curve-size ) 0 var(--limel-tab-active-outer-edge-curve-size) 0.25rem;height:100%}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]{border-radius:var(--limel-tab-border-radius) 0 0 var(--limel-tab-border-radius)}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:before,:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:after{right:0}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:before{bottom:100%;transform:rotateY(180deg)}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:after{top:100%;transform:rotate(180deg)}:host(limel-tab-bar[orientation=vertical]) span.content{justify-content:flex-start}:host(limel-tab-bar[orientation=vertical]) span.text{flex-grow:1}";export{z as limel_tab_bar}
1
+ import{r as t,c as e,h as r,a as o}from"./p-BU9IJqli.js";import{i}from"./p-CnpoFRmN.js";import{g as a,b as l}from"./p-CgNJbSP4.js";import{A as n,b as s,H as c,e as b,c as d,d as h}from"./p-Bu6-QXrA.js";import{a as u,b as m,i as v,D as p}from"./p-DVx8ZwG_.js";import{S as g,c as f}from"./p-BqoaAMnl.js";import{b as w}from"./p-BuX-Eb_J.js";import"./p-CK4jS9_E.js";import"./p-xGeCwSnE.js";import"./p-BcJ-TDVt.js";import"./p-BJQylLSL.js";import"./p-BZrtP4vv.js";import"./p-oiMYqRQ0.js";import"./p-rJbGuVxd.js";import"./p-DbBZn7JO.js";import"./p-CZ30nDJE.js";import"./p-DpFfRQwV.js";import"./p-B8VKuhvH.js";import"./p-CzTSYn-I.js";import"./p-B--C3qwe.js";import"./p-9W8bTt2G.js";var x=m((function(t,e){return v(t)?function(t,e){var r=-1,o=u,i=!0,a=t.length,l=[],n=e.length;if(!a)return l;e.length>=200&&(o=f,i=!1,e=new g(e));t:for(;++r<a;){var s=t[r],c=s;if(s=0!==s?s:0,i&&c==c){for(var b=n;b--;)if(e[b]===c)continue t;l.push(s)}else o(e,c,undefined)||l.push(s)}return l}(t,w(e,1,v,!0)):[]}));const k={horizontal:new Map([[d,"previous"],[h,"next"],[c,"first"],[b,"last"]]),vertical:new Map([[n,"previous"],[s,"next"],[c,"first"],[b,"last"]])};function j(t,e){return t>=0&&t<e}function y(t,e){return r=>{var o;return!(null===(o=null==e?void 0:e.isDisabled)||void 0===o?void 0:o.call(e,t[r]))}}function C(t,e,r,o,i){for(let a=0;a<t;a+=1){const l=e+r*a;if(!o&&!j(l,t))break;const n=(l%t+t)%t;if(i(n))return n}return-1}const z=class{constructor(r){t(this,r),this.changeTab=e(this,"changeTab",7),this.reorderTab=e(this,"reorderTab",7),this.tabs=[],this.orientation="horizontal",this.allowTabReorder=!1,this.hasLoaded=!1,this.isLaidOutAgain=!1,this.renderedTabs=[],this.handleReorder=t=>{const e=function(t,e){const{order:r,fromIndex:o,toIndex:a}=e,l=e=>e>=0&&e<t.length;if(!l(o)||!l(a))return;const n=[...r];return n.splice(o,0,...n.splice(a,1)),i(n,t.map((({id:t})=>String(t))))?{tab:t[o],fromIndex:o,toIndex:a}:void 0}(this.tabs,t);if(!e)return;const r=this.tabs.map((({id:t})=>t));r.splice(e.toIndex,0,...r.splice(e.fromIndex,1)),this.tabIdsAfterReorder=r,this.reorderTab.emit(e)},this.handleKeyDown=this.handleKeyDown.bind(this)}async connectedCallback(){this.hasLoaded&&(this.revealedTabId=void 0,this.setUpReordering(),await this.revealActiveTab("auto"))}disconnectedCallback(){var t;null===(t=this.dragToReorder)||void 0===t||t.teardown()}componentDidLoad(){this.hasLoaded=!0,this.triggerIconColorWarning()}componentWillRender(){var t;const e=this.getTabElements().indexOf(this.host.shadowRoot.activeElement);this.tabWithFocus=-1===e?void 0:{id:null===(t=this.renderedTabs[e])||void 0===t?void 0:t.id,button:this.getTabElements()[e]}}async componentDidRender(){this.restoreFocus(),this.renderedTabs=this.tabs,this.setUpReordering();const t=this.isLaidOutAgain;this.isLaidOutAgain=!1,await this.revealActiveTab(!this.hasLoaded||t?"auto":void 0,t)}render(){const t=function(t,e,r){const o=t.length,i=y(t,r);return j(e,o)&&i(e)?e:C(o,0,1,!1,i)}(this.tabs,this.tabs.findIndex((t=>t.active)),this.getNavigationOptions());return r("div",{key:"520c0e3987f3de626ca2c01809b42b504146eb76",role:"tablist","aria-orientation":this.getOrientation(),onKeyDown:this.handleKeyDown},r("limel-scroller",{key:"60512f257f8ef89cc0b6142ac80d515060bbbba0",orientation:this.getOrientation()},this.tabs.map(((e,r)=>this.renderTabOrMovableTab(e,r,r===t)))))}tabsChanged(t=[],e=[]){const r=t.map((t=>t.id)),o=e.map((t=>t.id));if(i(r,o))return;const a=this.tabIdsAfterReorder;this.tabIdsAfterReorder=void 0,i(r,a)||(this.revealedTabId=void 0)}orientationChanged(){this.revealedTabId=void 0,this.isLaidOutAgain=!0}getOrientation(){return"vertical"===this.orientation?"vertical":"horizontal"}getNavigationOptions(){return{orientation:this.getOrientation(),wrap:!0}}restoreFocus(){var t;const e=this.tabWithFocus;if(this.tabWithFocus=void 0,!e||e.button.isConnected)return;const r=this.tabs.findIndex((t=>t.id===e.id));null===(t=this.getTabElements()[r])||void 0===t||t.focus()}getTabElements(){return[...this.host.shadowRoot.querySelectorAll('button[role="tab"]')]}canReorderTabs(){return this.allowTabReorder&&this.tabs.length>1}setUpReordering(){var t,e;if(!this.canReorderTabs())return void(null===(t=this.dragToReorder)||void 0===t||t.teardown());const r=this.host.shadowRoot.querySelector("limel-scroller");r&&(null!==(e=this.dragToReorder)&&void 0!==e||(this.dragToReorder=new p({draggable:"[data-reorder-id]",revertDrop:!0,onReorder:this.handleReorder})),this.dragToReorder.setup(r,this.getOrientation()))}async revealActiveTab(t,e=!1){const r=this.tabs.findIndex((t=>t.active));if(-1===r)return void(this.revealedTabId=void 0);if(this.tabs[r].id===this.revealedTabId)return;this.revealedTabId=this.tabs[r].id;const o=this.getTabElements()[r],i=this.host.shadowRoot.querySelector("limel-scroller");o&&i&&(o.matches(":focus")&&!e||(await i.componentOnReady(),await i.reveal(o,t)))}handleKeyDown(t){const e=this.getNavigationOptions();if(!function(t,e){return!(t.altKey||t.ctrlKey||t.metaKey)&&k[e.orientation].has(t.key)}(t,e))return;const r=this.getTabElements().indexOf(t.target);-1!==r&&(t.preventDefault(),this.activateTab(function(t,e,r,o){const i=k[o.orientation].get(e),a=t.length,l=y(t,o),n=C(a,0,1,!1,l);if(!i||-1===n)return-1;if("first"===i)return n;const s=C(a,a-1,-1,!1,l);if("last"===i)return s;if(!j(r,a))return"next"===i?n:s;const c="next"===i?1:-1,b=C(a,r+c,c,Boolean(o.wrap),l);return-1===b?r:b}(this.tabs,t.key,r,e)))}activateTab(t){if(-1===t)return;if(this.getTabElements()[t].focus(),t===this.tabs.findIndex((t=>t.active)))return;const e=function(t,e){const r=t.findIndex((t=>!0===t.active)),o=[...t];return-1!==r&&(o[r]=Object.assign(Object.assign({},t[r]),{active:!1})),o[e]=Object.assign(Object.assign({},t[e]),{active:!0}),o}(this.tabs,t),r=x(e,this.tabs).sort(this.sortByInactive);for(const t of r)this.changeTab.emit(t);this.tabs=e}sortByInactive(t,e){return Number(t.active)-Number(e.active)}renderIcon(t){if(!t.icon)return;const e=a(t.icon),o=l(t.icon,t.iconColor),i={color:""};return o&&(i.color=o),r("limel-icon",{name:e,style:i,size:"small","aria-hidden":"true"})}renderTabOrMovableTab(t,e,o){return this.canReorderTabs()?r("div",{key:t.id,role:"presentation","data-reorder-id":t.id},this.renderTab(t,e,o),r("limel-drag-handle",{"aria-hidden":"true",dragDirection:this.getOrientation(),tooltipOpenDirection:"vertical"===this.getOrientation()?"right":"bottom"})):this.renderTab(t,e,o)}renderTab(t,e,o){return r("button",{key:t.id,role:"tab","aria-selected":t.active?"true":"false",tabindex:o?0:-1,onClick:()=>this.activateTab(e)},r("span",{class:"content"},this.renderIcon(t),r("span",{class:"text"},t.text),t.badge?r("limel-badge",{label:t.badge}):""))}triggerIconColorWarning(){this.tabs.some((t=>t.iconColor))&&console.warn("The `iconColor` prop is deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name'` write `icon {name: 'icon-name', color: 'color-name'}`.")}get host(){return o(this)}static get watchers(){return{tabs:[{tabsChanged:0}],orientation:[{orientationChanged:0}]}}};z.style="@charset \"UTF-8\";:host(limel-tab-bar){--limel-tab-background-color:var(--contrast-300);--limel-tab-border-radius:0.625rem;--limel-tab-content-inset:0.25rem;--limel-active-tab-background-color:var( --tab-panel-background-color, rgb(var(--contrast-100)) );--limel-active-tab-color:var( --lime-primary-color, var(--limel-theme-primary-color) );--limel-tab-active-outer-edge-curve-size:0.75rem;--limel-tab-separator-width:0.125rem;--limel-tab-separator-background-color:rgb(var(--contrast-600));isolation:isolate;display:block;position:relative}limel-scroller{--limel-scroller-fade-color:var(--limel-tab-background-color);--limel-scroller-content-padding:0.25rem var(--limel-tab-active-outer-edge-curve-size) 0;background-color:rgb(var(--limel-tab-background-color))}:host(.has-tabs-with-equal-width:not([orientation=vertical])) button[role=tab],:host(.has-tabs-with-equal-width:not([orientation=vertical])) limel-scroller>div{flex:1 0 auto;max-width:var(--tab-bar-horizontal-tab-max-width, none)}limel-scroller>div:has(limel-drag-handle:hover),limel-scroller>div:has(limel-drag-handle:focus-within),limel-scroller>div.is-elevated,limel-scroller>div.sortable-chosen{will-change:transform, box-shadow, border-radius, background-color}limel-scroller>div.sortable-ghost{border-radius:0.5rem;box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}limel-scroller>div.sortable-chosen{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color)}limel-scroller>div.is-elevated[draggable=false]{animation:sit-here 0.8s forwards}@keyframes sit-here{0%{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}100%{box-shadow:none}}limel-scroller>div{position:relative;display:flex;flex:0 0 auto}limel-scroller>div button[role=tab]{flex:1 1 auto;min-width:0}limel-scroller>div span.content{padding-right:2rem}limel-scroller>div limel-drag-handle{position:absolute;z-index:3;top:0;bottom:0;right:0.25rem}button[role=tab]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;display:flex;box-sizing:border-box;border-radius:0;padding:var(--limel-tab-content-inset);min-width:2.5rem;background-color:transparent;flex:0 0 auto;height:2.5rem;outline:none;cursor:pointer;white-space:nowrap;font-size:var(--limel-theme-default-font-size)}button[role=tab] limel-icon{transition:color 0.2s ease;color:rgb(var(--contrast-800));margin-left:-0.25rem;flex-shrink:0}button[role=tab] span.text{transition:color 0.2s ease;line-height:1.25;overflow:hidden;text-overflow:ellipsis;color:var(--limel-theme-on-surface-color)}button[role=tab]:hover span.text{color:var(--limel-theme-text-primary-on-background-color)}button[role=tab] limel-badge{margin-right:-0.25rem;box-shadow:0 0 0 1px rgb(var(--contrast-600));pointer-events:none;flex-shrink:0}button[role=tab][aria-selected=true]{background-color:var(--limel-active-tab-background-color);z-index:2}button[role=tab][aria-selected=true]:before,button[role=tab][aria-selected=true]:after{content:\"\";display:block;width:var(--limel-tab-active-outer-edge-curve-size);height:var(--limel-tab-active-outer-edge-curve-size);position:absolute;background-color:var(--limel-active-tab-background-color);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3E%3Cdefs/%3E%3Cpath%20d='M0%200c0%2027.594%2022.406%2050%2050%2050H0V0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3E%3Cdefs/%3E%3Cpath%20d='M0%200c0%2027.594%2022.406%2050%2050%2050H0V0z'/%3E%3C/svg%3E\")}button[role=tab][aria-selected=true] limel-icon{color:var(--limel-active-tab-color)}button[role=tab][aria-selected=true] span.text{color:var(--limel-active-tab-color)}span.content{transition:box-shadow 0.2s ease;display:flex;flex-grow:1;min-width:0;align-items:center;justify-content:center;gap:0.375rem;padding:0 0.75rem;border-radius:calc(var(--limel-tab-border-radius) - var(--limel-tab-content-inset))}button[role=tab]:focus-visible span.content{transition-duration:0.3s;box-shadow:var(--shadow-depth-8-focused)}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab]{max-width:var(--tab-bar-horizontal-tab-max-width, 16rem)}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab]:not([aria-selected=true]):after{content:\"\";display:block;background-color:var(--limel-tab-separator-background-color);width:var(--limel-tab-separator-width);height:1rem;margin:auto;position:absolute;top:0;bottom:0;border-radius:1rem;right:calc(-1 * var(--limel-tab-separator-width))}:host(limel-tab-bar:not([orientation=vertical])) limel-scroller>:last-child:not([aria-selected=true]):after,:host(limel-tab-bar:not([orientation=vertical])) limel-scroller>:last-child>button[role=tab]:not([aria-selected=true]):after{display:none}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]{border-radius:var(--limel-tab-border-radius) var(--limel-tab-border-radius) 0 0}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:before,:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:after{bottom:0}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:before{left:calc(-1 * var(--limel-tab-active-outer-edge-curve-size));transform:rotateY(180deg)}:host(limel-tab-bar:not([orientation=vertical])) button[role=tab][aria-selected=true]:after{right:calc(-1 * var(--limel-tab-active-outer-edge-curve-size))}:host(limel-tab-bar[orientation=vertical]){width:var(--tab-bar-vertical-width, 10rem)}:host(limel-tab-bar[orientation=vertical]) div[role=tablist]{height:100%}:host(limel-tab-bar[orientation=vertical]) limel-scroller{--limel-scroller-content-padding:var( --limel-tab-active-outer-edge-curve-size ) 0 var(--limel-tab-active-outer-edge-curve-size) 0.25rem;height:100%}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]{border-radius:var(--limel-tab-border-radius) 0 0 var(--limel-tab-border-radius)}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:before,:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:after{right:0}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:before{bottom:100%;transform:rotateY(180deg)}:host(limel-tab-bar[orientation=vertical]) button[role=tab][aria-selected=true]:after{top:100%;transform:rotate(180deg)}:host(limel-tab-bar[orientation=vertical]) span.content{justify-content:flex-start}:host(limel-tab-bar[orientation=vertical]) span.text{flex-grow:1}";export{z as limel_tab_bar}
@@ -1 +1 @@
1
- import{r as e,c as r,h as o}from"./p-BU9IJqli.js";const t=["red","pink","magenta","purple","violet","indigo","blue","sky","cyan","teal","green","lime","grass","yellow","amber","orange","coral","brown","gray","glaucous"],a=["lighter","light","default","dark","darker"];function i(e,r){return`rgb(var(${function(e,r){return`--color-${e}-${r}`}(e,r)}))`}function l(e,r){return`${e} ${r}`}function s(e,r){return{name:l(e,r),value:i(e,r)}}const c=class{constructor(t){e(this,t),this.change=r(this,"change",7),this.invalid=!1,this.manualInput=!0,this.renderSwatches=()=>this.getPalette().map(this.renderSwatchButton),this.renderSwatchButton=(e,r)=>{const t={swatch:!0,"swatch--selected":this.value===e.value,"custom-swatch":this.usesCustomPalette()};return o("button",{class:t,style:{"--limel-color-picker-swatch-color":e.value},title:e.name,disabled:e.disabled,"data-index":r,key:r,onClick:this.handleSwatchClick(e.value)})},this.handleChange=e=>{e.stopPropagation(),this.change.emit(e.detail)},this.handleSwatchClick=e=>r=>{r.stopPropagation(),this.change.emit(this.value===e?"":e)}}render(){const e=this.value?{"--background":this.value}:{};return[o("div",{key:"b2a7d3a6fdb975039b27fa6c1991e2b13dfdfb7c",class:"color-picker-palette",style:{"--color-picker-column-count":`${this.getColumnCount()}`}},this.renderSwatches()),o("div",{key:"8388ecf46579ee13770a599fb4d73c355e01462e",class:"chosen-color-name"},o("limel-input-field",{key:"f98cd03a9a5beb2897961a063a1d78ae0e5dd71e",label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required,invalid:this.invalid,placeholder:this.placeholder,disabled:!this.manualInput}),o("div",{key:"c9502329a95fdf25a7f787183f811679bde62882",class:"chosen-color-preview",style:e}))]}getPalette(){if(this.usesCustomPalette())return(this.palette||[]).map((e=>{const r=this.normalizeEntry(e);return{name:r.name||r.value,value:r.value,disabled:r.disabled}}));const e=[];for(const r of a)for(const o of t)e.push(s(o,r));return e}normalizeEntry(e){return"string"==typeof e?{value:e}:e}usesCustomPalette(){var e;return(null===(e=this.palette)||void 0===e?void 0:e.length)>0}getColumnCount(){if(this.columnCount>0)return this.columnCount;if(!this.usesCustomPalette())return 20;const e=this.getPalette();return e.length>0?e.length:1}static get delegatesFocus(){return!0}};c.style='@charset "UTF-8";.picker-trigger[style="--background:lime-magenta;"]:after,.chosen-color-preview[style="--background:lime-magenta;"]:after{background-color:var(--lime-magenta)}.picker-trigger[style="--background:lime-blue;"]:after,.chosen-color-preview[style="--background:lime-blue;"]:after{background-color:var(--lime-blue)}.picker-trigger[style="--background:lime-orange;"]:after,.chosen-color-preview[style="--background:lime-orange;"]:after{background-color:var(--lime-orange)}.picker-trigger[style="--background:lime-green;"]:after,.chosen-color-preview[style="--background:lime-green;"]:after{background-color:var(--lime-green)}.picker-trigger[style="--background:lime-red;"]:after,.chosen-color-preview[style="--background:lime-red;"]:after{background-color:var(--lime-red)}.picker-trigger[style="--background:lime-dark-blue;"]:after,.chosen-color-preview[style="--background:lime-dark-blue;"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style="--background:lime-turquoise;"]:after,.chosen-color-preview[style="--background:lime-turquoise;"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style="--background:lime-yellow;"]:after,.chosen-color-preview[style="--background:lime-yellow;"]:after{background-color:var(--lime-yellow)}.picker-trigger[style="--background:lime-light-grey;"]:after,.chosen-color-preview[style="--background:lime-light-grey;"]:after{background-color:var(--lime-light-grey)}:host(limel-color-picker-palette){--limel-color-palette-gap:0.25rem;--limel-color-palette-max-column-count:25;--limel-color-palette-min-width:8rem;box-sizing:border-box;border-radius:0.75rem;display:flex;flex-direction:column;gap:1rem;padding:0.75rem}*,*:before,:after{box-sizing:border-box}.color-picker-palette{display:grid;gap:var(--limel-color-palette-gap);grid-template-columns:repeat(min(var(--color-picker-column-count), var(--limel-color-palette-max-column-count)), minmax(0.5rem, 3rem));width:100%;max-width:58rem;min-width:var(--limel-color-palette-min-width)}.chosen-color-name{display:flex;gap:0.5rem}limel-input-field{flex-grow:1;width:min-content}.chosen-color-preview{flex-shrink:0;isolation:isolate;position:relative;width:2.5rem;height:2.5rem;border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.chosen-color-preview:before,.chosen-color-preview:after{content:"";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%208%208\'%20style=\'fill-rule:evenodd;\'%3E%3Cpath%20fill=\'rgba(186,186,192,0.16)\'%20d=\'M0%200h4v4H0zM4%204h4v4H4z\'/%3E%3C/svg%3E");background-size:0.5rem;z-index:0}.chosen-color-preview:after{background:var(--background);z-index:1}button.swatch{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:3rem;min-width:0;aspect-ratio:1;border-radius:0.1875rem}button.swatch:focus{outline:none}button.swatch:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.swatch{background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):focus,button.swatch:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.swatch:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.swatch:focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.125rem rgb(var(--contrast-100)) inset}button.swatch[disabled]{cursor:not-allowed;box-shadow:0 0 0 0.125rem rgb(var(--contrast-100), 0.6) inset}button.swatch[disabled]:after{content:"";position:absolute;inset:0;margin:auto;width:0.125rem;height:100%;opacity:0.6;rotate:45deg;border-radius:1rem;background-color:rgb(var(--contrast-100))}button.swatch--selected{box-shadow:var(--button-shadow-inset);border-radius:50%}';export{c as limel_color_picker_palette}
1
+ import{r as e,c as r,h as o}from"./p-BU9IJqli.js";const t=["red","pink","magenta","purple","violet","indigo","blue","sky","cyan","teal","green","lime","grass","yellow","amber","orange","coral","brown","gray","glaucous"],a=["lighter","light","default","dark","darker"];function i(e,r){return`rgb(var(${function(e,r){return`--color-${e}-${r}`}(e,r)}))`}function l(e,r){return`${e} ${r}`}function c(e,r){return{name:l(e,r),value:i(e,r)}}const s=class{constructor(t){e(this,t),this.change=r(this,"change",7),this.invalid=!1,this.manualInput=!0,this.renderSwatches=()=>this.getPalette().map(this.renderSwatchButton),this.renderSwatchButton=(e,r)=>{const t={swatch:!0,"swatch--selected":this.value===e.value,"custom-swatch":this.usesCustomPalette()};return o("button",{class:t,style:{"--limel-color-picker-swatch-color":e.value},title:e.name,disabled:e.disabled,"data-index":r,key:r,onClick:this.handleSwatchClick(e.value)})},this.handleChange=e=>{e.stopPropagation(),this.change.emit(e.detail)},this.handleSwatchClick=e=>r=>{r.stopPropagation(),this.change.emit(this.value===e?"":e)}}render(){const e=this.value?{"--background":this.value}:{};return[o("div",{key:"c3cf7aef60a6c9ddd995fcd6f1a44e7633af41c6",class:"color-picker-palette",style:{"--color-picker-column-count":`${this.getColumnCount()}`}},this.renderSwatches()),o("div",{key:"821217eb21c42c54128d8b8b8ba7381dd74ced6d",class:"chosen-color-name"},o("limel-input-field",{key:"11b030b4670b47c65d416daa7f2bbfc601d2e549",label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required,invalid:this.invalid,placeholder:this.placeholder,disabled:!this.manualInput}),o("div",{key:"1c500725280dde72af4ce3c0b44a278a8b324ba7",class:"chosen-color-preview",style:e}))]}getPalette(){if(this.usesCustomPalette())return(this.palette||[]).map((e=>{const r=this.normalizeEntry(e);return{name:r.name||r.value,value:r.value,disabled:r.disabled}}));const e=[];for(const r of a)for(const o of t)e.push(c(o,r));return e}normalizeEntry(e){return"string"==typeof e?{value:e}:e}usesCustomPalette(){var e;return(null===(e=this.palette)||void 0===e?void 0:e.length)>0}getColumnCount(){if(this.columnCount>0)return this.columnCount;if(!this.usesCustomPalette())return 20;const e=this.getPalette();return e.length>0?e.length:1}static get delegatesFocus(){return!0}};s.style='@charset "UTF-8";.picker-trigger[style="--background:lime-magenta;"]:after,.chosen-color-preview[style="--background:lime-magenta;"]:after{background-color:var(--lime-magenta)}.picker-trigger[style="--background:lime-blue;"]:after,.chosen-color-preview[style="--background:lime-blue;"]:after{background-color:var(--lime-blue)}.picker-trigger[style="--background:lime-orange;"]:after,.chosen-color-preview[style="--background:lime-orange;"]:after{background-color:var(--lime-orange)}.picker-trigger[style="--background:lime-green;"]:after,.chosen-color-preview[style="--background:lime-green;"]:after{background-color:var(--lime-green)}.picker-trigger[style="--background:lime-red;"]:after,.chosen-color-preview[style="--background:lime-red;"]:after{background-color:var(--lime-red)}.picker-trigger[style="--background:lime-dark-blue;"]:after,.chosen-color-preview[style="--background:lime-dark-blue;"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style="--background:lime-turquoise;"]:after,.chosen-color-preview[style="--background:lime-turquoise;"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style="--background:lime-yellow;"]:after,.chosen-color-preview[style="--background:lime-yellow;"]:after{background-color:var(--lime-yellow)}.picker-trigger[style="--background:lime-light-grey;"]:after,.chosen-color-preview[style="--background:lime-light-grey;"]:after{background-color:var(--lime-light-grey)}:host(limel-color-picker-palette){--limel-color-palette-gap:0.25rem;--limel-color-palette-max-column-count:25;--limel-color-palette-min-width:8rem;box-sizing:border-box;border-radius:0.75rem;display:flex;flex-direction:column;gap:1rem;padding:0.75rem}*,*:before,:after{box-sizing:border-box}.color-picker-palette{display:grid;gap:var(--limel-color-palette-gap);grid-template-columns:repeat(min(var(--color-picker-column-count), var(--limel-color-palette-max-column-count)), minmax(0.5rem, 3rem));width:100%;max-width:58rem;min-width:var(--limel-color-palette-min-width)}.chosen-color-name{display:flex;gap:0.5rem}limel-input-field{flex-grow:1;width:min-content}.chosen-color-preview{flex-shrink:0;isolation:isolate;position:relative;width:2.5rem;height:2.5rem;border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.chosen-color-preview:before,.chosen-color-preview:after{content:"";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%208%208\'%20style=\'fill-rule:evenodd;\'%3E%3Cpath%20fill=\'rgba(186,186,192,0.16)\'%20d=\'M0%200h4v4H0zM4%204h4v4H4z\'/%3E%3C/svg%3E");background-size:0.5rem;z-index:0}.chosen-color-preview:after{background:var(--background);z-index:1}button.swatch{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:3rem;min-width:0;aspect-ratio:1;border-radius:0.1875rem}button.swatch:focus{outline:none}button.swatch:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.swatch{background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):focus,button.swatch:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.swatch:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.swatch:focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.125rem rgb(var(--contrast-100)) inset}button.swatch[disabled]{cursor:not-allowed;box-shadow:0 0 0 0.125rem rgb(var(--contrast-100), 0.6) inset}button.swatch[disabled]:after{content:"";position:absolute;inset:0;margin:auto;width:0.125rem;height:100%;opacity:0.6;rotate:45deg;border-radius:1rem;background-color:rgb(var(--contrast-100))}button.swatch--selected{box-shadow:var(--button-shadow-inset);border-radius:50%}';export{s as limel_color_picker_palette}