@luzmo/lucero 0.0.10 → 0.0.12

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 (172) hide show
  1. package/components/accordion/index.cjs +5 -5
  2. package/components/accordion/index.js +9 -10
  3. package/components/action-bar/index.cjs +4 -4
  4. package/components/action-bar/index.js +10 -10
  5. package/components/action-button/index.cjs +2 -2
  6. package/components/action-button/index.js +4 -4
  7. package/components/action-group/index.cjs +1 -1
  8. package/components/action-group/index.js +1 -1
  9. package/components/action-group-B59CWNnT.cjs +20 -0
  10. package/components/{action-group-Bf28z235.js → action-group-DzT5e9uS.js} +8 -9
  11. package/components/action-menu/index.cjs +9 -9
  12. package/components/action-menu/index.js +8 -9
  13. package/components/avatar/index.cjs +3 -3
  14. package/components/avatar/index.js +6 -7
  15. package/components/base-CCsOyfm4.js +632 -0
  16. package/components/base-CaRKlVkL.cjs +36 -0
  17. package/components/button/index.cjs +2 -2
  18. package/components/button/index.js +7 -7
  19. package/components/{button-base-CDLQV7Vk.js → button-base-BUylwU1F.js} +5 -6
  20. package/components/button-base-D62oiPcu.cjs +25 -0
  21. package/components/button-group/index.cjs +1 -1
  22. package/components/button-group/index.js +6 -6
  23. package/components/checkbox/index.cjs +4 -4
  24. package/components/checkbox/index.js +4 -4
  25. package/components/{checkbox-mixin-DXUIwtea.js → checkbox-mixin-CM4VUJxF.js} +9 -10
  26. package/components/{checkbox-mixin-DaXMsrtV.cjs → checkbox-mixin-CifGmiLR.cjs} +3 -3
  27. package/components/{clear-button-Dh2Mq0cc.js → clear-button-BmUyRVoz.js} +4 -4
  28. package/components/clear-button-Cc5-XUOJ.cjs +18 -0
  29. package/components/{close-button-BsYkXOVh.js → close-button-BekXo6bQ.js} +10 -10
  30. package/components/close-button-Bf8yzpLd.cjs +18 -0
  31. package/components/color-area/index.cjs +6 -6
  32. package/components/color-area/index.js +10 -11
  33. package/components/color-field/index.cjs +2 -2
  34. package/components/color-field/index.js +3 -3
  35. package/components/color-handle/index.cjs +2 -2
  36. package/components/color-handle/index.js +6 -6
  37. package/components/color-loupe/index.cjs +1 -1
  38. package/components/color-loupe/index.js +1 -1
  39. package/components/color-loupe-CLzp2MiI.cjs +56 -0
  40. package/components/{color-loupe-BCfIVFkB.js → color-loupe-DiegGLZu.js} +4 -4
  41. package/components/color-menu/index.cjs +5 -5
  42. package/components/color-menu/index.js +5 -7
  43. package/components/color-picker/index.cjs +4 -4
  44. package/components/color-picker/index.js +11 -13
  45. package/components/color-slider/index.cjs +7 -7
  46. package/components/color-slider/index.js +6 -7
  47. package/components/divider/index.cjs +1 -1
  48. package/components/divider/index.js +6 -6
  49. package/components/field-group/index.cjs +1 -1
  50. package/components/field-group/index.js +1 -1
  51. package/components/{field-group-CwZULltm.js → field-group-BPZvGJi1.js} +6 -6
  52. package/components/field-group-CodR_26L.cjs +23 -0
  53. package/components/field-label/index.cjs +1 -1
  54. package/components/field-label/index.js +1 -1
  55. package/components/{field-label-C3HFlH91.js → field-label-6AaW05kA.js} +7 -8
  56. package/components/field-label-B91K6moC.cjs +25 -0
  57. package/components/focusable-BFdecx5l.cjs +18 -0
  58. package/components/{focusable-zT9NFFYs.js → focusable-CxA_NMK_.js} +2 -1
  59. package/components/icon/index.cjs +1 -1
  60. package/components/icon/index.js +6 -6
  61. package/components/index-Cg_y7WKM.cjs +77 -0
  62. package/components/{index-C2qG2Sm8.js → index-QeYYAZQR.js} +15 -18
  63. package/components/index.cjs +1 -1
  64. package/components/index.js +16 -16
  65. package/components/infield-button/index.cjs +2 -2
  66. package/components/infield-button/index.js +4 -4
  67. package/components/label/index.cjs +1 -1
  68. package/components/label/index.js +5 -5
  69. package/components/{like-anchor-DoJWh4Uu.js → like-anchor-D7tY6am5.js} +21 -21
  70. package/components/like-anchor-b3cNzw52.cjs +32 -0
  71. package/components/{manage-help-text-BzWK2v8i.js → manage-help-text-CmE_nfjl.js} +8 -8
  72. package/components/{manage-help-text-BKlmmlgp.cjs → manage-help-text-CoX77cTJ.cjs} +3 -3
  73. package/components/menu/index.cjs +1 -1
  74. package/components/menu/index.js +1 -1
  75. package/components/multi-language-field/index.cjs +2 -2
  76. package/components/multi-language-field/index.js +7 -7
  77. package/components/number-field/index.cjs +4 -4
  78. package/components/number-field/index.js +16 -17
  79. package/components/observe-slot-text-ByPG1Lqw.cjs +18 -0
  80. package/components/{observe-slot-text-BG0H7bQK.js → observe-slot-text-CugmOzNZ.js} +20 -21
  81. package/components/overlay/index.cjs +7 -7
  82. package/components/overlay/index.js +45 -49
  83. package/components/overlay-BWBJGJN_.cjs +47 -0
  84. package/components/{overlay-D7EbnA6E.js → overlay-CtdbWiFs.js} +71 -74
  85. package/components/{pending-state-DHXuiejX.js → pending-state-B_JeaE62.js} +2 -2
  86. package/components/{pending-state-BHCOneQ7.cjs → pending-state-DWvTsSoS.cjs} +2 -2
  87. package/components/picker/index.cjs +1 -1
  88. package/components/picker/index.js +2 -2
  89. package/components/picker-CaC1rQOK.cjs +123 -0
  90. package/components/{picker-ChtCbFLB.js → picker-DwbcFve2.js} +109 -140
  91. package/components/popover/index.cjs +1 -1
  92. package/components/popover/index.js +1 -1
  93. package/components/popover-C4w3aY8m.cjs +30 -0
  94. package/components/{popover-bg0EQQ8p.js → popover-DLFHilGS.js} +6 -7
  95. package/components/progress-circle/index.cjs +1 -1
  96. package/components/progress-circle/index.js +1 -1
  97. package/components/progress-circle-BXyXtMcs.cjs +33 -0
  98. package/components/{progress-circle-BT2qW7LK.js → progress-circle-CUCJ_Ehs.js} +6 -7
  99. package/components/radio/index.cjs +2 -2
  100. package/components/radio/index.js +9 -10
  101. package/components/search/index.cjs +7 -7
  102. package/components/search/index.js +4 -5
  103. package/components/{base-BjTwmyRF.cjs → sized-mixin-DcvJLFeo.cjs} +1 -5
  104. package/components/{sized-mixin-PyCYpyQq.js → sized-mixin-cJbo3PKR.js} +5 -5
  105. package/components/slider/index.cjs +1 -1
  106. package/components/slider/index.js +6 -6
  107. package/components/{streaming-listener-wjMvsv4N.js → streaming-listener-BgCzt2TI.js} +5 -6
  108. package/components/streaming-listener-C2bsIc4J.cjs +18 -0
  109. package/components/swatch/index.cjs +7 -7
  110. package/components/swatch/index.js +11 -12
  111. package/components/switch/index.cjs +2 -2
  112. package/components/switch/index.js +5 -5
  113. package/components/tags/index.cjs +4 -4
  114. package/components/tags/index.js +12 -13
  115. package/components/text-field/index.cjs +3 -3
  116. package/components/text-field/index.js +8 -8
  117. package/components/text-field-BX_aHXSW.js +288 -0
  118. package/components/text-field-DAr2RyH9.cjs +81 -0
  119. package/components/toast/index.cjs +5 -5
  120. package/components/toast/index.js +5 -5
  121. package/components/tooltip/index.cjs +4 -4
  122. package/components/tooltip/index.js +6 -7
  123. package/components/unit-input/index.cjs +6 -6
  124. package/components/unit-input/index.js +5 -6
  125. package/components/utils.cjs +1 -1
  126. package/components/utils.js +4 -4
  127. package/custom-elements.json +1 -1
  128. package/package.json +2 -1
  129. package/components/action-group-BBoV2VL9.cjs +0 -20
  130. package/components/async-directive-CV2MII86.cjs +0 -22
  131. package/components/async-directive-FGzMycjH.js +0 -82
  132. package/components/base-D76d76ww.js +0 -26
  133. package/components/base-DNrOP9L3.js +0 -391
  134. package/components/base-DzbGOAPo.cjs +0 -30
  135. package/components/button-base-C1ceE1LF.cjs +0 -25
  136. package/components/clear-button-pnT9_M8M.cjs +0 -18
  137. package/components/close-button-CPtjRQ0R.cjs +0 -18
  138. package/components/color-loupe-DIBrhG1Y.cjs +0 -56
  139. package/components/directive-C7oCP5Bh.cjs +0 -22
  140. package/components/directive-helpers-BLDZnGQv.js +0 -28
  141. package/components/directive-helpers-C2vOfhFx.cjs +0 -22
  142. package/components/directive-oAbCiebi.js +0 -44
  143. package/components/field-group-eICRTHzI.cjs +0 -23
  144. package/components/field-label-DOIVL4S4.cjs +0 -25
  145. package/components/focusable-zn6qaMtV.cjs +0 -18
  146. package/components/if-defined-CYpcjGCb.js +0 -27
  147. package/components/if-defined-Cv6xanXh.cjs +0 -22
  148. package/components/index-BYumXRH5.cjs +0 -77
  149. package/components/like-anchor-CmIcmz5k.cjs +0 -32
  150. package/components/lit-html-B3ugcwD9.js +0 -248
  151. package/components/lit-html-p4Oxv2-5.cjs +0 -24
  152. package/components/observe-slot-text-CP_EB97X.cjs +0 -18
  153. package/components/overlay-B1JDPmUJ.cjs +0 -47
  154. package/components/picker-CLKdhX0B.cjs +0 -127
  155. package/components/popover-CdkB6GFb.cjs +0 -30
  156. package/components/progress-circle-DTeqfeun.cjs +0 -33
  157. package/components/query-BL-TJj7K.cjs +0 -22
  158. package/components/query-D_KR_GUc.js +0 -51
  159. package/components/query-assigned-elements-DjfhL1cl.js +0 -36
  160. package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
  161. package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
  162. package/components/query-assigned-nodes-C76XVPWY.js +0 -36
  163. package/components/sized-mixin-BEemErtP.cjs +0 -18
  164. package/components/state-BG4JQVA1.js +0 -29
  165. package/components/state-DHaIxrnQ.cjs +0 -22
  166. package/components/streaming-listener-BQxEN4sL.cjs +0 -18
  167. package/components/style-map-BjBGQ_u3.cjs +0 -22
  168. package/components/style-map-BqvQDFJt.js +0 -53
  169. package/components/text-field-7ITo3Lac.js +0 -315
  170. package/components/text-field-CtUKbEQN.cjs +0 -85
  171. package/components/when-CDK1Tt5Y.js +0 -28
  172. package/components/when-CDZyJPvd.cjs +0 -22
