@luzmo/lucero 2.2.1 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +34 -1
- package/components/accordion/index.cjs +2 -2
- package/components/accordion/index.js +3 -8
- package/components/{accordion-DpsYMoeb.cjs → accordion-BK0LfhmL.cjs} +2 -2
- package/components/{accordion-BDchhAjE.js → accordion-ciplqKwM.js} +2 -1
- package/components/action-bar/action-bar.d.ts +3 -3
- package/components/action-bar/index.cjs +2 -2
- package/components/action-bar/index.js +3 -8
- package/components/{action-bar-2FGCCKMW.js → action-bar-BZBIeGo7.js} +6 -5
- package/components/action-bar-DAqG_7VG.cjs +39 -0
- package/components/action-button/index.cjs +2 -2
- package/components/action-button/index.js +3 -8
- package/components/{action-button-OB5MM04X.js → action-button-BRijXjEz.js} +2 -1
- package/components/action-button-CX1uYbQp.cjs +22 -0
- package/components/action-group/index.cjs +2 -2
- package/components/action-group/index.js +3 -11
- package/components/{action-group-BQ-fyPYS.js → action-group-DSiruuF0.js} +5 -2
- package/components/action-group-oo7YV0EW.cjs +20 -0
- package/components/action-menu/index.cjs +2 -2
- package/components/action-menu/index.js +3 -8
- package/components/{action-menu-Diehg1Kc.js → action-menu-C0sHNsjG.js} +7 -6
- package/components/{action-menu-CtMswuyc.cjs → action-menu-CwzRbF61.cjs} +2 -2
- package/components/avatar/index.cjs +2 -2
- package/components/avatar/index.js +3 -8
- package/components/{avatar-Nb0368Wi.js → avatar-CwSyYAKV.js} +2 -1
- package/components/avatar-DHS5UGTJ.cjs +34 -0
- package/components/badge/index.cjs +2 -2
- package/components/badge/index.js +3 -8
- package/components/{badge-DP1uxXaZ.js → badge-D2Hjf-Ww.js} +2 -1
- package/components/badge-D8pIDEoq.cjs +23 -0
- package/components/button/index.cjs +2 -2
- package/components/button/index.js +4 -9
- package/components/button-Bvnidb4x.cjs +20 -0
- package/components/{button-DXWWEbir.js → button-DIV_j_U3.js} +4 -3
- package/components/button-base-DiNxrttk.cjs +1 -1
- package/components/button-base-DiPzVpp4.js +1 -1
- package/components/button-group/index.cjs +2 -2
- package/components/button-group/index.js +3 -8
- package/components/button-group-Du7R4SxZ.cjs +18 -0
- package/components/{button-group-DaANSInm.js → button-group-Duf-Igst.js} +2 -1
- package/components/calendar/index.cjs +2 -2
- package/components/calendar/index.js +3 -8
- package/components/{calendar-C8u_88jX.js → calendar-D1UtHvpY.js} +4 -3
- package/components/calendar-pQxEWdYC.cjs +138 -0
- package/components/chat-message/index.cjs +2 -2
- package/components/chat-message/index.js +3 -8
- package/components/chat-message-Dgo6h0rD.cjs +148 -0
- package/components/{chat-message-CXq0Trjx.js → chat-message-T6QIK2Bl.js} +528 -563
- package/components/chat-message-group/index.cjs +2 -2
- package/components/chat-message-group/index.js +3 -8
- package/components/chat-message-group-CvxdX3jt.cjs +24 -0
- package/components/{chat-message-group-D7vdn2gG.js → chat-message-group-k9lo-ZqD.js} +2 -1
- package/components/checkbox/index.cjs +2 -2
- package/components/checkbox/index.js +3 -8
- package/components/{checkbox-6YzkdHR4.js → checkbox-BEjvkjfc.js} +2 -1
- package/components/checkbox-ClVrkeLp.cjs +25 -0
- package/components/checkbox-mixin-jqmrh48O.js +1 -1
- package/components/checkbox-mixin-rFRXqyrK.cjs +1 -1
- package/components/{close-button-BntGLAcp.cjs → close-button-BAELImQY.cjs} +2 -2
- package/components/{close-button-D12zZ9zC.js → close-button-Dlvtf9lB.js} +3 -3
- package/components/color-area/index.cjs +2 -2
- package/components/color-area/index.js +3 -8
- package/components/color-area-CmKlQG1i.cjs +80 -0
- package/components/{color-area-DMpXKgPY.js → color-area-lbg8wwZG.js} +3 -2
- package/components/color-controller-DbyPc33Y.cjs +1 -1
- package/components/color-controller-Rg_Zl0sT.js +1 -1
- package/components/color-field/index.cjs +2 -2
- package/components/color-field/index.js +3 -8
- package/components/{color-field-BNGnBRSO.cjs → color-field-BH9x46k_.cjs} +2 -2
- package/components/{color-field-CUdHxonc.js → color-field-C9S-Fv46.js} +2 -1
- package/components/color-handle/color-handle.d.ts +1 -1
- package/components/color-handle/index.cjs +2 -2
- package/components/color-handle/index.js +3 -8
- package/components/color-handle-2iFLp9FN.cjs +24 -0
- package/components/{color-handle-TKbLs1ax.js → color-handle-BEDQ1RcS.js} +3 -2
- package/components/color-loupe/index.cjs +2 -2
- package/components/color-loupe/index.js +3 -11
- package/components/color-loupe-6NcLbFco.cjs +56 -0
- package/components/{color-loupe-DAxrNPJz.js → color-loupe-CqHyyvjQ.js} +5 -2
- package/components/color-menu/index.cjs +2 -2
- package/components/color-menu/index.js +3 -8
- package/components/color-menu-BYTgxLQG.cjs +89 -0
- package/components/{color-menu-jkdcr5ir.js → color-menu-qJK_clDq.js} +9 -8
- package/components/color-palette/index.cjs +2 -2
- package/components/color-palette/index.js +3 -8
- package/components/{color-palette-FQyIMSwP.js → color-palette-CqiO5ohz.js} +2 -1
- package/components/color-palette-group/index.cjs +2 -2
- package/components/color-palette-group/index.js +3 -8
- package/components/color-palette-group-D4k_7pW6.cjs +28 -0
- package/components/{color-palette-group-o6bnF-Ir.js → color-palette-group-zByrO_qb.js} +2 -1
- package/components/color-palette-x6W09EBL.cjs +18 -0
- package/components/color-picker/index.cjs +2 -2
- package/components/color-picker/index.js +3 -8
- package/components/{color-picker-C4pvkA2k.cjs → color-picker-BAikpqUT.cjs} +2 -2
- package/components/{color-picker-DF3gBQvH.js → color-picker-CSuAPo5X.js} +6 -5
- package/components/color-slider/index.cjs +2 -2
- package/components/color-slider/index.js +3 -8
- package/components/{color-slider-DejvUYrW.js → color-slider-0JzdSRTy.js} +3 -2
- package/components/color-slider-CMW8gJ0Z.cjs +57 -0
- package/components/condition-attribute-with-id-BdnTdWKz.js +1 -1
- package/components/condition-attribute-with-id-Cw92IbcP.cjs +1 -1
- package/components/date-range-picker/index.cjs +2 -2
- package/components/date-range-picker/index.js +3 -8
- package/components/date-range-picker-D149LIGC.cjs +180 -0
- package/components/{date-range-picker-DCOv5PYH.js → date-range-picker-DKVmGpUC.js} +7 -6
- package/components/date-time-picker/index.cjs +2 -2
- package/components/date-time-picker/index.js +3 -8
- package/components/{date-time-picker-ClgATXBy.js → date-time-picker-6c19YzwF.js} +7 -6
- package/components/date-time-picker-CRpvRk9T.cjs +105 -0
- package/components/decorate-CkCg3wfh.js +1 -1
- package/components/decorate-Dq34MBGe.cjs +1 -1
- package/components/dependency-manger-BSaHw9ju.cjs +1 -1
- package/components/dependency-manger-wHEXoU92.js +1 -1
- package/components/divider/index.cjs +2 -2
- package/components/divider/index.js +3 -8
- package/components/divider-BcE8D-pH.cjs +18 -0
- package/components/{divider-CGbT-CL8.js → divider-Cz5nyvP9.js} +2 -1
- package/components/divider.module-BV6tmpOY.cjs +1 -1
- package/components/divider.module-CPEKsaqR.js +1 -1
- package/components/element-resolution-BjaAlqwX.cjs +1 -1
- package/components/element-resolution-gap51AVo.js +1 -1
- package/components/field-group/index.cjs +2 -2
- package/components/field-group/index.js +2 -7
- package/components/field-group-C_kRq7pJ.js +1 -1
- package/components/field-group-Dd5xYczm.cjs +1 -1
- package/components/field-label/index.cjs +2 -2
- package/components/field-label/index.js +3 -11
- package/components/field-label-C0vfY1b6.cjs +25 -0
- package/components/{field-label-B9S41b7c.js → field-label-C28wWqC5.js} +5 -2
- package/components/focus-group-C8lOjbi9.cjs +1 -1
- package/components/focus-group-DVPa1zxz.js +1 -1
- package/components/focus-visible-Bt2uDmuM.js +1 -1
- package/components/focus-visible-DNHNlrty.cjs +1 -1
- package/components/focusable-B6h03pAe.cjs +1 -1
- package/components/focusable-DuP0-Kuy.js +1 -1
- package/components/focusable-selectors-BWpiuXz5.js +1 -1
- package/components/focusable-selectors-DJqGLTJo.cjs +1 -1
- package/components/get-label-from-slot-Bo9mqYCZ.js +1 -1
- package/components/get-label-from-slot-TV4APBYs.cjs +1 -1
- package/components/icon/index.cjs +2 -2
- package/components/icon/index.js +3 -8
- package/components/{icon-DB1DRieA.js → icon-CsJZMhIm.js} +2 -1
- package/components/icon-zOPAWCdx.cjs +18 -0
- package/components/index.cjs +2 -2
- package/components/index.js +64 -75
- package/components/infield-button/index.cjs +2 -2
- package/components/infield-button/index.js +3 -8
- package/components/{infield-button-C1mz69Qf.js → infield-button-DiE8R6ol.js} +2 -1
- package/components/infield-button-kilVRjwB.cjs +22 -0
- package/components/label/index.cjs +2 -2
- package/components/label/index.js +3 -8
- package/components/{label-DPG13Ib0.cjs → label-B3zs6OX0.cjs} +2 -2
- package/components/{label-B1HYQ4Pp.js → label-e6Y13vrS.js} +2 -1
- package/components/language-resolution-BaKYDD1a.js +1 -1
- package/components/language-resolution-CSjktYg5.cjs +1 -1
- package/components/like-anchor-BX4PSB3d.cjs +1 -1
- package/components/like-anchor-DXCaEv7O.js +1 -1
- package/components/manage-help-text-ByLb0QYX.js +1 -1
- package/components/manage-help-text-DtFJsl0k.cjs +1 -1
- package/components/menu/index.cjs +2 -2
- package/components/menu/index.js +3 -8
- package/components/{menu-Cq7BEv5Y.cjs → menu-CrhA2iPZ.cjs} +3 -3
- package/components/{menu-DY8q8qyn.js → menu-fdJseu1y.js} +3 -2
- package/components/multi-language-field/index.cjs +2 -2
- package/components/multi-language-field/index.js +3 -8
- package/components/{multi-language-field-Cfy3M_ZS.cjs → multi-language-field-BndVikur.cjs} +2 -2
- package/components/{multi-language-field-DhQ98r2D.js → multi-language-field-vJMK-osi.js} +3 -2
- package/components/notice/index.cjs +2 -2
- package/components/notice/index.js +3 -8
- package/components/notice-CsWaqcq3.cjs +60 -0
- package/components/{notice-s6QHF_tq.js → notice-N0-lxEf_.js} +4 -3
- package/components/number-field/index.cjs +2 -2
- package/components/number-field/index.js +3 -8
- package/components/{number-field-BqnZS9Gx.js → number-field-DAOy_AvQ.js} +3 -2
- package/components/number-field-xxXgR70l.cjs +57 -0
- package/components/observe-slot-presence-BKY6n06-.js +1 -1
- package/components/observe-slot-presence-CS8pMePk.cjs +1 -1
- package/components/observe-slot-text-CvL-2ey3.cjs +1 -1
- package/components/observe-slot-text-Db8Kx3P-.js +1 -1
- package/components/options/index.cjs +2 -2
- package/components/options/index.js +3 -8
- package/components/options/options.d.ts +1 -0
- package/components/{options-Bd6Uly5_.cjs → options-CP9V2CSJ.cjs} +2 -2
- package/components/{options-CpaaBaxn.js → options-D_ifU0DH.js} +4 -2
- package/components/overlay/index.cjs +2 -2
- package/components/overlay/index.js +4 -10
- package/components/overlay/placement-controller.d.ts +2 -1
- package/components/overlay-Dn7EbA_W.cjs +102 -0
- package/components/{overlay-CyBsHuOL.js → overlay-DpHIYJtd.js} +282 -77
- package/components/{pending-state-a527YMWV.cjs → pending-state-CGHvTtKR.cjs} +2 -2
- package/components/{pending-state-BeG7qBDP.js → pending-state-D_b45qvi.js} +2 -2
- package/components/picker/index.cjs +2 -2
- package/components/picker/index.js +3 -8
- package/components/picker-BliQJlY_.cjs +124 -0
- package/components/{picker-f4fSGZX8.js → picker-D0fMBZLb.js} +6 -6
- package/components/picker-button/index.cjs +2 -2
- package/components/picker-button/index.js +3 -8
- package/components/picker-button-B8Jbf9jK.cjs +37 -0
- package/components/{picker-button-DVzLeTq8.js → picker-button-CJQJshbo.js} +3 -2
- package/components/platform-BAjeJp2W.cjs +1 -1
- package/components/platform-Ce9pNsR9.js +1 -1
- package/components/popover/index.cjs +2 -2
- package/components/popover/index.js +3 -11
- package/components/popover-BsdqkvKI.cjs +30 -0
- package/components/{popover-DTsrgH-f.js → popover-DC8tkee-.js} +17 -15
- package/components/progress-bar/index.cjs +2 -2
- package/components/progress-bar/index.js +3 -8
- package/components/progress-bar-CrodWzcc.cjs +34 -0
- package/components/{progress-bar-BJO8j1aX.js → progress-bar-D4iFHkp7.js} +2 -1
- package/components/progress-circle/index.cjs +2 -2
- package/components/progress-circle/index.js +3 -11
- package/components/{progress-circle-BVToDWX8.js → progress-circle-By6qUQYe.js} +5 -2
- package/components/progress-circle-bO_VAX3N.cjs +33 -0
- package/components/progress-steps/index.cjs +2 -2
- package/components/progress-steps/index.d.ts +2 -1
- package/components/progress-steps/index.js +4 -9
- package/components/progress-steps/progress-steps-model.d.ts +23 -0
- package/components/progress-steps/progress-steps.d.ts +82 -109
- package/components/progress-steps/types.d.ts +18 -3
- package/components/progress-steps-Y-Tgh_fQ.cjs +98 -0
- package/components/progress-steps-ohguJaPa.js +368 -0
- package/components/prompt-box/index.cjs +2 -2
- package/components/prompt-box/index.js +3 -8
- package/components/{prompt-box-BY1xKFZO.js → prompt-box-Cz_m2wso.js} +8 -8
- package/components/{prompt-box-Dg9S0C5x.cjs → prompt-box-sp9_-Hnx.cjs} +3 -3
- package/components/question-box/index.cjs +2 -2
- package/components/question-box/index.js +3 -8
- package/components/{question-box-CZxQTeS9.cjs → question-box-Bdtsgv1k.cjs} +2 -2
- package/components/{question-box-CyojSIop.js → question-box-D7YSi_6c.js} +9 -8
- package/components/radio/index.cjs +2 -2
- package/components/radio/index.js +3 -8
- package/components/{radio-DRI4on-W.js → radio-B6hX9Klr.js} +2 -1
- package/components/radio-CRTfoEX_.cjs +22 -0
- package/components/random-id-BcUJAxUZ.cjs +1 -1
- package/components/random-id-CiMDyX7v.js +1 -1
- package/components/rolldown-runtime-Dy4uBu1J.js +1 -1
- package/components/roving-tabindex-BoPao4td.cjs +1 -1
- package/components/roving-tabindex-pomAn3z-.js +1 -1
- package/components/scaled-indicator-C-TupV4L.js +1 -1
- package/components/scaled-indicator-DLJIztx0.cjs +1 -1
- package/components/search/index.cjs +2 -2
- package/components/search/index.js +3 -8
- package/components/{search-C-EPZmTG.js → search-DEjLSJ96.js} +4 -3
- package/components/search-PxJEuwHt.cjs +47 -0
- package/components/segments-factory-BCRi1NKb.js +1 -1
- package/components/segments-factory-DtPyN5sh.cjs +1 -1
- package/components/select/index.cjs +2 -2
- package/components/select/index.js +3 -8
- package/components/{select-BbFG38ag.js → select-BUgHi69P.js} +9 -8
- package/components/select-DsGVB01K.cjs +158 -0
- package/components/sized-mixin-BT7cv-fT.cjs +1 -1
- package/components/sized-mixin-DzQTebN-.js +1 -1
- package/components/skeleton-loader/index.cjs +2 -2
- package/components/skeleton-loader/index.js +3 -8
- package/components/{skeleton-loader-C0LH3prK.js → skeleton-loader-BeCsYADg.js} +2 -1
- package/components/skeleton-loader-CNcwCh4V.cjs +18 -0
- package/components/slider/index.cjs +2 -2
- package/components/slider/index.js +3 -8
- package/components/{slider-B7QAhDTM.js → slider-Bsl8Xrme.js} +3 -2
- package/components/{slider-DxliwjT6.cjs → slider-C_8pSK4N.cjs} +2 -2
- package/components/slottable-request-event-C6eb7Ch3.cjs +1 -1
- package/components/slottable-request-event-MRSZbgTu.js +1 -1
- package/components/split-view/index.cjs +2 -2
- package/components/split-view/index.js +3 -8
- package/components/split-view-BwCFYey6.cjs +43 -0
- package/components/{split-view-FxpiSCem.js → split-view-CDwHDmII.js} +2 -1
- package/components/status-light/index.cjs +2 -2
- package/components/status-light/index.js +3 -8
- package/components/status-light-D3hdx8Pd.cjs +21 -0
- package/components/{status-light-DC8qqO8q.js → status-light-DwUnjE3t.js} +2 -1
- package/components/strategies-BwNbUXYS.cjs +1 -1
- package/components/strategies-Cl59wdNZ.js +1 -1
- package/components/streaming-listener-Bfyk6Fsx.cjs +1 -1
- package/components/streaming-listener-CtcMpYfS.js +1 -1
- package/components/swatch/index.cjs +2 -2
- package/components/swatch/index.js +3 -8
- package/components/{swatch-C2ty27bJ.js → swatch-Bj2FARl1.js} +2 -1
- package/components/{swatch-DUmBmg4S.cjs → swatch-CQ0inIHK.cjs} +2 -2
- package/components/switch/index.cjs +2 -2
- package/components/switch/index.js +3 -8
- package/components/{switch-DOuXlFwI.js → switch-CpG-hSWY.js} +2 -1
- package/components/switch-qwpYXVnO.cjs +22 -0
- package/components/tabs/index.cjs +2 -2
- package/components/tabs/index.js +3 -8
- package/components/{tabs-CjY4eX9W.js → tabs-BD_ATrBg.js} +4 -3
- package/components/{tabs-ZwcVrVub.cjs → tabs-DxOD4QNt.cjs} +2 -2
- package/components/tags/index.cjs +2 -2
- package/components/tags/index.js +3 -8
- package/components/{tags-BCKNzEaH.js → tags-BIpFgOYy.js} +4 -3
- package/components/tags-fLCGajv_.cjs +47 -0
- package/components/text-field/index.cjs +2 -2
- package/components/text-field/index.js +3 -8
- package/components/text-field-3fDtTQkR.cjs +1 -1
- package/components/text-field-CbN4nydd.cjs +21 -0
- package/components/text-field-CmSym2QK.js +1 -1
- package/components/{text-field-C2MHZbTp.js → text-field-CmyqQxq0.js} +2 -1
- package/components/text-field.module-BHhBReKL.js +1 -1
- package/components/text-field.module-l8CaTCwE.cjs +1 -1
- package/components/toast/index.cjs +2 -2
- package/components/toast/index.js +3 -8
- package/components/toast-DRrGgznK.cjs +51 -0
- package/components/{toast-DlOeMDCI.js → toast-KwHx-agn.js} +3 -2
- package/components/tokens.cjs +18 -0
- package/components/tokens.css +18 -0
- package/components/tokens.js +23 -0
- package/components/tooltip/index.cjs +2 -2
- package/components/tooltip/index.js +3 -8
- package/components/tooltip-DjOW52n2.cjs +45 -0
- package/components/{tooltip-Byl1h4nN.js → tooltip-xTa9Q5JW.js} +2 -1
- package/components/top-nav/index.cjs +2 -2
- package/components/top-nav/index.js +3 -8
- package/components/top-nav-81IKEGjR.cjs +41 -0
- package/components/{top-nav-B9YKdtFB.js → top-nav-CXjnpdFR.js} +2 -1
- package/components/utils.cjs +1 -1
- package/components/utils.js +1 -1
- package/components/voice-recorder-B1tBrGTV.cjs +1 -1
- package/components/voice-recorder-CTg3kRxx.js +1 -1
- package/custom-elements.json +1 -1
- package/package.json +11 -2
- package/standalone/accordion.js +45 -0
- package/standalone/action-bar.js +41 -0
- package/standalone/action-button.js +20 -0
- package/standalone/action-group.js +20 -0
- package/standalone/action-menu.js +58 -0
- package/standalone/avatar.js +36 -0
- package/standalone/badge.js +20 -0
- package/standalone/button-group.js +20 -0
- package/standalone/button.js +20 -0
- package/standalone/calendar.js +20 -0
- package/standalone/chat-message-group.js +26 -0
- package/standalone/chat-message.js +150 -0
- package/standalone/checkbox.js +20 -0
- package/standalone/chunks/NumberFormatter-DMCfW685.js +2 -0
- package/standalone/chunks/NumberParser-r_jv94LA.js +2 -0
- package/standalone/chunks/action-button-BzzPBqt5.js +6 -0
- package/standalone/chunks/action-group-DTxf-0tP.js +4 -0
- package/standalone/chunks/async-directive-BA2_dM-5.js +2 -0
- package/standalone/chunks/async-directive-CPdA0BOw.js +2 -0
- package/standalone/chunks/badge-DD-tMgzi.js +7 -0
- package/standalone/chunks/button-Bv3v7VbN.js +4 -0
- package/standalone/chunks/button-Dykw3TSO.js +2 -0
- package/standalone/chunks/button-base-C7jeeyLp.js +9 -0
- package/standalone/chunks/calendar-ZwUYkzVq.js +122 -0
- package/standalone/chunks/checkbox-OQtakoP8.js +9 -0
- package/standalone/chunks/checkbox-mixin-BAQWmwps.js +11 -0
- package/standalone/chunks/class-map-CxQ0PcQP.js +2 -0
- package/standalone/chunks/clear-button-pVGfwye8.js +2 -0
- package/standalone/chunks/close-button-RpPiwBdf.js +2 -0
- package/standalone/chunks/color-area-Cj8oPsIF.js +64 -0
- package/standalone/chunks/color-controller-fJNWRHVI.js +2 -0
- package/standalone/chunks/color-field-CrCF4kqZ.js +7 -0
- package/standalone/chunks/color-handle-BHrAxEG2.js +8 -0
- package/standalone/chunks/color-loupe-C34cms5t.js +40 -0
- package/standalone/chunks/color-menu-B5UOMYmX.js +73 -0
- package/standalone/chunks/color-slider-CAqvxsgS.js +41 -0
- package/standalone/chunks/condition-attribute-with-id-Dv8Yd-N1.js +2 -0
- package/standalone/chunks/dependency-manger-BPrqqTnJ.js +2 -0
- package/standalone/chunks/directive-Du_3lDov.js +2 -0
- package/standalone/chunks/directive-helpers-Bu8icI7Y.js +2 -0
- package/standalone/chunks/divider-Bf9Drp2z.js +2 -0
- package/standalone/chunks/divider.module-sYekRHno.js +2 -0
- package/standalone/chunks/element-resolution-DX0ea-Cd.js +2 -0
- package/standalone/chunks/field-group-D8EjgC6F.js +7 -0
- package/standalone/chunks/field-label-VWHDlW9_.js +9 -0
- package/standalone/chunks/flow-aCcJ5kgi.js +2 -0
- package/standalone/chunks/focus-group-Cl6MLy-C.js +2 -0
- package/standalone/chunks/focusable-selectors-D5e0OxNL.js +2 -0
- package/standalone/chunks/get-label-from-slot-Dfoiptqo.js +2 -0
- package/standalone/chunks/icon-Dy6J1QeX.js +2 -0
- package/{components/infield-button-CYO9V1eX.cjs → standalone/chunks/infield-button-D03MpU_s.js} +3 -19
- package/standalone/chunks/keyed-CNWmQd2J.js +2 -0
- package/standalone/chunks/language-resolution-BWHk9A73.js +2 -0
- package/standalone/chunks/lit-BN_lRQbJ.js +3 -0
- package/standalone/chunks/lucero-runtime-DGJ9-isg.js +16 -0
- package/standalone/chunks/luzmo-icons-CJa-aByT.js +13 -0
- package/standalone/chunks/manage-help-text-Cl9OJ2xf.js +14 -0
- package/standalone/chunks/menu-nolJetlp.js +92 -0
- package/standalone/chunks/number-field-C3DYfl1s.js +41 -0
- package/standalone/chunks/observe-slot-presence-DWPtw22K.js +2 -0
- package/standalone/chunks/options-BjRSj630.js +89 -0
- package/standalone/chunks/overlay-C4ir0iyC.js +31 -0
- package/standalone/chunks/overlay-C_XW8yry.js +57 -0
- package/standalone/chunks/pending-state-DxeRqe6Q.js +11 -0
- package/standalone/chunks/picker-button-BeXTIgUt.js +21 -0
- package/standalone/chunks/picker-hbMQOkUX.js +108 -0
- package/standalone/chunks/platform-BfrBbd97.js +2 -0
- package/standalone/chunks/popover-BsB3dmQe.js +14 -0
- package/standalone/chunks/progress-circle-CEx1b5Sv.js +17 -0
- package/standalone/chunks/property-CLXrnTGx.js +2 -0
- package/standalone/chunks/radio-2vHhfmHw.js +6 -0
- package/standalone/chunks/random-id-CeLe5NEk.js +2 -0
- package/standalone/chunks/repeat-CZdNcszA.js +2 -0
- package/standalone/chunks/rolldown-runtime-DWK5is8u.js +2 -0
- package/standalone/chunks/roving-tabindex-CB4xC55P.js +2 -0
- package/standalone/chunks/scaled-indicator-k-1JmS0b.js +10 -0
- package/standalone/chunks/segments-factory-Ch3AAizU.js +2 -0
- package/standalone/chunks/skeleton-loader-BxYcRRJr.js +2 -0
- package/standalone/chunks/slottable-request-event-D9FhiqH1.js +2 -0
- package/standalone/chunks/strategies-kad_0dTB.js +2 -0
- package/standalone/chunks/streaming-listener-DFczLm8I.js +2 -0
- package/standalone/chunks/style-map-D4QeV3m0.js +2 -0
- package/standalone/chunks/swatch-m_4GcO2_.js +33 -0
- package/standalone/chunks/text-field-BnZtyodU.js +5 -0
- package/standalone/chunks/text-field-BrlDeJsx.js +65 -0
- package/standalone/chunks/text-field.module-ClDE7laI.js +2 -0
- package/standalone/chunks/tooltip-DB6jRVyB.js +29 -0
- package/standalone/chunks/unsafe-html-BPQaWy0v.js +2 -0
- package/standalone/chunks/voice-recorder--d34tYNu.js +2 -0
- package/standalone/chunks/when-BWvpqCBs.js +2 -0
- package/standalone/clear-button.js +20 -0
- package/standalone/close-button.js +20 -0
- package/standalone/color-area.js +20 -0
- package/standalone/color-field.js +20 -0
- package/standalone/color-handle.js +20 -0
- package/standalone/color-loupe.js +20 -0
- package/standalone/color-menu.js +20 -0
- package/standalone/color-palette-group.js +30 -0
- package/standalone/color-palette.js +20 -0
- package/standalone/color-picker.js +50 -0
- package/standalone/color-slider.js +20 -0
- package/standalone/date-range-picker.js +182 -0
- package/standalone/date-time-picker.js +107 -0
- package/standalone/divider.js +20 -0
- package/standalone/field-group.js +20 -0
- package/standalone/field-label.js +20 -0
- package/standalone/icon.js +20 -0
- package/standalone/infield-button.js +20 -0
- package/standalone/label.js +20 -0
- package/standalone/lit.js +20 -0
- package/standalone/manifest.json +152 -0
- package/standalone/menu.js +20 -0
- package/standalone/multi-language-field.js +42 -0
- package/standalone/notice.js +62 -0
- package/standalone/number-field.js +20 -0
- package/standalone/options.js +20 -0
- package/standalone/overlay.js +20 -0
- package/standalone/picker-button.js +20 -0
- package/standalone/picker.js +20 -0
- package/standalone/popover.js +20 -0
- package/standalone/progress-bar.js +36 -0
- package/standalone/progress-circle.js +20 -0
- package/standalone/progress-steps.js +100 -0
- package/standalone/prompt-box.js +316 -0
- package/standalone/question-box.js +403 -0
- package/standalone/radio.js +20 -0
- package/standalone/search.js +49 -0
- package/standalone/select.js +160 -0
- package/standalone/skeleton-loader.js +20 -0
- package/standalone/slider.js +137 -0
- package/standalone/split-view.js +45 -0
- package/standalone/status-light.js +23 -0
- package/standalone/swatch.js +20 -0
- package/standalone/switch.js +24 -0
- package/standalone/tabs.js +78 -0
- package/standalone/tags.js +49 -0
- package/standalone/text-field.js +20 -0
- package/standalone/toast.js +53 -0
- package/standalone/tokens.css +1 -0
- package/standalone/tokens.js +20 -0
- package/standalone/tooltip.js +20 -0
- package/standalone/top-nav.js +43 -0
- package/standalone/utils.js +20 -0
- package/styles/tokens.d.ts +1 -0
- package/utils/reactive-controllers/pending-state.d.ts +1 -1
- package/components/action-bar-CXT4lT30.cjs +0 -39
- package/components/action-button-BKnzGQR6.cjs +0 -22
- package/components/action-group-D1G30Iir.cjs +0 -20
- package/components/avatar-Cu9c0sCS.cjs +0 -34
- package/components/badge-XJP3sZhB.cjs +0 -23
- package/components/button-group-6M8M-TUI.cjs +0 -18
- package/components/button-l0fRopSN.cjs +0 -20
- package/components/calendar-DZkKMs2L.cjs +0 -138
- package/components/chat-message-group-CzCwyW7F.cjs +0 -24
- package/components/chat-message-t4a0r3R6.cjs +0 -148
- package/components/checkbox-DdatW4xE.cjs +0 -25
- package/components/color-area-B_pRu9Vf.cjs +0 -80
- package/components/color-handle-DIoVrLRF.cjs +0 -24
- package/components/color-loupe-sY1wOisV.cjs +0 -56
- package/components/color-menu-CdETqhbP.cjs +0 -89
- package/components/color-palette-CidHsmE0.cjs +0 -18
- package/components/color-palette-group-B4r4tPfY.cjs +0 -28
- package/components/color-slider-DLEM1nGA.cjs +0 -57
- package/components/date-range-picker-9ioTuDZq.cjs +0 -180
- package/components/date-time-picker-DRjQTyGS.cjs +0 -105
- package/components/divider-wana0uPI.cjs +0 -18
- package/components/field-label-C5vdJ1ys.cjs +0 -25
- package/components/icon-CSqR-OOO.cjs +0 -18
- package/components/notice-xgrLOiC0.cjs +0 -60
- package/components/number-field-04RFqrUa.cjs +0 -57
- package/components/overlay-B-gaxspw.cjs +0 -47
- package/components/overlay-CPZvL0Ic.cjs +0 -73
- package/components/overlay-DdIs4w5M.js +0 -227
- package/components/picker-D225VAbx.cjs +0 -124
- package/components/picker-button-BR7oM7_M.cjs +0 -37
- package/components/popover-DWWYpY-k.cjs +0 -30
- package/components/progress-bar-C7wJ5bxS.cjs +0 -34
- package/components/progress-circle-DyApSKdm.cjs +0 -33
- package/components/progress-steps-Ba4VbAKR.cjs +0 -96
- package/components/progress-steps-nJ8Xw-nG.js +0 -262
- package/components/radio-O3a1rmCe.cjs +0 -22
- package/components/search-BhMhfCBh.cjs +0 -47
- package/components/select-D5fQgPPj.cjs +0 -158
- package/components/skeleton-loader-Cm50Ztzk.cjs +0 -18
- package/components/split-view-5uMSU_b7.cjs +0 -43
- package/components/status-light-BYBYorYy.cjs +0 -21
- package/components/switch-B-gu-War.cjs +0 -22
- package/components/tags-B28zWEic.cjs +0 -47
- package/components/text-field-wJK2bzMT.cjs +0 -21
- package/components/toast-COQ7Xl5T.cjs +0 -51
- package/components/tooltip-Sm0pruxL.cjs +0 -45
- package/components/top-nav-BcZLCBP_.cjs +0 -41
package/{components/infield-button-CYO9V1eX.cjs → standalone/chunks/infield-button-D03MpU_s.js}
RENAMED
|
@@ -1,22 +1,6 @@
|
|
|
1
|
-
|
|
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
|
-
const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-DiNxrttk.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`@media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}@media (forced-colors:active) and (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height,var(--infield-button-height));inline-size:var(--luzmo-infield-button-width,var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill));color:var(--infield-button-content-color,inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{background-color:var(--luzmo-infield-button-background-color,var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width,var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--luzmo-infield-button-border-color,var(--infield-button-border-color)));block-size:100%;inline-size:100%;padding:var(--luzmo-infield-button-fill-padding,var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color,var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width:var(--luzmo-infield-button-width-stacked,28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width:var(--luzmo-infield-button-width-stacked,20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width:var(--luzmo-infield-button-width-stacked,36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width:var(--luzmo-infield-button-width-stacked,44px)}:host([disabled]){--infield-button-background-color:var(--luzmo-infield-button-background-color-disabled,var(--luzmo-background-color-disabled));--infield-button-background-color-hover:var(--luzmo-infield-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--infield-button-background-color-down:var(--luzmo-infield-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--infield-button-border-color:var(--luzmo-infield-button-border-color-disabled,var(--luzmo-background-color-disabled));--infield-button-content-color:var(--luzmo-infield-button-content-color-disabled,var(--luzmo-disabled-color));--infield-button-icon-color:var(--luzmo-infield-button-icon-color-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-hover:var(--luzmo-infield-button-icon-color-hover-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-down:var(--luzmo-infield-button-icon-color-down-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-key-focus:var(--luzmo-infield-button-icon-color-key-focus-disabled,var(--luzmo-disabled-color));cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover,var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover,var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down,var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down,var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus,var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus,var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content,var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height,var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline,var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline,var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start,var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer,var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner,var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width,var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end,var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start,var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner,var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer,var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width:var(--luzmo-border-width);--infield-button-border-color:inherit;--infield-button-border-radius:var(--luzmo-border-radius);--infield-button-border-radius-reset:0;--infield-button-stacked-top-border-radius-start-start:0;--infield-button-stacked-bottom-border-radius-end-start:0;--infield-button-background-color:var(--luzmo-background-color);--infield-button-background-color-hover:var(--luzmo-background-color-hover);--infield-button-background-color-down:var(--luzmo-background-color-down);--infield-button-background-color-key-focus:var(--luzmo-background-color-focus);--infield-button-height:var(--luzmo-component-height);--infield-button-width:var(--luzmo-component-height);--infield-button-stacked-border-radius-reset:0px;--infield-button-edge-to-fill:0px;--infield-button-inner-edge-to-fill:0px;--infield-button-fill-padding:0px;--infield-button-stacked-fill-padding-inline:9px;--infield-button-stacked-fill-padding-outer:3px;--infield-button-stacked-fill-padding-inner:3px;--infield-button-animation-duration:var(--luzmo-animation-duration);--infield-button-icon-color:var(--luzmo-font-color);--infield-button-icon-color-hover:var(--luzmo-font-color-hover);--infield-button-icon-color-down:var(--luzmo-font-color-down);--infield-button-icon-color-key-focus:var(--luzmo-font-color-focus);--infield-button-fill-justify-content:center}:host([disabled]){--infield-button-background-color:var(--luzmo-background-color-disabled);--infield-button-background-color-hover:var(--luzmo-background-color-disabled);--infield-button-background-color-down:var(--luzmo-background-color-disabled);--infield-button-border-color:var(--luzmo-border-color-disabled);--infield-button-content-color:var(--luzmo-disabled-color);--infield-button-icon-color:var(--luzmo-disabled-color);--infield-button-icon-color-hover:var(--luzmo-disabled-color);--infield-button-icon-color-down:var(--luzmo-disabled-color);--infield-button-icon-color-key-focus:var(--luzmo-disabled-color)}:host([size=s]){--infield-button-height:var(--luzmo-component-height-s);--infield-button-width:var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline:7px;--infield-button-stacked-fill-padding-outer:3px;--infield-button-stacked-fill-padding-inner:3px}:host([size=l]){--infield-button-height:var(--luzmo-component-height-l);--infield-button-width:var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline:13px;--infield-button-stacked-fill-padding-outer:4px;--infield-button-stacked-fill-padding-inner:4px}:host([size=xl]){--infield-button-height:var(--luzmo-component-height-xl);--infield-button-width:var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline:16px;--infield-button-stacked-fill-padding-outer:5px;--infield-button-stacked-fill-padding-inner:5px}:host([block=start]),:host([block=end]){--infield-button-width:20px}:host([block=start][size=s]),:host([block=end][size=s]){--infield-button-width:16px}:host([block=start][size=l]),:host([block=end][size=l]){--infield-button-width:28px}:host([block=start][size=xl]),:host([block=end][size=xl]){--infield-button-width:36px}:host([quiet]){--infield-button-background-color:transparent;--infield-button-background-color-hover:transparent;--infield-button-background-color-down:transparent;--infield-button-background-color-key-focus:transparent;--infield-border-color:transparent;--infield-button-border-width:0}:host([quiet][disabled]){--infield-button-background-color:transparent;--infield-button-border-color:transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--luzmo-icon-vertical-align:1px;--icon-size:inherit}`,o=class extends t.n(n.t,{noDefaultSize:!0,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.quiet=!1}static get styles(){return[...super.styles,(0,r.unsafeCSS)(a)]}get buttonContent(){return[r.html`
|
|
1
|
+
|
|
2
|
+
import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import{t as a}from"./button-base-C7jeeyLp.js";var o=`@media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}@media (forced-colors:active) and (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height,var(--infield-button-height));inline-size:var(--luzmo-infield-button-width,var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill));color:var(--infield-button-content-color,inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{background-color:var(--luzmo-infield-button-background-color,var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width,var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--luzmo-infield-button-border-color,var(--infield-button-border-color)));block-size:100%;inline-size:100%;padding:var(--luzmo-infield-button-fill-padding,var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color,var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width:var(--luzmo-infield-button-width-stacked,28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width:var(--luzmo-infield-button-width-stacked,20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width:var(--luzmo-infield-button-width-stacked,36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width:var(--luzmo-infield-button-width-stacked,44px)}:host([disabled]){--infield-button-background-color:var(--luzmo-infield-button-background-color-disabled,var(--luzmo-background-color-disabled));--infield-button-background-color-hover:var(--luzmo-infield-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--infield-button-background-color-down:var(--luzmo-infield-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--infield-button-border-color:var(--luzmo-infield-button-border-color-disabled,var(--luzmo-background-color-disabled));--infield-button-content-color:var(--luzmo-infield-button-content-color-disabled,var(--luzmo-disabled-color));--infield-button-icon-color:var(--luzmo-infield-button-icon-color-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-hover:var(--luzmo-infield-button-icon-color-hover-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-down:var(--luzmo-infield-button-icon-color-down-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-key-focus:var(--luzmo-infield-button-icon-color-key-focus-disabled,var(--luzmo-disabled-color));cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover,var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover,var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down,var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down,var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus,var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus,var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content,var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height,var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline,var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline,var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start,var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer,var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner,var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width,var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end,var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start,var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner,var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer,var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width:var(--luzmo-border-width);--infield-button-border-color:inherit;--infield-button-border-radius:var(--luzmo-border-radius);--infield-button-border-radius-reset:0;--infield-button-stacked-top-border-radius-start-start:0;--infield-button-stacked-bottom-border-radius-end-start:0;--infield-button-background-color:var(--luzmo-background-color);--infield-button-background-color-hover:var(--luzmo-background-color-hover);--infield-button-background-color-down:var(--luzmo-background-color-down);--infield-button-background-color-key-focus:var(--luzmo-background-color-focus);--infield-button-height:var(--luzmo-component-height);--infield-button-width:var(--luzmo-component-height);--infield-button-stacked-border-radius-reset:0px;--infield-button-edge-to-fill:0px;--infield-button-inner-edge-to-fill:0px;--infield-button-fill-padding:0px;--infield-button-stacked-fill-padding-inline:9px;--infield-button-stacked-fill-padding-outer:3px;--infield-button-stacked-fill-padding-inner:3px;--infield-button-animation-duration:var(--luzmo-animation-duration);--infield-button-icon-color:var(--luzmo-font-color);--infield-button-icon-color-hover:var(--luzmo-font-color-hover);--infield-button-icon-color-down:var(--luzmo-font-color-down);--infield-button-icon-color-key-focus:var(--luzmo-font-color-focus);--infield-button-fill-justify-content:center}:host([disabled]){--infield-button-background-color:var(--luzmo-background-color-disabled);--infield-button-background-color-hover:var(--luzmo-background-color-disabled);--infield-button-background-color-down:var(--luzmo-background-color-disabled);--infield-button-border-color:var(--luzmo-border-color-disabled);--infield-button-content-color:var(--luzmo-disabled-color);--infield-button-icon-color:var(--luzmo-disabled-color);--infield-button-icon-color-hover:var(--luzmo-disabled-color);--infield-button-icon-color-down:var(--luzmo-disabled-color);--infield-button-icon-color-key-focus:var(--luzmo-disabled-color)}:host([size=s]){--infield-button-height:var(--luzmo-component-height-s);--infield-button-width:var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline:7px;--infield-button-stacked-fill-padding-outer:3px;--infield-button-stacked-fill-padding-inner:3px}:host([size=l]){--infield-button-height:var(--luzmo-component-height-l);--infield-button-width:var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline:13px;--infield-button-stacked-fill-padding-outer:4px;--infield-button-stacked-fill-padding-inner:4px}:host([size=xl]){--infield-button-height:var(--luzmo-component-height-xl);--infield-button-width:var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline:16px;--infield-button-stacked-fill-padding-outer:5px;--infield-button-stacked-fill-padding-inner:5px}:host([block=start]),:host([block=end]){--infield-button-width:20px}:host([block=start][size=s]),:host([block=end][size=s]){--infield-button-width:16px}:host([block=start][size=l]),:host([block=end][size=l]){--infield-button-width:28px}:host([block=start][size=xl]),:host([block=end][size=xl]){--infield-button-width:36px}:host([quiet]){--infield-button-background-color:transparent;--infield-button-background-color-hover:transparent;--infield-button-background-color-down:transparent;--infield-button-background-color-key-focus:transparent;--infield-border-color:transparent;--infield-button-border-width:0}:host([quiet][disabled]){--infield-button-background-color:transparent;--infield-button-border-color:transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--luzmo-icon-vertical-align:1px;--icon-size:inherit}`,s=class extends n(a,{noDefaultSize:!0,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.quiet=!1}static get styles(){return[...super.styles,t(o)]}get buttonContent(){return[e`
|
|
19
3
|
<div class="fill">
|
|
20
4
|
<slot></slot>
|
|
21
5
|
</div>
|
|
22
|
-
`]}};
|
|
6
|
+
`]}};r([i()],s.prototype,`block`,void 0),r([i()],s.prototype,`inline`,void 0),r([i({type:Boolean,reflect:!0})],s.prototype,`quiet`,void 0),customElements.get(`luzmo-infield-button`)||customElements.define(`luzmo-infield-button`,s);export{s as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
|
|
2
|
+
import{i as e}from"./lit-BN_lRQbJ.js";import{n as t,t as n}from"./directive-Du_3lDov.js";import{r}from"./directive-helpers-Bu8icI7Y.js";var i=n(class extends t{constructor(){super(...arguments),this.key=e}render(e,t){return this.key=e,t}update(e,[t,n]){return t!==this.key&&(r(e),this.key=t),n}});export{i as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
|
|
2
|
+
var e=Symbol(`language resolver updated`),t=()=>(typeof document>`u`?void 0:document?.documentElement?.lang)||(typeof navigator>`u`?void 0:navigator?.language)||`en`,n=class{constructor(e){this.language=t(),this.host=e,this.host.addController(this)}hostConnected(){this.observeDocumentLanguage(),this.resolveLanguage(),this.unsubscribe||this.applyDocumentLanguage()}hostDisconnected(){this.documentObserver?.disconnect(),this.documentObserver=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}applyDocumentLanguage(){let n=this.language;this.language=t(),n!==this.language&&this.host.requestUpdate(e,n)}observeDocumentLanguage(){typeof MutationObserver>`u`||typeof document>`u`||(this.documentObserver=new MutationObserver(()=>{this.unsubscribe||this.applyDocumentLanguage()}),this.documentObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`lang`]}))}resolveLanguage(){let t=new CustomEvent(`luzmo-language-context`,{bubbles:!0,composed:!0,detail:{callback:(t,n)=>{let r=this.language;this.language=t,this.unsubscribe=n,this.host.requestUpdate(e,r)}},cancelable:!0});this.host.dispatchEvent(t)}},r=`data-luzmo-language-script`,i=e=>{let t=[],n=e;for(;n;){t.push(n);let e=n.assignedSlot||n.parentElement;if(e){n=e;continue}let r=n.getRootNode();n=typeof ShadowRoot<`u`&&r instanceof ShadowRoot?r.host:null}return t},a=e=>{let t=[];for(let n of i(e)){let e=n.getRootNode();t.includes(e)||t.push(e)}return t},o=e=>{for(let t of i(e)){let e=t.getAttribute(`lang`);if(e!==null)return e||void 0}let t=typeof document>`u`?null:document.documentElement.getAttribute(`lang`);return t===null?(typeof navigator>`u`?void 0:navigator.language)||`en`:t||void 0},s=class{constructor(e){this._host=e,e.addController(this)}hostConnected(){this._observeLanguage(),this._reflectScript()}hostUpdated(){this._reflectScript()}hostDisconnected(){this._observer?.disconnect(),this._observer=void 0}_observeLanguage(){if(!(typeof MutationObserver>`u`)){this._observer=new MutationObserver(()=>this._reflectScript()),this._observer.observe(this._host,{attributes:!0,attributeFilter:[`lang`,`slot`]});for(let e of a(this._host))this._observer.observe(e,{attributes:!0,attributeFilter:[`lang`],subtree:!0})}}_reflectScript(){let e=o(this._host),t;try{e&&e.toLowerCase()!==`und`&&(t=new Intl.Locale(e).maximize().script)}catch{}this._host.getAttribute(r)!==(t??null)&&(t?this._host.setAttribute(r,t):this._host.removeAttribute(r))}};export{s as n,e as r,n as t};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
|
|
2
|
+
var e=globalThis,t=e.ShadowRoot&&(e.ShadyCSS===void 0||e.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,n=Symbol(),r=new WeakMap,i=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,n=this.t;if(t&&e===void 0){let t=n!==void 0&&n.length===1;t&&(e=r.get(n)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&r.set(n,e))}return e}toString(){return this.cssText}},a=e=>new i(typeof e==`string`?e:e+``,void 0,n),o=(e,...t)=>new i(e.length===1?e[0]:t.reduce((t,n,r)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if(typeof e==`number`)return e;throw Error(`Value passed to 'css' function must be a 'css' function result: `+e+`. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(n)+e[r+1],e[0]),e,n),s=(n,r)=>{if(t)n.adoptedStyleSheets=r.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let t of r){let r=document.createElement(`style`),i=e.litNonce;i!==void 0&&r.setAttribute(`nonce`,i),r.textContent=t.cssText,n.appendChild(r)}},c=t?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return a(t)})(e):e,{is:l,defineProperty:u,getOwnPropertyDescriptor:d,getOwnPropertyNames:ee,getOwnPropertySymbols:te,getPrototypeOf:ne}=Object,f=globalThis,p=f.trustedTypes,re=p?p.emptyScript:``,ie=f.reactiveElementPolyfillSupport,m=(e,t)=>e,h={toAttribute(e,t){switch(t){case Boolean:e=e?re:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},g=(e,t)=>!l(e,t),_={attribute:!0,type:String,converter:h,reflect:!1,useDefault:!1,hasChanged:g};Symbol.metadata??=Symbol(`metadata`),f.litPropertyMetadata??=new WeakMap;var v=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=_){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&u(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=d(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??_}static _$Ei(){if(this.hasOwnProperty(m(`elementProperties`)))return;let e=ne(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(m(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m(`properties`))){let e=this.properties,t=[...ee(e),...te(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(c(e))}else e!==void 0&&t.push(c(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?h:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?h:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??g)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};v.elementStyles=[],v.shadowRootOptions={mode:`open`},v[m(`elementProperties`)]=new Map,v[m(`finalized`)]=new Map,ie?.({ReactiveElement:v}),(f.reactiveElementVersions??=[]).push(`2.1.2`);var y=globalThis,b=e=>e,x=y.trustedTypes,ae=x?x.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,S=`$lit$`,C=`lit$${Math.random().toFixed(9).slice(2)}$`,w=`?`+C,oe=`<${w}>`,T=document,E=()=>T.createComment(``),D=e=>e===null||typeof e!=`object`&&typeof e!=`function`,O=Array.isArray,k=e=>O(e)||typeof e?.[Symbol.iterator]==`function`,A=`[
|
|
3
|
+
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,se=/-->/g,M=/>/g,N=RegExp(`>|${A}(?:([^\\s"'>=/]+)(${A}*=${A}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),P=/'/g,F=/"/g,I=/^(?:script|style|textarea|title)$/i,L=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),ce=L(1),le=L(2),ue=L(3),R=Symbol.for(`lit-noChange`),z=Symbol.for(`lit-nothing`),B=new WeakMap,V=T.createTreeWalker(T,129);function H(e,t){if(!O(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return ae===void 0?t:ae.createHTML(t)}var U=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=j;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===j?c[1]===`!--`?o=se:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=N):(I.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=N):o=M:o===N?c[0]===`>`?(o=i??j,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?N:c[3]===`"`?F:P):o===F||o===P?o=N:o===se||o===M?o=j:(o=N,i=void 0);let d=o===N&&e[t+1].startsWith(`/>`)?` `:``;a+=o===j?n+oe:l>=0?(r.push(s),n.slice(0,l)+S+n.slice(l)+C+d):n+C+(l===-2?t:d)}return[H(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},W=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=U(t,n);if(this.el=e.createElement(l,r),V.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=V.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(S)){let t=u[o++],n=i.getAttribute(e).split(C),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?Y:r[1]===`?`?X:r[1]===`@`?de:J}),i.removeAttribute(e)}else e.startsWith(C)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(I.test(i.tagName)){let e=i.textContent.split(C),t=e.length-1;if(t>0){i.textContent=x?x.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],E()),V.nextNode(),c.push({type:2,index:++a});i.append(e[t],E())}}}else if(i.nodeType===8)if(i.data===w)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(C,e+1))!==-1;)c.push({type:7,index:a}),e+=C.length-1}a++}}static createElement(e,t){let n=T.createElement(`template`);return n.innerHTML=e,n}};function G(e,t,n=e,r){if(t===R)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=D(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=G(e,i._$AS(e,t.values),i,r)),t}var K=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??T).importNode(t,!0);V.currentNode=r;let i=V.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new q(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new Z(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=V.nextNode(),a++)}return V.currentNode=T,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},q=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=z,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=G(this,e,t),D(e)?e===z||e==null||e===``?(this._$AH!==z&&this._$AR(),this._$AH=z):e!==this._$AH&&e!==R&&this._(e):e._$litType$===void 0?e.nodeType===void 0?k(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==z&&D(this._$AH)?this._$AA.nextSibling.data=e:this.T(T.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=W.createElement(H(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new K(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=B.get(e.strings);return t===void 0&&B.set(e.strings,t=new W(e)),t}k(t){O(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(E()),this.O(E()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=b(e).nextSibling;b(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},J=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=z,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=z}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=G(this,e,t,0),a=!D(e)||e!==this._$AH&&e!==R,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=G(this,r[n+o],t,o),s===R&&(s=this._$AH[o]),a||=!D(s)||s!==this._$AH[o],s===z?e=z:e!==z&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},Y=class extends J{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===z?void 0:e}},X=class extends J{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==z)}},de=class extends J{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=G(this,e,t,0)??z)===R)return;let n=this._$AH,r=e===z&&n!==z||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==z&&(n===z||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Z=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){G(this,e)}},fe={M:S,P:C,A:w,C:1,L:U,R:K,D:k,V:G,I:q,H:J,N:X,U:de,B:Y,F:Z},pe=y.litHtmlPolyfillSupport;pe?.(W,q),(y.litHtmlVersions??=[]).push(`3.3.3`);var me=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new q(t.insertBefore(E(),e),e,void 0,n??{})}return i._$AI(e),i},Q=globalThis,$=class extends v{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=me(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return R}};$._$litElement$=!0,$.finalized=!0,Q.litElementHydrateSupport?.({LitElement:$});var he=Q.litElementPolyfillSupport;he?.({LitElement:$});var ge={_$AK:(e,t,n)=>{e._$AK(t,n)},_$AL:e=>e._$AL};(Q.litElementVersions??=[]).push(`4.2.2`);var _e=!1;export{o as _,me as a,ce as c,g as d,h as f,t as g,c as h,z as i,fe as l,s as m,$ as n,R as o,v as p,ge as r,ue as s,_e as t,le as u,i as v,a as y};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
|
|
2
|
+
import{t as e}from"./rolldown-runtime-DWK5is8u.js";import{c as t,d as n,f as r,i,n as a}from"./lit-BN_lRQbJ.js";var o=e=>(t,n)=>{n===void 0?customElements.define(e,t):n.addInitializer(()=>{customElements.define(e,t)})},s={attribute:!0,type:String,converter:r,reflect:!1,hasChanged:n},c=(e=s,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function l(e){return(t,n)=>typeof n==`object`?c(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function u(e){return l({...e,state:!0,attribute:!1})}function d(e){return(t,n)=>{let r=typeof t==`function`?t:t[n];Object.assign(r,e)}}var f=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`object`&&Object.defineProperty(e,t,n),n);function p(e,t){return(n,r,i)=>{let a=t=>t.renderRoot?.querySelector(e)??null;if(t){let{get:e,set:t}=typeof r==`object`?n:i??(()=>{let e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return f(n,r,{get(){let n=e.call(this);return n===void 0&&(n=a(this),(n!==null||this.hasUpdated)&&t.call(this,n)),n}})}return f(n,r,{get(){return a(this)}})}}var m;function h(e){return(t,n)=>f(t,n,{get(){return(this.renderRoot??(m??=document.createDocumentFragment())).querySelectorAll(e)}})}function g(e){return(t,n)=>f(t,n,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(e)??null}})}function _(e){return(t,n)=>{let{slot:r,selector:i}=e??{},a=`slot`+(r?`[name=${r}]`:`:not([name])`);return f(t,n,{get(){let t=(this.renderRoot?.querySelector(a))?.assignedElements(e)??[];return i===void 0?t:t.filter(e=>e.matches(i))}})}}function v(e){return(t,n)=>{let{slot:r}=e??{},i=`slot`+(r?`[name=${r}]`:`:not([name])`);return f(t,n,{get(){return(this.renderRoot?.querySelector(i))?.assignedNodes(e)??[]}})}}var y=new Set,b=()=>{if(typeof document>`u`)return;let e=document.documentElement.dir===`rtl`?document.documentElement.dir:`ltr`;y.forEach(t=>{t.setAttribute(`dir`,e)})},x=null;typeof document<`u`&&(x=new MutationObserver(b),x.observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`]}));var S=e=>e.startManagingContentDirection!==void 0||e.tagName===`LUZMO-THEME`;function C(e){class t extends e{get isLTR(){return this.dir===`ltr`}hasVisibleFocusInTree(){if(typeof document>`u`)return!1;let e=((e=document)=>{let t=e.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;let n=t?[t]:[];for(;t;){let e=t.assignedSlot||t.parentElement||t.getRootNode()?.host;e&&n.push(e),t=e}return n})(this.getRootNode())[0];if(!e)return!1;try{return e.matches(`:focus-visible`)||e.matches(`.focus-visible`)}catch{return e.matches(`.focus-visible`)}}connectedCallback(){if(typeof document>`u`){super.connectedCallback();return}if(!this.hasAttribute(`dir`)){let e=this.assignedSlot||this.parentNode;for(;e!==document?.documentElement&&!S(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir===`rtl`?e.dir:this.dir||`ltr`,e===document?.documentElement)y.add(this);else{let{localName:t}=e;t.search(`-`)>-1&&typeof customElements<`u`&&!customElements.get(t)?customElements.whenDefined(t).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document?.documentElement?y.delete(this):typeof this._dirParent.stopManagingContentDirection==`function`&&this._dirParent.stopManagingContentDirection(this),this.removeAttribute(`dir`))}}return t}var w=class extends C(a){};function T(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var E={xxs:`xxs`,xs:`xs`,s:`s`,m:`m`,l:`l`,xl:`xl`,xxl:`xxl`};function D(e,{validSizes:t=[`s`,`m`,`l`,`xl`],noDefaultSize:n,defaultSize:r=`m`}={}){class i extends e{constructor(...e){super(...e),this._size=r}get size(){return this._size||r}set size(e){let i=n?null:r,a=e&&e.toLocaleLowerCase(),o=t.includes(a)?a:i;if(o&&this.setAttribute(`size`,o),this._size===o)return;let s=this._size;this._size=o,this.requestUpdate(`size`,s)}update(e){!this.hasAttribute(`size`)&&!n&&this.setAttribute(`size`,this.size),super.update(e)}}return T([l({type:String})],i.prototype,`size`,null),i}var O=e({FocusVisiblePolyfillMixin:()=>A}),k=!0;try{typeof document<`u`&&document.body.querySelector(`:focus-visible`)}catch{k=!1,Promise.resolve().then(()=>O)}var A=e=>{let t=e=>{if(e.shadowRoot==null||Object.hasOwn(e.dataset,`jsFocusVisible`))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus();else{let t=()=>{self.applyFocusVisiblePolyfill&&e.shadowRoot&&self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus()};return self.addEventListener(`focus-visible-polyfill-ready`,t,{once:!0}),()=>{self.removeEventListener(`focus-visible-polyfill-ready`,t)}}return()=>{}},n=Symbol(`endPolyfillCoordination`);class r extends e{constructor(...e){super(...e),this[n]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),k||requestAnimationFrame(()=>{this[n]??(this[n]=t(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),k||requestAnimationFrame(()=>{this[n]!=null&&(this[n](),this[n]=null)})}}return r};function j(){return new Promise(e=>requestAnimationFrame(()=>e()))}var M=class extends A(w){constructor(...e){super(...e),this.disabled=!1,this.autofocus=!1,this._tabIndex=0,this.manipulatingTabindex=!1,this.autofocusReady=Promise.resolve()}get tabIndex(){if(this.focusElement===this){let e=this.hasAttribute(`tabindex`)?Number(this.getAttribute(`tabindex`)):NaN;return Number.isNaN(e)?-1:e}let e=Number.parseFloat(this.hasAttribute(`tabindex`)&&this.getAttribute(`tabindex`)||`0`);return this.disabled||e<0?-1:this.focusElement?this._tabIndex:e}set tabIndex(e){if(this.manipulatingTabindex){this.manipulatingTabindex=!1;return}if(this.focusElement===this){if(this.disabled)this._tabIndex=e;else if(e!==this._tabIndex){this._tabIndex=e;let t=``+e;this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,t)}return}if(e===-1?this.addEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex):(this.manipulatingTabindex=!0,this.removeEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex)),e===-1||this.disabled){if(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),this.removeAttribute(`focusable`),this.selfManageFocusElement)return;e===-1?this.focusElement?.removeAttribute(`tabindex`):(this._tabIndex=e,this.manageFocusElementTabindex(e));return}this.setAttribute(`focusable`,``),this.hasAttribute(`tabindex`)?this.removeAttribute(`tabindex`):this.manipulatingTabindex=!1,this._tabIndex=e,this.manageFocusElementTabindex(e)}onPointerdownManagementOfTabIndex(){this.tabIndex===-1&&setTimeout(()=>{this.tabIndex=0,this.focus({preventScroll:!0}),this.tabIndex=-1})}async manageFocusElementTabindex(e){this.focusElement||await this.updateComplete,e===null?this.focusElement.removeAttribute(`tabindex`):this.focusElement!==this&&(this.focusElement.tabIndex=e)}get focusElement(){throw Error(`Must implement focusElement getter!`)}get selfManageFocusElement(){return!1}focus(e){this.disabled||!this.focusElement||(this.focusElement===this?Reflect.apply(HTMLElement.prototype.focus,this,[e]):this.focusElement.focus(e))}blur(){let e=this.focusElement||this;e===this?HTMLElement.prototype.blur.apply(this):e.blur()}click(){if(this.disabled)return;let e=this.focusElement||this;e===this?HTMLElement.prototype.click.apply(this):e.click()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focusElement.focus())}firstUpdated(e){super.firstUpdated(e),(!this.hasAttribute(`tabindex`)||this.getAttribute(`tabindex`)!==`-1`)&&this.setAttribute(`focusable`,``)}update(e){e.has(`disabled`)&&this.handleDisabledChanged(this.disabled,e.get(`disabled`)),super.update(e)}updated(e){super.updated(e),e.has(`disabled`)&&this.disabled&&this.blur()}async handleDisabledChanged(e,t){let n=()=>this.focusElement!==this&&this.focusElement.disabled!==void 0;e?(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),await this.updateComplete,n()?this.focusElement.disabled=!0:this.setAttribute(`aria-disabled`,`true`)):t&&(this.manipulatingTabindex=!0,this.focusElement===this?this.setAttribute(`tabindex`,``+this._tabIndex):this.removeAttribute(`tabindex`),await this.updateComplete,n()?this.focusElement.disabled=!1:this.removeAttribute(`aria-disabled`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.autofocusReady,e}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.autofocusReady=new Promise(async e=>{await j(),await j(),e()}),this.updateComplete.then(()=>{this.manageAutoFocus()}))}};T([l({type:Boolean,reflect:!0})],M.prototype,`disabled`,void 0),T([l({type:Boolean})],M.prototype,`autofocus`,void 0),T([l({type:Number})],M.prototype,`tabIndex`,null);var N=e=>e??i,P=class{constructor(e,{target:t,config:n,callback:r,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,t!==null&&this.t.add(t??e),this.l=n,this.o=i??this.o,this.callback=r,window.MutationObserver?(this.u=new MutationObserver(e=>{this.handleChanges(e),this.h.requestUpdate()}),e.addController(this)):console.warn(`MutationController error: browser does not support MutationObserver.`)}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(let e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){let e=this.u.takeRecords();(e.length||!this.o&&this.i)&&this.handleChanges(e),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};function F(e){class n extends e{renderAnchor({id:e,className:n,ariaHidden:r,labelledby:i,tabindex:a,anchorContent:o=t`<slot></slot>`}){return t`
|
|
3
|
+
<a
|
|
4
|
+
id=${e}
|
|
5
|
+
class=${N(n)}
|
|
6
|
+
href=${N(this.href)}
|
|
7
|
+
download=${N(this.download)}
|
|
8
|
+
target=${N(this.target)}
|
|
9
|
+
aria-label=${N(this.label)}
|
|
10
|
+
aria-labelledby=${N(i)}
|
|
11
|
+
aria-hidden=${N(r?`true`:void 0)}
|
|
12
|
+
tabindex=${N(a)}
|
|
13
|
+
referrerpolicy=${N(this.referrerpolicy)}
|
|
14
|
+
rel=${N(this.rel)}
|
|
15
|
+
>${o}</a>
|
|
16
|
+
`}}return T([l()],n.prototype,`download`,void 0),T([l()],n.prototype,`label`,void 0),T([l()],n.prototype,`href`,void 0),T([l()],n.prototype,`target`,void 0),T([l()],n.prototype,`referrerpolicy`,void 0),T([l()],n.prototype,`rel`,void 0),n}function I(e,t,n=[]){let r=t?`slot[name="${t}"]`:`slot:not([name])`;class i extends e{constructor(...e){super(e),this.slotHasContent=!1,new P(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{for(let t of e)if(t.type===`characterData`||t.type===`childList`){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){let e=this.renderRoot?.querySelector(r)??null;if(!e)return;let t=e.assignedNodes({flatten:!0}).filter(e=>{let t=e;return t.tagName?!n.some(e=>t.matches(e)):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}update(e){if(!this.hasUpdated){let{childNodes:e}=this,r=[...e].filter(e=>{let r=e;return r.tagName?n.some(e=>r.matches(e))?!1:t?r.getAttribute(`slot`)===t:!r.hasAttribute(`slot`):r.textContent?r.textContent.trim():!1});this.slotHasContent=r.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return T([l({type:Boolean,attribute:!1})],i.prototype,`slotHasContent`,void 0),i}export{d as _,M as a,c as b,D as c,C as d,v as f,p as g,h,N as i,T as l,g as m,F as n,A as o,_ as p,P as r,E as s,I as t,w as u,u as v,o as x,l as y};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
|
|
2
|
+
import{u as e}from"./lit-BN_lRQbJ.js";var t={icon:[32,32,`m 24.70005,9.3 -9,-9 a 1,1 0 0 0 -1.4,0 l -9,9 c -1,1 0.5,2.3 1.4,1.4 l 7.3,-7.3 V 31 c 0,1.3 2,1.3 2,0 V 3.4 l 7.3,7.3 c 1,1 2.3,-0.5 1.4,-1.4 z`],name:`arrow-up`},n={icon:[20,32,`m17.8 12.7-7 8a1 1 0 0 1-1.6 0l-7-8c-.8-1 .7-2.3 1.6-1.4l6.2 7.2 6.2-7.2c1-1 2.4.4 1.6 1.4z`],name:`angle-down`},r={icon:[20,32,`m17.8 19.3-7-8a1 1 0 0 0-1.6 0l-7 8c-.8 1 .7 2.3 1.6 1.4l6.2-7.2 6.2 7.2c1 1 2.4-.4 1.6-1.4z`],name:`angle-up`},i={icon:[14,32,`m3.7 8.2 8 7a1 1 0 0 1 0 1.6l-8 7c-1 .8-2.3-.7-1.4-1.6L9.5 16 2.3 9.8c-1-1 .4-2.4 1.4-1.6z`],name:`angle-right`},a={icon:[14,32,`m10.3 8.2-8 7a1 1 0 0 0 0 1.6l8 7c1 .8 2.3-.7 1.4-1.6L4.5 16l7.2-6.2c1-1-.4-2.4-1.4-1.6Z`],name:`angle-left`},o={icon:[24,24,`m6 6 16 16M3.3 4.7l7.3 7.3-7.3 7.3c-1 1 .5 2.3 1.4 1.4l7.3-7.3 7.3 7.3c1 1 2.3-.5 1.4-1.4L13.4 12l7.3-7.3c1-1-.5-2.3-1.4-1.4L12 10.6 4.7 3.3c-.9-1-2.3.5-1.4 1.4Z`],name:`close-12`},s={icon:[28,28,`m6 6 16 16M5.3 6.7l7.3 7.3-7.3 7.3c-1 1 .5 2.3 1.4 1.4l7.3-7.3 7.3 7.3c1 1 2.3-.5 1.4-1.4L15.4 14l7.3-7.3c1-1-.5-2.3-1.4-1.4L14 12.6 6.7 5.3c-.9-1-2.3.5-1.4 1.4Z`],name:`close-14`},c={icon:[32,32,`m6 6 16 16M5.3 6.7l9.3 9.3-9.3 9.3c-1 1 .5 2.3 1.4 1.4l9.3-9.3 9.3 9.3c1 1 2.3-.5 1.4-1.4L17.4 16l9.3-9.3c1-1-.5-2.3-1.4-1.4L16 14.6 6.7 5.3c-.9-1-2.3.5-1.4 1.4Z`],name:`close-16`},l={icon:[32,32,`M30 4a3 3 0 0 0-4 0L12 21l-6-6a3 3 0 0 0-4 0 3 3 0 0 0 0 4l8 9a3 3 0 0 0 4 0L30 8a3 3 0 0 0 0-4z`],name:`check`},u={icon:[32,32,`M7 13a3 3 0 1 0 0 6h18a3 3 0 1 0 0-6H7z`],name:`dash`},d={icon:[32,32,`M13.1 2.05.53 26.55C-.799 29.138.63 32 4.43 32H27.6c3.8 0 5.23-2.864 3.9-5.45L18.9 2.05c-1.42-2.74-4.438-2.685-5.8 0zm4.4 7.45v10c0 1.961-3 1.961-3 0v-10c0-1.961 3-1.961 3 0zM18 26c0 2.615-4 2.615-4 0s4-2.615 4 0z`],name:`alert`},f={icon:[32,32,`M13.1 2.05.53 26.55C-.797 29.136.63 32 4.43 32H27.6c3.8 0 5.23-2.865 3.9-5.45L18.9 2.05c-1.423-2.745-4.437-2.686-5.8 0zm4 .9 12.6 24.5c.72 1.43.04 2.55-2.1 2.55H4.43c-2.14 0-2.82-1.12-2.1-2.55L14.9 2.95c.614-1.268 1.586-1.268 2.2 0zM15 11v10c0 1.3 2 1.3 2 0V11c0-1.305-2-1.305-2 0zm-.5 14.5c0 1.961 3 1.961 3 0s-3-1.961-3 0z`],name:`alert-outline`},p={icon:[32,32,`M 6 14 A 2 2 0 0 0 4 16 A 2 2 0 0 0 6 18 A 2 2 0 0 0 8 16 A 2 2 0 0 0 6 14 z M 16 14 A 2 2 0 0 0 14 16 A 2 2 0 0 0 16 18 A 2 2 0 0 0 18 16 A 2 2 0 0 0 16 14 z M 26 14 A 2 2 0 0 0 24 16 A 2 2 0 0 0 26 18 A 2 2 0 0 0 28 16 A 2 2 0 0 0 26 14 z`],name:`ellipsis-horizontal`},m={icon:[32,32,`m16 19.8c-3.3 0-6.5 0.7-9.2 2.2-2.6 1.5-4.6 3.9-4.8 7a1 1 0 0 0 0.9 1.1 1 1 0 0 0 1.1-0.9C4.2 26.7 5.6 24.9 7.8 23.7 10 22.4 13 21.8 16 21.8c3 0 6 0.7 8.2 1.9 2.2 1.3 3.6 3 3.8 5.4a1 1 0 0 0 1.1 0.9 1 1 0 0 0 0.9-1.1C29.7 25.8 27.8 23.4 25.2 21.9 22.5 20.5 19.3 19.8 16 19.8ZM16 2c-4.4 0-8 3.6-8 8 0 4.4 3.6 8 8 8 4.4 0 8-3.6 8-8 0-4.4-3.6-8-8-8zm0 2c3.3 0 6 2.7 6 6 0 3.3-2.7 6-6 6-3.3 0-6-2.7-6-6 0-3.3 2.7-6 6-6z`],name:`user`},h={icon:[32,32,`M16 0C7.2 0 0 7.2 0 16 0 24.8 7.2 32 16 32 24.8 32 32 24.8 32 16 32 7.2 24.8 0 16 0zM16 2C20.9 2 25.2 4.5 27.7 8.4 27.1 8.9 26.5 9.7 26 10 25.1 10.6 25.3 12 25 13 24.7 14 25.7 15 26 16 26.5 17.4 28.5 17.3 29.9 17.9 29 24.1 24.2 28.9 18 29.8 18.7 27.9 18.5 25.5 20 24 20.7 23.3 22 22.9 22 22 22 21.3 22.4 20.4 21.9 19.9L20 18 15 18C14.3 17.3 13.7 16.4 12.9 15.9 12.2 15.6 10.5 15.5 11 15 11.7 14.3 12.1 13.2 13 13 13.4 12.9 14 13.3 14 12.6 14 12.1 13.6 11.3 14.1 10.9 14.4 10.7 14.6 10 15.1 10 15.5 10 16 10.1 16.3 9.7 16.6 9.3 17 9.1 17 8.6 17 7.4 17.7 6 17 5L14.8 2.1C15.2 2 15.6 2 16 2zM2.6 12C3.5 13.9 4.2 16.1 6 17 8 18 12 17.8 12 20 12 21.4 11.4 22.9 12 24.1 12.4 24.7 12.7 25.5 13.2 26.2 13.4 26.5 14 26.7 14 27.1 14 27.8 13.7 28.9 13.5 29.8 7 28.6 2 22.9 2 16 2 14.6 2.2 13.3 2.6 12z`],name:`globe`},g={icon:[32,32,`M16 0a16 16 0 1 0 0 32 16 16 0 0 0 0-32Zm0 2a14 14 0 0 1 14 14 14 14 0 0 1-14 14A14 14 0 0 1 2 16 14 14 0 0 1 16 2Zm0 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM15 15v9c0 1.3 2 1.3 2 0v-9c0-1.3-2-1.3-2 0z`],name:`info-circle-outline`},_={icon:[32,32,`M31.4 2a1 1 0 0 0-1.1.3l-28 28A1 1 0 0 0 3 32h28c.6 0 1-.4 1-1V3a1 1 0 0 0-.6-1Z`],name:`corner-triangle`},v={icon:[28,32,`m18 1c0 2 0 3.51 0.13 4.74 0.14 1.22 0.43 2.24 1.16 2.97 0.74 0.74 1.75 1.03 2.97 1.16C23.49 10 25 10 27 10V8C25 8 23.51 8 22.49 7.88 21.46 7.77 20.97 7.56 20.71 7.29 20.44 7.03 20.23 6.54 20.12 5.51 20 4.49 20 3 20 1Zm3.62 17.26c-0.84-0.83-3.44-0.57-4.61-0.42-1.32-0.8-2.2-1.9-2.82-3.54 0.27-1.12 0.75-2.95 0.4-4.06-0.28-1.76-2.48-1.54-2.79-0.42-0.31 1.14-0.02 2.77 0.53 4.86-0.74 1.78-1.86 4.18-2.63 5.54-1.3 0.67-3.38 1.83-3.67 3.28-0.22 1.05 1.43 2.46 3.32 0.4 0.57-0.62 1.21-1.55 1.96-2.84 1.67-0.55 3.51-1.24 5.13-1.5 1.37 0.75 2.98 1.24 4.04 1.24 1.73 0.01 1.81-1.89 1.16-2.54zm-14.32 5.56c0.37-0.99 1.79-2.15 2.22-2.55-1.38 2.21-2.22 2.59-2.22 2.55zm5.95-13.89c0.54 0 0.49 2.34 0.13 2.97-0.32-1.02-0.31-2.97-0.13-2.97zm-1.77 9.96c0.71-1.24 1.31-2.7 1.8-3.98 0.61 1.11 1.38 1.98 2.19 2.59-1.52 0.29-2.84 0.94-3.99 1.39zm9.59-0.37c0 0-0.36 0.44-2.72-0.57 2.56-0.19 2.98 0.4 2.72 0.57zM4 0C1.8 0.02 0 1.8 0 4v24c0 2.2 1.8 4 4 4h20c2.2 0 4-1.8 4-4V8C28 5.8 22.22-0.13 20.02-0.11ZM4 2 20.02 1.89C21.12 1.88 26 6.9 26 8v20c0 1.1-0.9 2-2 2H4C2.9 30 2 29.1 2 28V4C2 2.9 2.9 2.01 4 2Z`],name:`file-pdf`},y={icon:[28,32,`M20-.1 4 0a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8c0-2.2-5.8-8.1-8-8.1m-2 2 .1 3.8q.2 2 1.2 3t3 1.2H26V28a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4q.2-1.8 2-2zm2 0c1.1 0 6 5 6 6h-3.5q-1.4-.2-1.8-.6t-.6-1.8zM5 14s-1 0-1 1v12s0 1 1 1h18s1 0 1-1V15s0-1-1-1zm1 2h4v4H6zm6 0h4v4h-4zm6 0h4v4h-4zM6 22h4v4H6zm6 0h4v4h-4zm6 0h4v4h-4z`],name:`file-excel`},b={icon:[28,32,`M20-.1 4 0a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8c0-2.2-5.8-8.1-8-8.1m-2 2 .1 3.8q.1 2 1.2 3t3 1.2H26V28a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4q.2-1.8 2-2zm2 0c1.1 0 6 5 6 6h-3.5q-1.4-.2-1.8-.6-.5-.5-.6-1.8zM7.1 15.3c-1.6 0-3.1 1-3.1 2.7v3c0 2.8 4 3.5 5.7 1.7 1-1-.5-2.3-1.4-1.4-.2.1-1 .4-1.5.3l-.6-.2q-.2 0-.2-.4v-3q0-.3.2-.4l.6-.2q1 0 1.5.3c1 1 2.3-.5 1.4-1.4q-1-1-2.6-1m6.8 0h-.4C11.7 15.7 11 17 11 18q.2 1.3 1.1 1.9c1.2.7 3.4.6 3 1.4s-2.2.2-2.4 0c-1-1-2.3.5-1.4 1.4q1.3 1.2 3.2 1 1-.2 1.7-.8c.2-.3 2.6-3.2-2-4.4-1-.2-1.2-1-.4-1.1.5-.2 1.3.2 1.5.3a1 1 0 0 0 1.4-1.4q-1.2-1.1-2.8-1m5.2.2c-.7 0-1.3.5-1 1.3l2 6a1 1 0 0 0 1.8 0l2-6c.5-1.2-1.4-1.9-1.8-.6L21 19.3l-1-3.1a1 1 0 0 0-1-.7`],name:`file-csv`},x={icon:[28,32,`M20-.1 4 0a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8c0-2.2-5.8-8.1-8-8.1m0 2c1.1 0 6 5 6 6h-3.5q-1.4-.2-1.8-.6t-.6-1.8zm-2 0 .1 3.8q.2 2 1.2 3t3 1.2H26V28a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4q.2-1.8 2-2zM6 15a1 1 0 0 0-1 1 1 1 0 0 0 1 1h16a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm0 5a1 1 0 0 0-1 1 1 1 0 0 0 1 1h16a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm0 5a1 1 0 0 0-1 1 1 1 0 0 0 1 1h16a1 1 0 0 0 1-1 1 1 0 0 0-1-1z`],name:`file-doc`},S={icon:[28,32,`M20 0 4 .1a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4v-20C28 6 22.2 0 20 0m0 2c1.1 0 6 5 6 6.1L22.5 8q-1.4-.2-1.8-.6t-.6-1.8zm-2 0 .1 3.8q.2 2 1.2 3t3 1.2l3.7.1v18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-24c0-1 .9-2 2-2zM8 14.1a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-2.5l3.6 1.4a1 1 0 0 0 1.4-.9v-9a1 1 0 0 0-1.4-1L18 16.7a3 3 0 0 0-3-2.5zm0 2h7q1 0 1 1v7q0 1-1 1H8a1 1 0 0 1-1-1v-7q0-1 1-1m13 1.5v6l-3-1.2v-3.6z`],name:`file-video`};h.icon,h.icon,h.icon,{icon:[28,32,`M3 0C1.4 0 0 1.4 0 3v26c0 1.6 1.4 3 3 3h22c1.6 0 3-1.4 3-3V3c0-1.6-1.4-3-3-3Zm0 2h22c.6 0 1 .4 1 1v9H2V3c0-.6.4-1 1-1zM2 14h6v4H2Zm8 0h6v4h-6Zm8 0h8v4h-8ZM2 20h6v4H2Zm8 0h6v4h-6Zm8 0h8v9c0 .6-.4 1-1 1h-7ZM2 26h6v4H3c-.6 0-1-.4-1-1zm8 0h6v4h-6Z`],name:`calculator`}.icon;var C={icon:{icon:[30,32,`M8 1a1 1 0 0 0-1 1v2H5a5 5 0 0 0-5 5v18a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V9a5 5 0 0 0-5-5h-2V2c0-1.3-2-1.3-2 0v2H9V2c0-.6-.4-1-1-1ZM5 6h2v2a1 1 0 0 0 2 0V6h12v2a1 1 0 1 0 2 0V6h2a3 3 0 0 1 3 3v3H2V9a3 3 0 0 1 3-3Zm-3 8h7v4H2Zm9 0h8v4h-8zm10 0h7v4h-7ZM2 20h7v4H2Zm9 0h8v4h-8zm10 0h7v4h-7ZM2 26h7v4H5a3 3 0 0 1-3-3Zm9 0h8v4h-8zm10 0h7v1a3 3 0 0 1-3 3h-4z`],name:`date`}.icon,name:`calendar`},w={icon:[32,32,`M7 0C3.14 0 0 3.14 0 7v18c0 3.86 3.14 7 7 7h18a7 7 0 0 0 7-7V7c0-3.86-3.14-7-7-7zm18 8a2 2 0 0 1 1.41.59 2 2 0 0 1 0 2.82l-12 12a2 2 0 0 1-2.83 0l-5.99-6a2 2 0 0 1 0-2.82 2 2 0 0 1 2.83 0L13 19.17 23.6 8.6A2 2 0 0 1 25 8Z`],name:`checkbox-checked`},T={icon:[32,32,`M7 0a7 7 0 0 0-7 7v18a7 7 0 0 0 7 7h18a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7zm0 2h18c2.79 0 5 2.22 5 5v18c0 2.79-2.21 5-5 5H7c-2.78 0-5-2.21-5-5V7c0-2.78 2.22-5 5-5z`],name:`checkbox`},E={icon:[32,32,`M16 0a16 16 0 1 0 0 32 16 16 0 0 0 0-32Zm0 2a14 14 0 0 1 14 14 14 14 0 0 1-14 14A14 14 0 0 1 2 16 14 14 0 0 1 16 2Zm5.2 8.4-6.3 9-4.2-4.1c-1-1-2.3.5-1.4 1.4l5 5a1 1 0 0 0 1.5-.1l7-10c.8-1.1-.9-2.2-1.6-1.2z`],name:`check-circle-outline`},D={icon:[24,24,`M9.8 0C4.4 0 0 4.4 0 9.8a9.81 9.81 0 0 0 15.98 7.59l6.3 6.32a1 1 0 0 0 1.43 0 1 1 0 0 0 0-1.42l-6.32-6.3A9.81 9.81 0 0 0 9.8 0Zm0 2c4.32 0 7.8 3.48 7.8 7.8s-3.48 7.8-7.8 7.8A7.79 7.79 0 1 1 9.8 2z`],name:`search-12`},O={icon:[28,28,`M11.4 0C5.12 0 0 5.12 0 11.4c0 6.3 5.12 11.4 11.4 11.4a11.2 11.2 0 0 0 7.22-2.77l7.68 7.69a1 1 0 0 0 1.66-.46 1 1 0 0 0-.24-.96l-7.69-7.68a11.2 11.2 0 0 0 2.78-7.22C22.8 5.12 17.69 0 11.4 0Zm0 2c5.21 0 9.4 4.2 9.4 9.4 0 5.21-4.19 9.4-9.4 9.4-5.2 0-9.4-4.19-9.4-9.4C2 6.2 6.2 2 11.4 2Z`],name:`search-14`},k={icon:[32,32,`M21.3 21.3a1 1 0 0 0 0 1.41l9 9a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.41l-8.99-9a1 1 0 0 0-1.42 0zM13 0C5.83 0 0 5.83 0 13s5.83 13 13 13 13-5.83 13-13S20.17 0 13 0Zm0 2c6.09 0 11 4.91 11 11S19.1 24 13 24 2 19.1 2 13 6.91 2 13 2z`],name:`search`},A={icon:[32,32,`M26 .25c-.97 0-1.97.3-2.7 1.04l-19 19a1 1 0 0 0-.2.3l-.03.04-4 10a1 1 0 0 0 1.3 1.3l10-4 .03-.02c.12-.05.3-.2.3-.2L27.42 12l3.3-3.3A3.78 3.78 0 0 0 31.75 6c0-.97-.3-1.97-1.04-2.7l-2-2A3.78 3.78 0 0 0 26 .24Zm0 2c.53 0 1.03.2 1.3.46l2 2c.26.26.45.76.45 1.29s-.2 1.03-.46 1.3L26 10.58 21.41 6l3.3-3.3c.26-.26.76-.45 1.29-.45Zm-6 5.16L24.59 12 12 24.59V24a1 1 0 0 0-1-1H9v-2a1 1 0 0 0-1-1h-.59Zm-.16 2.6a1 1 0 0 0-.55.28l-7 7a1 1 0 0 0 1.42 1.42l7-7a1 1 0 0 0-.87-1.7zM5.68 22H7v2a1 1 0 0 0 1 1h2v1.32l-5.4 2.16-1.08-1.08Z`],name:`pencil`};({icon:[32,32,`M2 1v7c0 .6.5 1 1 1h7c1.3 0 1.3-2 0-2H5.3a14 14 0 1 1-2.8 12.4C2 18.2.2 18.7.5 20A16 16 0 1 0 4 5.5V1C4-.3 2-.3 2 1z`],name:`arrow-rotate-left`}).icon;var j={icon:[24,24,`m7 7 14 14M5 7l4.9 5-5 5c-1.3 1.3.8 3.4 2.2 2l4.9-4.9 5 5c1.3 1.3 3.4-.8 2-2.2L14.2 12l5-5c1.3-1.3-.8-3.4-2.2-2L12 9.8l-5-5c-1.3-1.3-3.5.8-2 2.2Z`],name:`clear-12`},M={icon:[28,28,`m6 8 5.9 6-6 6c-1.3 1.3.8 3.4 2.2 2l5.9-5.9 6 6c1.3 1.3 3.4-.8 2-2.2L16.2 14l6-6c1.3-1.3-.8-3.4-2.2-2L14 11.8l-6-6c-1.3-1.3-3.5.8-2 2.2Z`],name:`clear-14`},N={icon:[32,32,`m6.6 9.4 6.6 6.6-6.6 6.6c-1.9 1.8 1 4.7 2.8 2.8l6.6-6.6 6.6 6.6c1.8 1.9 4.7-1 2.8-2.8L18.8 16l6.6-6.6c1.9-1.9-1-4.6-2.8-2.8L16 13.2 9.4 6.6c-1.8-1.8-4.7 1-2.8 2.8Z`],name:`clear-16`},P={icon:[22,32,`M11 0C6 0 3 4 3 9v5c0 5 3 8 8 8s8-3 8-8V9c0-5-3-9-8-9zm0 2c4 0 6 3 6 7v5c0 4-3 6-6 6s-6-2-6-6V9c0-4 2-7 6-7zm9.2 18.4a11.1 11.1 0 0 1-18.4 0 1 1 0 1 0-1.6 1.2c2.4 3.4 6 5.3 9.8 5.6V30H7a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.8c3.7-.3 7.4-2.2 9.8-5.6a1 1 0 1 0-1.6-1.2z`],name:`microphone`},F={icon:[32,32,`M30 11.1v3c0 2.2-1 3-2 3.5s-2 .5-2 .5H3.4l4.3-4.3c1-1-.5-2.3-1.4-1.4l-6 6a1 1 0 0 0 0 1.4l6 6c1 1 2.3-.5 1.4-1.4l-4.3-4.3H26s1.5 0 3-.7a6 6 0 0 0 3-5.3v-3c0-1.3-2-1.3-2 0`],name:`arrow-enter`},I={icon:[32,32,`M5 1h22a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4z`],name:`stop`},L={icon:[32,32,`M16 0a16 16 0 1 0 16 16A16 16 0 0 0 16 0m0 2a14 14 0 1 1 0 28 14 14 0 0 1 0-28m0 5q-.9 0-1 1v10c0 1.3 2 1.3 2 0V8q-.1-1-1-1m0 14c-.7 0-1.5.5-1.5 1.5 0 2 3 2 3 0Q17.4 21 16 21`],name:`exclamation-circle`};function R(t,{prefix:n,className:r,color:i}={}){return e`<svg
|
|
3
|
+
aria-hidden="true"
|
|
4
|
+
focusable="false"
|
|
5
|
+
data-icon="${t.name}"
|
|
6
|
+
role="img"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
viewBox="0 0 ${t.icon[0]} ${t.icon[1]}"
|
|
9
|
+
class="${r?r+` `:``}${n||`luzmo-icon`} ${n||`luzmo-icon`}-${t.name}"
|
|
10
|
+
style="overflow: visible; box-sizing: content-box;height: 1em; vertical-align: var(--luzmo-icon-vertical-align, var(--icon-vertical-align, -.125em)); max-width: var(--luzmo-icon-max-width, unset);"
|
|
11
|
+
fill="${i||`currentColor`}">
|
|
12
|
+
${(Array.isArray(t.icon[2])?t.icon[2]:[t.icon[2]]).map((n,r)=>{var i;return e`<path d="${n}" style="fill:${t.icon[3]&&(i=t.icon[3])!=null&&i[r]?t.icon[3][r]:`currentColor`}"></path>`})}
|
|
13
|
+
</svg>`}export{T as A,R as C,S as D,_ as E,a as F,L as I,E as L,F as M,t as N,x as O,n as P,b as S,r as T,M as _,u as a,w as b,l as c,A as d,c as f,C as g,I as h,i,k as j,p as k,j as l,g as m,D as n,d as o,o as p,P as r,m as s,f as t,s as u,N as v,y as w,O as x,v as y};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
import{c as e}from"./lit-BN_lRQbJ.js";import{i as t}from"./lucero-runtime-DGJ9-isg.js";import{t as n}from"./condition-attribute-with-id-Dv8Yd-N1.js";import{t as r}from"./random-id-CeLe5NEk.js";var i=class{get isInternal(){return this.mode===`internal`}constructor(e,{mode:t,live:n=`assertive`}={mode:`internal`}){this.mode=`internal`,this._live=`assertive`,this.handleSlotchange=({target:e})=>{this.handleHelpText(e),this.handleNegativeHelpText(e)},this.host=e,this.id=`luzmo-help-text-${r()}`,this.mode=t,this._live=n}render(n){return e`
|
|
3
|
+
<div
|
|
4
|
+
id=${t(this.isInternal?this.id:void 0)}
|
|
5
|
+
aria-live=${this._live}
|
|
6
|
+
>
|
|
7
|
+
<slot
|
|
8
|
+
name=${n?`negative-help-text`:`pass-through-help-text-${r()}`}
|
|
9
|
+
@slotchange=${this.handleSlotchange}
|
|
10
|
+
>
|
|
11
|
+
<slot name="help-text"></slot>
|
|
12
|
+
</slot>
|
|
13
|
+
</div>
|
|
14
|
+
`}addId(){let e=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=n(this.host,`aria-describedby`,e),this.host.hasAttribute(`tabindex`)&&(this.previousTabindex=Number.parseFloat(this.host.getAttribute(`tabindex`))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute(`tabindex`))}handleHelpText(e){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute(`id`),this.removeId();let t=e.assignedElements()[0];this.helpTextElement=t,t&&(t.id||=this.id,this.addId())}handleNegativeHelpText(e){e.name===`negative-help-text`&&e.assignedElements().forEach(e=>e.variant=`negative`)}};function a(e,{mode:t,live:n}={mode:`internal`}){class r extends e{constructor(...e){super(...e),this.helpTextManager=new i(this,{mode:t,live:n})}get helpTextId(){return this.helpTextManager.id}renderHelpText(e){return this.helpTextManager.render(e)}}return r}export{a as t};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
|
|
2
|
+
import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{a as r,c as i,f as a,g as o,l as s,n as c,r as l,t as u,u as d,v as f,y as p}from"./lucero-runtime-DGJ9-isg.js";import{C as m,c as h,i as g,m as _}from"./luzmo-icons-CJa-aByT.js";import{t as v}from"./random-id-CeLe5NEk.js";import{t as y}from"./observe-slot-presence-DWPtw22K.js";import{t as b}from"./slottable-request-event-D9FhiqH1.js";import{t as x}from"./dependency-manger-BPrqqTnJ.js";import{t as S}from"./divider.module-sYekRHno.js";var C=`: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-disabled-color);--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-down);--menu-collapsible-icon-color:var(--luzmo-font-color-down);--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-item-shortcut-opacity:.7;--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);--menu-item-min-height:var(--luzmo-component-height);--menu-max-height:calc(8 * var(--menu-item-min-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-shortcut-font-size:var(--luzmo-font-size-s);--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-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--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-shortcut-font-size:var(--luzmo-font-size-xs);--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-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--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-shortcut-font-size:var(--luzmo-font-size);--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-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--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(--luzmo-font-size-xl);--menu-item-icon-width:var(--luzmo-font-size-xl);--menu-item-label-font-size:var(--luzmo-font-size-xl);--menu-item-shortcut-font-size:var(--luzmo-font-size-l);--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(--luzmo-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(--luzmo-font-size);--menu-item-angle-size:var(--luzmo-font-size-xl);--menu-item-top-to-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--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-checkmark-display:var(--menu-checkmark-display-hidden);--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)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-shortcut-opacity:1;background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}@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;max-height:var(--luzmo-menu-max-height,var(--menu-max-height));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:0 0;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{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}`,w=10,T=100;function E(e,t){return!!t&&(e===t||e.contains(t))}var D=class extends i(d,{noDefaultSize:!0}){static get styles(){return[n(C)]}get isSubmenu(){return this.slot===`submenu`}get selected(){return this._selected}set selected(e){if(e===this.selected)return;let t=this.selected;this._selected=e,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItems.forEach(e=>{this===e.menuData.selectionRoot&&(e.selected=this.selected.includes(e.value),e.selected&&(this.selectedItems.push(e),this.selectedItemsMap.set(e,!0)))}),this.requestUpdate(`selected`,t)}get isScrolling(){return this.isCurrentlyScrolling}set isScrolling(e){this.isCurrentlyScrolling=e}get childItems(){return 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`}constructor(){super(),this.label=``,this.ignore=!1,this.value=``,this.valueSeparator=`,`,this.selectedItems=[],this.focusedItemIndex=0,this.focusInItemIndex=0,this.shouldSupportDragAndSelect=!1,this._selected=[],this.cacheUpdated=Promise.resolve(),this.childItemSet=new Set,this.selectedItemsMap=new Map,this._hasUpdatedSelectedItemIndex=!1,this._willUpdateItems=!1,this.selectedOnPointerup=!1,this.clearPointerSelectionFrame=0,this.isCurrentlyScrolling=!1,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}));let t=this.childItems[this.focusedItemIndex];t&&(t.focused=!1);let n=e.composedPath().find(e=>this.childItemSet.has(e));if(!n)return;let r=this.childItems.indexOf(n);this.focusedItemIndex=r,this.focusInItemIndex=r},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(`pointerdown`,this.handlePointerdown),this.addEventListener(`pointerup`,this.handlePointerup),this.addEventListener(`touchstart`,this.handleTouchStart,{passive:!0}),this.addEventListener(`touchmove`,this.handleTouchMove,{passive:!0}),this.addEventListener(`touchend`,this.handleTouchEnd,{passive:!0}),this.addEventListener(`touchcancel`,this.handleTouchEnd,{passive:!0}),this.addEventListener(`focusin`,this.handleFocusin),this.addEventListener(`blur`,this.handleBlur),this.addEventListener(`luzmo-opened`,this.handleSubmenuOpened),this.addEventListener(`luzmo-closed`,this.handleSubmenuClosed)}focus({preventScroll:e}={}){if(this.childItems.every(e=>e.disabled))return;if(this.childItems.some(e=>e.menuData.focusRoot!==this)){super.focus({preventScroll:e});return}this.focusMenuItemByOffset(0),super.focus({preventScroll:e});let t=this.selectedItems[0];t&&!e&&t.scrollIntoView({block:`nearest`})}handleFocusin(e){if(this.childItems.some(e=>e.menuData.focusRoot!==this))return;let t=this.getRootNode().activeElement,n=this.childItems[this.focusedItemIndex]?.menuData.selectionRoot||this;if((t!==n||e.target!==this)&&(n.focus({preventScroll:!0}),t&&this.focusedItemIndex===0)){let e=this.childItems.indexOf(t);this.focusMenuItemByOffset(Math.max(e,0))}this.startListeningToKeyboard()}startListeningToKeyboard(){this.addEventListener(`keydown`,this.handleKeydown)}handleBlur(e){E(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this.childItems.forEach(e=>e.focused=!1),this.removeAttribute(`aria-activedescendant`))}stopListeningToKeyboard(){this.removeEventListener(`keydown`,this.handleKeydown)}selectOrToggleItem(e){let t=this.resolvedSelects,n=new Map(this.selectedItemsMap),r=[...this.selected],i=[...this.selectedItems],a=this.value,o=this.childItems[this.focusedItemIndex];if(o&&(o.focused=!1,o.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);let t=[],n=[];this.childItemSet.forEach(e=>{e.menuData.selectionRoot===this&&this.selectedItemsMap.has(e)&&(t.push(e.value),n.push(e))}),this._selected=t,this.selectedItems=n,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=r,this.selectedItems=i,this.selectedItemsMap=n,this.value=a;return}if(t===`single`){for(let t of n.keys())t!==e&&(t.selected=!1);e.selected=!0}else t===`multiple`?e.selected=!e.selected:!e.hasSubmenu&&e?.menuData?.focusRoot===this&&this.dispatchEvent(new Event(`close`,{bubbles:!0}))}handleKeydown(e){if(e.defaultPrevented)return;let t=this.childItems[this.focusedItemIndex];t&&(t.focused=!0);let{key:n}=e;if(e.shiftKey&&e.target!==this&&this.hasAttribute(`tabindex`)){this.removeAttribute(`tabindex`);let e=t=>{!t.shiftKey&&!this.hasAttribute(`tabindex`)&&(this.tabIndex=0,document.removeEventListener(`keyup`,e),this.removeEventListener(`focusout`,e))};document.addEventListener(`keyup`,e),this.addEventListener(`focusout`,e)}if(n===`Tab`){this.prepareToCleanUp();return}if(n===` `&&t?.hasSubmenu){t.openOverlay();return}if(n===` `||n===`Enter`){let t=this.childItems[this.focusedItemIndex];t&&t.menuData.selectionRoot===e.target&&(e.preventDefault(),t.click());return}if(n===`ArrowDown`||n===`ArrowUp`){let t=this.childItems[this.focusedItemIndex];t&&t.menuData.selectionRoot===e.target&&this.navigateWithinMenu(e);return}if(n===`Home`||n===`End`){let t=this.childItems[this.focusedItemIndex];if(t&&t.menuData.selectionRoot===e.target){e.preventDefault(),e.stopPropagation();let t=this.childItems[this.focusedItemIndex];t&&(t.focused=!1,t.active=t.open),this.focusedItemIndex=n===`Home`?this.childItems.length-1:0,this.focusMenuItemByOffset(n===`Home`?1:-1).scrollIntoView({block:`nearest`})}return}if(n.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey){this.handleTypeahead(e);return}this.navigateBetweenRelatedMenus(e)}focusMenuItemByOffset(e){let t=e||1,n=this.childItems[this.focusedItemIndex];n&&(n.focused=!1,n.active=n.open),this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+e)%this.childItems.length;let r=this.childItems[this.focusedItemIndex],i=this.childItems.length;for(;r?.disabled&&i;)--i,this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+t)%this.childItems.length,r=this.childItems[this.focusedItemIndex];return r?.disabled||this.forwardFocusVisibleToItem(r),r}updateSelectedItemIndex(){let e=0,t=new Map,n=[],r=[],i=this.childItems.length;for(;i;){--i;let a=this.childItems[i];a.menuData.selectionRoot===this&&((a.selected||!this._hasUpdatedSelectedItemIndex&&this.selected.includes(a.value))&&(e=i,t.set(a,!0),n.unshift(a.value),r.unshift(a)),i!==e&&(a.focused=!1))}r.map((e,t)=>{t>0&&(e.focused=!1)}),this.selectedItemsMap=t,this._selected=n,this.selectedItems=r,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(){cancelAnimationFrame(this.clearPointerSelectionFrame),this.clearPointerSelectionFrame=0,this.selectedOnPointerup=!1,this.scrollResetTimeout&&clearTimeout(this.scrollResetTimeout),this.scrollResetTimeout=void 0,this.isCurrentlyScrolling=!1,this.touchStartY=void 0,this.cachedChildItems=void 0,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItemSet.clear(),this.descendentOverlays=new Map,super.disconnectedCallback()}handleDescendentOverlayOpened(e){let t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.set(t.overlayElement,t.overlayElement)}handleDescendentOverlayClosed(e){let t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.delete(t.overlayElement)}navigateWithinMenu(e){let{key:t}=e,n=this.childItems[this.focusedItemIndex],r=t===`ArrowDown`?1:-1,i=this.focusMenuItemByOffset(r);i!==n&&(e.preventDefault(),e.stopPropagation(),i.scrollIntoView({block:`nearest`}))}handleTypeahead(e){let{key:t}=e;e.preventDefault(),e.stopPropagation();let n=t.toLowerCase(),r=this.focusedItemIndex+1,i=this.childItems;for(let e=0;e<i.length;e++){let t=(r+e)%i.length,a=i[t],o=(a.textContent||``).trim().toLowerCase();if(!a.disabled&&o.startsWith(n)){let e=this.childItems[this.focusedItemIndex];e&&(e.focused=!1,e.active=e.open),this.focusedItemIndex=i.length+t-1,this.focusMenuItemByOffset(1).scrollIntoView({block:`nearest`});break}}}navigateBetweenRelatedMenus(e){let{key:t}=e,n=this.isLTR&&t===`ArrowRight`||!this.isLTR&&t===`ArrowLeft`,r=this.isLTR&&t===`ArrowLeft`||!this.isLTR&&t===`ArrowRight`||t===`Escape`;if(n){let t=this.childItems[this.focusedItemIndex];t?.hasSubmenu&&(e.stopPropagation(),t.openOverlay())}else r&&this.isSubmenu&&(e.stopPropagation(),this.dispatchEvent(new Event(`close`,{bubbles:!0})),this.updateSelectedItemIndex())}renderMenuItemSlot(){return e`
|
|
3
|
+
<slot
|
|
4
|
+
@luzmo-menu-submenu-opened=${this.handleDescendentOverlayOpened}
|
|
5
|
+
@luzmo-menu-submenu-closed=${this.handleDescendentOverlayClosed}
|
|
6
|
+
@slotchange=${this.handleSlotchange}
|
|
7
|
+
></slot>
|
|
8
|
+
`}firstUpdated(e){if(super.firstUpdated(e),!this.hasAttribute(`tabindex`)&&!this.ignore){let e=this.getAttribute(`role`);this.tabIndex=e===`group`?-1:0}let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName===`luzmo-menu-item`&&t.push(e.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(){let e=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];this.childItemSet.forEach(t=>{e.push(t.triggerUpdate())}),this.childItemsUpdated=Promise.all(e)}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.childItemsUpdated,await this.cacheUpdated,e}updateCachedMenuItems(){if(this.cachedChildItems=[],!this.menuSlot)return[];let e=this.menuSlot.assignedElements({flatten:!0});for(let[t,n]of e.entries()){if(this.childItemSet.has(n)){this.cachedChildItems.push(n);continue}let r=n.localName===`slot`?n.assignedElements({flatten:!0}):[...n.querySelectorAll(`:scope > *`)];e.splice(t,1,n,...r)}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){let 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`;let t=e.currentAncestorWithSelects?.ignore;this.resolvedRole=t?`none`:e.currentAncestorWithSelects?.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`);let n=this.resolvedSelects===`single`||this.resolvedSelects===`multiple`;e.item.menuData.cleanupSteps.push(e=>this.removeChildItem(e)),(n||!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.selectedOnPointerup){this.selectedOnPointerup=!1,cancelAnimationFrame(this.clearPointerSelectionFrame);return}this.handlePointerBasedSelection(e)}handlePointerdown(){this.selectedOnPointerup=!1,cancelAnimationFrame(this.clearPointerSelectionFrame)}handlePointerup(e){this.handleTouchEnd(),!(!this.shouldSupportDragAndSelect||e instanceof PointerEvent&&e.pointerType===`touch`)&&(this.selectedOnPointerup=this.handlePointerBasedSelection(e),this.selectedOnPointerup&&(cancelAnimationFrame(this.clearPointerSelectionFrame),this.clearPointerSelectionFrame=requestAnimationFrame(()=>{this.selectedOnPointerup=!1})))}handlePointerBasedSelection(e){if(e instanceof MouseEvent&&e.button!==0||this.isScrolling)return!1;let t=e.composedPath().find(e=>e instanceof Element&&e.getAttribute(`role`)===this.childRole);if(e.defaultPrevented){let e=this.childItems.indexOf(t);return t?.menuData?.focusRoot===this&&e!==-1&&(this.focusedItemIndex=e),!1}if(t?.href&&t.href.length>0)return this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),!0;if(t?.menuData?.selectionRoot===this&&this.childItems.length>0){if(e.preventDefault(),t.hasSubmenu||t.open)return!1;this.selectOrToggleItem(t)}else return!1;return this.prepareToCleanUp(),!0}handleTouchStart(e){e.touches.length===1&&(this.scrollResetTimeout&&=(clearTimeout(this.scrollResetTimeout),void 0),this.touchStartY=e.touches[0].clientY,this.isCurrentlyScrolling=!1)}handleTouchMove(e){e.touches.length!==1||this.touchStartY===void 0||Math.abs(e.touches[0].clientY-this.touchStartY)>w&&(this.isCurrentlyScrolling=!0)}handleTouchEnd(){this.touchStartY===void 0&&!this.isCurrentlyScrolling||(this.scrollResetTimeout&&clearTimeout(this.scrollResetTimeout),this.scrollResetTimeout=setTimeout(()=>{this.isCurrentlyScrolling=!1,this.touchStartY=void 0,this.scrollResetTimeout=void 0},T))}prepareToCleanUp(){document.addEventListener(`focusout`,()=>{requestAnimationFrame(()=>{let 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;let e=this.childItems[this.focusInItemIndex];this.getRootNode().activeElement===e.menuData.focusRoot&&this.forwardFocusVisibleToItem(e)}forwardFocusVisibleToItem(e){!e||e.menuData.focusRoot!==this||(this.closeDescendentOverlays(),e.focused=this.hasVisibleFocusInTree()||!!this.childItems.some(e=>e.hasVisibleFocusInTree()),this.setAttribute(`aria-activedescendant`,e.id),e.menuData.selectionRoot&&e.menuData.selectionRoot!==this&&e.menuData.selectionRoot.focus())}handleSlotchange({target:e}){let t=e.assignedElements({flatten:!0});this.childItems.length!==t.length&&t.forEach(e=>{e.triggerUpdate===void 0?e.childItems!==void 0&&e.childItems.forEach(e=>{e.triggerUpdate()}):e.triggerUpdate()})}};s([p({type:String,reflect:!0})],D.prototype,`label`,void 0),s([p({type:Boolean,reflect:!0})],D.prototype,`ignore`,void 0),s([p({type:String,reflect:!0})],D.prototype,`variant`,void 0),s([p({type:String,reflect:!0})],D.prototype,`selects`,void 0),s([p({type:String})],D.prototype,`value`,void 0),s([p({type:String,attribute:`value-separator`})],D.prototype,`valueSeparator`,void 0),s([p({attribute:!1})],D.prototype,`selected`,null),s([p({attribute:!1})],D.prototype,`selectedItems`,void 0),s([o(`slot:not([name])`)],D.prototype,`menuSlot`,void 0);var O=`: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:0 0;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-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{flex-shrink:0;display:block}`,k=class extends i(d,{validSizes:[`s`,`m`,`l`]}){static get styles(){return[n(S),n(O)]}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`separator`)}},A=`.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:0 0;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-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{flex-direction:column;margin:0;display:inline-flex;overflow:visible}[hidden]{display:none!important}`,j=class extends D{constructor(...e){super(...e),this.headerId=``}static get styles(){return[...super.styles,n(A)]}render(){return e`
|
|
9
|
+
<span class="header" ?hidden=${!this.headerElement}>
|
|
10
|
+
<slot name="header" @slotchange=${this.updateLabel}></slot>
|
|
11
|
+
</span>
|
|
12
|
+
<luzmo-menu
|
|
13
|
+
size=${this.size}
|
|
14
|
+
.variant=${this.variant}
|
|
15
|
+
.selects=${this.selects}
|
|
16
|
+
ignore
|
|
17
|
+
>${this.renderMenuItemSlot()}</luzmo-menu
|
|
18
|
+
>
|
|
19
|
+
`}get ownRole(){switch(this.selects){case`multiple`:case`single`:case`inherit`:return`group`;default:return`menu`}}updateLabel(){let 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-${v()}`;let t=e.id||this.headerId;e.id||=t,this.setAttribute(`aria-labelledby`,t)}else this.removeAttribute(`aria-labelledby`);this.headerElement=e}};s([a({slot:`header`,flatten:!0})],j.prototype,`headerElements`,void 0),s([f()],j.prototype,`headerElement`,void 0);var M=`.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-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-width) + 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)));block-size:var(--luzmo-menu-item-icon-size,var(--menu-item-icon-height));inline-size:var(--luzmo-menu-item-icon-width,var(--menu-item-icon-height));font-size:var(--luzmo-menu-item-icon-size,var(--menu-item-icon-height));text-align:center;--luzmo-icon-vertical-align:0;grid-area:iconArea;align-self:start;margin-block-start:var(--luzmo-menu-item-top-to-icon,var(--menu-item-top-to-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;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;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,:host([focused])>.menu-item-tooltip-icon,:host(:focus)>.menu-item-tooltip-icon{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)))}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),: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,:host(:is(:active,[active]))>.menu-item-tooltip-icon{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]) .menu-item-tooltip-icon,: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}.menu-item-tooltip-icon{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-label-icon-color-default,var(--menu-item-label-icon-color-default)))}:host([selected]) #label,:host([selected]) .menu-item-tooltip-icon,:host([selected])>::slotted([slot=value]){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-family:inherit;font-size:var(--luzmo-menu-item-label-font-size,var(--menu-item-label-font-size));grid-area:valueArea;justify-self:end}::slotted(kbd[slot=value]){font-size:var(--menu-item-shortcut-font-size);opacity:var(--menu-item-shortcut-opacity)}.luzmo-Menu-itemActions,::slotted([slot=value]){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;align-self:start}[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,:host(:hover)>.menu-item-tooltip-icon{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,:host([selected]:hover)>.menu-item-tooltip-icon{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([selected]:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--menu-item-highlight-label-content-color))}: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) .menu-item-tooltip-icon,: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:0 0;border:0;margin:0;padding:0;display:inline-flex}:host([focused]) .luzmo-Menu-backButton{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-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{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(*),:host([has-submenu][disabled]) .angle{color:var(--luzmo-menu-item-label-icon-color-disabled,var(--luzmo-disabled-color))}#button{position:absolute;inset: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}.menu-item-tooltip-container{grid-area:actionsArea;justify-content:center;align-self:center;align-items:center;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing,var(--menu-item-label-to-value-area-min-spacing));display:flex}.menu-item-tooltip-container luzmo-tooltip{--tooltip-font-size:var(--luzmo-menu-item-tooltip-font-size,var(--tooltip-font-size))}.menu-item-tooltip-icon-trigger{cursor:default;justify-content:center;align-items:center;display:flex}.menu-item-tooltip-icon{width:.875rem;height:.875rem;font-size:.875rem}`,N=100,P=t=>e`
|
|
20
|
+
<span class="icon-container icon checkmark ${t.join(` `)}">
|
|
21
|
+
${m(h)}
|
|
22
|
+
</span>
|
|
23
|
+
`,F=t=>e`
|
|
24
|
+
<span class="icon-container icon angle ${t.join(` `)}">
|
|
25
|
+
${m(g,{className:`indicator`})}
|
|
26
|
+
</span>
|
|
27
|
+
`,I=t=>e`
|
|
28
|
+
<span class="icon-container icon info ${t.join(` `)}">
|
|
29
|
+
${m(_)}
|
|
30
|
+
</span>
|
|
31
|
+
`,L=class extends Event{get item(){return this._item}constructor(e){super(`luzmo-menu-item-added-or-updated`,{bubbles:!0,composed:!0}),this.menuCascade=new WeakMap,this.clear(e)}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}},R=class extends c(u(y(r,`[slot="icon"]`))){static get styles(){return[n(M)]}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(),``)}ensureTooltipDependencies(){this._tooltipDependenciesRegistered||(this._tooltipDependenciesRegistered=!0,this.dependencyManager.add(`luzmo-tooltip`),this.dependencyManager.add(`luzmo-overlay`),import(`../tooltip.js`),import(`../overlay.js`))}ensureSubmenuDependencies(){this._submenuDependenciesRegistered||(this._submenuDependenciesRegistered=!0,this.dependencyManager.add(`luzmo-overlay`),this.dependencyManager.add(`luzmo-popover`),import(`../overlay.js`),import(`../popover.js`))}renderTooltip(){return this.tooltip?e`
|
|
32
|
+
<div class="menu-item-tooltip-container">
|
|
33
|
+
<!-- The visible icon that acts as trigger -->
|
|
34
|
+
<div
|
|
35
|
+
class="menu-item-tooltip-icon-trigger"
|
|
36
|
+
id="tooltip-trigger-${this.id}"
|
|
37
|
+
>
|
|
38
|
+
${this.renderInfoIcon([`menu-item-tooltip-icon`])}
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
<!-- The overlay that shows the tooltip when hovering the icon -->
|
|
42
|
+
<luzmo-overlay
|
|
43
|
+
trigger="tooltip-trigger-${this.id}@hover"
|
|
44
|
+
placement=${this.tooltipPlacement}
|
|
45
|
+
type="hint"
|
|
46
|
+
?disabled=${!this.dependencyManager.loaded}
|
|
47
|
+
>
|
|
48
|
+
<luzmo-tooltip> ${this.tooltip} </luzmo-tooltip>
|
|
49
|
+
</luzmo-overlay>
|
|
50
|
+
</div>
|
|
51
|
+
`:t}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;let e=this.iconSlot.assignedElements().map(e=>{let t=e.cloneNode(!0);return t.removeAttribute(`slot`),t.classList.toggle(`icon`),t}),t=this.contentSlot.assignedNodes().map(e=>e.cloneNode(!0));return this._itemChildren={icon:e,content:t},this._itemChildren}constructor(){super(),this.active=!1,this.dependencyManager=new x(this),this.focused=!1,this.selected=!1,this._value=``,this.hasSubmenu=!1,this.tooltipPlacement=`top`,this.noWrap=!1,this.renderAngleIcon=(e=[])=>F(e),this.renderCheckIcon=(e=[])=>P(e),this.renderInfoIcon=(e=[])=>I(e),this._tooltipDependenciesRegistered=!1,this._submenuDependenciesRegistered=!1,this.open=!1,this.handleSlottableRequest=e=>{this.submenuElement?.dispatchEvent(new b(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 l(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{e.every(e=>e.target.slot===`submenu`)||this.breakItemChildrenCache()}})}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(){let t=e`
|
|
52
|
+
<slot
|
|
53
|
+
name="submenu"
|
|
54
|
+
@slotchange=${this.manageSubmenu}
|
|
55
|
+
@luzmo-menu-item-added-or-updated=${{handleEvent:e=>{e.clear(e.item)},capture:!0}}
|
|
56
|
+
@focusin=${e=>e.stopPropagation()}
|
|
57
|
+
></slot>
|
|
58
|
+
`;return this.hasSubmenu?e`
|
|
59
|
+
<luzmo-overlay
|
|
60
|
+
.triggerElement=${this}
|
|
61
|
+
?disabled=${!this.hasSubmenu}
|
|
62
|
+
?open=${this.hasSubmenu&&this.open&&this.dependencyManager.loaded}
|
|
63
|
+
.placement=${this.isLTR?`right-start`:`left-start`}
|
|
64
|
+
.offset=${[-10,-5]}
|
|
65
|
+
.type=${`auto`}
|
|
66
|
+
@close=${e=>e.stopPropagation()}
|
|
67
|
+
@slottable-request=${this.handleSlottableRequest}
|
|
68
|
+
>
|
|
69
|
+
<luzmo-popover
|
|
70
|
+
@change=${e=>{this.handleSubmenuChange(e),this.open=!1}}
|
|
71
|
+
@pointerenter=${this.handleSubmenuPointerenter}
|
|
72
|
+
@pointerleave=${this.handleSubmenuPointerleave}
|
|
73
|
+
@luzmo-menu-item-added-or-updated=${e=>e.stopPropagation()}
|
|
74
|
+
>
|
|
75
|
+
${t}
|
|
76
|
+
</luzmo-popover>
|
|
77
|
+
</luzmo-overlay>
|
|
78
|
+
${this.renderAngleIcon()}
|
|
79
|
+
`:t}render(){return e`
|
|
80
|
+
${this.selected?e`
|
|
81
|
+
${this.renderCheckIcon(this.hasIcon?[`checkmark--withAdjacentIcon`]:[])}
|
|
82
|
+
`:t}
|
|
83
|
+
<slot name="icon"></slot>
|
|
84
|
+
<div id="label">
|
|
85
|
+
<slot id="slot"></slot>
|
|
86
|
+
</div>
|
|
87
|
+
<slot name="description"></slot>
|
|
88
|
+
<slot name="value"></slot>
|
|
89
|
+
${this.renderTooltip()}
|
|
90
|
+
${this.href&&this.href.length>0?super.renderAnchor({id:`button`,ariaHidden:!0,className:`button anchor hidden`}):t}
|
|
91
|
+
${this.renderSubmenu()}
|
|
92
|
+
`}manageSubmenu(e){!e.target.isConnected||e.target!==this.renderRoot.querySelector(`slot[name="submenu"]`)||(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-${v()}`)}closeOverlaysForRoot(){this.open||this.menuData.parentMenu?.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},N))}handleSubmenuChange(e){e.stopPropagation(),this.menuData.selectionRoot?.selectOrToggleItem(this)}handleSubmenuPointerenter(){this.recentlyLeftChild=!0}handleSubmenuPointerleave(){requestAnimationFrame(()=>{this.recentlyLeftChild=!1})}handleSubmenuOpen(e){this.focused=!1;let t=e.composedPath().find(e=>e!==this.overlayElement&&e.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(){let 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()}willUpdate(e){super.willUpdate(e),e.has(`tooltip`)&&this.tooltip&&this.ensureTooltipDependencies(),e.has(`hasSubmenu`)&&this.hasSubmenu&&this.ensureSubmenuDependencies()}updated(e){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&&this.menuData.selectionRoot?.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;let e={signal:this.abortControllerSubmenu.signal};this.addEventListener(`click`,this.handleSubmenuClick,e),this.addEventListener(`pointerenter`,this.handlePointerenter,e),this.addEventListener(`pointerleave`,this.handlePointerleave,e),this.addEventListener(`luzmo-opened`,this.handleSubmenuOpen,e)}else this.abortControllerSubmenu?.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 L(this)),this.willDispatchUpdate=!1)}};s([p({type:Boolean,reflect:!0})],R.prototype,`active`,void 0),s([p({type:Boolean,reflect:!0})],R.prototype,`focused`,void 0),s([p({type:Boolean,reflect:!0})],R.prototype,`selected`,void 0),s([p({type:String})],R.prototype,`value`,null),s([p({type:Boolean,reflect:!0,attribute:`has-submenu`})],R.prototype,`hasSubmenu`,void 0),s([p({type:String})],R.prototype,`tooltip`,void 0),s([p({type:String,attribute:`tooltip-placement`})],R.prototype,`tooltipPlacement`,void 0),s([o(`slot:not([name])`)],R.prototype,`contentSlot`,void 0),s([o(`slot[name="icon"]`)],R.prototype,`iconSlot`,void 0),s([p({type:Boolean,reflect:!0,attribute:`no-wrap`,hasChanged(){return!1}})],R.prototype,`noWrap`,void 0),s([o(`.anchor`)],R.prototype,`anchorElement`,void 0),s([o(`luzmo-overlay`)],R.prototype,`overlayElement`,void 0),s([p({type:Boolean,reflect:!0})],R.prototype,`open`,void 0),customElements.get(`luzmo-menu`)||customElements.define(`luzmo-menu`,D),customElements.get(`luzmo-menu-divider`)||customElements.define(`luzmo-menu-divider`,k),customElements.get(`luzmo-menu-group`)||customElements.define(`luzmo-menu-group`,j),customElements.get(`luzmo-menu-item`)||customElements.define(`luzmo-menu-item`,R);export{D as a,k as i,L as n,j as r,R as t};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
|
|
2
|
+
import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{g as r,l as i,y as a}from"./lucero-runtime-DGJ9-isg.js";import{C as o,P as s,T as c}from"./luzmo-icons-CJa-aByT.js";import{r as l,t as u}from"./language-resolution-BWHk9A73.js";import{a as d,s as f,t as p}from"./platform-BfrBbd97.js";import{t as m}from"./NumberFormatter-DMCfW685.js";import{t as h}from"./NumberParser-r_jv94LA.js";import{t as g}from"./streaming-listener-DFczLm8I.js";import{n as _}from"./text-field-BrlDeJsx.js";import"./infield-button-D03MpU_s.js";var v=`#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--stepper-min-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-buttons-border-color,var(--stepper-buttons-border-color)));--luzmo-infield-button-border-width:var(--luzmo-stepper-button-border-width,var(--stepper-button-border-width));--luzmo-infield-button-border-radius-reset:var(--stepper-button-border-radius-reset);--luzmo-text-field-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));inline-size:var(--luzmo-stepper-width,var(--stepper-width));block-size:var(--luzmo-stepper-height,var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-buttons-border-color-focus,var(--stepper-buttons-border-color-focus)))}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)))}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--luzmo-stepper-border-color-hover:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid));--luzmo-stepper-border-color-focus:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid));--luzmo-stepper-border-color-focus-hover:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid));--luzmo-stepper-border-color-keyboard-focus:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--stepper-focus-indicator-color:var(--luzmo-stepper-focus-indicator-color-invalid,var(--stepper-focus-indicator-color-invalid))}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid))}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid))}:host([disabled]) #text-field{--luzmo-stepper-border-color:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-keyboard-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-buttons-background-color:var(--stepper-buttons-background-color-disabled);--luzmo-infield-button-border-width:var(--stepper-button-border-width-disabled);--luzmo-infield-button-border-color:var(--stepper-button-border-color-disabled);--luzmo-text-field-border-color-disabled:var(--stepper-button-border-color-disabled)}#text-field .input{border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;font-size:var(--luzmo-stepper-button-font-size,var(--stepper-button-font-size));block-size:var(--luzmo-stepper-height,var(--stepper-height));inline-size:var(--luzmo-stepper-button-width,var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style,var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width,var(--luzmo-stepper-buttons-border-width,var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color,var(--luzmo-stepper-buttons-background-color,var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration,var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color:transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color:transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked:var(--luzmo-stepper-button-width-quiet,var(--stepper-button-width));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-quiet,var(--stepper-button-border-color-quiet));--luzmo-infield-button-stacked-bottom-border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));--luzmo-infield-button-stacked-bottom-border-radius-end-end:0;--luzmo-infield-button-stacked-bottom-border-radius-end-start:0;--luzmo-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)));outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)))}@media (hover:hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-buttons-border-color-hover,var(--stepper-buttons-border-color-hover)))}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)))}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid))}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid))}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}}:host([invalid]) #text-field,:host([valid]) #text-field{--stepper-status-icon-inline-offset:var(--luzmo-stepper-button-width,var(--stepper-button-width))}:host([hide-stepper][invalid]) #text-field,:host([hide-stepper][valid]) #text-field{--stepper-status-icon-inline-offset:0px}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-status-icon-inline-offset) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([quiet][invalid]) #text-field .icon,:host([quiet][valid]) #text-field .icon{inset-inline-end:var(--stepper-status-icon-inline-offset)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight;--highcontrast-infield-button-border-color:Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color:GrayText;--highcontrast-infield-button-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width))}}:host{--text-field-minimum-width-multiplier:2;--stepper-border-width:var(--luzmo-border-width);--stepper-border-color:var(--luzmo-border-color);--stepper-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover:var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus:var(--luzmo-border-color-full-focus);--stepper-border-radius:var(--luzmo-border-radius);--stepper-min-width-multiplier:1.5;--stepper-animation-duration:var(--luzmo-animation-duration);--stepper-buttons-background-color:var(--luzmo-background-color);--stepper-buttons-border-style:none;--stepper-buttons-border-width:0;--stepper-buttons-border-color:var(--luzmo-border-color);--stepper-buttons-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus:var(--luzmo-border-color-focus);--stepper-button-font-size:var(--luzmo-font-size);--stepper-button-padding:0px;--stepper-button-border-radius-reset:0;--stepper-button-border-width:var(--luzmo-border-width);--stepper-button-background-color-focus:var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus:var(--luzmo-background-color-focus);--stepper-border-color-invalid:var(--luzmo-negative-color);--stepper-border-color-hover-invalid:var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid:var(--luzmo-negative-color-focus);--stepper-focus-indicator-width:var(--luzmo-indicator-width);--stepper-focus-indicator-gap:calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color:var(--luzmo-indicator-color);--stepper-focus-indicator-color-invalid:var(--luzmo-negative-color-focus);--stepper-button-border-color-quiet:transparent;--stepper-button-border-color-disabled:var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled:var(--luzmo-border-width);--stepper-buttons-background-color-disabled:var(--luzmo-background-color-disabled);--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height);--stepper-status-icon-space:0px}:host([invalid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}:host([valid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}:host([size=s]) #text-field{--stepper-button-width:16px;--stepper-height:var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width:28px;--stepper-height:var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width:36px;--stepper-height:var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width,var(--stepper-width));--number-field-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--text-field-minimum-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-width:var(--unset-value-resets-inheritance);--stepper-width:calc(var(--number-field-width) + var(--stepper-status-icon-space))}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-xl)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:#0000}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width,var(--stepper-border-width)) solid var(--luzmo-stepper-border-color,var(--stepper-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color:var(--luzmo-infield-border-color-quiet,transparent);--luzmo-infield-button-edge-to-fill:0;--luzmo-infield-button-border-width:var(--luzmo-infield-button-border-width-quiet,0)}:host([grows]){--number-field-char-count:1;--number-field-content-width:calc(var(--number-field-char-count) * 1ch + var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) * 2 + var(--stepper-status-icon-space));--number-field-grows-width:calc(var(--number-field-content-width) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);inline-size:var(--number-field-grows-width);min-inline-size:var(--luzmo-stepper-width,var(--stepper-width));max-inline-size:100%}:host([grows]) #text-field{inline-size:100%}:host([grows]) #text-field .input{inline-size:100%;min-inline-size:0}`,y={"1":`1`,"2":`2`,"3":`3`,"4":`4`,"5":`5`,"6":`6`,"7":`7`,"8":`8`,"9":`9`,"0":`0`,"、":`,`,",":`,`,"。":`.`,".":`.`,"%":`%`,"+":`+`,ー:`-`,一:`1`,二:`2`,三:`3`,四:`4`,五:`5`,六:`6`,七:`7`,八:`8`,九:`9`,零:`0`},b=class extends _{constructor(...e){super(...e),this.focused=!1,this._forcedUnit=``,this.formatOptions={},this.hideStepper=!1,this.grows=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=NaN,this._trackingValue=``,this.decimalsChars=new Set([`.`,`,`]),this.valueBeforeFocus=``,this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new u(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,n(v)]}set value(e){let t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;let n=this._value;this._value=t,this.requestUpdate(`value`,n)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){let t=this.lastCommitedValue;this.value=e,!(t===void 0||t===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(e){this.value=this.numberParser.parse(e)}get formattedValue(){return Number.isNaN(this.value)?``:this.numberFormatter.format(this.value)+(this.focused?``:this._forcedUnit)}convertValueToNumber(e){let t=[...e].map(e=>y[e]||e).join(``),n=[...this.valueBeforeFocus].filter(e=>this.decimalsChars.has(e)),r=new Set(n);if(d()&&this.inputElement.inputMode===`decimal`&&t!==this.valueBeforeFocus){let e=this.numberFormatter.formatToParts(1000.1).find(e=>e.type===`decimal`).value;for(let n of r)n!==e&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(n,`g`),``));let n=!1,i=[...t];for(let t=i.length-1;t>=0;t--){let r=i[t];this.decimalsChars.has(r)&&(n?i[t]=``:(i[t]=e,n=!0))}t=i.join(``)}return this.numberParser.parse(t)}get _step(){return this.step===void 0?this.formatOptions?.style===`percent`?.01:1:this.step}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(e.pointerId);let t=this.buttons.children[0].getBoundingClientRect(),n=this.buttons.children[1].getBoundingClientRect();this.findChange=e=>{e.clientX>=t.x&&e.clientY>=t.y&&e.clientX<=t.x+t.width&&e.clientY<=t.y+t.height?this.change=e=>this.increment(e.shiftKey?this.stepModifier:1):e.clientX>=n.x&&e.clientY>=n.y&&e.clientX<=n.x+n.width&&e.clientY<=n.y+n.height&&(this.change=e=>this.decrement(e.shiftKey?this.stepModifier:1))},this.findChange(e),this.startChange(e)}startChange(e){this.changeCount=0,this.doChange(e),this.safty=setTimeout(()=>{this.doNextChange(e)},400)}doChange(e){this.change(e)}handlePointermove(e){this.findChange(e)}handlePointerup(e){this.buttons.releasePointerCapture(e.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(e){return this.changeCount+=1,this.changeCount%5==0&&this.doChange(e),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(e)})}stepBy(e){if(this.disabled||this.readonly)return;let t=this.min===void 0?0:this.min,n=this.value;n+=e*this._step,Number.isNaN(this.value)&&(n=t),n=this.valueWithLimits(n),this.requestUpdate(),this._value=this.validateInput(n),this.inputElement.value=this.numberFormatter.format(n),this.inputElement.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.indeterminate=!1,this.focus()}increment(e=1){this.stepBy(1*e)}decrement(e=1){this.stepBy(-1*e)}handleKeydown(e){if(!this.isComposing)switch(e.code){case`ArrowUp`:e.preventDefault(),this.increment(e.shiftKey?this.stepModifier:1),this.setValue();break;case`ArrowDown`:e.preventDefault(),this.decrement(e.shiftKey?this.stepModifier:1),this.setValue();break}}onScroll(e){e.preventDefault(),this.managedInput=!0;let t=e.shiftKey?e.deltaX/Math.abs(e.deltaX):e.deltaY/Math.abs(e.deltaY);t!==0&&!Number.isNaN(t)&&(this.stepBy(t*(e.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},100)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener(`wheel`,this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(e){super.onBlur(e),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener(`wheel`,this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){let e=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))){this.indeterminate=!0;return}this.setValue(e),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event(`input`,{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(e){if(this.isComposing){if(e.data){let t=this.convertValueToNumber(e.data);Number.isNaN(t)&&(this.inputElement.value=this.indeterminate?`-`:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(`-`,``)),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);let{value:t,selectionStart:n}=this.inputElement,r=[...t].map(e=>y[e]||e).join(``);if(this.numberParser.isValidPartialNumber(r)){this.lastCommitedValue=this.lastCommitedValue??this.value;let e=this.convertValueToNumber(r);!r&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(e)),this._trackingValue=r,this.inputElement.value=r,this.inputElement.setSelectionRange(n,n);return}this.inputElement.value=this.indeterminate?`-`:this._trackingValue,e.stopPropagation();let i=r.length,a=this._trackingValue.length,o=(n||i)-(i-a);this.inputElement.setSelectionRange(o,o)}valueWithLimits(e){let t=e;return this.min!==void 0&&(t=Math.max(this.min,t)),this.max!==void 0&&(t=Math.min(this.max,t)),t}validateInput(e){e=this.valueWithLimits(e);let t=e<0?-1:1;if(e*=t,this.step){let t=this.min===void 0?0:this.min,n=Number.parseFloat(this.valueFormatter.format((e-t)%this.step));if(n!==0&&(Math.round(n/this.step)===1?e+=this.step-n:e-=n),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){let e=this.focused?``:`-`;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberFormatterFocused=new m(this.languageResolver.language,r);try{this._numberFormatter=new m(this.languageResolver.language,this.formatOptions),this._forcedUnit=``,this._numberFormatter.format(1)}catch{e===`unit`&&(this._forcedUnit=t),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){let e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(`.`)[1].length:0;this._valueFormatter=new m(`en`,{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberParserFocused=new h(this.languageResolver.language,r);try{this._numberParser=new h(this.languageResolver.language,this.formatOptions),this._forcedUnit=``,this._numberParser.parse(`0`)}catch{e===`unit`&&(this._forcedUnit=t),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete=`off`,e`
|
|
3
|
+
${super.renderField()}
|
|
4
|
+
${this.hideStepper?t:e`
|
|
5
|
+
<span
|
|
6
|
+
class="buttons"
|
|
7
|
+
@focusin=${this.handleFocusin}
|
|
8
|
+
@focusout=${this.handleFocusout}
|
|
9
|
+
${g({start:[`pointerdown`,this.handlePointerdown],streamInside:[[`pointermove`,`pointerenter`,`pointerleave`,`pointerover`,`pointerout`],this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
|
|
10
|
+
>
|
|
11
|
+
<luzmo-infield-button
|
|
12
|
+
inline="end"
|
|
13
|
+
block="start"
|
|
14
|
+
class="button step-up"
|
|
15
|
+
aria-hidden="true"
|
|
16
|
+
label=${`Increase `+this.appliedLabel}
|
|
17
|
+
size=${this.size}
|
|
18
|
+
tabindex="-1"
|
|
19
|
+
?focused=${this.focused}
|
|
20
|
+
?disabled=${this.disabled||this.readonly||this.max!==void 0&&this.value===this.max}
|
|
21
|
+
?quiet=${this.quiet}
|
|
22
|
+
>
|
|
23
|
+
${o(c)}
|
|
24
|
+
</luzmo-infield-button>
|
|
25
|
+
<luzmo-infield-button
|
|
26
|
+
inline="end"
|
|
27
|
+
block="end"
|
|
28
|
+
class="button step-down"
|
|
29
|
+
aria-hidden="true"
|
|
30
|
+
label=${`Decrease `+this.appliedLabel}
|
|
31
|
+
size=${this.size}
|
|
32
|
+
tabindex="-1"
|
|
33
|
+
?focused=${this.focused}
|
|
34
|
+
?disabled=${this.disabled||this.readonly||this.min!==void 0&&this.value===this.min}
|
|
35
|
+
?quiet=${this.quiet}
|
|
36
|
+
>
|
|
37
|
+
${o(s)}
|
|
38
|
+
</luzmo-infield-button>
|
|
39
|
+
</span>
|
|
40
|
+
`}
|
|
41
|
+
`}update(e){if((e.has(`formatOptions`)||e.has(`resolvedLanguage`))&&this.clearNumberFormatterCache(),e.has(`value`)||e.has(`max`)||e.has(`min`)||e.has(`step`)){let e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,``));this.value=e,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(l)&&this.clearNumberFormatterCache()}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`keydown`,this.handleKeydown),this.addEventListener(`compositionstart`,this.handleCompositionStart),this.addEventListener(`compositionend`,this.handleCompositionEnd)}updated(e){if(!(!this.inputElement||!this.isConnected)){if(this.grows){let e=this.displayValue||this.placeholder||``;this.style.setProperty(`--number-field-char-count`,String(e.length))}if(e.has(`min`)||e.has(`formatOptions`)){let e=this.min!==void 0&&this.min>=0,{maximumFractionDigits:t}=this.numberFormatter.resolvedOptions(),n=t&&t>0,r=`numeric`;f()&&!e?r=`text`:(d()&&n||p()&&n&&e)&&(r=`decimal`),this.inputElement.inputMode=r}e.has(`focused`)&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};i([r(`.buttons`)],b.prototype,`buttons`,void 0),i([a({type:Boolean,reflect:!0})],b.prototype,`focused`,void 0),i([a({type:Object,attribute:`format-options`})],b.prototype,`formatOptions`,void 0),i([a({type:Boolean,reflect:!0,attribute:`hide-stepper`})],b.prototype,`hideStepper`,void 0),i([a({type:Boolean,reflect:!0,attribute:`grows`})],b.prototype,`grows`,void 0),i([a({type:Boolean,reflect:!0})],b.prototype,`indeterminate`,void 0),i([a({type:Boolean,reflect:!0,attribute:`keyboard-focused`})],b.prototype,`keyboardFocused`,void 0),i([a({type:Number})],b.prototype,`max`,void 0),i([a({type:Number})],b.prototype,`min`,void 0),i([a({type:Number})],b.prototype,`step`,void 0),i([a({type:Number,reflect:!0,attribute:`step-modifier`})],b.prototype,`stepModifier`,void 0),i([a({type:Number})],b.prototype,`value`,null),customElements.get(`luzmo-number-field`)||customElements.define(`luzmo-number-field`,b);export{b as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
|
|
2
|
+
import{r as e}from"./lucero-runtime-DGJ9-isg.js";var t=Symbol(`slotContentIsPresent`);function n(n,r){let i=Array.isArray(r)?r:[r];class a extends n{constructor(...n){super(n),this[t]=new Map,this.managePresenceObservedSlot=()=>{let e=!1;i.forEach(n=>{let r=!!this.querySelector(`:scope > ${n}`),i=this[t].get(n)||!1;e||=i!==r,this[t].set(n,!!this.querySelector(`:scope > ${n}`))}),e&&this.updateComplete.then(()=>{this.requestUpdate()})},new e(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(i.length===1)return this[t].get(i[0])||!1;throw Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw Error(`The provided selector \`${e}\` is not being observed.`)}}return a}export{n as t};
|