@luzmo/lucero 1.0.3-alpha.7 → 1.0.3-alpha.8
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/components/accordion/index.cjs +1 -1
- package/components/accordion/index.js +1 -1
- package/components/accordion-BHBIfsLU.cjs +43 -0
- package/components/{accordion-BDchhAjE.js → accordion-DC7cjb1c.js} +4 -4
- package/components/action-bar/index.cjs +1 -1
- package/components/action-bar/index.js +1 -1
- package/components/action-bar-BSMX042X.cjs +39 -0
- package/components/{action-bar-BO65QnWi.js → action-bar-Dn4IDXEF.js} +6 -6
- package/components/action-button/index.cjs +1 -1
- package/components/action-button/index.js +1 -1
- package/components/action-button-Cr_QN4On.cjs +22 -0
- package/components/{action-button-CfpJ8ybz.js → action-button-DC-ZFZTm.js} +3 -3
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +1 -1
- package/components/action-group-CH8FTW0i.cjs +20 -0
- package/components/{action-group-BQ-fyPYS.js → action-group-DYKpp-mz.js} +3 -3
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +1 -1
- package/components/{action-menu-CBSyW4O8.js → action-menu-BlR6cLpi.js} +8 -8
- package/components/{action-menu-CnkzFDHK.cjs → action-menu-C1C1Gx39.cjs} +2 -2
- package/components/avatar/index.cjs +1 -1
- package/components/avatar/index.js +1 -1
- package/components/{avatar-79Zd9NiA.js → avatar-CyY_ZSD0.js} +4 -4
- package/components/avatar-PulwjkMI.cjs +24 -0
- package/components/badge/index.cjs +1 -1
- package/components/badge/index.js +1 -1
- package/components/badge-D1Ry32wi.cjs +23 -0
- package/components/{badge-2zAt91bn.js → badge-D6p2hPj8.js} +3 -3
- package/components/button/index.cjs +1 -1
- package/components/button/index.js +2 -2
- package/components/button-C5hcfigl.cjs +20 -0
- package/components/{button-CPh-7eos.js → button-D1a4B85S.js} +5 -5
- package/components/{button-base-CgZijING.js → button-base-CzTYjZND.js} +4 -4
- package/components/{button-base-UZcvbkXl.cjs → button-base-Dj2qQqwO.cjs} +2 -2
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +1 -1
- package/components/{button-group-DaANSInm.js → button-group-BiQxYcQ2.js} +2 -2
- package/components/button-group-DIz5TZvc.cjs +18 -0
- package/components/calendar/index.cjs +1 -1
- package/components/calendar/index.js +1 -1
- package/components/{calendar-Ck40E6VN.js → calendar-BNRjXf9B.js} +4 -4
- package/components/calendar-BWArK3rh.cjs +142 -0
- package/components/chat-message/index.cjs +1 -1
- package/components/chat-message/index.js +1 -1
- package/components/chat-message-CNE-mGuP.cjs +149 -0
- package/components/{chat-message-BDTAV-Ph.js → chat-message-DJgocVNj.js} +501 -679
- package/components/chat-message-group/index.cjs +1 -1
- package/components/chat-message-group/index.js +1 -1
- package/components/{chat-message-group-D7vdn2gG.js → chat-message-group-B4U2MzHx.js} +2 -2
- package/components/chat-message-group-COmhCN-R.cjs +24 -0
- package/components/checkbox/checkbox.d.ts +1 -1
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +1 -1
- package/components/{checkbox-DrbacuOs.js → checkbox-CPS-tR_i.js} +3 -3
- package/components/checkbox-DFwDrIdY.cjs +25 -0
- package/components/{checkbox-mixin-ClK1paqU.js → checkbox-mixin-C5sLMo5L.js} +1 -1
- package/components/{checkbox-mixin-PEFpw1Ep.cjs → checkbox-mixin-D4HeLrMj.cjs} +2 -2
- package/components/{rolldown-runtime-DWNI8pZO.cjs → chunk-D-qHiVGv.cjs} +1 -1
- package/components/{close-button-BG--crbw.js → close-button-MgaJT7yO.js} +4 -4
- package/components/close-button-_EXjp6_m.cjs +18 -0
- package/components/color-area/index.cjs +1 -1
- package/components/color-area/index.js +1 -1
- package/components/color-area-C3Y2d5cu.cjs +80 -0
- package/components/{color-area-CAM3uysY.js → color-area-mWOctRNt.js} +6 -6
- package/components/color-controller-DueaXfnX.cjs +18 -0
- package/components/color-field/index.cjs +1 -1
- package/components/color-field/index.js +1 -1
- package/components/{color-field-Bq0IEitn.js → color-field-CxdIoSq6.js} +3 -3
- package/components/{color-field-IpL7Z89G.cjs → color-field-D7_7z2A2.cjs} +2 -2
- package/components/color-handle/index.cjs +1 -1
- package/components/color-handle/index.js +1 -1
- package/components/{color-handle-DioEcX1V.js → color-handle-BOusOFFx.js} +2 -2
- package/components/color-handle-Cka48yPY.cjs +24 -0
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +1 -1
- package/components/color-loupe-DMk8uWZW.cjs +56 -0
- package/components/{color-loupe-ZcCecT0r.js → color-loupe-bEzi2P0y.js} +1 -1
- package/components/color-menu/index.cjs +1 -1
- package/components/color-menu/index.js +1 -1
- package/components/color-menu-BAKmi_EI.cjs +89 -0
- package/components/{color-menu-DtYUtPee.js → color-menu-Cryp_5Gh.js} +9 -9
- package/components/color-palette/index.cjs +1 -1
- package/components/color-palette/index.js +1 -1
- package/components/color-palette-349EkPMg.cjs +18 -0
- package/components/{color-palette-FQyIMSwP.js → color-palette-BAdaNySC.js} +3 -3
- package/components/color-palette-group/index.cjs +1 -1
- package/components/color-palette-group/index.js +1 -1
- package/components/color-palette-group-BvP09zmT.cjs +28 -0
- package/components/{color-palette-group-o6bnF-Ir.js → color-palette-group-D8Mavsd2.js} +3 -3
- package/components/color-picker/index.cjs +1 -1
- package/components/color-picker/index.js +1 -1
- package/components/{color-picker-CajJUS1c.cjs → color-picker-DL7rqWnW.cjs} +2 -2
- package/components/{color-picker-WCIGRufq.js → color-picker-DgjqWiVd.js} +6 -6
- package/components/color-slider/index.cjs +1 -1
- package/components/color-slider/index.js +1 -1
- package/components/color-slider-DxjJ72ue.cjs +57 -0
- package/components/{color-slider-BZ3G8Zgn.js → color-slider-ihAIFt5p.js} +5 -6
- package/components/{condition-attribute-with-id-Cw92IbcP.cjs → condition-attribute-with-id-DauPaLSS.cjs} +1 -1
- package/components/date-range-picker/index.cjs +1 -1
- package/components/date-range-picker/index.js +1 -1
- package/components/date-range-picker-DdY9hGsU.cjs +180 -0
- package/components/{date-range-picker-B2cRO9e5.js → date-range-picker-DocjwZKA.js} +10 -10
- package/components/date-time-picker/index.cjs +1 -1
- package/components/date-time-picker/index.js +1 -1
- package/components/{date-time-picker-CStBWop1.js → date-time-picker-CPbIj4TN.js} +11 -11
- package/components/date-time-picker-DdujhIkd.cjs +105 -0
- package/components/decorate-B2wePfNm.cjs +18 -0
- package/components/{decorate-CkCg3wfh.js → decorate-aGxJUVxg.js} +1 -1
- package/components/{dependency-manger-BSaHw9ju.cjs → dependency-manger-CHy9t__e.cjs} +1 -1
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +1 -1
- package/components/divider-Dn8XqbB6.cjs +18 -0
- package/components/{divider-CGbT-CL8.js → divider-cU0lVwOp.js} +3 -3
- package/components/{divider.module-BV6tmpOY.cjs → divider.module-CL60P_z8.cjs} +1 -1
- package/components/{element-resolution-BjaAlqwX.cjs → element-resolution-C0aiOB0Y.cjs} +1 -1
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +1 -1
- package/components/{field-group-EZzkXa2e.js → field-group-C7ROsWq3.js} +2 -2
- package/components/{field-group-aWhlzhoj.cjs → field-group-OcI5Lgu7.cjs} +2 -2
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +1 -1
- package/components/field-label-BCl6R1uO.cjs +25 -0
- package/components/{field-label-B9S41b7c.js → field-label-CtGCEmdp.js} +5 -5
- package/components/{focus-group-DVPa1zxz.js → focus-group-BshI1RpM.js} +1 -1
- package/components/focus-group-SF8Kj7iB.cjs +18 -0
- package/components/focus-visible-B0NNezGc.cjs +18 -0
- package/components/{focus-visible-Bt2uDmuM.js → focus-visible-CrooVCUu.js} +2 -2
- package/components/{focusable-DuP0-Kuy.js → focusable-BmS8IzhH.js} +2 -2
- package/components/focusable-CupEoHmn.cjs +18 -0
- package/components/{focusable-selectors-DJqGLTJo.cjs → focusable-selectors-5n5liBn0.cjs} +1 -1
- package/components/{get-label-from-slot-TV4APBYs.cjs → get-label-from-slot-LO_DZP60.cjs} +1 -1
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +1 -1
- package/components/icon-B7hKwn_q.cjs +18 -0
- package/components/{icon-M3agnqx7.js → icon-CwBAE1eU.js} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +67 -67
- package/components/infield-button/index.cjs +1 -1
- package/components/infield-button/index.js +1 -1
- package/components/{infield-button-CMcy_QGt.js → infield-button-BvKsbtKr.js} +3 -3
- package/components/infield-button-D5cuBWE5.cjs +22 -0
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +1 -1
- package/components/{label-B1HYQ4Pp.js → label-ClJE2esm.js} +1 -1
- package/components/label-CqolZbJo.cjs +18 -0
- package/components/{language-resolution-BUeKpSce.cjs → language-resolution-BYemISJC.cjs} +1 -1
- package/components/{like-anchor-BX4PSB3d.cjs → like-anchor-BZJXts_H.cjs} +2 -2
- package/components/{like-anchor-DXCaEv7O.js → like-anchor-DeOXX-MX.js} +1 -1
- package/components/{manage-help-text-DwfUBgHK.js → manage-help-text-CF0xBh0F.js} +2 -2
- package/components/{manage-help-text-D20THJ3U.cjs → manage-help-text-D9VbYRf_.cjs} +2 -2
- package/components/menu/index.cjs +1 -1
- package/components/menu/index.d.ts +6 -4
- package/components/menu/index.js +1 -1
- package/components/{menu-qMByaBwZ.js → menu-Cdz2FEB7.js} +12 -12
- package/components/{menu-BS_hemfn.cjs → menu-DFKS4sRU.cjs} +4 -4
- package/components/multi-language-field/index.cjs +1 -1
- package/components/multi-language-field/index.js +1 -1
- package/components/{multi-language-field-DqAlPXww.js → multi-language-field-BzY75rOY.js} +4 -4
- package/components/{multi-language-field-B7dnlCK9.cjs → multi-language-field-DmoMyCBH.cjs} +2 -2
- package/components/number-field/index.cjs +1 -1
- package/components/number-field/index.js +1 -1
- package/components/number-field-BmWODnnR.cjs +57 -0
- package/components/{number-field-B6BiDw0B.js → number-field-DrJURvoW.js} +7 -7
- package/components/observe-slot-presence-Dx8hzNzK.cjs +18 -0
- package/components/observe-slot-text-BhTcGuHY.cjs +18 -0
- package/components/{observe-slot-text-97nX6NyX.js → observe-slot-text-Ddf1OC6F.js} +1 -1
- package/components/options/index.cjs +1 -1
- package/components/options/index.js +1 -1
- package/components/{options-BV5E4ygY.js → options-BGwKMvng.js} +8 -8
- package/components/{options-Cq9Gx9UR.cjs → options-CKi3VkNR.cjs} +2 -2
- package/components/overlay/index.cjs +1 -1
- package/components/overlay/index.js +3 -3
- package/components/{overlay-CO_JAhWD.cjs → overlay-BGI4wOGe.cjs} +2 -2
- package/components/{overlay-DpBGFUBW.js → overlay-BbQuYBxp.js} +8 -9
- package/components/overlay-DU_p8MNs.cjs +47 -0
- package/components/{overlay-DR9oYpb5.js → overlay-mdk7-NOt.js} +3 -3
- package/components/{pending-state-BeG7qBDP.js → pending-state-DFcNf5rd.js} +1 -1
- package/components/{pending-state-a527YMWV.cjs → pending-state-DIeF18qg.cjs} +2 -2
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +1 -1
- package/components/picker-CssPvvau.cjs +123 -0
- package/components/{picker-D5AyIL5x.js → picker-DOiM_cUu.js} +9 -9
- package/components/picker-button/index.cjs +1 -1
- package/components/picker-button/index.js +1 -1
- package/components/{picker-button-Bg1oKrx4.js → picker-button-VAxzuhhg.js} +5 -5
- package/components/picker-button-adl1JO5u.cjs +37 -0
- package/components/platform-B7Sk7Qon.cjs +18 -0
- package/components/{platform-Ce9pNsR9.js → platform-D4V_cOJF.js} +2 -2
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +1 -1
- package/components/{popover-CFawf-z9.js → popover-DyC9xGhX.js} +3 -3
- package/components/popover-dgL04x6P.cjs +30 -0
- package/components/progress-bar/index.cjs +1 -1
- package/components/progress-bar/index.js +1 -1
- package/components/progress-bar-BR28tISC.cjs +31 -0
- package/components/{progress-bar-BU_h5i27.js → progress-bar-DHgFRml1.js} +3 -3
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +1 -1
- package/components/{progress-circle-BVToDWX8.js → progress-circle-Cg_ua9Ff.js} +3 -3
- package/components/progress-circle-DuzwUiGN.cjs +33 -0
- package/components/progress-steps/index.cjs +1 -1
- package/components/progress-steps/index.js +1 -1
- package/components/{progress-steps-9unA0ptN.js → progress-steps-Da8aZWx3.js} +2 -2
- package/components/progress-steps-WriXaZpE.cjs +96 -0
- package/components/prompt-box/index.cjs +1 -1
- package/components/prompt-box/index.js +1 -1
- package/components/{prompt-box-DG4G19Vq.cjs → prompt-box-6Z5LIjCF.cjs} +3 -3
- package/components/{prompt-box-B1eJoNNC.js → prompt-box-Bj0qIPOy.js} +13 -13
- package/components/radio/index.cjs +1 -1
- package/components/radio/index.js +1 -1
- package/components/{radio-DhrwxuSB.js → radio-BzEPGUmQ.js} +5 -5
- package/components/radio-d-2GUbYE.cjs +22 -0
- package/components/{random-id-BcUJAxUZ.cjs → random-id-B51lUxUB.cjs} +1 -1
- package/components/{random-id-CiMDyX7v.js → random-id-Dd4boCPV.js} +1 -1
- package/components/{roving-tabindex-BoPao4td.cjs → roving-tabindex-B7x5ePUB.cjs} +1 -1
- package/components/{roving-tabindex-pomAn3z-.js → roving-tabindex-BP6mQbXf.js} +1 -1
- package/components/{scaled-indicator-DLJIztx0.cjs → scaled-indicator-DF45Sc3W.cjs} +2 -2
- package/components/search/index.cjs +1 -1
- package/components/search/index.js +1 -1
- package/components/search-CCvT87FX.cjs +47 -0
- package/components/{search-DJa1-_UC.js → search-Dtff2EzC.js} +4 -4
- package/components/segments-factory-CHo9oQw7.cjs +18 -0
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -1
- package/components/{select-CzZZmuWl.js → select-C2gh8zRr.js} +10 -10
- package/components/select-qAKOLhmQ.cjs +158 -0
- package/components/{sized-mixin-DzQTebN-.js → sized-mixin-DaBoZkVS.js} +1 -1
- package/components/sized-mixin-StFA4y0J.cjs +18 -0
- package/components/skeleton-loader/index.cjs +1 -1
- package/components/skeleton-loader/index.js +1 -1
- package/components/skeleton-loader-B8NgELvX.cjs +18 -0
- package/components/{skeleton-loader-C0LH3prK.js → skeleton-loader-C1XG3m_u.js} +1 -1
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +1 -1
- package/components/{slider-BLaYicz8.js → slider-3QBnq0S8.js} +2 -2
- package/components/slider-uXRKcOz5.cjs +18 -0
- package/components/{slottable-request-event-C6eb7Ch3.cjs → slottable-request-event-gAcEQan2.cjs} +1 -1
- package/components/status-light/index.cjs +1 -1
- package/components/status-light/index.js +1 -1
- package/components/{status-light-BlfBJpqa.js → status-light-Bf8jGu4G.js} +2 -2
- package/components/status-light-CBaAFRUc.cjs +21 -0
- package/components/{strategies-Dbb3w-JB.js → strategies-DhxJGIZT.js} +1 -1
- package/components/{strategies-CPWEHFe1.cjs → strategies-kuvLVIKO.cjs} +1 -1
- package/components/streaming-listener-BnDW38lt.cjs +18 -0
- package/components/swatch/index.cjs +1 -1
- package/components/swatch/index.js +1 -1
- package/components/{swatch-C2ty27bJ.js → swatch-BLuV-hlF.js} +4 -4
- package/components/{swatch-DcUK5qDv.cjs → swatch-G70JUe6I.cjs} +2 -2
- package/components/switch/index.cjs +1 -1
- package/components/switch/index.js +1 -1
- package/components/{switch-B10exYOk.js → switch-C5g5t5x2.js} +4 -4
- package/components/switch-COhz9ka9.cjs +22 -0
- package/components/tabs/index.cjs +1 -1
- package/components/tabs/index.js +1 -1
- package/components/{tabs-C07QGZbj.cjs → tabs-CTKkW-L8.cjs} +2 -2
- package/components/{tabs-CqYK2mFY.js → tabs-DYpbsO58.js} +11 -11
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +1 -1
- package/components/{tags-DrDRVcwq.js → tags-CBL5oFEo.js} +6 -6
- package/components/tags-CndS4S2k.cjs +47 -0
- package/components/text-field/index.cjs +1 -1
- package/components/text-field/index.js +2 -2
- package/components/text-field-A4Obzs4l.cjs +21 -0
- package/components/{text-field-C9_95TpH.js → text-field-BoGAvXvh.js} +3 -3
- package/components/{text-field-DItC9-FS.js → text-field-Cs8HYRYL.js} +5 -5
- package/components/{text-field-BG6dB1fv.cjs → text-field-FJr8ZUhI.cjs} +2 -2
- package/components/{text-field.module-DDRcQM7Y.cjs → text-field.module-D5oDP7MB.cjs} +1 -1
- package/components/toast/index.cjs +1 -1
- package/components/toast/index.js +1 -1
- package/components/{toast-B2rcl_2b.js → toast-Bd0fleYT.js} +3 -3
- package/components/toast-NZ0Z1lz9.cjs +51 -0
- package/components/tooltip/index.cjs +1 -1
- package/components/tooltip/index.js +1 -1
- package/components/tooltip-6y-g7e9V.cjs +45 -0
- package/components/{tooltip-Byl1h4nN.js → tooltip-CVSSKlDP.js} +4 -4
- package/components/top-nav/index.cjs +1 -1
- package/components/top-nav/index.js +1 -1
- package/components/{top-nav-D3Iqfth0.js → top-nav-CMVB3G_v.js} +6 -6
- package/components/top-nav-bekRXHUk.cjs +45 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +7 -7
- package/components/{voice-recorder-B1tBrGTV.cjs → voice-recorder-BUtmSvPO.cjs} +1 -1
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/components/accordion-CW7xAsId.cjs +0 -43
- package/components/action-bar-CSf3qi0f.cjs +0 -39
- package/components/action-button-CMRoRRWo.cjs +0 -22
- package/components/action-group-D1G30Iir.cjs +0 -20
- package/components/avatar-BRfwsoBh.cjs +0 -24
- package/components/badge-BjusWIAn.cjs +0 -23
- package/components/button-D7RUI_x1.cjs +0 -20
- package/components/button-group-6M8M-TUI.cjs +0 -18
- package/components/calendar-9tmSkAp2.cjs +0 -142
- package/components/chat-message-SBnm0ITB.cjs +0 -150
- package/components/chat-message-group-CzCwyW7F.cjs +0 -24
- package/components/checkbox-C-HC6f2c.cjs +0 -25
- package/components/close-button-BQUJeFCq.cjs +0 -18
- package/components/color-area-B5OHLqtm.cjs +0 -80
- package/components/color-controller-DZe3_BMD.cjs +0 -18
- package/components/color-handle-BwV3Nia5.cjs +0 -24
- package/components/color-loupe-C_C2hy-m.cjs +0 -56
- package/components/color-menu-CBpuPimx.cjs +0 -89
- package/components/color-palette-C6G0Tdla.cjs +0 -18
- package/components/color-palette-group-B4r4tPfY.cjs +0 -28
- package/components/color-slider-CVSEpLOP.cjs +0 -57
- package/components/date-range-picker-nnN0b_N4.cjs +0 -180
- package/components/date-time-picker-Cj4n6nG-.cjs +0 -105
- package/components/decorate-Dq34MBGe.cjs +0 -18
- package/components/divider-wana0uPI.cjs +0 -18
- package/components/field-label-C5vdJ1ys.cjs +0 -25
- package/components/focus-group-C8lOjbi9.cjs +0 -18
- package/components/focus-visible-eQdwUM9k.cjs +0 -18
- package/components/focusable-DTxxQ3yJ.cjs +0 -18
- package/components/icon-xwNfYSkj.cjs +0 -18
- package/components/infield-button-DKlrlNuX.cjs +0 -22
- package/components/label-DPG13Ib0.cjs +0 -18
- package/components/number-field-BEBoSI-_.cjs +0 -57
- package/components/observe-slot-presence-CS8pMePk.cjs +0 -18
- package/components/observe-slot-text-DzUSxLpj.cjs +0 -18
- package/components/overlay-duS52Rsb.cjs +0 -47
- package/components/picker-D_lZ-gXW.cjs +0 -123
- package/components/picker-button-COrTSUL5.cjs +0 -37
- package/components/platform-BAjeJp2W.cjs +0 -18
- package/components/popover-R-fdNBvR.cjs +0 -30
- package/components/progress-bar-DHmthnzp.cjs +0 -31
- package/components/progress-circle-DyApSKdm.cjs +0 -33
- package/components/progress-steps-BgRH7KAn.cjs +0 -96
- package/components/radio-Ch4iR6e1.cjs +0 -22
- package/components/search-COpGXyHi.cjs +0 -47
- package/components/segments-factory-DtPyN5sh.cjs +0 -18
- package/components/select-DV38y5iI.cjs +0 -158
- package/components/sized-mixin-BT7cv-fT.cjs +0 -18
- package/components/skeleton-loader-Cm50Ztzk.cjs +0 -18
- package/components/slider-CfZ2IRgC.cjs +0 -18
- package/components/status-light-Bu0G8-lH.cjs +0 -21
- package/components/streaming-listener-Bfyk6Fsx.cjs +0 -18
- package/components/switch-BKDJ3dZ9.cjs +0 -22
- package/components/tags-CX8xqWyH.cjs +0 -47
- package/components/text-field-D0Z0K_7q.cjs +0 -21
- package/components/toast-BzIN9rHc.cjs +0 -51
- package/components/tooltip-Sm0pruxL.cjs +0 -45
- package/components/top-nav-Dqa5pB4f.cjs +0 -45
- /package/components/{color-controller-Rg_Zl0sT.js → color-controller-G2_v2xSl.js} +0 -0
- /package/components/{condition-attribute-with-id-BdnTdWKz.js → condition-attribute-with-id-Duo51HZ7.js} +0 -0
- /package/components/{dependency-manger-wHEXoU92.js → dependency-manger-DMrulWcJ.js} +0 -0
- /package/components/{divider.module-CPEKsaqR.js → divider.module-C65RfSUa.js} +0 -0
- /package/components/{element-resolution-gap51AVo.js → element-resolution-Bs1x89vU.js} +0 -0
- /package/components/{focusable-selectors-BWpiuXz5.js → focusable-selectors-Bg60_Kra.js} +0 -0
- /package/components/{get-label-from-slot-Bo9mqYCZ.js → get-label-from-slot-5vVnfSgN.js} +0 -0
- /package/components/{language-resolution-DR30FsWE.js → language-resolution-BpfGTC29.js} +0 -0
- /package/components/{observe-slot-presence-BKY6n06-.js → observe-slot-presence-BCqd3VSd.js} +0 -0
- /package/components/{rolldown-runtime-Dy4uBu1J.js → rolldown-runtime-CAFD8bLK.js} +0 -0
- /package/components/{scaled-indicator-C-TupV4L.js → scaled-indicator-BoLeYSgL.js} +0 -0
- /package/components/{segments-factory-BCRi1NKb.js → segments-factory-D0IveW-q.js} +0 -0
- /package/components/{slottable-request-event-MRSZbgTu.js → slottable-request-event-DZ2Z_BLk.js} +0 -0
- /package/components/{streaming-listener-CtcMpYfS.js → streaming-listener-2NcP7ys7.js} +0 -0
- /package/components/{text-field.module-BrBqDht3.js → text-field.module-Btsve-VN.js} +0 -0
- /package/components/{voice-recorder-CTg3kRxx.js → voice-recorder-477xPHRU.js} +0 -0
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-visible-eQdwUM9k.cjs");let n=require("lit/decorators.js");function r(){return new Promise(e=>requestAnimationFrame(()=>e()))}var i=class extends t.t(e.n){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 r(),await r(),e()}),this.updateComplete.then(()=>{this.manageAutoFocus()}))}};e.t([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.t([(0,n.property)({type:Boolean})],i.prototype,`autofocus`,void 0),e.t([(0,n.property)({type:Number})],i.prototype,`tabIndex`,null),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js"),r=require("@luzmo/icons"),i=require("lit/directives/if-defined.js");var a=`:host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform,none);block-size:var(--luzmo-icon-block-size,var(--luzmo-icon-size,var(--icon-size)));font-size:var(--luzmo-icon-block-size,var(--luzmo-icon-size,var(--icon-size)));color:var(--luzmo-icon-color,inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align,-.125em)!important}:host([block]){--icon-vertical-align:top;vertical-align:top;display:flex}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align:top;vertical-align:var(--luzmo-icon-vertical-align,top)}:host([size=xxs]){--icon-size:var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size:var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size:var(--luzmo-icon-size-m)}:host([size=l]){--icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size:var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size:var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors:active){:host{forced-color-adjust:auto}}img{object-fit:var(--luzmo-icon-img-object-fit,var(--icon-img-object-fit,fill));object-position:var(--luzmo-icon-img-object-position,var(--icon-img-object-position,50% 50%));width:100%}img,svg,::slotted(*){vertical-align:top;height:100%;color:inherit}@media (forced-colors:active){img,svg,::slotted(*){forced-color-adjust:auto}}`,o=class extends e.n{constructor(...e){super(...e),this.label=``}static get styles(){return[(0,t.unsafeCSS)(a)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(e){e.has(`label`)&&(this.label?this.removeAttribute(`aria-hidden`):this.setAttribute(`aria-hidden`,`true`)),super.update(e)}render(){return t.html` <slot></slot> `}};e.t([(0,n.property)({reflect:!0})],o.prototype,`label`,void 0),e.t([(0,n.property)({reflect:!0})],o.prototype,`size`,void 0);var s=class extends o{constructor(...e){super(...e),this.block=!1}render(){return this.icon?(0,r.luzmoIcon)(this.icon,this.options):this.src?t.html` <img src=${this.src} alt=${(0,i.ifDefined)(this.label)} /> `:super.render()}};e.t([(0,n.property)()],s.prototype,`src`,void 0),e.t([(0,n.property)()],s.prototype,`options`,void 0),e.t([(0,n.property)()],s.prototype,`icon`,void 0),e.t([(0,n.property)({type:Boolean})],s.prototype,`block`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-icon`)&&customElements.define(`luzmo-icon`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-UZcvbkXl.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`
|
|
19
|
-
<div class="fill">
|
|
20
|
-
<slot></slot>
|
|
21
|
-
</div>
|
|
22
|
-
`]}};e.t([(0,i.property)()],o.prototype,`block`,void 0),e.t([(0,i.property)()],o.prototype,`inline`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`quiet`,void 0),customElements.get(`luzmo-infield-button`)||customElements.define(`luzmo-infield-button`,o),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js");var r=class extends e.n{constructor(...e){super(...e),this.label=``,this.tooltip=``}static{this.styles=(0,t.unsafeCSS)(``)}render(){return t.html` <span> ${this.label} </span> `}};e.t([(0,n.property)({type:String})],r.prototype,`label`,void 0),e.t([(0,n.property)({type:String,reflect:!0,attribute:`tooltip`})],r.prototype,`tooltip`,void 0),customElements.get(`luzmo-label`)||customElements.define(`luzmo-label`,r),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./decorate-Dq34MBGe.cjs"),t=require("./platform-BAjeJp2W.cjs"),n=require("./language-resolution-BUeKpSce.cjs"),r=require("./streaming-listener-Bfyk6Fsx.cjs"),i=require("./text-field-BG6dB1fv.cjs");require("./infield-button-DKlrlNuX.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("@internationalized/number");var l=`#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));--luzmo-text-field-icon-spacing-inline-start-invalid:0}: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 .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-button-width) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}@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-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)}: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:var(--number-field-width)}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4);--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25);--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25);--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);--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}`,u={"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`},d=class extends i.n{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 n.t(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,(0,a.unsafeCSS)(l)]}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 n=[...e].map(e=>u[e]||e).join(``),r=[...this.valueBeforeFocus].filter(e=>this.decimalsChars.has(e)),i=new Set(r);if(t.a()&&this.inputElement.inputMode===`decimal`&&n!==this.valueBeforeFocus){let e=this.numberFormatter.formatToParts(1000.1).find(e=>e.type===`decimal`).value;for(let t of i)t!==e&&!this.isIntentDecimal&&(n=n.replaceAll(new RegExp(t,`g`),``));let t=!1,r=[...n];for(let n=r.length-1;n>=0;n--){let i=r[n];this.decimalsChars.has(i)&&(t?r[n]=``:(r[n]=e,t=!0))}n=r.join(``)}return this.numberParser.parse(n)}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=>u[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 c.NumberFormatter(this.languageResolver.language,r);try{this._numberFormatter=new c.NumberFormatter(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 c.NumberFormatter(`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 c.NumberParser(this.languageResolver.language,r);try{this._numberParser=new c.NumberParser(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`,a.html`
|
|
19
|
-
${super.renderField()}
|
|
20
|
-
${this.hideStepper?a.nothing:a.html`
|
|
21
|
-
<span
|
|
22
|
-
class="buttons"
|
|
23
|
-
@focusin=${this.handleFocusin}
|
|
24
|
-
@focusout=${this.handleFocusout}
|
|
25
|
-
${r.t({start:[`pointerdown`,this.handlePointerdown],streamInside:[[`pointermove`,`pointerenter`,`pointerleave`,`pointerover`,`pointerout`],this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
|
|
26
|
-
>
|
|
27
|
-
<luzmo-infield-button
|
|
28
|
-
inline="end"
|
|
29
|
-
block="start"
|
|
30
|
-
class="button step-up"
|
|
31
|
-
aria-hidden="true"
|
|
32
|
-
label=${`Increase `+this.appliedLabel}
|
|
33
|
-
size=${this.size}
|
|
34
|
-
tabindex="-1"
|
|
35
|
-
?focused=${this.focused}
|
|
36
|
-
?disabled=${this.disabled||this.readonly||this.max!==void 0&&this.value===this.max}
|
|
37
|
-
?quiet=${this.quiet}
|
|
38
|
-
>
|
|
39
|
-
${(0,s.luzmoIcon)(s.luzmoAngleUp)}
|
|
40
|
-
</luzmo-infield-button>
|
|
41
|
-
<luzmo-infield-button
|
|
42
|
-
inline="end"
|
|
43
|
-
block="end"
|
|
44
|
-
class="button step-down"
|
|
45
|
-
aria-hidden="true"
|
|
46
|
-
label=${`Decrease `+this.appliedLabel}
|
|
47
|
-
size=${this.size}
|
|
48
|
-
tabindex="-1"
|
|
49
|
-
?focused=${this.focused}
|
|
50
|
-
?disabled=${this.disabled||this.readonly||this.min!==void 0&&this.value===this.min}
|
|
51
|
-
?quiet=${this.quiet}
|
|
52
|
-
>
|
|
53
|
-
${(0,s.luzmoIcon)(s.luzmoAngleDown)}
|
|
54
|
-
</luzmo-infield-button>
|
|
55
|
-
</span>
|
|
56
|
-
`}
|
|
57
|
-
`}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(n.n)&&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:n}=this.numberFormatter.resolvedOptions(),r=n&&n>0,i=`numeric`;t.s()&&!e?i=`text`:(t.a()&&r||t.t()&&r&&e)&&(i=`decimal`),this.inputElement.inputMode=i}e.has(`focused`)&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};e.t([(0,o.query)(`.buttons`)],d.prototype,`buttons`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.property)({type:Object,attribute:`format-options`})],d.prototype,`formatOptions`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-stepper`})],d.prototype,`hideStepper`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`grows`})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`indeterminate`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`keyboard-focused`})],d.prototype,`keyboardFocused`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`max`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`min`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`step`,void 0),e.t([(0,o.property)({type:Number,reflect:!0,attribute:`step-modifier`})],d.prototype,`stepModifier`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`value`,null),customElements.get(`luzmo-number-field`)||customElements.define(`luzmo-number-field`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
let e=require("@lit-labs/observers/mutation-controller.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.MutationController(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}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit/decorators.js"),n=require("@lit-labs/observers/mutation-controller.js");function r(r,i,a=[]){let o=e=>t=>e.matches(t),s=i?`slot[name="${i}"]`:`slot:not([name])`;class c extends r{constructor(...e){super(e),this.slotHasContent=!1,new n.MutationController(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(s)??null;if(!e)return;let t=e.assignedNodes({flatten:!0}).filter(e=>{let t=e;return t.tagName?!a.some(o(t)):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}update(e){if(!this.hasUpdated){let{childNodes:e}=this,t=[...e].filter(e=>{let t=e;return t.tagName?a.some(o(t))?!1:i?t.getAttribute(`slot`)===i:!t.hasAttribute(`slot`):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return e.t([(0,t.property)({type:Boolean,attribute:!1})],c.prototype,`slotHasContent`,void 0),c}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2025 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./rolldown-runtime-DWNI8pZO.cjs"),t=require("./decorate-Dq34MBGe.cjs"),n=require("./condition-attribute-with-id-Cw92IbcP.cjs"),r=require("./random-id-BcUJAxUZ.cjs"),i=require("./element-resolution-BjaAlqwX.cjs"),a=require("./slottable-request-event-C6eb7Ch3.cjs"),o=require("./focusable-selectors-DJqGLTJo.cjs"),s=require("./platform-BAjeJp2W.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/style-map.js"),f=require("@floating-ui/dom");function p(e,t,n=[]){for(let[r,i]of t.entries()){let t=e[r],a=t.parentElement||t.getRootNode();n[r]&&n[r](i),a&&a!==t&&t.replaceWith(i),delete e[r]}return t}var m=(e,t,{position:n,prepareCallback:r}={position:`beforeend`})=>{let{length:i}=e;if(i===0)return()=>e;let a=1,o=0;(n===`afterbegin`||n===`afterend`)&&(a=-1,o=i-1);let s=Array(i),c=Array(i),l=typeof document<`u`?document.createComment(`placeholder for reparented element`):null;do{let i=e[o];r&&(c[o]=r(i)),s[o]=l.cloneNode();let u=i.parentElement||i.getRootNode();u&&u!==i&&u.replaceChild(s[o],i),t.insertAdjacentElement(n,i),o+=a}while(--i>0);return function(){return p(s,e,c)}},h=1e3,g=1e3,_=new class{constructor(e={}){this.warmUpDelay=h,this.coolDownDelay=g,this.isWarm=!1,this.timeout=0,Object.assign(this,e)}openTimer(e){if(this.cancelCooldownTimer(),!this.component||e!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=e,this.isWarm?Promise.resolve(!1):(this.promise=new Promise(e=>{this.resolve=e,this.timeout=typeof window>`u`?0:window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw Error(`Inconsistent state`)}close(e){this.component&&this.component===e&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&typeof window<`u`&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=typeof window>`u`?void 0:window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&typeof window<`u`&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}},v=()=>{},y=(e,t,n)=>{let r=new AbortController,i=new Map,a=()=>{r.abort(),n()},o,s,c=requestAnimationFrame(()=>{o=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{a()})})}),l=t=>{t.target===e&&(i.set(t.propertyName,i.get(t.propertyName)-1),i.get(t.propertyName)||i.delete(t.propertyName),i.size===0&&a())};e.addEventListener(`transitionrun`,t=>{t.target===e&&(i.has(t.propertyName)||i.set(t.propertyName,0),i.set(t.propertyName,i.get(t.propertyName)+1),cancelAnimationFrame(c),cancelAnimationFrame(o),cancelAnimationFrame(s))},{signal:r.signal}),e.addEventListener(`transitionend`,l,{signal:r.signal}),e.addEventListener(`transitioncancel`,l,{signal:r.signal}),t()};function b(){return new Promise(e=>requestAnimationFrame(()=>e()))}var x=class e extends t.n{constructor(...e){super(...e),this.dispose=v,this.offset=0,this.willPreventClose=!1}applyFocus(e,t){}get delayed(){return!1}set delayed(e){}get disabled(){return!1}set disabled(e){}get elementResolver(){return this._elementResolver}set elementResolver(e){this._elementResolver=e}ensureOnDOM(e){}makeTransition(e){return null}manageDelay(e){}manageDialogOpen(){}managePopoverOpen(){}managePosition(){}get open(){return!1}set open(e){}get placementController(){return this._placementController}set placementController(e){this._placementController=e}requestSlottable(){}returnFocus(){}get state(){return`closed`}set state(e){}manuallyKeepOpen(){}static update(){let e=new CustomEvent(`luzmo-update-overlays`,{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(e)}static async open(t,n,r,i){await Promise.resolve().then(()=>Z);let a=arguments.length===2,o=r||t,s=new this,c=!1,l=m([o],s,{position:`beforeend`,prepareCallback:e=>{let t=e.slot;return e.removeAttribute(`slot`),()=>{e.slot=t}}});if(s.dispose=()=>{s.addEventListener(`luzmo-closed`,()=>{c||=(l(),!0),requestAnimationFrame(()=>{s.remove()})}),s.open=!1,s.dispose=v},!a&&o&&i){let r=t,a=n,c=i;return e.applyOptions(s,{...c,delayed:c.delayed||o.hasAttribute(`delayed`),trigger:c.virtualTrigger||r,type:a===`modal`?`modal`:a===`hover`?`hint`:`auto`}),r.after(s),await s.updateComplete,s.open=!0,s.dispose}let u=n;return s.append(o),e.applyOptions(s,{...u,delayed:u.delayed||o.hasAttribute(`delayed`)}),s.updateComplete.then(()=>{s.open=!0}),s}static applyOptions(e,t){e.delayed=!!t.delayed,e.receivesFocus=t.receivesFocus??`auto`,e.triggerElement=t.trigger||null,e.type=t.type||`modal`,e.offset=t.offset??0,e.placement=t.placement,e.willPreventClose=!!t.notImmediatelyClosable}},S=e=>e.querySelector(o.n),C=e=>e.assignedElements().find(e=>e.matches(o.n)),w=class extends Event{constructor(){super(`beforetoggle`,{bubbles:!1,composed:!1}),this.currentState=`open`,this.newState=`closed`}},T=class extends Event{constructor(){super(`beforetoggle`,{bubbles:!1,composed:!1}),this.currentState=`closed`,this.newState=`open`}},E=class extends Event{constructor(e,t,{publish:n,interaction:r,reason:i}){super(e,{bubbles:n,composed:n}),this.overlay=t,this.detail={interaction:r,reason:i}}},D=class{constructor(e,t,n){this.x=0,this.y=0,this.x=e,this.y=t,this.rectTop=n}updateBoundingClientRect(e,t,n){this.x=e,this.y=t,this.rectTop=n,x.update()}getBoundingClientRect(){let e=this.rectTop??this.y;return{width:0,height:this.y-e,top:e,right:this.x,y:e,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}};function O(e){class t extends e{async manageDialogOpen(){let e=this.open;if(await b(),await this.managePosition(),this.open!==e)return;let t=await this.dialogMakeTransition(e);this.open===e&&await this.dialogApplyFocus(e,t)}dialogMakeTransition(e){let t=null,n=(n,r)=>()=>{if(n.open=e,!e){let e=()=>{n.removeEventListener(`close`,e)};n.addEventListener(`close`,e)}if(r>0)return;let i=e?T:w;this.dispatchEvent(new i),e&&(n.matches(o.n)&&(t=n),t||=S(n),t||n.querySelectorAll(`slot`).forEach(e=>{t||=C(e)}),!(!this.isConnected||this.dialogEl.open)&&this.dialogEl.showModal())},r=(t,n)=>()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(n>0){t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1}));return}if(!this.isConnected||e!==this.open)return;let i=async()=>{let n=this.triggerElement instanceof D;this.dispatchEvent(new E(r,this,{interaction:this.type,publish:n})),t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1})),this.triggerElement&&!n&&this.triggerElement.dispatchEvent(new E(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await b(),await b(),e===this.open&&e===!1&&this.requestSlottable()};!e&&this.dialogEl.open?(this.dialogEl.addEventListener(`close`,()=>{i()},{once:!0}),this.dialogEl.close()):i()};return this.elements.forEach((e,t)=>{y(e,n(e,t),r(e,t))}),t}dialogApplyFocus(e,t){this.applyFocus(e,t)}}return t}function k(e){class t extends e{async managePopoverOpen(){await this.managePosition()}async manageDelay(e){if(e===!1||e!==this.open){_.close(this);return}this.delayed&&await _.openTimer(this)&&(this.open=!e)}ensureOnDOM(e){document.body.offsetHeight}makeTransition(e){if(this.open!==e)return null;let t=null,n=(n,r)=>()=>{if(e===this.open){if(n.open=e,r===0){let t=e?T:w;this.dispatchEvent(new t)}e===!0&&(n.matches(o.n)&&(t=n),t||=S(n),!t&&n.querySelectorAll(`slot`).forEach(e=>{t||=C(e)}))}},r=(t,n)=>async()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(t.dispatchEvent(new E(r,this,{interaction:this.type})),n>0)return;let i=this.triggerElement instanceof D;this.dispatchEvent(new E(r,this,{interaction:this.type,publish:i})),this.triggerElement&&!i&&this.triggerElement.dispatchEvent(new E(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await b(),await b(),e===this.open&&e===!1&&this.requestSlottable()};return this.elements.forEach((e,t)=>{y(e,n(e,t),r(e,t))}),t}}return t}var ee=typeof CSS<`u`&&CSS.supports(`(overlay: auto)`);function A(e){let t=!1;try{t=e.matches(`:popover-open`)}catch{}let n=!1;try{n=e.matches(`:open`)}catch{}return t||n}function j(e){class t extends e{async manageDelay(e){if(e===!1||e!==this.open){_.close(this);return}this.delayed&&await _.openTimer(this)&&(this.open=!e)}shouldHidePopover(e){if(e&&this.open!==e)return;let t=async({newState:e}={})=>{e!==`open`&&await this.placementController.resetOverlayPosition()};if(!A(this.dialogEl)){t();return}this.dialogEl.addEventListener(`toggle`,t,{once:!0})}shouldShowPopover(e){let t=!1;try{t=this.dialogEl.matches(`:popover-open`)}catch{}let n=!1;try{n=this.dialogEl.matches(`:open`)}catch{}e&&this.open===e&&!t&&!n&&this.isConnected&&(this.dialogEl.showPopover(),this.managePosition())}async ensureOnDOM(e){ee||await this.shouldHidePopover(e),this.shouldShowPopover(e),await b()}makeTransition(e){if(this.open!==e)return null;let t=null,n=(n,r)=>()=>{if(n.open=e,r===0){let t=e?T:w;this.dispatchEvent(new t)}e&&(n.matches(o.n)&&(t=n),t||=S(n),!t&&n.querySelectorAll(`slot`).forEach(e=>{t||=C(e)}))},r=(t,n)=>()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(n>0){t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1}));return}let i=async()=>{if(this.open!==e)return;await b();let n=this.triggerElement instanceof D;this.dispatchEvent(new E(r,this,{interaction:this.type,publish:n})),t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1})),this.triggerElement&&!n&&this.triggerElement.dispatchEvent(new E(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await b(),await b(),e===this.open&&e===!1&&this.requestSlottable()};if(this.open!==e)return;let a=A(this.dialogEl);e!==!0&&a&&this.isConnected?(this.dialogEl.addEventListener(`beforetoggle`,()=>{i()},{once:!0}),this.dialogEl.hidePopover()):i()};return this.elements.forEach((e,t)=>{y(e,n(e,t),r(e,t))}),t}}return t}var M=typeof document<`u`&&`showPopover`in document.createElement(`div`),N=new class{get document(){return this.root.ownerDocument||document}constructor(){this.root=typeof document>`u`?null:document.body,this.stack=[],this.handleScroll=e=>{typeof document<`u`&&e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||this.stack.forEach(t=>{t.open&&(t.type===`auto`&&t.triggerElement instanceof HTMLElement&&t.triggerElement.closest(`luzmo-picker, luzmo-select, luzmo-action-menu`)&&e.stopPropagation(),typeof document<`u`&&document.dispatchEvent(new CustomEvent(`luzmo-update-overlays`,{bubbles:!0,composed:!0,cancelable:!0})))})},this.handlePointerdown=e=>{this.pointerdownPath=e.composedPath(),this.lastOverlay=this.stack.at(-1)},this.handlePointerup=()=>{let e=this.pointerdownPath;if(this.pointerdownPath=void 0,this.stack.length===0||!e?.length)return;let t=this.lastOverlay;this.lastOverlay=void 0;let n=this.stack.length-1,r=this.stack.filter((r,i)=>!e.find(e=>e===r||e===r?.triggerElement&&r?.type===`hint`||i===n&&r!==t&&r.triggerInteraction===`longpress`)&&!r.shouldPreventClose()&&r.type!==`manual`&&!(r.type===`modal`&&t!==r));r.reverse(),r.forEach(e=>{this.closeOverlay(e);let t=e.parentOverlayToForceClose;for(;t;)this.closeOverlay(t),t=t.parentOverlayToForceClose})},this.handleBeforetoggle=e=>{let{target:t,newState:n}=e;n!==`open`&&this.closeOverlay(t)},this.handleKeydown=e=>{if(e.code!==`Escape`||this.stack.length===0)return;let t=this.stack.at(-1);if(t?.type===`page`){e.preventDefault();return}if(t?.type===`manual`){this.closeOverlay(t);return}M||t&&this.closeOverlay(t)},typeof document<`u`&&this.bindEvents()}bindEvents(){typeof document<`u`&&(this.document.addEventListener(`pointerdown`,this.handlePointerdown),this.document.addEventListener(`pointerup`,this.handlePointerup),this.document.addEventListener(`keydown`,this.handleKeydown),this.document.addEventListener(`scroll`,this.handleScroll,{capture:!0}))}closeOverlay(e){let t=this.stack.indexOf(e);t!==-1&&this.stack.splice(t,1),e.open=!1}overlaysByTriggerElement(e){return this.stack.filter(t=>t.triggerElement===e)}add(e){if(this.stack.includes(e)){let t=this.stack.indexOf(e);t!==-1&&(this.stack.splice(t,1),this.stack.push(e));return}if(e.type===`auto`||e.type===`modal`||e.type===`page`){let t=`luzmo-overlay-query-path`,n=new Event(t,{composed:!0,bubbles:!0});e.addEventListener(t,e=>{let t=e.composedPath();this.stack.forEach(e=>{!t.find(t=>t===e)&&e.type!==`manual`&&e.type!==`modal`&&this.closeOverlay(e)})},{once:!0}),e.dispatchEvent(n)}else if(e.type===`hint`){if(this.stack.some(t=>t.type!==`manual`&&t.triggerElement&&t.triggerElement===e.triggerElement)){e.open=!1;return}this.stack.forEach(e=>{e.type===`hint`&&this.closeOverlay(e)})}requestAnimationFrame(()=>{this.stack.push(e),e.addEventListener(`beforetoggle`,this.handleBeforetoggle,{once:!0})})}remove(e){this.closeOverlay(e)}},te=`:host{pointer-events:none;--luzmo-overlay-animation-distance:.5rem;display:contents}:host(:has(>luzmo-tooltip)){--luzmo-overlay-animation-distance:var(--luzmo-tooltip-animation-distance,4px)}.dialog{box-sizing:border-box;--luzmo-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter:drop-shadow(0px 2px 6px #00000026)}:host(:not([open])) .dialog{--luzmo-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px #00000026)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px #00000026)}}@supports (overlay:auto){.dialog{transition:all var(--luzmo-overlay-animation-duration,.13s), translate 0s, display var(--luzmo-overlay-animation-duration,.13s);transition-behavior:allow-discrete;display:none}:is(.dialog:popover-open,.dialog:modal){display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base,1000) + var(--luzmo-overlay-open-count))}}`;function P(e){if(e===void 0)return 0;let t=window.devicePixelRatio||1;return Math.round(e*t)/t}var F=8,I=100,L=e=>({left:[`right`,`bottom`,`top`],"left-start":[`right-start`,`bottom`,`top`],"left-end":[`right-end`,`bottom`,`top`],right:[`left`,`bottom`,`top`],"right-start":[`left-start`,`bottom`,`top`],"right-end":[`left-end`,`bottom`,`top`],top:[`bottom`,`left`,`right`],"top-start":[`bottom-start`,`left`,`right`],"top-end":[`bottom-end`,`left`,`right`],bottom:[`top`,`left`,`right`],"bottom-start":[`top-start`,`left`,`right`],"bottom-end":[`top-end`,`left`,`right`]})[e]??[e],R=Symbol(`placement updated`),z=class{constructor(e){this.originalPlacements=new WeakMap,this.placementGeneration=0,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=()=>{!this.allowPlacementUpdate&&this.options.type!==`modal`&&this.cleanup&&this.target.dispatchEvent(new Event(`close`,{bubbles:!0})),this.allowPlacementUpdate=!1},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{!this.target||!this.options||(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=e,this.host.addController(this)}placeOverlay(e=this.target,t=this.options){if(this.cleanup?.(),this.cleanup=void 0,this.target=e,this.options=t,!e||!t)return;let n=(0,f.autoUpdate)(t.trigger,e,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),r=(0,f.autoUpdate)(t.trigger,e,this.updatePlacement,{ancestorScroll:!1}),i=window.visualViewport,a=0,o=!1,c=()=>{o||a||(a=requestAnimationFrame(()=>{a=0,!o&&this.updatePlacement()}))};i&&s.u()&&(i.addEventListener(`resize`,c,{passive:!0}),i.addEventListener(`scroll`,c,{passive:!0})),this.cleanup=()=>{this.placementGeneration+=1,o=!0,this.host.elements?.forEach(e=>{e.addEventListener(`luzmo-closed`,()=>{let t=this.originalPlacements.get(e);t&&e.setAttribute(`placement`,t),this.originalPlacements.delete(e)},{once:!0})}),n(),r(),i&&s.u()&&(i.removeEventListener(`resize`,c),i.removeEventListener(`scroll`,c),a&&=(cancelAnimationFrame(a),0))}}async computePlacement(){let{options:e,target:t}=this,n=this.placementGeneration,r=()=>this.placementGeneration===n&&!!this.target&&this.target===t;if(await(document.fonts?document.fonts.ready:Promise.resolve()),!r()||s.u()&&(await new Promise(e=>requestAnimationFrame(e)),!r()))return;let i=e.trigger instanceof HTMLElement?(0,f.flip)():(0,f.flip)({padding:F,fallbackPlacements:L(e.placement)}),[a=0,o=0]=Array.isArray(e?.offset)?e.offset:[e.offset,0],c=this.host.elements.find(e=>e.tipElement)?.tipElement,l=[(0,f.offset)({mainAxis:a,crossAxis:o}),(0,f.shift)({padding:F}),i,(0,f.size)({padding:F,apply:({availableWidth:e,availableHeight:n,rects:{floating:r}})=>{let i=Math.max(I,Math.floor(n)),a=r.height;this.initialHeight=this.isConstrained&&this.initialHeight||a,this.isConstrained=a<this.initialHeight||i<=a;let o=this.isConstrained?`${i}px`:``;Object.assign(t.style,{maxWidth:`${Math.floor(e)}px`,maxHeight:o})}}),...c?[(0,f.arrow)({element:c,padding:e.tipPadding||F})]:[]],{x:u,y:d,placement:p,middlewareData:m}=await(0,f.computePosition)(e.trigger,t,{placement:e.placement,middleware:l,strategy:`fixed`});if(!r())return;let h=u,g=d,_=window.visualViewport;if(_&&s.u()&&(h-=_.offsetLeft,g-=_.offsetTop),Object.assign(t.style,{top:`0px`,left:`0px`,translate:`${P(h)}px ${P(g)}px`}),t.setAttribute(`actual-placement`,p),this.host.elements?.forEach(e=>{this.originalPlacements.has(e)||this.originalPlacements.set(e,e.getAttribute(`placement`)),e.setAttribute(`placement`,p)}),c&&m.arrow){let{x:e,y:t}=m.arrow;Object.assign(c.style,{top:p.startsWith(`right`)||p.startsWith(`left`)?`0px`:``,left:p.startsWith(`bottom`)||p.startsWith(`top`)?`0px`:``,translate:`${P(e)}px ${P(t)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty(`max-height`),this.target.style.removeProperty(`max-width`),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener(`luzmo-update-overlays`,this.resetOverlayPosition)}hostUpdated(){this.host.open||(this.cleanup?.(),this.cleanup=void 0)}hostDisconnected(){this.cleanup?.(),this.cleanup=void 0,document.removeEventListener(`luzmo-update-overlays`,this.resetOverlayPosition)}},B=function(e){return e.click=`click`,e.hover=`hover`,e.longpress=`longpress`,e}({}),V=Symbol(`lastInteractionType`),H=`remove-focus-ring-safari-hack`,U=class{get activelyOpening(){return!1}get open(){return this.overlay?.open??this.isLazilyOpen}set open(e){if(e!==this.open){if(this.isLazilyOpen=e,this.overlay){this.overlay.open=e,this.target[V]=this.type;return}e&&Promise.resolve().then(()=>require("./overlay/index.cjs")).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.overlay.open=!0,this.target[V]=this.type})}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this.overlay&&this.overlay.removeController(this),this._overlay=e,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),this.handleOverlayReady?.(this.overlay))}constructor(e,{overlay:t,isPersistent:n,handleOverlayReady:r}){this.target=e,this.isLazilyOpen=!1,this.isPersistent=!1,this.isPersistent=!!n,this.handleOverlayReady=r,this.isPersistent&&this.init(),this.overlay=t}prepareDescription(e){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){this.releaseDescription(),this.abortController?.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}},W=class extends U{constructor(...e){super(...e),this.type=B.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,()=>this.handleClick(),{signal:e}),this.target.addEventListener(`pointerdown`,()=>this.handlePointerdown(),{signal:e})}},G=300,K=class extends U{constructor(...e){super(...e),this.type=B.hover,this.elementIds=[],this.focusedin=!1,this.pointerentered=!1}handleKeyup(e){(e.code===`Tab`||e.code===`Escape`)&&(this.open=!0,this.removeSafariFocusRingClass())}handleTargetFocusin(){if(this.target.matches(`:focus-visible`)){if(s.u()&&this.target[V]===B.click){this.target.classList.add(H);return}this.open=!0,this.focusedin=!0,this.removeSafariFocusRingClass()}}handleTargetFocusout(){this.removeSafariFocusRingClass(),this.focusedin=!1,!this.pointerentered&&(this.open=!1)}handleTargetPointerenter(){this.hoverTimeout&&=(clearTimeout(this.hoverTimeout),void 0),!this.overlay?.disabled&&(this.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&=(clearTimeout(this.hoverTimeout),void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(this.overlay.elements.length===0)return;let e=this.target.getRootNode(),t=this.overlay.elements[0].getRootNode();e===this.overlay.getRootNode()?this.prepareOverlayRelativeDescription():e===t&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let e=n.t(this.target,`aria-describedby`,[this.overlay.id]);this.releaseDescription=()=>{e(),this.releaseDescription=v}}prepareContentRelativeDescription(){let e=[],t=this.overlay.elements.map(t=>(e.push(t.id),t.id||=`${this.overlay.tagName.toLowerCase()}-helper-${r.t()}`,t.id));this.elementIds=e;let i=n.t(this.target,`aria-describedby`,t);this.releaseDescription=()=>{i(),this.overlay.elements.map((e,t)=>{e.id=this.elementIds[t]}),this.releaseDescription=v}}doPointerleave(){this.pointerentered=!1;let e=this.target;this.focusedin&&e.matches(`:focus-visible`)||(this.hoverTimeout=setTimeout(()=>{this.open=!1},G))}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`keyup`,e=>this.handleKeyup(e),{signal:e}),this.target.addEventListener(`focusin`,()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener(`pointerenter`,()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener(`pointerleave`,()=>this.handleTargetPointerleave(),{signal:e}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:e}=this.abortController;this.overlay.addEventListener(`pointerenter`,()=>this.handleHostPointerenter(),{signal:e}),this.overlay.addEventListener(`pointerleave`,()=>this.handleHostPointerleave(),{signal:e})}removeSafariFocusRingClass(){s.u()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(H)}},q=300,J={touch:`Double tap and long press for additional options`,keyboard:`Press Space or Alt+Down Arrow for additional options`,mouse:`Click and hold for additional options`},Y=class extends U{constructor(...e){super(...e),this.type=B.longpress,this.longpressState=null,this.releaseDescription=v,this.handlePointerup=()=>{clearTimeout(this.timeout),this.target&&(this.longpressState=this.overlay?.state===`opening`?`pressed`:null,document.removeEventListener(`pointerup`,this.handlePointerup),document.removeEventListener(`pointercancel`,this.handlePointerup))}}get activelyOpening(){return this.longpressState===`opening`||this.longpressState===`pressed`}handleLongpress(){this.open=!0,this.longpressState=this.longpressState===`potential`?`opening`:`pressed`}handlePointerdown(e){this.target&&e.button===0&&(this.longpressState=`potential`,document.addEventListener(`pointerup`,this.handlePointerup),document.addEventListener(`pointercancel`,this.handlePointerup),!(`holdAffordance`in this.target)&&(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`pointer`}}))},q)))}handleKeydown(e){let{code:t,altKey:n}=e;n&&t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation())}handleKeyup(e){let{code:t,altKey:n}=e;if(t===`Space`||n&&t===`ArrowDown`){if(!this.target)return;e.stopPropagation(),this.target.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(e){if(this.releaseDescription!==v||this.overlay.elements.length===0)return;let t=document.createElement(`div`);t.id=`longpress-describedby-descriptor-${r.t()}`,t.textContent=J[s.a()||s.t()?`touch`:`keyboard`],t.slot=`longpress-describedby-descriptor`;let i=e.getRootNode();i===this.overlay.getRootNode()?this.overlay.append(t):(t.hidden=!(`host`in i),e.after(t));let a=n.t(e,`aria-describedby`,[t.id]);this.releaseDescription=()=>{a(),t.remove(),this.releaseDescription=v}}shouldCompleteOpen(){this.longpressState=this.longpressState===`pressed`?null:this.longpressState}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`longpress`,()=>this.handleLongpress(),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener(`keydown`,e=>this.handleKeydown(e),{signal:e}),this.target.addEventListener(`keyup`,e=>this.handleKeyup(e),{signal:e}))}},X={click:W,longpress:Y,hover:K},Z=e.t({LuzmoOverlay:()=>$}),ne=typeof document<`u`&&`showPopover`in document.createElement(`div`),Q=O(x);Q=ne?j(Q):k(Q);var $=class e extends Q{constructor(...e){super(...e),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus=`auto`,this._state=`closed`,this.triggerElement=null,this.type=`auto`,this.wasOpen=!1,this.closeOnFocusOut=e=>{if(!e.relatedTarget)return;let t=new Event(`overlay-relation-query`,{bubbles:!0,composed:!0});e.relatedTarget.addEventListener(t.type,e=>{e.composedPath().includes(this)||(this.open=!1)}),e.relatedTarget.dispatchEvent(t)}}static{this.styles=[(0,c.unsafeCSS)(te)]}get delayed(){return this.elements.at(-1)?.hasAttribute(`delayed`)||this._delayed}set delayed(e){this._delayed=e}get disabled(){return this._disabled}set disabled(e){this._disabled=e,e?(this.strategy?.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof D)}get placementController(){return this._placementController||=new z(this),this._placementController}get open(){return this._open}set open(t){t&&this.disabled||t!==this.open&&(this.strategy?.activelyOpening&&!t||(this._open=t,this.open&&(e.openCount+=1),this.requestUpdate(`open`,!this.open),this.open&&this.requestSlottable()))}static{this.openCount=1}get state(){return this._state}set state(e){if(e===this.state)return;let t=this.state;this._state=e,(this.state===`opened`||this.state===`closed`)&&this.strategy?.shouldCompleteOpen(),this.requestUpdate(`state`,t)}get elementResolver(){return this._elementResolver||=new i.t(this),this._elementResolver}get usesDialog(){return this.type===`modal`||this.type===`page`}get popoverValue(){if(`popover`in this)switch(this.type){case`modal`:case`page`:return;case`hint`:return`manual`;default:return this.type}}get requiresPositioning(){return!(this.type===`page`||!this.open||!this.triggerElement||!this.placement&&this.type!==`hint`)}managePosition(){if(!this.requiresPositioning||!this.open)return;let e=this.offset||0,t=this.triggerElement,n=this.placement||`right`,r=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:e,placement:n,tipPadding:r,trigger:t,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let e=this.open;if(this.open!==e||(await this.manageDelay(e),this.open!==e)||(this.triggerInteraction===`longpress`&&await b(),await this.ensureOnDOM(e),this.open!==e))return;let t=await this.makeTransition(e);this.open===e&&await this.applyFocus(e,t)}async applyFocus(e,t){if(!(this.receivesFocus===`false`||this.type===`hint`)){if(await b(),await b(),e===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}t?.focus()}}returnFocus(){this.open||this.type===`hint`||this.receivesFocus!==`false`&&this.triggerElement?.focus&&(this.contains(this.getRootNode().activeElement)||(()=>{let e=[],t=typeof document>`u`?null:document.activeElement;for(;t?.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;for(;t;){let n=t.assignedSlot||t.parentElement||t.getRootNode()?.host;n&&e.push(n),t=n}return e})().includes(this)||typeof document<`u`&&document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(e){if(!(!this.isConnected&&this.open)&&(this.hasUpdated||await this.updateComplete,this.open?(N.add(this),this.willPreventClose&&(document.addEventListener(`pointerup`,()=>{this.dialogEl.classList.toggle(`not-immediately-closable`,!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle(`not-immediately-closable`,!0))):(e&&this.dispose(),N.remove(this)),this.open&&this.state!==`opened`?this.state=`opening`:!this.open&&this.state!==`closed`&&(this.state=`closing`),this.usesDialog?this.manageDialogOpen():this.managePopoverOpen(),this.type===`auto`)){let e=this.getRootNode();this.open?e.addEventListener(`focusout`,this.closeOnFocusOut,{capture:!0}):e.removeEventListener(`focusout`,this.closeOnFocusOut,{capture:!0})}}bindEvents(){this.strategy?.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new X[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(e){e.newState!==`open`&&this.handleBrowserClose(e)}handleBrowserClose(e){if(e.stopPropagation(),!this.strategy?.activelyOpening){this.open=!1;return}this.manuallyKeepOpen()}handleDialogCancel(e){if(this.type===`page`){e.preventDefault();return}this.handleBrowserClose(e)}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){this.elements.length===0?this.strategy?.releaseDescription():this.hasNonVirtualTrigger&&this.strategy?.prepareDescription(this.triggerElement)}shouldPreventClose(){let e=this.willPreventClose;return this.willPreventClose=!1,e}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new a.t(`overlay-content`,this.open?{}:a.n)),this.lastRequestSlottableState=this.open)}willUpdate(e){if(this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${r.t()}`),e.has(`open`)&&(this.hasUpdated||this.open)&&this.manageOpen(e.get(`open`)),e.has(`trigger`)){let[e,t]=this.trigger?.split(`@`)||[];this.elementResolver.selector=e?`#${e}`:``,this.triggerInteraction=t}let t=!1;e.has(i.n)&&(t=this.triggerElement,this.triggerElement=this.elementResolver.element),e.has(`triggerElement`)&&(t=e.get(`triggerElement`)),t!==!1&&this.bindEvents()}updated(e){super.updated(e),e.has(`placement`)&&(this.placement?this.dialogEl.setAttribute(`actual-placement`,this.placement):this.dialogEl.removeAttribute(`actual-placement`),this.open&&e.get(`placement`)!==void 0&&this.placementController.resetOverlayPosition()),e.has(`state`)&&this.state===`closed`&&e.get(`state`)!==void 0&&this.placementController.clearOverlayPosition()}renderContent(){return c.html` <slot @slotchange=${this.handleSlotchange}></slot> `}get dialogStyleMap(){return{"--luzmo-overlay-open-count":e.openCount.toString()}}renderDialog(){return c.html`
|
|
19
|
-
<dialog
|
|
20
|
-
class="dialog"
|
|
21
|
-
part="dialog"
|
|
22
|
-
placement=${(0,u.ifDefined)(this.requiresPositioning?this.placement||`right`:void 0)}
|
|
23
|
-
style=${(0,d.styleMap)(this.dialogStyleMap)}
|
|
24
|
-
@close=${this.handleBrowserClose}
|
|
25
|
-
@cancel=${this.handleDialogCancel}
|
|
26
|
-
@beforetoggle=${this.handleBeforetoggle}
|
|
27
|
-
?is-visible=${this.state!==`closed`}
|
|
28
|
-
>
|
|
29
|
-
${this.renderContent()}
|
|
30
|
-
</dialog>
|
|
31
|
-
`}renderPopover(){return c.html`
|
|
32
|
-
<div
|
|
33
|
-
class="dialog"
|
|
34
|
-
part="dialog"
|
|
35
|
-
placement=${(0,u.ifDefined)(this.requiresPositioning?this.placement||`right`:void 0)}
|
|
36
|
-
popover=${(0,u.ifDefined)(this.popoverValue)}
|
|
37
|
-
style=${(0,d.styleMap)(this.dialogStyleMap)}
|
|
38
|
-
@beforetoggle=${this.handleBeforetoggle}
|
|
39
|
-
@close=${this.handleBrowserClose}
|
|
40
|
-
?is-visible=${this.state!==`closed`}
|
|
41
|
-
>
|
|
42
|
-
${this.renderContent()}
|
|
43
|
-
</div>
|
|
44
|
-
`}render(){return c.html`
|
|
45
|
-
${this.type===`modal`||this.type===`page`?this.renderDialog():this.renderPopover()}
|
|
46
|
-
<slot name="longpress-describedby-descriptor"></slot>
|
|
47
|
-
`}connectedCallback(){super.connectedCallback(),this.addEventListener(`close`,()=>{this.open=!1}),this.addEventListener(`luzmo-close`,()=>{this.open=!1}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){this.strategy?.releaseDescription(),this.open=!1,super.disconnectedCallback()}};t.t([(0,l.property)({type:Boolean})],$.prototype,`delayed`,null),t.t([(0,l.query)(`.dialog`)],$.prototype,`dialogEl`,void 0),t.t([(0,l.property)({type:Boolean})],$.prototype,`disabled`,null),t.t([(0,l.queryAssignedElements)({flatten:!0,selector:`:not([slot="longpress-describedby-descriptor"], slot)`})],$.prototype,`elements`,void 0),t.t([(0,l.property)({type:Number})],$.prototype,`offset`,void 0),t.t([(0,l.property)({type:Boolean,reflect:!0})],$.prototype,`open`,null),t.t([(0,l.property)()],$.prototype,`placement`,void 0),t.t([(0,l.property)({attribute:`receives-focus`})],$.prototype,`receivesFocus`,void 0),t.t([(0,l.query)(`slot`)],$.prototype,`slotEl`,void 0),t.t([(0,l.state)()],$.prototype,`state`,null),t.t([(0,l.property)({type:Number,attribute:`tip-padding`})],$.prototype,`tipPadding`,void 0),t.t([(0,l.property)()],$.prototype,`trigger`,void 0),t.t([(0,l.property)({attribute:!1})],$.prototype,`triggerElement`,void 0),t.t([(0,l.property)({attribute:!1})],$.prototype,`triggerInteraction`,void 0),t.t([(0,l.property)()],$.prototype,`type`,void 0),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return _}});
|