@@ -1,77 +0,0 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
17
- * */
18
- "use strict";const s=require("lit"),r=require("./base-DzbGOAPo.cjs"),p=require("./query-BL-TJj7K.cjs"),w=require("./sized-mixin-BEemErtP.cjs"),A=require("./divider.module-CXMNveQc.cjs"),P=require("./state-DHaIxrnQ.cjs"),O=require("./query-assigned-nodes-BcKWmGzy.cjs"),x=require("./random-id-CqvckpWe.cjs"),y=require("./mutation-controller-DkOMCW-c.cjs"),D=require("./focusable-zn6qaMtV.cjs"),R=require("./like-anchor-CmIcmz5k.cjs"),L=require("./observe-slot-text-CP_EB97X.cjs"),U=require("./dependency-manger-C5HCkMMB.cjs"),k=require("@luzmo/icons"),T=require("./slottable-request-event-BfUUt1Mh.cjs"),g=Symbol("slotContentIsPresent");function S(a,e){var t,o;const i=Array.isArray(e)?e:[e];class n extends(o=a,t=g,o){constructor(...u){super(u),this[t]=new Map,this.managePresenceObservedSlot=()=>{let b=!1;i.forEach(h=>{const z=!!this.querySelector(`:scope > ${h}`),f=this[g].get(h)||!1;b=b||f!==z,this[g].set(h,!!this.querySelector(`:scope > ${h}`))}),b&&this.updateComplete.then(()=>{this.requestUpdate()})},new y.s(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(i.length===1)return this[g].get(i[0])||!1;throw new Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(u){if(this[g].has(u))return this[g].get(u)||!1;throw new Error(`The provided selector \`${u}\` is not being observed.`)}}return n}const _=":host{--menu-item-top-to-action: var(--luzmo-spacing-1);--menu-item-top-to-checkbox: var(--luzmo-spacing-1);--menu-item-label-line-height: var(--luzmo-line-height);--menu-item-label-line-height-cjk: 1.5;--menu-item-label-to-description-spacing: 1px;--menu-item-focus-indicator-width: var(--luzmo-indicator-width);--menu-item-focus-indicator-color: var(--luzmo-indicator-color);--menu-item-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--menu-item-label-content-color-default: var(--luzmo-font-color);--menu-item-label-content-color-hover: var(--luzmo-font-color-hover);--menu-item-label-content-color-down: var(--luzmo-font-color-down);--menu-item-label-content-color-focus: var(--luzmo-font-color-focus);--menu-item-highlight-label-background-color: var(--luzmo-primary);--menu-item-highlight-label-content-color: var(--luzmo-font-color);--menu-item-highlight-label-content-color-hover: var( --luzmo-font-color-hover );--menu-item-highlight-label-content-color-down: var(--luzmo-font-color-down);--menu-item-highlight-label-content-color-focus: var( --luzmo-font-color-focus );--menu-item-label-icon-color-default: var(--luzmo-font-color);--menu-item-label-icon-color-hover: var(--luzmo-font-color-hover);--menu-item-label-icon-color-down: var(--luzmo-font-color-down);--menu-item-label-icon-color-focus: var(--luzmo-font-color-focus);--menu-item-label-content-color-disabled: var(--luzmo-font-color-disabled);--menu-item-label-icon-color-disabled: var(--luzmo-font-color-disabled);--menu-item-description-line-height: var(--luzmo-line-height);--menu-item-description-line-height-cjk: 1.5;--menu-item-description-color-default: var(--luzmo-font-color);--menu-item-description-color-hover: var(--luzmo-font-color-hover);--menu-item-description-color-down: var(--luzmo-font-color-down);--menu-item-description-color-focus: var(--luzmo-font-color-focus);--menu-item-description-color-disabled: var(--luzmo-color-disabled);--menu-section-header-line-height: var(--luzmo-line-height);--menu-section-header-line-height-cjk: 1.5;--menu-section-header-font-weight: bold;--menu-section-header-color: var(--luzmo-font-color-hard);--menu-collapsible-icon-color: var(--luzmo-font-color-hard);--menu-checkmark-icon-color-default: var(--luzmo-primary);--menu-checkmark-icon-color-hover: var(--luzmo-primary-hover);--menu-checkmark-icon-color-down: var(--luzmo-primary-down);--menu-checkmark-icon-color-focus: var(--luzmo-primary-focus);--menu-drillin-icon-color-default: var(--luzmo-font-color);--menu-drillin-icon-color-hover: var(--luzmo-font-color-hover);--menu-drillin-icon-color-down: var(--luzmo-font-color-down);--menu-drillin-icon-color-focus: var(--luzmo-font-color-focus);--menu-item-value-color-default: var(--luzmo-font-color);--menu-item-value-color-hover: var(--luzmo-font-color-hover);--menu-item-value-color-down: var(--luzmo-font-color-down);--menu-item-value-color-focus: var(--luzmo-font-color-focus);--menu-checkmark-display-hidden: none;--menu-checkmark-display-shown: block;--menu-checkmark-display: block;--menu-item-collapsible-no-icon-submenu-item-padding-x-start: 28px;--menu-item-background-color-selected: var(--luzmo-background-color);--menu-item-background-color-default: var(--luzmo-background-color);--menu-item-background-color-hover: var(--luzmo-background-color-hover);--menu-item-background-color-down: var(--luzmo-background-color-down);--menu-item-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--menu-item-min-height: var(--luzmo-component-height);--menu-item-icon-height: var(--luzmo-font-size);--menu-item-icon-width: var(--luzmo-font-size);--menu-item-label-font-size: var(--luzmo-font-size);--menu-item-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-top-edge-to-text: var(--luzmo-spacing-1);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-1);--menu-item-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-description-font-size: var(--luzmo-font-size-xs);--menu-section-header-font-size: var(--luzmo-font-size);--menu-section-header-min-width: var(--luzmo-component-height);--menu-item-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-checkmark-size: var(--luzmo-font-size-xs);--menu-item-angle-size: var(--luzmo-font-size);--menu-item-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-back-icon-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--menu-item-min-height: var(--luzmo-component-height-s);--menu-item-icon-height: var(--luzmo-font-size-s);--menu-item-icon-width: var(--luzmo-font-size-s);--menu-item-label-font-size: var(--luzmo-font-size-s);--menu-item-label-text-to-visual: var(--luzmo-spacing-3);--menu-item-label-inline-edge-to-content: var(--luzmo-spacing-3);--menu-item-top-edge-to-text: var(--luzmo-spacing-1);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-1);--menu-item-text-to-control: var(--luzmo-spacing-2);--menu-item-description-font-size: var(--luzmo-font-size-xs);--menu-section-header-font-size: var(--luzmo-font-size-s);--menu-section-header-min-width: var(--luzmo-component-height-s);--menu-item-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--menu-item-checkmark-size: var(--luzmo-font-size-xs);--menu-item-angle-size: var(--luzmo-font-size-s);--menu-item-top-to-checkmark: var(--luzmo-spacing-3);--menu-back-icon-margin: var(--luzmo-spacing-3)}:host([size=l]){--menu-item-min-height: var(--luzmo-component-height-l);--menu-item-icon-height: var(--luzmo-font-size-l);--menu-item-icon-width: var(--luzmo-font-size-l);--menu-item-label-font-size: var(--luzmo-font-size-l);--menu-item-label-text-to-visual: var(--luzmo-spacing-4);--menu-item-label-inline-edge-to-content: var(--luzmo-spacing-4);--menu-item-top-edge-to-text: var(--luzmo-spacing-2);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-2);--menu-item-text-to-control: var(--luzmo-spacing-3);--menu-item-description-font-size: var(--luzmo-font-size-s);--menu-section-header-font-size: var(--luzmo-font-size-l);--menu-section-header-min-width: var(--luzmo-component-height-l);--menu-item-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--menu-item-checkmark-size: var(--luzmo-font-size-s);--menu-item-angle-size: var(--luzmo-font-size-l);--menu-item-top-to-checkmark: var(--luzmo-spacing-4);--menu-back-icon-margin: var(--luzmo-spacing-4)}:host([size=xl]){--menu-item-min-height: var(--luzmo-component-height-xl);--menu-item-icon-height: var(--font-size-xl);--menu-item-icon-width: var(--font-size-xl);--menu-item-label-font-size: var(--font-size-xl);--menu-item-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-item-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-item-top-edge-to-text: var(--luzmo-spacing-2);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-2);--menu-item-text-to-control: var(--luzmo-spacing-4);--menu-item-description-font-size: var(--luzmo-font-size);--menu-section-header-font-size: var(--font-size-xl);--menu-section-header-min-width: var(--luzmo-component-height-xl);--menu-item-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-item-checkmark-size: var(--font-size);--menu-item-angle-size: var(--luzmo-font-size-xl);--menu-item-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-back-icon-margin: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([variant=highlight]){--menu-item-highlight-label-content-color: var(--luzmo-primary-inverse-color);--menu-item-highlight-label-content-color-hover: var( --luzmo-primary-inverse-color );--menu-item-highlight-label-content-color-down: var( --luzmo-primary-inverse-color );--menu-item-highlight-label-content-color-focus: var( --luzmo-primary-inverse-color )}@media (forced-colors: active){:host{--highcontrast-menu-item-background-color-default: ButtonFace;--highcontrast-menu-item-color-default: ButtonText;--highcontrast-menu-item-background-color-focus: Highlight;--highcontrast-menu-item-color-focus: HighlightText;--highcontrast-menu-checkmark-icon-color-default: Highlight;--highcontrast-menu-item-color-disabled: GrayText;--highcontrast-menu-item-focus-indicator-color: Highlight;--highcontrast-menu-item-selected-background-color: Highlight;--highcontrast-menu-item-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-menu-item-selected-background-color: SelectedItem;--highcontrast-menu-item-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-menu-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--menu-item-label-line-height: var( --luzmo-menu-item-label-line-height-cjk, var(--menu-item-label-line-height-cjk) );--menu-item-description-line-height: var( --luzmo-menu-item-description-line-height-cjk, var(--menu-item-description-line-height-cjk) );--menu-section-header-line-height: var( --luzmo-menu-section-header-line-height-cjk, var(--menu-section-header-line-height-cjk) )}:host([selects]) ::slotted(luzmo-menu-item){--menu-checkmark-display: var(--menu-checkmark-display-hidden);padding-inline-start:var(--luzmo-menu-item-selectable-edge-to-text-not-selected, var(--menu-item-selectable-edge-to-text-not-selected))}:host([selects]) ::slotted(luzmo-menu-item[selected]){--menu-checkmark-display: var(--menu-checkmark-display-shown);padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content))}.luzmo-Menu-backIcon{margin-block:var(--luzmo-menu-back-icon-margin-block, var(--menu-back-icon-margin));margin-inline:var(--luzmo-menu-back-icon-margin-inline, var(--menu-back-icon-margin));fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-icon-color-default, var(--menu-section-header-color)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-icon-color-default, var(--menu-section-header-color)))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-sectionHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-section-header-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));min-inline-size:var(--luzmo-menu-section-header-min-width, var(--menu-section-header-min-width));padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-back .luzmo-Menu-sectionHeading{padding:0}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:calc((var(--luzmo-indicator-width) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";var $=Object.defineProperty,q=Object.getOwnPropertyDescriptor,v=(a,e,t,o)=>{for(var i=o>1?void 0:o?q(e,t):e,n=a.length-1,l;n>=0;n--)(l=a[n])&&(i=(o?l(e,t,i):l(i))||i);return o&&i&&$(e,t,i),i};function B(a,e){return!!e&&(a===e||a.contains(e))}class m extends w.SizedMixin(r.LuzmoElement,{noDefaultSize:!0}){constructor(){super(),this.label="",this.ignore=!1,this.value="",this.valueSeparator=",",this.selectedItems=[],this.focusedItemIndex=0,this.focusInItemIndex=0,this._selected=[],this.cacheUpdated=Promise.resolve(),this.childItemSet=new Set,this.selectedItemsMap=new Map,this._hasUpdatedSelectedItemIndex=!1,this._willUpdateItems=!1,this.pointerUpTarget=null,this.descendentOverlays=new Map,this.handleSubmenuClosed=e=>{e.stopPropagation(),e.composedPath()[0].dispatchEvent(new Event("luzmo-menu-submenu-closed",{bubbles:!0,composed:!0}))},this.handleSubmenuOpened=e=>{e.stopPropagation(),e.composedPath()[0].dispatchEvent(new Event("luzmo-menu-submenu-opened",{bubbles:!0,composed:!0}));const o=this.childItems[this.focusedItemIndex];o&&(o.focused=!1);const i=e.composedPath().find(l=>this.childItemSet.has(l));if(!i)return;const n=this.childItems.indexOf(i);this.focusedItemIndex=n,this.focusInItemIndex=n},this.resolveCacheUpdated=()=>{},this.addEventListener("luzmo-menu-item-added-or-updated",this.onSelectableItemAddedOrUpdated),this.addEventListener("luzmo-menu-item-added-or-updated",this.onFocusableItemAddedOrUpdated,{capture:!0}),this.addEventListener("click",this.handleClick),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("focusin",this.handleFocusin),this.addEventListener("blur",this.handleBlur),this.addEventListener("luzmo-opened",this.handleSubmenuOpened),this.addEventListener("luzmo-closed",this.handleSubmenuClosed)}static get styles(){return[s.unsafeCSS(_)]}get isSubmenu(){return this.slot==="submenu"}get selected(){return this._selected}set selected(e){if(e===this.selected)return;const t=this.selected;this._selected=e,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItems.forEach(o=>{this===o.menuData.selectionRoot&&(o.selected=this.selected.includes(o.value),o.selected&&(this.selectedItems.push(o),this.selectedItemsMap.set(o,!0)))}),this.requestUpdate("selected",t)}get childItems(){return this.cachedChildItems||(this.cachedChildItems=this.updateCachedMenuItems()),this.cachedChildItems}get childRole(){if(this.resolvedRole==="listbox")return"option";switch(this.resolvedSelects){case"single":return"menuitemradio";case"multiple":return"menuitemcheckbox";default:return"menuitem"}}get ownRole(){return"menu"}focus({preventScroll:e}={}){if(this.childItems.every(o=>o.disabled))return;if(this.childItems.some(o=>o.menuData.focusRoot!==this)){super.focus({preventScroll:e});return}this.focusMenuItemByOffset(0),super.focus({preventScroll:e});const t=this.selectedItems[0];t&&!e&&t.scrollIntoView({block:"nearest"})}handleFocusin(e){var i;if(this.childItems.some(n=>n.menuData.focusRoot!==this))return;const t=this.getRootNode().activeElement,o=((i=this.childItems[this.focusedItemIndex])==null?void 0:i.menuData.selectionRoot)||this;if((t!==o||e.target!==this)&&(o.focus({preventScroll:!0}),t&&this.focusedItemIndex===0)){const n=this.childItems.indexOf(t);this.focusMenuItemByOffset(Math.max(n,0))}this.startListeningToKeyboard()}startListeningToKeyboard(){this.addEventListener("keydown",this.handleKeydown)}handleBlur(e){B(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this.childItems.forEach(t=>t.focused=!1),this.removeAttribute("aria-activedescendant"))}stopListeningToKeyboard(){this.removeEventListener("keydown",this.handleKeydown)}selectOrToggleItem(e){const t=this.resolvedSelects,o=new Map(this.selectedItemsMap),i=[...this.selected],n=[...this.selectedItems],l=this.value,u=this.childItems[this.focusedItemIndex];if(u&&(u.focused=!1,u.active=!1),this.focusedItemIndex=this.childItems.indexOf(e),this.forwardFocusVisibleToItem(e),t==="multiple"){this.selectedItemsMap.has(e)?this.selectedItemsMap.delete(e):this.selectedItemsMap.set(e,!0);const h=[],z=[];this.childItemSet.forEach(f=>{f.menuData.selectionRoot===this&&this.selectedItemsMap.has(f)&&(h.push(f.value),z.push(f))}),this._selected=h,this.selectedItems=z,this.value=this.selected.join(this.valueSeparator)}else this.selectedItemsMap.clear(),this.selectedItemsMap.set(e,!0),this.value=e.value,this._selected=[e.value],this.selectedItems=[e];if(!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this._selected=i,this.selectedItems=n,this.selectedItemsMap=o,this.value=l;return}if(t==="single"){for(const h of o.keys())h!==e&&(h.selected=!1);e.selected=!0}else t==="multiple"&&(e.selected=!e.selected)}handleKeydown(e){if(e.defaultPrevented)return;const t=this.childItems[this.focusedItemIndex];t&&(t.focused=!0);const{key:o}=e;if(e.shiftKey&&e.target!==this&&this.hasAttribute("tabindex")){this.removeAttribute("tabindex");const i=n=>{!n.shiftKey&&!this.hasAttribute("tabindex")&&(this.tabIndex=0,document.removeEventListener("keyup",i),this.removeEventListener("focusout",i))};document.addEventListener("keyup",i),this.addEventListener("focusout",i)}if(o==="Tab"){this.prepareToCleanUp();return}if(o===" "&&(t!=null&&t.hasSubmenu)){t.openOverlay();return}if(o===" "||o==="Enter"){const i=this.childItems[this.focusedItemIndex];i&&i.menuData.selectionRoot===e.target&&(e.preventDefault(),i.click());return}if(o==="ArrowDown"||o==="ArrowUp"){const i=this.childItems[this.focusedItemIndex];i&&i.menuData.selectionRoot===e.target&&this.navigateWithinMenu(e);return}this.navigateBetweenRelatedMenus(e)}focusMenuItemByOffset(e){const t=e||1,o=this.childItems[this.focusedItemIndex];o&&(o.focused=!1,o.active=o.open),this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+e)%this.childItems.length;let i=this.childItems[this.focusedItemIndex],n=this.childItems.length;for(;i!=null&&i.disabled&&n;)n-=1,this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+t)%this.childItems.length,i=this.childItems[this.focusedItemIndex];return i!=null&&i.disabled||this.forwardFocusVisibleToItem(i),i}updateSelectedItemIndex(){let e=0;const t=new Map,o=[],i=[];let n=this.childItems.length;for(;n;){n-=1;const l=this.childItems[n];l.menuData.selectionRoot===this&&((l.selected||!this._hasUpdatedSelectedItemIndex&&this.selected.includes(l.value))&&(e=n,t.set(l,!0),o.unshift(l.value),i.unshift(l)),n!==e&&(l.focused=!1))}i.map((l,u)=>{u>0&&(l.focused=!1)}),this.selectedItemsMap=t,this._selected=o,this.selectedItems=i,this.value=this.selected.join(this.valueSeparator),this.focusedItemIndex=e,this.focusInItemIndex=e}closeDescendentOverlays(){this.descendentOverlays.forEach(e=>{e.open=!1}),this.descendentOverlays=new Map}render(){return this.renderMenuItemSlot()}connectedCallback(){super.connectedCallback(),!this.hasAttribute("role")&&!this.ignore&&this.setAttribute("role",this.ownRole),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){this.cachedChildItems=void 0,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItemSet.clear(),this.descendentOverlays=new Map,super.disconnectedCallback()}handleDescendentOverlayOpened(e){const t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.set(t.overlayElement,t.overlayElement)}handleDescendentOverlayClosed(e){const t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.delete(t.overlayElement)}navigateWithinMenu(e){const{key:t}=e,o=this.childItems[this.focusedItemIndex],i=t==="ArrowDown"?1:-1,n=this.focusMenuItemByOffset(i);n!==o&&(e.preventDefault(),e.stopPropagation(),n.scrollIntoView({block:"nearest"}))}navigateBetweenRelatedMenus(e){const{key:t}=e;e.stopPropagation();const o=this.isLTR&&t==="ArrowRight"||!this.isLTR&&t==="ArrowLeft",i=this.isLTR&&t==="ArrowLeft"||!this.isLTR&&t==="ArrowRight";if(o){const n=this.childItems[this.focusedItemIndex];n!=null&&n.hasSubmenu&&n.openOverlay()}else i&&this.isSubmenu&&(this.dispatchEvent(new Event("close",{bubbles:!0})),this.updateSelectedItemIndex())}renderMenuItemSlot(){return s.html`
19
- <slot
20
- @luzmo-menu-submenu-opened=${this.handleDescendentOverlayOpened}
21
- @luzmo-menu-submenu-closed=${this.handleDescendentOverlayClosed}
22
- @slotchange=${this.handleSlotchange}
23
- ></slot>
24
- `}firstUpdated(e){if(super.firstUpdated(e),!this.hasAttribute("tabindex")&&!this.ignore){const o=this.getAttribute("role");this.tabIndex=o==="group"?-1:0}const t=[new Promise(o=>requestAnimationFrame(()=>o(!0)))];[...this.children].forEach(o=>{o.localName==="luzmo-menu-item"&&t.push(o.updateComplete)}),this.childItemsUpdated=Promise.all(t)}updated(e){super.updated(e),e.has("selects")&&this.hasUpdated&&this.selectsChanged(),e.has("label")&&(this.label||e.get("label")!==void 0)&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}selectsChanged(){const e=[new Promise(t=>requestAnimationFrame(()=>t(!0)))];this.childItemSet.forEach(t=>{e.push(t.triggerUpdate())}),this.childItemsUpdated=Promise.all(e)}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.childItemsUpdated,await this.cacheUpdated,e}updateCachedMenuItems(){if(this.cachedChildItems=[],!this.menuSlot)return[];const e=this.menuSlot.assignedElements({flatten:!0});for(const[t,o]of e.entries()){if(this.childItemSet.has(o)){this.cachedChildItems.push(o);continue}const n=o.localName==="slot"?o.assignedElements({flatten:!0}):[...o.querySelectorAll(":scope > *")];e.splice(t,1,o,...n)}return this.cachedChildItems}onFocusableItemAddedOrUpdated(e){e.menuCascade.set(this,{hadFocusRoot:!!e.item.menuData.focusRoot,ancestorWithSelects:e.currentAncestorWithSelects}),this.selects&&(e.currentAncestorWithSelects=this),e.item.menuData.focusRoot=e.item.menuData.focusRoot||this}onSelectableItemAddedOrUpdated(e){var i,n;const t=e.menuCascade.get(this);if(!t)return;if(e.item.menuData.parentMenu=e.item.menuData.parentMenu||this,t.hadFocusRoot&&!this.ignore&&(this.tabIndex=-1),this.addChildItem(e.item),this.selects==="inherit"){this.resolvedSelects="inherit";const l=(i=e.currentAncestorWithSelects)==null?void 0:i.ignore;this.resolvedRole=l?"none":((n=e.currentAncestorWithSelects)==null?void 0:n.getAttribute("role"))||this.getAttribute("role")||void 0}else this.selects?(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.selects):(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.resolvedRole==="none"?"ignore":"none");const o=this.resolvedSelects==="single"||this.resolvedSelects==="multiple";e.item.menuData.cleanupSteps.push(l=>this.removeChildItem(l)),(o||!this.selects&&this.resolvedSelects!=="ignore")&&!e.item.menuData.selectionRoot&&(e.item.setRole(this.childRole),e.item.menuData.selectionRoot=e.item.menuData.selectionRoot||this,e.item.selected&&(this.selectedItemsMap.set(e.item,!0),this.selectedItems=[...this.selectedItems,e.item],this._selected=[...this.selected,e.item.value],this.value=this.selected.join(this.valueSeparator)))}addChildItem(e){this.childItemSet.add(e),this.handleItemsChanged()}async removeChildItem(e){this.childItemSet.delete(e),this.cachedChildItems=void 0,e.focused&&(this.handleItemsChanged(),await this.updateComplete,this.focus())}handleClick(e){if(this.pointerUpTarget===e.target){this.pointerUpTarget=null;return}this.handlePointerBasedSelection(e)}handlePointerup(e){this.pointerUpTarget=e.target,this.handlePointerBasedSelection(e)}handlePointerBasedSelection(e){var i,n;if(e instanceof MouseEvent&&e.button!==0)return;const o=e.composedPath().find(l=>l instanceof Element?l.getAttribute("role")===this.childRole:!1);if(e.defaultPrevented){const l=this.childItems.indexOf(o);((i=o==null?void 0:o.menuData)==null?void 0:i.focusRoot)===this&&l!==-1&&(this.focusedItemIndex=l);return}if(o!=null&&o.href&&o.href.length>0){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}));return}else if(((n=o==null?void 0:o.menuData)==null?void 0:n.selectionRoot)===this&&this.childItems.length>0){if(e.preventDefault(),o.hasSubmenu||o.open)return;this.selectOrToggleItem(o)}else return;this.prepareToCleanUp()}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{const e=this.childItems[this.focusedItemIndex];e&&(e.focused=!1,this.updateSelectedItemIndex())})},{once:!0})}handleItemsChanged(){this.cachedChildItems=void 0,this._willUpdateItems||(this._willUpdateItems=!0,this.cacheUpdated=this.updateCache())}async updateCache(){await(this.hasUpdated?new Promise(e=>requestAnimationFrame(()=>e(!0))):Promise.all([new Promise(e=>requestAnimationFrame(()=>e(!0))),this.updateComplete])),this.cachedChildItems===void 0&&(this.updateSelectedItemIndex(),this.updateItemFocus()),this._willUpdateItems=!1}updateItemFocus(){if(this.childItems.length===0)return;const e=this.childItems[this.focusInItemIndex];this.getRootNode().activeElement===e.menuData.focusRoot&&this.forwardFocusVisibleToItem(e)}forwardFocusVisibleToItem(e){if(!e||e.menuData.focusRoot!==this)return;this.closeDescendentOverlays();const t=this.hasVisibleFocusInTree()||!!this.childItems.some(o=>o.hasVisibleFocusInTree());e.focused=t,this.setAttribute("aria-activedescendant",e.id),e.menuData.selectionRoot&&e.menuData.selectionRoot!==this&&e.menuData.selectionRoot.focus()}handleSlotchange({target:e}){const t=e.assignedElements({flatten:!0});this.childItems.length!==t.length&&t.forEach(o=>{o.triggerUpdate!==void 0?o.triggerUpdate():o.childItems!==void 0&&o.childItems.forEach(i=>{i.triggerUpdate()})})}}v([r.n({type:String,reflect:!0})],m.prototype,"label",2);v([r.n({type:Boolean,reflect:!0})],m.prototype,"ignore",2);v([r.n({type:String,reflect:!0})],m.prototype,"selects",2);v([r.n({type:String})],m.prototype,"value",2);v([r.n({type:String,attribute:"value-separator"})],m.prototype,"valueSeparator",2);v([r.n({attribute:!1})],m.prototype,"selected",1);v([r.n({attribute:!1})],m.prototype,"selectedItems",2);v([p.e("slot:not([name])")],m.prototype,"menuSlot",2);const F=":host{--menu-divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );inline-size:auto;margin-block:var(--luzmo-menu-section-divider-margin-block, max(0px, (var(--menu-item-section-divider-height) - var(--menu-divider-thickness)) / 2));margin-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));overflow:visible}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{display:block;flex-shrink:0}";class E extends w.SizedMixin(r.LuzmoElement,{validSizes:["s","m","l"]}){static get styles(){return[s.unsafeCSS(A.styles),s.unsafeCSS(F)]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","separator")}}const j=".luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.header{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-section-header-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));min-inline-size:var(--luzmo-menu-section-header-min-width, var(--menu-section-header-min-width));padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-back .header{padding:0}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{margin:0;display:inline-flex;overflow:visible;flex-direction:column}[hidden]{display:none!important}";var H=Object.defineProperty,M=(a,e,t,o)=>{for(var i=void 0,n=a.length-1,l;n>=0;n--)(l=a[n])&&(i=l(e,t,i)||i);return i&&H(e,t,i),i};class I extends m{constructor(){super(...arguments),this.headerId=""}static get styles(){return[...super.styles,s.unsafeCSS(j)]}render(){return s.html`
25
- <span class="header" ?hidden=${!this.headerElement}>
26
- <slot name="header" @slotchange=${this.updateLabel}></slot>
27
- </span>
28
- <luzmo-menu ignore>${this.renderMenuItemSlot()}</luzmo-menu>
29
- `}get ownRole(){switch(this.selects){case"multiple":case"single":case"inherit":return"group";default:return"menu"}}updateLabel(){const e=this.headerElements.length>0?this.headerElements[0]:void 0;if(e!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute("id"),e){this.headerId=this.headerId||`luzmo-menu-group-label-${x.randomID()}`;const t=e.id||this.headerId;e.id||(e.id=t),this.setAttribute("aria-labelledby",t)}else this.removeAttribute("aria-labelledby");this.headerElement=e}}M([O.n({slot:"header",flatten:!0})],I.prototype,"headerElements");M([P.r()],I.prototype,"headerElement");const V='.checkmark{display:var(--luzmo-menu-checkmark-display, var(--menu-checkmark-display));font-size:var(--luzmo-menu-item-checkmark-size, var(--menu-item-checkmark-size));fill:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-default, var(--menu-checkmark-icon-color-default)));color:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-default, var(--menu-checkmark-icon-color-default)));opacity:1;grid-area:checkmarkArea;align-self:start;margin-block-start:calc(var(--luzmo-menu-item-top-to-checkmark, var(--menu-item-top-to-checkmark)) - var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.angle{font-size:var(--menu-item-angle-size);grid-area:angleArea;align-self:center;margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}::slotted([slot=icon]){fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-icon-color-default, var(--menu-item-label-icon-color-default)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-icon-color-default, var(--menu-item-label-icon-color-default)));grid-area:iconArea;align-self:start}::slotted([slot=icon]){margin-inline-end:var(--luzmo-menu-item-label-text-to-visual, var(--menu-item-label-text-to-visual))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)));line-height:var(--luzmo-menu-item-label-line-height, var(--menu-item-label-line-height));min-block-size:var(--luzmo-menu-item-min-height, var(--menu-item-min-height));padding-block-start:var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text));padding-block-end:var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-template:". angleAreaCollapsible . headingIconArea sectionHeadingArea . . ." "selectedArea angleAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea angleAreaDrillIn" 1fr ". . . . descriptionArea . . ." ". . . . submenuArea . . ." ". . . . . . . ."/auto auto auto auto 1fr auto auto auto;justify-content:start;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;align-items:center;position:relative}.luzmo-Menu-itemCheckbox{--luzmo-checkbox-top-to-text: 0;--luzmo-checkbox-text-to-control: 0;min-block-size:0}.luzmo-Menu-itemCheckbox .luzmo-Checkbox-box{margin-block-start:var(--luzmo-menu-item-top-to-checkbox, var(--menu-item-top-to-checkbox));margin-block-end:0;margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.luzmo-Menu-itemSwitch{min-block-size:0}.luzmo-Menu-itemSwitch .luzmo-Switch-switch{margin-block-start:var(--luzmo-menu-item-top-to-action, var(--menu-item-top-to-action));margin-block-end:0}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]),:host(:focus){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-key-focus, var(--menu-item-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-focus, var(--menu-item-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-focus, var(--menu-item-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-focus, var(--menu-item-value-color-focus)))}:host([focused])>.icon:not(.angle,.checkmark),:host(:focus)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-focus, var(--menu-item-label-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-focus, var(--menu-item-label-icon-color-focus)))}:host([focused])>.angle,:host(:focus)>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-focus, var(--menu-checkmark-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-focus, var(--menu-checkmark-icon-color-focus)))}:host:dir(rtl),:host([dir=rtl]){--menu-item-focus-indicator-direction-scalar: -1}:host(:is(:active,[active])){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-down, var(--menu-item-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-down, var(--menu-item-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-down, var(--menu-item-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-down, var(--menu-item-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-down, var(--menu-item-label-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-down, var(--menu-item-label-icon-color-down)))}:host(:is(:active,[active]))>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-down, var(--menu-checkmark-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-down, var(--menu-checkmark-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-content-color-disabled, var(--menu-item-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-description-color-disabled, var(--menu-item-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)))}:host([focused]) .luzmo-Menu-back,:host([focused]){box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .luzmo-Menu-itemCheckbox{grid-area:checkmarkArea}.luzmo-Menu-itemSelection{grid-area:selectedArea}#label{--luzmo-switch-control-label-spacing: 0;--luzmo-switch-spacing-top-to-label: 0;font-size:var(--luzmo-menu-item-label-font-size, var(--menu-item-label-font-size));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-content-color-default, var(--menu-item-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([selected]) #label{color:var(--menu-item-highlight-label-content-color)}::slotted([slot=value]){color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-value-color-default, var(--menu-item-value-color-default)));font-size:var(--luzmo-menu-item-label-font-size, var(--menu-item-label-font-size));grid-area:valueArea;justify-self:end}.luzmo-Menu-itemActions,::slotted([slot=value]){align-self:start;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing, var(--menu-item-label-to-value-area-min-spacing))}.luzmo-Menu-itemActions{grid-area:actionsArea}[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-description-color-default, var(--menu-item-description-color-default)));font-size:var(--luzmo-menu-item-description-font-size, var(--menu-item-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-menu-item-description-line-height, var(--menu-item-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-menu-item-label-to-description-spacing, var(--menu-item-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.luzmo-Menu-item--collapsible.is-open{padding-block-end:0}.luzmo-Menu-item--collapsible.is-open .angle{transform:rotate(90deg)}:host([focused]) .luzmo-Menu-item--collapsible.is-open,:host(:is(:active,[active])) .luzmo-Menu-item--collapsible.is-open,.luzmo-Menu-item--collapsible.is-open:focus{background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)))}.luzmo-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}.luzmo-Menu-item--collapsible>::slotted([slot=icon]){padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)))}.luzmo-Menu-item--collapsible .angle{grid-area:angleAreaCollapsible}:host([has-submenu]) .angle{fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-drillin-icon-color-default, var(--menu-drillin-icon-color-default)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-drillin-icon-color-default, var(--menu-drillin-icon-color-default)));grid-area:angleAreaDrillIn;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing, var(--menu-item-label-to-value-area-min-spacing));margin-inline-end:0}:host([has-submenu]) .is-open{--menu-item-background-color-default: var( --highcontrast-menu-item-selected-background-color, var( --luzmo-menu-item-background-color-hover, var(--menu-item-background-color-hover) ) )}:host([has-submenu]) .is-open .icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)))}:host([has-submenu]) .is-open .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)))}:host([has-submenu]) .is-open .checkmark{fill:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)))}@media (hover: hover){:host(:hover){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-hover, var(--menu-item-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-hover, var(--menu-item-label-content-color-hover)))}:host([selected]:hover)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-highlight-label-content-color, var(--menu-item-highlight-label-content-color)))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-hover, var(--menu-item-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-hover, var(--menu-item-value-color-hover)))}:host(:hover)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)))}:host(:hover)>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host(:hover)>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-content-color-disabled, var(--menu-item-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-description-color-disabled, var(--menu-item-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)))}.luzmo-Menu-item--collapsible.is-open:hover{background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)))}:host([has-submenu]:hover) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)))}}:host([has-submenu][focused]) .angle,:host([has-submenu]:focus) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-focus, var(--menu-drillin-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-focus, var(--menu-drillin-icon-color-focus)))}:host([has-submenu]:is(:active,[active])) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-down, var(--menu-drillin-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-down, var(--menu-drillin-icon-color-down)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}:host([focused]) .luzmo-Menu-backButton{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{text-align:initial;font-family:var(--luzmo-menu-item-font-family, var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-menu-item-label-icon-color-disabled, var(--luzmo-disabled-color))}:host([has-submenu][disabled]) .angle{color:var(--luzmo-menu-item-label-icon-color-disabled, var(--luzmo-disabled-color))}#button{position:absolute;top:0;right:0;bottom:0;left:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors: active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){width:max-content;max-width:100%}:host([no-wrap]) #label{display:block}';var N=Object.defineProperty,W=Object.getOwnPropertyDescriptor,d=(a,e,t,o)=>{for(var i=o>1?void 0:o?W(e,t):e,n=a.length-1,l;n>=0;n--)(l=a[n])&&(i=(o?l(e,t,i):l(i))||i);return o&&i&&N(e,t,i),i};const K=100,G=a=>s.html`
30
- <span class="icon-container icon checkmark ${a.join(" ")}">
31
- ${k.luzmoIcon(k.luzmoCheck)}
32
- </span>
33
- `,J=a=>s.html`
34
- <span class="icon-container icon angle ${a.join(" ")}">
35
- ${k.luzmoIcon(k.luzmoAngleRight,{className:"indicator"})}
36
- </span>
37
- `;class C extends Event{constructor(e){super("luzmo-menu-item-added-or-updated",{bubbles:!0,composed:!0}),this.menuCascade=new WeakMap,this.clear(e)}get item(){return this._item}clear(e){this._item=e,this.currentAncestorWithSelects=void 0,e.menuData={cleanupSteps:[],focusRoot:void 0,selectionRoot:void 0,parentMenu:void 0},this.menuCascade=new WeakMap}}class c extends R.LikeAnchor(L.ObserveSlotText(S(D.Focusable,'[slot="icon"]'))){constructor(){super(),this.active=!1,this.dependencyManager=new U.DependencyManagerController(this),this.focused=!1,this.selected=!1,this._value="",this.hasSubmenu=!1,this.noWrap=!1,this.renderAngleIcon=(e=[])=>J(e),this.renderCheckIcon=(e=[])=>G(e),this.open=!1,this.handleSlottableRequest=e=>{var t;(t=this.submenuElement)==null||t.dispatchEvent(new T.SlottableRequestEvent(e.name,e.data))},this.proxyFocus=()=>{this.focus()},this.handleBeforetoggle=e=>{e.newState==="closed"&&(this.open=!0,this.overlayElement.manuallyKeepOpen(),this.overlayElement.removeEventListener("beforetoggle",this.handleBeforetoggle))},this.recentlyLeftChild=!1,this.willDispatchUpdate=!1,this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},this.addEventListener("click",this.handleClickCapture,{capture:!0}),new y.s(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{e.every(o=>o.target.slot==="submenu")||this.breakItemChildrenCache()}})}static get styles(){return[s.unsafeCSS(V)]}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return this.itemChildren.content.reduce((e,t)=>e+(t.textContent||"").trim(),"")}get focusElement(){return this}get hasIcon(){return this.slotContentIsPresent}get itemChildren(){if(!this.iconSlot||!this.contentSlot)return{icon:[],content:[]};if(this._itemChildren)return this._itemChildren;const e=this.iconSlot.assignedElements().map(o=>{const i=o.cloneNode(!0);return i.removeAttribute("slot"),i.classList.toggle("icon"),i}),t=this.contentSlot.assignedNodes().map(o=>o.cloneNode(!0));return this._itemChildren={icon:e,content:t},this._itemChildren}click(){this.disabled||this.shouldProxyClick()||super.click()}handleClickCapture(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),!1}shouldProxyClick(){let e=!1;return this.anchorElement&&(this.anchorElement.click(),e=!0),e}breakItemChildrenCache(){this._itemChildren=void 0,this.triggerUpdate()}renderSubmenu(){const e=s.html`
38
- <slot
39
- name="submenu"
40
- @slotchange=${this.manageSubmenu}
41
- @luzmo-menu-item-added-or-updated=${{handleEvent:t=>{t.clear(t.item)},capture:!0}}
42
- @focusin=${t=>t.stopPropagation()}
43
- ></slot>
44
- `;return this.hasSubmenu?(this.dependencyManager.add("luzmo-overlay"),this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("./overlay-B1JDPmUJ.cjs")).then(t=>t.overlay),Promise.resolve().then(()=>require("./popover-CdkB6GFb.cjs")),s.html`
45
- <luzmo-overlay
46
- .triggerElement=${this}
47
- ?disabled=${!this.hasSubmenu}
48
- ?open=${this.hasSubmenu&&this.open&&this.dependencyManager.loaded}
49
- .placement=${this.isLTR?"right-start":"left-start"}
50
- .offset=${[-10,-5]}
51
- .type=${"auto"}
52
- @close=${t=>t.stopPropagation()}
53
- @slottable-request=${this.handleSlottableRequest}
54
- >
55
- <luzmo-popover
56
- @change=${t=>{this.handleSubmenuChange(t),this.open=!1}}
57
- @pointerenter=${this.handleSubmenuPointerenter}
58
- @pointerleave=${this.handleSubmenuPointerleave}
59
- @luzmo-menu-item-added-or-updated=${t=>t.stopPropagation()}
60
- >
61
- ${e}
62
- </luzmo-popover>
63
- </luzmo-overlay>
64
- ${this.renderAngleIcon()}
65
- `):e}render(){return s.html`
66
- ${this.selected?s.html`
67
- ${this.renderCheckIcon(this.hasIcon?["checkmark--withAdjacentIcon"]:[])}
68
- `:s.nothing}
69
- <slot name="icon"></slot>
70
- <div id="label">
71
- <slot id="slot"></slot>
72
- </div>
73
- <slot name="description"></slot>
74
- <slot name="value"></slot>
75
- ${this.href&&this.href.length>0?super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor hidden"}):s.nothing}
76
- ${this.renderSubmenu()}
77
- `}manageSubmenu(e){this.submenuElement=e.target.assignedElements({flatten:!0})[0],this.hasSubmenu=!!this.submenuElement,this.hasSubmenu&&this.setAttribute("aria-haspopup","true")}handlePointerdown(e){e.target===this&&this.hasSubmenu&&this.open&&(this.addEventListener("focus",this.handleSubmenuFocus,{once:!0}),this.overlayElement.addEventListener("beforetoggle",this.handleBeforetoggle))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex","-1"),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerenter",this.closeOverlaysForRoot),this.hasAttribute("id")||(this.id=`luzmo-menu-item-${x.randomID()}`)}closeOverlaysForRoot(){var e;this.open||(e=this.menuData.parentMenu)==null||e.closeDescendentOverlays()}handleSubmenuClick(e){e.composedPath().includes(this.overlayElement)||this.openOverlay()}handleSubmenuFocus(){requestAnimationFrame(()=>{this.overlayElement.open=this.open})}handlePointerenter(){if(this.leaveTimeout){clearTimeout(this.leaveTimeout),delete this.leaveTimeout;return}this.openOverlay()}handlePointerleave(){this.open&&!this.recentlyLeftChild&&(this.leaveTimeout=setTimeout(()=>{delete this.leaveTimeout,this.open=!1},K))}handleSubmenuChange(e){var t;e.stopPropagation(),(t=this.menuData.selectionRoot)==null||t.selectOrToggleItem(this)}handleSubmenuPointerenter(){this.recentlyLeftChild=!0}handleSubmenuPointerleave(){requestAnimationFrame(()=>{this.recentlyLeftChild=!1})}handleSubmenuOpen(e){this.focused=!1;const t=e.composedPath().find(o=>o!==this.overlayElement&&o.localName==="luzmo-overlay");this.overlayElement.parentOverlayToForceClose=t}cleanup(){this.open=!1,this.active=!1}openOverlay(){!this.hasSubmenu||this.open||this.disabled||(this.open=!0,this.active=!0,this.setAttribute("aria-expanded","true"),this.addEventListener("luzmo-closed",this.cleanup,{once:!0}))}updateAriaSelected(){const e=this.getAttribute("role");e==="option"?this.setAttribute("aria-selected",this.selected?"true":"false"):(e==="menuitemcheckbox"||e==="menuitemradio")&&this.setAttribute("aria-checked",this.selected?"true":"false")}setRole(e){this.setAttribute("role",e),this.updateAriaSelected()}updated(e){var t,o;if(super.updated(e),e.has("label")&&(this.label||e.get("label")!==void 0)&&this.setAttribute("aria-label",this.label||""),e.has("active")&&(this.active||e.get("active")!==void 0)&&this.active&&((t=this.menuData.selectionRoot)==null||t.closeDescendentOverlays()),this.anchorElement&&(this.anchorElement.addEventListener("focus",this.proxyFocus),this.anchorElement.tabIndex=-1),e.has("selected")&&this.updateAriaSelected(),e.has("hasSubmenu")&&(this.hasSubmenu||e.get("hasSubmenu")!==void 0))if(this.hasSubmenu){this.abortControllerSubmenu=new AbortController;const i={signal:this.abortControllerSubmenu.signal};this.addEventListener("click",this.handleSubmenuClick,i),this.addEventListener("pointerenter",this.handlePointerenter,i),this.addEventListener("pointerleave",this.handlePointerleave,i),this.addEventListener("luzmo-opened",this.handleSubmenuOpen,i)}else(o=this.abortControllerSubmenu)==null||o.abort()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}disconnectedCallback(){this.menuData.cleanupSteps.forEach(e=>e(this)),this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},super.disconnectedCallback()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(e=>requestAnimationFrame(e)),this.dispatchUpdate())}dispatchUpdate(){this.isConnected&&(this.dispatchEvent(new C(this)),this.willDispatchUpdate=!1)}}d([r.n({type:Boolean,reflect:!0})],c.prototype,"active",2);d([r.n({type:Boolean,reflect:!0})],c.prototype,"focused",2);d([r.n({type:Boolean,reflect:!0})],c.prototype,"selected",2);d([r.n({type:String})],c.prototype,"value",1);d([r.n({type:Boolean,reflect:!0,attribute:"has-submenu"})],c.prototype,"hasSubmenu",2);d([p.e("slot:not([name])")],c.prototype,"contentSlot",2);d([p.e('slot[name="icon"]')],c.prototype,"iconSlot",2);d([r.n({type:Boolean,reflect:!0,attribute:"no-wrap",hasChanged(){return!1}})],c.prototype,"noWrap",2);d([p.e(".anchor")],c.prototype,"anchorElement",2);d([p.e("luzmo-overlay")],c.prototype,"overlayElement",2);d([r.n({type:Boolean,reflect:!0})],c.prototype,"open",2);customElements.get("luzmo-menu")||customElements.define("luzmo-menu",m);customElements.get("luzmo-menu-divider")||customElements.define("luzmo-menu-divider",E);customElements.get("luzmo-menu-group")||customElements.define("luzmo-menu-group",I);customElements.get("luzmo-menu-item")||customElements.define("luzmo-menu-item",c);exports.LuzmoMenu=m;exports.LuzmoMenuDivider=E;exports.LuzmoMenuGroup=I;exports.LuzmoMenuItem=c;exports.MenuItemAddedOrUpdatedEvent=C;exports.ObserveSlotPresence=S;
@@ -1,32 +0,0 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
17
- * */
18
- "use strict";const h=require("lit"),t=require("./base-DzbGOAPo.cjs"),r=require("./if-defined-Cv6xanXh.cjs");var f=Object.defineProperty,i=(l,e,s,d)=>{for(var o=void 0,n=l.length-1,a;n>=0;n--)(a=l[n])&&(o=a(e,s,o)||o);return o&&f(e,s,o),o};function $(l){class e extends l{renderAnchor({id:d,className:o,ariaHidden:n,labelledby:a,tabindex:p,anchorContent:c=h.html`<slot></slot>`}){return h.html`
19
- <a
20
- id=${d}
21
- class=${r.o(o)}
22
- href=${r.o(this.href)}
23
- download=${r.o(this.download)}
24
- target=${r.o(this.target)}
25
- aria-label=${r.o(this.label)}
26
- aria-labelledby=${r.o(a)}
27
- aria-hidden=${r.o(n?"true":void 0)}
28
- tabindex=${r.o(p)}
29
- referrerpolicy=${r.o(this.referrerpolicy)}
30
- rel=${r.o(this.rel)}
31
- >${c}</a>
32
- `}}return i([t.n()],e.prototype,"download"),i([t.n()],e.prototype,"label"),i([t.n()],e.prototype,"href"),i([t.n()],e.prototype,"target"),i([t.n()],e.prototype,"referrerpolicy"),i([t.n()],e.prototype,"rel"),e}exports.LikeAnchor=$;
@@ -1,248 +0,0 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
17
- * */
18
- /**
19
- * @license
20
- * Copyright 2017 Google LLC
21
- * SPDX-License-Identifier: BSD-3-Clause
22
- */
23
- const y = globalThis, b = y.trustedTypes, U = b ? b.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, W = "$lit$", p = `lit$${Math.random().toFixed(9).slice(2)}$`, k = "?" + p, D = `<${k}>`, f = document, C = () => f.createComment(""), x = (r) => r === null || typeof r != "object" && typeof r != "function", I = Array.isArray, z = (r) => I(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", w = `[
24
- \f\r]`, v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, O = /-->/g, R = />/g, u = RegExp(`>|${w}(?:([^\\s"'>=/]+)(${w}*=${w}*(?:[^
25
- \f\r"'\`<>=]|("|')|))|$)`, "g"), B = /'/g, L = /"/g, V = /^(?:script|style|textarea|title)$/i, H = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), P = /* @__PURE__ */ new WeakMap(), g = f.createTreeWalker(f, 129);
26
- function j(r, t) {
27
- if (!I(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
28
- return U !== void 0 ? U.createHTML(t) : t;
29
- }
30
- const Z = (r, t) => {
31
- const s = r.length - 1, i = [];
32
- let e, h = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = v;
33
- for (let a = 0; a < s; a++) {
34
- const o = r[a];
35
- let $, _, l = -1, c = 0;
36
- for (; c < o.length && (n.lastIndex = c, _ = n.exec(o), _ !== null); ) c = n.lastIndex, n === v ? _[1] === "!--" ? n = O : _[1] !== void 0 ? n = R : _[2] !== void 0 ? (V.test(_[2]) && (e = RegExp("</" + _[2], "g")), n = u) : _[3] !== void 0 && (n = u) : n === u ? _[0] === ">" ? (n = e ?? v, l = -1) : _[1] === void 0 ? l = -2 : (l = n.lastIndex - _[2].length, $ = _[1], n = _[3] === void 0 ? u : _[3] === '"' ? L : B) : n === L || n === B ? n = u : n === O || n === R ? n = v : (n = u, e = void 0);
37
- const d = n === u && r[a + 1].startsWith("/>") ? " " : "";
38
- h += n === v ? o + D : l >= 0 ? (i.push($), o.slice(0, l) + W + o.slice(l) + p + d) : o + p + (l === -2 ? a : d);
39
- }
40
- return [j(r, h + (r[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
41
- };
42
- class N {
43
- constructor({ strings: t, _$litType$: s }, i) {
44
- let e;
45
- this.parts = [];
46
- let h = 0, n = 0;
47
- const a = t.length - 1, o = this.parts, [$, _] = Z(t, s);
48
- if (this.el = N.createElement($, i), g.currentNode = this.el.content, s === 2 || s === 3) {
49
- const l = this.el.content.firstChild;
50
- l.replaceWith(...l.childNodes);
51
- }
52
- for (; (e = g.nextNode()) !== null && o.length < a; ) {
53
- if (e.nodeType === 1) {
54
- if (e.hasAttributes()) for (const l of e.getAttributeNames()) if (l.endsWith(W)) {
55
- const c = _[n++], d = e.getAttribute(l).split(p), T = /([.?@])?(.*)/.exec(c);
56
- o.push({ type: 1, index: h, name: T[2], strings: d, ctor: T[1] === "." ? q : T[1] === "?" ? G : T[1] === "@" ? J : S }), e.removeAttribute(l);
57
- } else l.startsWith(p) && (o.push({ type: 6, index: h }), e.removeAttribute(l));
58
- if (V.test(e.tagName)) {
59
- const l = e.textContent.split(p), c = l.length - 1;
60
- if (c > 0) {
61
- e.textContent = b ? b.emptyScript : "";
62
- for (let d = 0; d < c; d++) e.append(l[d], C()), g.nextNode(), o.push({ type: 2, index: ++h });
63
- e.append(l[c], C());
64
- }
65
- }
66
- } else if (e.nodeType === 8) if (e.data === k) o.push({ type: 2, index: h });
67
- else {
68
- let l = -1;
69
- for (; (l = e.data.indexOf(p, l + 1)) !== -1; ) o.push({ type: 7, index: h }), l += p.length - 1;
70
- }
71
- h++;
72
- }
73
- }
74
- static createElement(t, s) {
75
- const i = f.createElement("template");
76
- return i.innerHTML = t, i;
77
- }
78
- }
79
- function m(r, t, s = r, i) {
80
- var n, a;
81
- if (t === H) return t;
82
- let e = i !== void 0 ? (n = s._$Co) == null ? void 0 : n[i] : s._$Cl;
83
- const h = x(t) ? void 0 : t._$litDirective$;
84
- return (e == null ? void 0 : e.constructor) !== h && ((a = e == null ? void 0 : e._$AO) == null || a.call(e, !1), h === void 0 ? e = void 0 : (e = new h(r), e._$AT(r, s, i)), i !== void 0 ? (s._$Co ?? (s._$Co = []))[i] = e : s._$Cl = e), e !== void 0 && (t = m(r, e._$AS(r, t.values), e, i)), t;
85
- }
86
- class F {
87
- constructor(t, s) {
88
- this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
89
- }
90
- get parentNode() {
91
- return this._$AM.parentNode;
92
- }
93
- get _$AU() {
94
- return this._$AM._$AU;
95
- }
96
- u(t) {
97
- const { el: { content: s }, parts: i } = this._$AD, e = ((t == null ? void 0 : t.creationScope) ?? f).importNode(s, !0);
98
- g.currentNode = e;
99
- let h = g.nextNode(), n = 0, a = 0, o = i[0];
100
- for (; o !== void 0; ) {
101
- if (n === o.index) {
102
- let $;
103
- o.type === 2 ? $ = new M(h, h.nextSibling, this, t) : o.type === 1 ? $ = new o.ctor(h, o.name, o.strings, this, t) : o.type === 6 && ($ = new K(h, this, t)), this._$AV.push($), o = i[++a];
104
- }
105
- n !== (o == null ? void 0 : o.index) && (h = g.nextNode(), n++);
106
- }
107
- return g.currentNode = f, e;
108
- }
109
- p(t) {
110
- let s = 0;
111
- for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
112
- }
113
- }
114
- class M {
115
- get _$AU() {
116
- var t;
117
- return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
118
- }
119
- constructor(t, s, i, e) {
120
- this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = e, this._$Cv = (e == null ? void 0 : e.isConnected) ?? !0;
121
- }
122
- get parentNode() {
123
- let t = this._$AA.parentNode;
124
- const s = this._$AM;
125
- return s !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = s.parentNode), t;
126
- }
127
- get startNode() {
128
- return this._$AA;
129
- }
130
- get endNode() {
131
- return this._$AB;
132
- }
133
- _$AI(t, s = this) {
134
- t = m(this, t, s), x(t) ? t === A || t == null || t === "" ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : z(t) ? this.k(t) : this._(t);
135
- }
136
- O(t) {
137
- return this._$AA.parentNode.insertBefore(t, this._$AB);
138
- }
139
- T(t) {
140
- this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
141
- }
142
- _(t) {
143
- this._$AH !== A && x(this._$AH) ? this._$AA.nextSibling.data = t : this.T(f.createTextNode(t)), this._$AH = t;
144
- }
145
- $(t) {
146
- var h;
147
- const { values: s, _$litType$: i } = t, e = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = N.createElement(j(i.h, i.h[0]), this.options)), i);
148
- if (((h = this._$AH) == null ? void 0 : h._$AD) === e) this._$AH.p(s);
149
- else {
150
- const n = new F(e, this), a = n.u(this.options);
151
- n.p(s), this.T(a), this._$AH = n;
152
- }
153
- }
154
- _$AC(t) {
155
- let s = P.get(t.strings);
156
- return s === void 0 && P.set(t.strings, s = new N(t)), s;
157
- }
158
- k(t) {
159
- I(this._$AH) || (this._$AH = [], this._$AR());
160
- const s = this._$AH;
161
- let i, e = 0;
162
- for (const h of t) e === s.length ? s.push(i = new M(this.O(C()), this.O(C()), this, this.options)) : i = s[e], i._$AI(h), e++;
163
- e < s.length && (this._$AR(i && i._$AB.nextSibling, e), s.length = e);
164
- }
165
- _$AR(t = this._$AA.nextSibling, s) {
166
- var i;
167
- for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, s); t && t !== this._$AB; ) {
168
- const e = t.nextSibling;
169
- t.remove(), t = e;
170
- }
171
- }
172
- setConnected(t) {
173
- var s;
174
- this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
175
- }
176
- }
177
- class S {
178
- get tagName() {
179
- return this.element.tagName;
180
- }
181
- get _$AU() {
182
- return this._$AM._$AU;
183
- }
184
- constructor(t, s, i, e, h) {
185
- this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = s, this._$AM = e, this.options = h, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = A;
186
- }
187
- _$AI(t, s = this, i, e) {
188
- const h = this.strings;
189
- let n = !1;
190
- if (h === void 0) t = m(this, t, s, 0), n = !x(t) || t !== this._$AH && t !== H, n && (this._$AH = t);
191
- else {
192
- const a = t;
193
- let o, $;
194
- for (t = h[0], o = 0; o < h.length - 1; o++) $ = m(this, a[i + o], s, o), $ === H && ($ = this._$AH[o]), n || (n = !x($) || $ !== this._$AH[o]), $ === A ? t = A : t !== A && (t += ($ ?? "") + h[o + 1]), this._$AH[o] = $;
195
- }
196
- n && !e && this.j(t);
197
- }
198
- j(t) {
199
- t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
200
- }
201
- }
202
- class q extends S {
203
- constructor() {
204
- super(...arguments), this.type = 3;
205
- }
206
- j(t) {
207
- this.element[this.name] = t === A ? void 0 : t;
208
- }
209
- }
210
- class G extends S {
211
- constructor() {
212
- super(...arguments), this.type = 4;
213
- }
214
- j(t) {
215
- this.element.toggleAttribute(this.name, !!t && t !== A);
216
- }
217
- }
218
- class J extends S {
219
- constructor(t, s, i, e, h) {
220
- super(t, s, i, e, h), this.type = 5;
221
- }
222
- _$AI(t, s = this) {
223
- if ((t = m(this, t, s, 0) ?? A) === H) return;
224
- const i = this._$AH, e = t === A && i !== A || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, h = t !== A && (i === A || e);
225
- e && this.element.removeEventListener(this.name, this, i), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
226
- }
227
- handleEvent(t) {
228
- var s;
229
- typeof this._$AH == "function" ? this._$AH.call(((s = this.options) == null ? void 0 : s.host) ?? this.element, t) : this._$AH.handleEvent(t);
230
- }
231
- }
232
- class K {
233
- constructor(t, s, i) {
234
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
235
- }
236
- get _$AU() {
237
- return this._$AM._$AU;
238
- }
239
- _$AI(t) {
240
- m(this, t);
241
- }
242
- }
243
- const E = y.litHtmlPolyfillSupport;
244
- E == null || E(N, M), (y.litHtmlVersions ?? (y.litHtmlVersions = [])).push("3.2.1");
245
- export {
246
- A as E,
247
- H as T
248
- };
@@ -1,24 +0,0 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
17
- * */
18
- "use strict";/**
19
- * @license
20
- * Copyright 2017 Google LLC
21
- * SPDX-License-Identifier: BSD-3-Clause
22
- */const H=globalThis,b=H.trustedTypes,U=b?b.createPolicy("lit-html",{createHTML:r=>r}):void 0,W="$lit$",p=`lit$${Math.random().toFixed(9).slice(2)}$`,k="?"+p,D=`<${k}>`,f=document,C=()=>f.createComment(""),x=r=>r===null||typeof r!="object"&&typeof r!="function",I=Array.isArray,z=r=>I(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",E=`[
23
- \f\r]`,y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,O=/-->/g,R=/>/g,u=RegExp(`>|${E}(?:([^\\s"'>=/]+)(${E}*=${E}*(?:[^
24
- \f\r"'\`<>=]|("|')|))|$)`,"g"),B=/'/g,L=/"/g,V=/^(?:script|style|textarea|title)$/i,m=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),P=new WeakMap,g=f.createTreeWalker(f,129);function j(r,t){if(!I(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return U!==void 0?U.createHTML(t):t}const Z=(r,t)=>{const s=r.length-1,i=[];let e,h=t===2?"<svg>":t===3?"<math>":"",n=y;for(let a=0;a<s;a++){const o=r[a];let A,c,l=-1,_=0;for(;_<o.length&&(n.lastIndex=_,c=n.exec(o),c!==null);)_=n.lastIndex,n===y?c[1]==="!--"?n=O:c[1]!==void 0?n=R:c[2]!==void 0?(V.test(c[2])&&(e=RegExp("</"+c[2],"g")),n=u):c[3]!==void 0&&(n=u):n===u?c[0]===">"?(n=e??y,l=-1):c[1]===void 0?l=-2:(l=n.lastIndex-c[2].length,A=c[1],n=c[3]===void 0?u:c[3]==='"'?L:B):n===L||n===B?n=u:n===O||n===R?n=y:(n=u,e=void 0);const d=n===u&&r[a+1].startsWith("/>")?" ":"";h+=n===y?o+D:l>=0?(i.push(A),o.slice(0,l)+W+o.slice(l)+p+d):o+p+(l===-2?a:d)}return[j(r,h+(r[s]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class N{constructor({strings:t,_$litType$:s},i){let e;this.parts=[];let h=0,n=0;const a=t.length-1,o=this.parts,[A,c]=Z(t,s);if(this.el=N.createElement(A,i),g.currentNode=this.el.content,s===2||s===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(e=g.nextNode())!==null&&o.length<a;){if(e.nodeType===1){if(e.hasAttributes())for(const l of e.getAttributeNames())if(l.endsWith(W)){const _=c[n++],d=e.getAttribute(l).split(p),T=/([.?@])?(.*)/.exec(_);o.push({type:1,index:h,name:T[2],strings:d,ctor:T[1]==="."?q:T[1]==="?"?G:T[1]==="@"?J:S}),e.removeAttribute(l)}else l.startsWith(p)&&(o.push({type:6,index:h}),e.removeAttribute(l));if(V.test(e.tagName)){const l=e.textContent.split(p),_=l.length-1;if(_>0){e.textContent=b?b.emptyScript:"";for(let d=0;d<_;d++)e.append(l[d],C()),g.nextNode(),o.push({type:2,index:++h});e.append(l[_],C())}}}else if(e.nodeType===8)if(e.data===k)o.push({type:2,index:h});else{let l=-1;for(;(l=e.data.indexOf(p,l+1))!==-1;)o.push({type:7,index:h}),l+=p.length-1}h++}}static createElement(t,s){const i=f.createElement("template");return i.innerHTML=t,i}}function v(r,t,s=r,i){var n,a;if(t===m)return t;let e=i!==void 0?(n=s._$Co)==null?void 0:n[i]:s._$Cl;const h=x(t)?void 0:t._$litDirective$;return(e==null?void 0:e.constructor)!==h&&((a=e==null?void 0:e._$AO)==null||a.call(e,!1),h===void 0?e=void 0:(e=new h(r),e._$AT(r,s,i)),i!==void 0?(s._$Co??(s._$Co=[]))[i]=e:s._$Cl=e),e!==void 0&&(t=v(r,e._$AS(r,t.values),e,i)),t}class F{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:i}=this._$AD,e=((t==null?void 0:t.creationScope)??f).importNode(s,!0);g.currentNode=e;let h=g.nextNode(),n=0,a=0,o=i[0];for(;o!==void 0;){if(n===o.index){let A;o.type===2?A=new M(h,h.nextSibling,this,t):o.type===1?A=new o.ctor(h,o.name,o.strings,this,t):o.type===6&&(A=new K(h,this,t)),this._$AV.push(A),o=i[++a]}n!==(o==null?void 0:o.index)&&(h=g.nextNode(),n++)}return g.currentNode=f,e}p(t){let s=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class M{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,s,i,e){this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=e,this._$Cv=(e==null?void 0:e.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=v(this,t,s),x(t)?t===$||t==null||t===""?(this._$AH!==$&&this._$AR(),this._$AH=$):t!==this._$AH&&t!==m&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):z(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==$&&x(this._$AH)?this._$AA.nextSibling.data=t:this.T(f.createTextNode(t)),this._$AH=t}$(t){var h;const{values:s,_$litType$:i}=t,e=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=N.createElement(j(i.h,i.h[0]),this.options)),i);if(((h=this._$AH)==null?void 0:h._$AD)===e)this._$AH.p(s);else{const n=new F(e,this),a=n.u(this.options);n.p(s),this.T(a),this._$AH=n}}_$AC(t){let s=P.get(t.strings);return s===void 0&&P.set(t.strings,s=new N(t)),s}k(t){I(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,e=0;for(const h of t)e===s.length?s.push(i=new M(this.O(C()),this.O(C()),this,this.options)):i=s[e],i._$AI(h),e++;e<s.length&&(this._$AR(i&&i._$AB.nextSibling,e),s.length=e)}_$AR(t=this._$AA.nextSibling,s){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,s);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var s;this._$AM===void 0&&(this._$Cv=t,(s=this._$AP)==null||s.call(this,t))}}class S{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,i,e,h){this.type=1,this._$AH=$,this._$AN=void 0,this.element=t,this.name=s,this._$AM=e,this.options=h,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=$}_$AI(t,s=this,i,e){const h=this.strings;let n=!1;if(h===void 0)t=v(this,t,s,0),n=!x(t)||t!==this._$AH&&t!==m,n&&(this._$AH=t);else{const a=t;let o,A;for(t=h[0],o=0;o<h.length-1;o++)A=v(this,a[i+o],s,o),A===m&&(A=this._$AH[o]),n||(n=!x(A)||A!==this._$AH[o]),A===$?t=$:t!==$&&(t+=(A??"")+h[o+1]),this._$AH[o]=A}n&&!e&&this.j(t)}j(t){t===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class q extends S{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===$?void 0:t}}class G extends S{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==$)}}class J extends S{constructor(t,s,i,e,h){super(t,s,i,e,h),this.type=5}_$AI(t,s=this){if((t=v(this,t,s,0)??$)===m)return;const i=this._$AH,e=t===$&&i!==$||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,h=t!==$&&(i===$||e);e&&this.element.removeEventListener(this.name,this,i),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s;typeof this._$AH=="function"?this._$AH.call(((s=this.options)==null?void 0:s.host)??this.element,t):this._$AH.handleEvent(t)}}class K{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){v(this,t)}}const w=H.litHtmlPolyfillSupport;w==null||w(N,M),(H.litHtmlVersions??(H.litHtmlVersions=[])).push("3.2.1");exports.E=$;exports.T=m;
@@ -1,18 +0,0 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
17
- * */
18
- "use strict";const b=require("./mutation-controller-DkOMCW-c.cjs"),g=require("./base-DzbGOAPo.cjs"),x=require("./query-assigned-nodes-BcKWmGzy.cjs");var m=Object.defineProperty,h=(d,n,i,u)=>{for(var t=void 0,r=d.length-1,o;r>=0;r--)(o=d[r])&&(t=o(n,i,t)||t);return t&&m(n,i,t),t};const c=Symbol("assignedNodes");function v(d,n,i=[]){var u,t;const r=f=>e=>f.matches(e);class o extends(t=d,u=c,t){constructor(...e){super(e),this.slotHasContent=!1,new b.s(this,{config:{characterData:!0,subtree:!0},callback:l=>{for(const s of l)if(s.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[c])return;const e=[...this[c]].filter(l=>{const s=l;return s.tagName?!i.some(r(s)):s.textContent?s.textContent.trim():!1});this.slotHasContent=e.length>0}update(e){if(!this.hasUpdated){const{childNodes:l}=this,s=[...l].filter(p=>{const a=p;return a.tagName?i.some(r(a))?!1:n?a.getAttribute("slot")===n:!a.hasAttribute("slot"):a.textContent?a.textContent.trim():!1});this.slotHasContent=s.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return h([g.n({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),h([x.n({slot:n,flatten:!0})],o.prototype,u),o}exports.ObserveSlotText=v;