@luzmo/lucero 2.5.0 → 2.5.2
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 -2
- package/components/{accordion-ciplqKwM.js → accordion-BJLsCC-2.js} +7 -8
- package/components/{accordion-BK0LfhmL.cjs → accordion-OQ0RoC_7.cjs} +1 -1
- package/components/action-bar/index.cjs +1 -1
- package/components/action-bar/index.js +1 -2
- package/components/{action-bar-BZBIeGo7.js → action-bar-B-Y-gJ8B.js} +9 -17
- package/components/{action-bar-DAqG_7VG.cjs → action-bar-Dyt2tyjr.cjs} +1 -1
- package/components/action-button/action-button.d.ts +3 -2
- package/components/action-button/index.cjs +1 -1
- package/components/action-button/index.js +1 -2
- package/components/action-button-BB3ZZFNN.js +136 -0
- package/components/action-button-CL4ZlryE.cjs +22 -0
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +1 -2
- package/components/{action-group-oo7YV0EW.cjs → action-group-Doll-3Bf.cjs} +1 -1
- package/components/{action-group-DSiruuF0.js → action-group-HECoPCas.js} +7 -9
- package/components/action-menu/action-menu.d.ts +16 -1
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.d.ts +1 -0
- package/components/action-menu/index.js +1 -2
- package/components/action-menu-BW-XpCVO.cjs +58 -0
- package/components/{action-menu-D1hTsg9A.js → action-menu-LnXQ7reF.js} +47 -31
- package/components/avatar/index.cjs +1 -1
- package/components/avatar/index.js +1 -2
- package/components/{avatar-CwSyYAKV.js → avatar-CVRQDsx6.js} +7 -9
- package/components/{avatar-DHS5UGTJ.cjs → avatar-DFzJbtId.cjs} +1 -1
- package/components/badge/index.cjs +1 -1
- package/components/badge/index.js +1 -2
- package/components/badge-BSfzmBRf.js +94 -0
- package/components/badge-DzElGOcl.cjs +23 -0
- package/components/button/index.cjs +1 -1
- package/components/button/index.js +2 -2
- package/components/button-BGEWdRbY.cjs +20 -0
- package/components/button-CpaltgRZ.js +125 -0
- package/components/{button-base-DiPzVpp4.js → button-base-BzakIKd0.js} +12 -35
- package/components/{button-base-DiNxrttk.cjs → button-base-CpK2ktvQ.cjs} +3 -3
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +1 -2
- package/components/{button-group-Du7R4SxZ.cjs → button-group-C23OtGC0.cjs} +1 -1
- package/components/{button-group-Duf-Igst.js → button-group-DMsT6N0P.js} +4 -6
- package/components/calendar/index.cjs +1 -1
- package/components/calendar/index.js +1 -2
- package/components/{calendar-pQxEWdYC.cjs → calendar-BqyGW8gU.cjs} +3 -3
- package/components/{calendar-D1UtHvpY.js → calendar-D4x5gp_0.js} +14 -33
- package/components/chat-message/index.cjs +1 -1
- package/components/chat-message/index.js +1 -2
- package/components/{chat-message-D6U-sprD.js → chat-message-5gP_qbiz.js} +665 -654
- package/components/chat-message-Dn5GKsSD.cjs +148 -0
- package/components/chat-message-group/index.cjs +1 -1
- package/components/chat-message-group/index.js +1 -2
- package/components/{chat-message-group-k9lo-ZqD.js → chat-message-group-Bp4mshBY.js} +18 -18
- package/components/{chat-message-group-CvxdX3jt.cjs → chat-message-group-CJddlS85.cjs} +1 -1
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +1 -2
- package/components/checkbox-CVi4GMoo.cjs +25 -0
- package/components/{checkbox-CydI9yXG.js → checkbox-CvRvgRzh.js} +7 -13
- package/components/{checkbox-mixin-jqmrh48O.js → checkbox-mixin-BIuvxtEt.js} +2 -3
- package/components/{checkbox-mixin-rFRXqyrK.cjs → checkbox-mixin-DAdnTm-F.cjs} +1 -1
- package/components/{close-button-Dlvtf9lB.js → close-button-7zS6PUzh.js} +5 -6
- package/components/{close-button-BAELImQY.cjs → close-button-B06i2hJn.cjs} +1 -1
- package/components/color-area/index.cjs +1 -1
- package/components/color-area/index.js +1 -2
- package/components/{color-area-CmKlQG1i.cjs → color-area-D1fRozE0.cjs} +1 -1
- package/components/{color-area-lbg8wwZG.js → color-area-qlEAp8ZN.js} +10 -20
- package/components/color-controller-BpdydwTO.cjs +18 -0
- package/components/{color-controller-Rg_Zl0sT.js → color-controller-CauSxC_r.js} +1 -2
- package/components/color-field/index.cjs +1 -1
- package/components/color-field/index.js +1 -2
- package/components/{color-field-BH9x46k_.cjs → color-field-CN8shDl_.cjs} +1 -1
- package/components/{color-field-C9S-Fv46.js → color-field-CVyDNZ4b.js} +5 -7
- package/components/color-handle/index.cjs +1 -1
- package/components/color-handle/index.js +1 -2
- package/components/{color-handle-2iFLp9FN.cjs → color-handle-BE0Z1gTU.cjs} +1 -1
- package/components/{color-handle-BEDQ1RcS.js → color-handle-Dc0uLgkf.js} +4 -6
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +1 -2
- package/components/{color-loupe-6NcLbFco.cjs → color-loupe-2X1bCYU9.cjs} +1 -1
- package/components/{color-loupe-CqHyyvjQ.js → color-loupe-Bu37Uwk6.js} +3 -5
- package/components/color-menu/index.cjs +1 -1
- package/components/color-menu/index.js +1 -2
- package/components/{color-menu-qJK_clDq.js → color-menu-BxFQnH79.js} +12 -14
- package/components/{color-menu-BYTgxLQG.cjs → color-menu-Cus3S-Re.cjs} +1 -1
- package/components/color-palette/index.cjs +1 -1
- package/components/color-palette/index.js +1 -2
- package/components/{color-palette-x6W09EBL.cjs → color-palette-D5NZDz5I.cjs} +1 -1
- package/components/{color-palette-CqiO5ohz.js → color-palette-UU7Feiwh.js} +7 -8
- package/components/color-palette-group/index.cjs +1 -1
- package/components/color-palette-group/index.js +1 -2
- package/components/{color-palette-group-zByrO_qb.js → color-palette-group-CwmC9iR1.js} +5 -7
- package/components/{color-palette-group-D4k_7pW6.cjs → color-palette-group-DhGh0Db8.cjs} +1 -1
- package/components/color-picker/index.cjs +1 -1
- package/components/color-picker/index.js +1 -2
- package/components/{color-picker-BAikpqUT.cjs → color-picker-BTT1O-76.cjs} +1 -1
- package/components/{color-picker-CSuAPo5X.js → color-picker-orFSIqoZ.js} +9 -11
- package/components/color-slider/index.cjs +1 -1
- package/components/color-slider/index.js +1 -2
- package/components/{color-slider-CMW8gJ0Z.cjs → color-slider-9Ck28Qdk.cjs} +1 -1
- package/components/{color-slider-0JzdSRTy.js → color-slider-X1EArAnx.js} +8 -14
- package/components/{condition-attribute-with-id-BdnTdWKz.js → condition-attribute-with-id-v1wjKZc3.js} +1 -2
- package/components/date-range-picker/index.cjs +1 -1
- package/components/date-range-picker/index.js +1 -2
- package/components/{date-range-picker-DKVmGpUC.js → date-range-picker-CoCz3uDz.js} +28 -29
- package/components/{date-range-picker-D149LIGC.cjs → date-range-picker-DyJdcFiA.cjs} +3 -3
- package/components/date-time-picker/index.cjs +1 -1
- package/components/date-time-picker/index.js +1 -2
- package/components/{date-time-picker-CRpvRk9T.cjs → date-time-picker-CEEeMXGn.cjs} +3 -3
- package/components/{date-time-picker-6c19YzwF.js → date-time-picker-CsgO17tA.js} +23 -36
- package/components/{decorate-CkCg3wfh.js → decorate-CpKsOs9z.js} +18 -19
- package/components/{decorate-Dq34MBGe.cjs → decorate-SO02l0A6.cjs} +1 -1
- package/components/{dependency-manger-wHEXoU92.js → dependency-manger-BneVBZQi.js} +1 -2
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +1 -2
- package/components/{divider-Cz5nyvP9.js → divider-Bt0NIqfu.js} +5 -7
- package/components/{divider-BcE8D-pH.cjs → divider-fWGUxO6A.cjs} +1 -1
- package/components/{divider.module-CPEKsaqR.js → divider.module-B_GRUJ4d.js} +1 -2
- package/components/{element-resolution-gap51AVo.js → element-resolution-BYvcpZwK.js} +1 -2
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +2 -3
- package/components/{field-group-Dd5xYczm.cjs → field-group-B8mhEhNJ.cjs} +1 -1
- package/components/{field-group-C_kRq7pJ.js → field-group-CdDcdMO1.js} +3 -4
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +1 -2
- package/components/{field-label-C0vfY1b6.cjs → field-label-B3IsGUTv.cjs} +2 -2
- package/components/{field-label-C28wWqC5.js → field-label-DOUnHwwh.js} +9 -15
- package/components/focus-group-C0ncbmUD.cjs +18 -0
- package/components/{focus-group-DVPa1zxz.js → focus-group-lQqPbdDl.js} +5 -7
- package/components/{focus-visible-DNHNlrty.cjs → focus-visible-BQAhwoxi.cjs} +1 -1
- package/components/{focus-visible-Bt2uDmuM.js → focus-visible-D6TRtUd7.js} +2 -3
- package/components/focusable-BIHTrJd6.cjs +18 -0
- package/components/{focusable-selectors-BWpiuXz5.js → focusable-selectors-BDNeWxbe.js} +1 -2
- package/components/{focusable-DuP0-Kuy.js → focusable-xjv79E40.js} +9 -17
- package/components/{get-label-from-slot-Bo9mqYCZ.js → get-label-from-slot-Bw5crGFw.js} +1 -2
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +1 -2
- package/components/{icon-zOPAWCdx.cjs → icon-BlbMP3mJ.cjs} +1 -1
- package/components/{icon-CsJZMhIm.js → icon-DADJww_a.js} +4 -7
- package/components/index.cjs +1 -1
- package/components/index.js +72 -71
- package/components/infield-button/index.cjs +1 -1
- package/components/infield-button/index.js +1 -2
- package/components/{infield-button-DiE8R6ol.js → infield-button-CeE_JxR6.js} +5 -7
- package/components/{infield-button-kilVRjwB.cjs → infield-button-uD1GqTLW.cjs} +1 -1
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +1 -2
- package/components/{label-e6Y13vrS.js → label-D1v4e6mN.js} +3 -5
- package/components/{label-B3zs6OX0.cjs → label-uuwIy_Ge.cjs} +1 -1
- package/components/{language-resolution-BaKYDD1a.js → language-resolution-7rc0khIK.js} +3 -4
- package/components/{language-resolution-CSjktYg5.cjs → language-resolution-B7D3hQ6_.cjs} +1 -1
- package/components/{like-anchor-DXCaEv7O.js → like-anchor-DcFv8rEo.js} +2 -3
- package/components/{like-anchor-BX4PSB3d.cjs → like-anchor-De9STeWr.cjs} +1 -1
- package/components/{manage-help-text-ByLb0QYX.js → manage-help-text-CFUaqINN.js} +4 -6
- package/components/{match-media-C5X2OZiD.js → match-media-UNh23w4s.js} +1 -2
- package/components/menu/index.cjs +1 -1
- package/components/menu/index.js +1 -2
- package/components/menu-BKwt6rnv.cjs +108 -0
- package/components/{menu-fdJseu1y.js → menu-L5qYivn6.js} +43 -67
- package/components/multi-language-field/index.cjs +1 -1
- package/components/multi-language-field/index.js +1 -2
- package/components/{multi-language-field-vJMK-osi.js → multi-language-field-NY2XwK2M.js} +6 -8
- package/components/{multi-language-field-BndVikur.cjs → multi-language-field-djoM4Okc.cjs} +1 -1
- package/components/notice/index.cjs +1 -1
- package/components/notice/index.js +1 -2
- package/components/{notice-N0-lxEf_.js → notice-CrLVNmqL.js} +6 -8
- package/components/{notice-CsWaqcq3.cjs → notice-f0p0TiGw.cjs} +1 -1
- package/components/number-field/index.cjs +1 -1
- package/components/number-field/index.js +1 -2
- package/components/{number-field-xxXgR70l.cjs → number-field-Ceeli_mh.cjs} +2 -2
- package/components/{number-field-DAOy_AvQ.js → number-field-D9UqpqpW.js} +12 -20
- package/components/{observe-slot-presence-BKY6n06-.js → observe-slot-presence-t2N_C6Ud.js} +1 -2
- package/components/{observe-slot-text-CvL-2ey3.cjs → observe-slot-text-BqwCIv2a.cjs} +1 -1
- package/components/{observe-slot-text-Db8Kx3P-.js → observe-slot-text-Dzkb_VqN.js} +2 -3
- package/components/options/index.cjs +1 -1
- package/components/options/index.js +1 -2
- package/components/{options-D_ifU0DH.js → options-BHDesKbF.js} +20 -31
- package/components/{options-CP9V2CSJ.cjs → options-Dk1uFeUT.cjs} +5 -5
- package/components/overlay/index.cjs +1 -1
- package/components/overlay/index.js +2 -2
- package/components/overlay-DAOyrYJL.cjs +102 -0
- package/components/{overlay-DpHIYJtd.js → overlay-D_Xfq92b.js} +62 -118
- package/components/{pending-state-CGHvTtKR.cjs → pending-state-A6NrvaQj.cjs} +1 -1
- package/components/{pending-state-D_b45qvi.js → pending-state-BuYmUP6G.js} +2 -3
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +2 -3
- package/components/{picker-uKcRswTQ.js → picker-C5eX5WBl.js} +25 -41
- package/components/picker-CQCAt4Mx.cjs +124 -0
- package/components/picker-button/index.cjs +1 -1
- package/components/picker-button/index.js +1 -2
- package/components/{picker-button-B8Jbf9jK.cjs → picker-button-BWDfzx38.cjs} +2 -2
- package/components/{picker-button-CJQJshbo.js → picker-button-BhfY9gyk.js} +11 -12
- package/components/{platform-Ce9pNsR9.js → platform-CDW-WdXN.js} +1 -2
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +1 -2
- package/components/{popover-BsdqkvKI.cjs → popover-CFzz83f8.cjs} +1 -1
- package/components/{popover-DC8tkee-.js → popover-CWrRLzOL.js} +4 -6
- package/components/progress-bar/index.cjs +1 -1
- package/components/progress-bar/index.js +1 -2
- package/components/{progress-bar-CrodWzcc.cjs → progress-bar-9Qg0PYAq.cjs} +2 -2
- package/components/{progress-bar-D4iFHkp7.js → progress-bar-D6wIZV5l.js} +16 -22
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +1 -2
- package/components/{progress-circle-bO_VAX3N.cjs → progress-circle-C_9UZs2Y.cjs} +1 -1
- package/components/{progress-circle-By6qUQYe.js → progress-circle-DcGKwBTC.js} +5 -7
- package/components/progress-steps/index.cjs +1 -1
- package/components/progress-steps/index.js +1 -2
- package/components/progress-steps/progress-steps-model.d.ts +5 -0
- package/components/progress-steps/progress-steps.d.ts +4 -8
- package/components/progress-steps-5MhpnGKv.cjs +98 -0
- package/components/{progress-steps-BvCzsq9Z.js → progress-steps-Byem5ieS.js} +43 -54
- package/components/prompt-box/index.cjs +1 -1
- package/components/prompt-box/index.js +1 -2
- package/components/{prompt-box-Cz_m2wso.js → prompt-box-CrtFGmjm.js} +80 -112
- package/components/{prompt-box-sp9_-Hnx.cjs → prompt-box-D7owyhfG.cjs} +15 -15
- package/components/question-box/index.cjs +1 -1
- package/components/question-box/index.js +1 -2
- package/components/{question-box-Bcm-P-UV.js → question-box-BJYYLghb.js} +40 -86
- package/components/{question-box-DZnuGMBB.cjs → question-box-ym1eakXA.cjs} +3 -3
- package/components/radio/index.cjs +1 -1
- package/components/radio/index.js +1 -2
- package/components/{radio-B6hX9Klr.js → radio-CyxICbLM.js} +9 -15
- package/components/{radio-CRTfoEX_.cjs → radio-Dd-GgUMm.cjs} +2 -2
- package/components/{random-id-CiMDyX7v.js → random-id-CO3s9i3n.js} +1 -2
- package/components/{rolldown-runtime-Dy4uBu1J.js → rolldown-runtime-CGnMp29N.js} +1 -2
- package/components/{roving-tabindex-pomAn3z-.js → roving-tabindex-BKMkfzY0.js} +2 -3
- package/components/{roving-tabindex-BoPao4td.cjs → roving-tabindex-BUFR8hPH.cjs} +1 -1
- package/components/{scaled-indicator-C-TupV4L.js → scaled-indicator-CsfzvTDr.js} +1 -2
- package/components/search/index.cjs +1 -1
- package/components/search/index.js +1 -2
- package/components/{search-DEjLSJ96.js → search-C5uFmm6S.js} +7 -9
- package/components/{search-PxJEuwHt.cjs → search-DiCwSHFf.cjs} +1 -1
- package/components/segments-factory-BFgL5o9K.cjs +18 -0
- package/components/{segments-factory-BCRi1NKb.js → segments-factory-B_IBjpdp.js} +5 -12
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -2
- package/components/{select-CKMCEJf7.cjs → select-2Fvb7tpj.cjs} +6 -6
- package/components/{select-B86uAHme.js → select-HqF3tcHz.js} +31 -56
- package/components/{sized-mixin-DzQTebN-.js → sized-mixin-BmxIAuoH.js} +2 -3
- package/components/{sized-mixin-BT7cv-fT.cjs → sized-mixin-CSajkMro.cjs} +1 -1
- package/components/skeleton-loader/index.cjs +1 -1
- package/components/skeleton-loader/index.js +1 -2
- package/components/{skeleton-loader-CNcwCh4V.cjs → skeleton-loader-CEca0cqz.cjs} +1 -1
- package/components/{skeleton-loader-BeCsYADg.js → skeleton-loader-tin9y3xc.js} +3 -5
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +1 -2
- package/components/{slider-C_8pSK4N.cjs → slider-C1AdDTfB.cjs} +2 -2
- package/components/{slider-Bsl8Xrme.js → slider-Ch7OgTdj.js} +13 -26
- package/components/{slottable-request-event-MRSZbgTu.js → slottable-request-event-24jJOhbh.js} +1 -2
- package/components/split-view/index.cjs +1 -1
- package/components/split-view/index.js +1 -2
- package/components/{split-view-CDwHDmII.js → split-view-DDwpoN2O.js} +8 -11
- package/components/{split-view-BwCFYey6.cjs → split-view-DNVlr5VD.cjs} +1 -1
- package/components/status-light/index.cjs +1 -1
- package/components/status-light/index.js +1 -2
- package/components/status-light-Do6z53mM.cjs +21 -0
- package/components/{status-light-DwUnjE3t.js → status-light-DqHhhZed.js} +6 -8
- package/components/strategies-C6hzAW86.cjs +18 -0
- package/components/{strategies-COS7mShJ.js → strategies-DgPG-vNk.js} +6 -13
- package/components/{streaming-listener-CtcMpYfS.js → streaming-listener-B6mDl4pZ.js} +1 -2
- package/components/swatch/index.cjs +1 -1
- package/components/swatch/index.js +1 -2
- package/components/{swatch-Bj2FARl1.js → swatch-BBVsuSAV.js} +25 -44
- package/components/{swatch-CQ0inIHK.cjs → swatch-DiNMN-SZ.cjs} +3 -3
- package/components/switch/index.cjs +1 -1
- package/components/switch/index.js +1 -2
- package/components/{switch-CpG-hSWY.js → switch-BBtewLDD.js} +6 -8
- package/components/{switch-qwpYXVnO.cjs → switch-DMhCYTgq.cjs} +1 -1
- package/components/table/index.cjs +1 -1
- package/components/table/index.js +1 -2
- package/components/table-CLMLGloR.cjs +180 -0
- package/components/{table-B75GjBhD.js → table-DlOWqm5C.js} +217 -264
- package/components/tabs/index.cjs +1 -1
- package/components/tabs/index.js +1 -2
- package/components/{tabs-DxOD4QNt.cjs → tabs-B0WHKMuF.cjs} +2 -2
- package/components/{tabs-BD_ATrBg.js → tabs-Dkt0B_-A.js} +17 -22
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +1 -2
- package/components/tags-Be4yrNPw.js +206 -0
- package/components/tags-CHDNXpxh.cjs +47 -0
- package/components/template-property-Bks4Db5C.js +46 -0
- package/components/template-property-yhcAmPXk.cjs +18 -0
- package/components/text-field/index.cjs +1 -1
- package/components/text-field/index.js +2 -2
- package/components/{text-field-3fDtTQkR.cjs → text-field-BVl-HWzb.cjs} +1 -1
- package/components/{text-field-CmyqQxq0.js → text-field-D49lAD7L.js} +4 -5
- package/components/{text-field-CbN4nydd.cjs → text-field-DCcOZSvY.cjs} +1 -1
- package/components/{text-field-CmSym2QK.js → text-field-DpvP_tCP.js} +7 -10
- package/components/{text-field.module-BHhBReKL.js → text-field.module-hEHhPVFf.js} +1 -2
- package/components/toast/index.cjs +1 -1
- package/components/toast/index.js +1 -2
- package/components/{toast-DRrGgznK.cjs → toast-B6yesIcI.cjs} +1 -1
- package/components/{toast-KwHx-agn.js → toast-CXZUVaYz.js} +5 -7
- package/components/tokens.js +1 -2
- package/components/tooltip/index.cjs +1 -1
- package/components/tooltip/index.js +1 -2
- package/components/{tooltip-DjOW52n2.cjs → tooltip-BE01O3Sg.cjs} +1 -1
- package/components/{tooltip-xTa9Q5JW.js → tooltip-g2jd5Wsv.js} +19 -24
- package/components/top-nav/index.cjs +1 -1
- package/components/top-nav/index.js +1 -2
- package/components/{top-nav-81IKEGjR.cjs → top-nav-B0E1K_zf.cjs} +1 -1
- package/components/{top-nav-CXjnpdFR.js → top-nav-DiUCsUpZ.js} +9 -11
- package/components/utils.cjs +1 -1
- package/components/utils.js +9 -8
- package/components/{voice-recorder-CTg3kRxx.js → voice-recorder-BXY_l_78.js} +1 -2
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/standalone/accordion.js +6 -2
- package/standalone/action-bar.js +1 -1
- package/standalone/action-button.js +1 -1
- package/standalone/action-group.js +1 -1
- package/standalone/action-menu.js +5 -3
- package/standalone/avatar.js +1 -1
- package/standalone/badge.js +1 -1
- package/standalone/button-group.js +1 -1
- package/standalone/button.js +1 -1
- package/standalone/calendar.js +1 -1
- package/standalone/chat-message-group.js +1 -1
- package/standalone/chat-message.js +31 -31
- package/standalone/checkbox.js +1 -1
- package/standalone/chunks/NumberFormatter-COykocAS.js +2 -0
- package/standalone/chunks/NumberParser--1Rm0Yk7.js +2 -0
- package/standalone/chunks/action-button-0d4u0dWv.js +6 -0
- package/standalone/chunks/{action-group-DTxf-0tP.js → action-group-DlClwXLO.js} +5 -1
- package/standalone/chunks/async-directive-ByLzVnWY.js +2 -0
- package/standalone/chunks/async-directive-DNgXlN7F.js +2 -0
- package/standalone/chunks/badge-DPFbBRCY.js +7 -0
- package/standalone/chunks/{button-Q1n9DH9a.js → button-Bgc3zdEa.js} +1 -1
- package/standalone/chunks/button-BhSe7abg.js +4 -0
- package/standalone/chunks/button-base-DLYrzCSm.js +9 -0
- package/standalone/chunks/calendar-BxARYymw.js +122 -0
- package/standalone/chunks/checkbox-Cl6YBcGA.js +9 -0
- package/standalone/chunks/{checkbox-mixin-BAQWmwps.js → checkbox-mixin-HnfmivU3.js} +1 -1
- package/standalone/chunks/class-map-E9JVium5.js +2 -0
- package/standalone/chunks/{clear-button-3zpCVxG5.js → clear-button-B4r_oxfc.js} +1 -1
- package/standalone/chunks/{close-button-C96dazyi.js → close-button-DVCeu3_f.js} +1 -1
- package/standalone/chunks/{color-area-Cj8oPsIF.js → color-area-BCI2oMGd.js} +3 -1
- package/standalone/chunks/color-controller-BlFueK6Y.js +2 -0
- package/standalone/chunks/{color-field-BFvUGE4L.js → color-field-BaVvupq0.js} +1 -1
- package/standalone/chunks/{color-handle-BHrAxEG2.js → color-handle-BLQiuRSS.js} +1 -1
- package/standalone/chunks/{color-loupe-C34cms5t.js → color-loupe-_dC69K1Z.js} +1 -1
- package/standalone/chunks/{color-menu-BIKuitbH.js → color-menu-BDZh85nX.js} +1 -1
- package/standalone/chunks/color-slider-Bipcekrc.js +49 -0
- package/standalone/chunks/{directive-helpers-Bu8icI7Y.js → directive-helpers-DM8VtBpR.js} +1 -1
- package/standalone/chunks/{divider-Bf9Drp2z.js → divider-vAjIOfo1.js} +1 -1
- package/standalone/chunks/{field-group-D8EjgC6F.js → field-group-C1oDgW9m.js} +1 -1
- package/standalone/chunks/{field-label-VWHDlW9_.js → field-label-Djcst_hn.js} +2 -2
- package/standalone/chunks/flow-CL5kBpdV.js +2 -0
- package/standalone/chunks/focus-group-xdTxdfaB.js +4 -0
- package/standalone/chunks/{icon-BypO7M7G.js → icon-6P1RsbD1.js} +1 -1
- package/standalone/chunks/{infield-button-D03MpU_s.js → infield-button-B8EkjwP9.js} +1 -1
- package/standalone/chunks/keyed-DYJaQjip.js +2 -0
- package/standalone/chunks/{language-resolution-BWHk9A73.js → language-resolution-BwIkGyuH.js} +1 -1
- package/standalone/chunks/lit-DWANyjiY.js +3 -0
- package/standalone/chunks/lucero-runtime-DMlHjBe_.js +18 -0
- package/standalone/chunks/{luzmo-icons-B-pCv-xg.js → luzmo-icons-vtQE0BSI.js} +1 -1
- package/standalone/chunks/{manage-help-text-Cl9OJ2xf.js → manage-help-text-DO3PkWgh.js} +1 -1
- package/standalone/chunks/menu-CefrRBIS.js +100 -0
- package/standalone/chunks/{number-field-B6BDXkL7.js → number-field-Dc4nBa6l.js} +2 -2
- package/standalone/chunks/observe-slot-presence-BxmG6A0m.js +2 -0
- package/standalone/chunks/options-rb_zaAJ6.js +89 -0
- package/standalone/chunks/overlay-CgQMEmrM.js +122 -0
- package/standalone/chunks/{pending-state-DxeRqe6Q.js → pending-state-DnTXKvtm.js} +1 -1
- package/standalone/chunks/picker-HoERLlkx.js +108 -0
- package/standalone/chunks/{picker-button-BZWqDoNQ.js → picker-button-DbamPU-T.js} +2 -2
- package/standalone/chunks/platform-wNs7qaiE.js +10 -0
- package/standalone/chunks/{popover-BsB3dmQe.js → popover-Ca-FBqiU.js} +1 -1
- package/standalone/chunks/{progress-circle-CEx1b5Sv.js → progress-circle-CFtVq9Ou.js} +1 -1
- package/standalone/chunks/property-BsDbx7Z2.js +2 -0
- package/standalone/chunks/{radio-2vHhfmHw.js → radio-BJ3RhyUD.js} +2 -2
- package/standalone/chunks/random-id-0GBXy8EY.js +2 -0
- package/standalone/chunks/repeat-CtNle5_O.js +2 -0
- package/standalone/chunks/{roving-tabindex-CB4xC55P.js → roving-tabindex-CivopiNn.js} +1 -1
- package/standalone/chunks/scaled-indicator-Do5uhz24.js +10 -0
- package/standalone/chunks/segments-factory-B6oGyosS.js +2 -0
- package/standalone/chunks/{skeleton-loader-BxYcRRJr.js → skeleton-loader-CymPdQl3.js} +1 -1
- package/standalone/chunks/strategies-yujlVHBS.js +4 -0
- package/standalone/chunks/streaming-listener-DbMoHlSj.js +8 -0
- package/standalone/chunks/style-map-DmBaq1-c.js +2 -0
- package/standalone/chunks/{swatch-CGR_GWqO.js → swatch-DivHeYOK.js} +4 -4
- package/standalone/chunks/template-property-CyrkVY0Q.js +2 -0
- package/standalone/chunks/{text-field-4OKvLOXG.js → text-field-D5ncaa2n.js} +1 -1
- package/standalone/chunks/{text-field-C2oROxum.js → text-field-DXzpM1Qn.js} +1 -1
- package/standalone/chunks/{tooltip-DB6jRVyB.js → tooltip-B-j8PrNl.js} +13 -1
- package/standalone/chunks/{unsafe-html-BPQaWy0v.js → unsafe-html-BeDipvu3.js} +1 -1
- package/standalone/clear-button.js +1 -1
- package/standalone/close-button.js +1 -1
- package/standalone/color-area.js +1 -1
- package/standalone/color-field.js +1 -1
- package/standalone/color-handle.js +1 -1
- package/standalone/color-loupe.js +1 -1
- package/standalone/color-menu.js +1 -1
- package/standalone/color-palette-group.js +1 -1
- package/standalone/color-palette.js +1 -1
- package/standalone/color-picker.js +1 -1
- package/standalone/color-slider.js +1 -1
- package/standalone/date-range-picker.js +3 -3
- package/standalone/date-time-picker.js +3 -3
- package/standalone/divider.js +1 -1
- package/standalone/field-group.js +1 -1
- package/standalone/field-label.js +1 -1
- package/standalone/icon.js +1 -1
- package/standalone/infield-button.js +1 -1
- package/standalone/label.js +1 -1
- package/standalone/lit.js +1 -1
- package/standalone/manifest.json +65 -65
- package/standalone/menu.js +1 -1
- package/standalone/multi-language-field.js +1 -1
- package/standalone/notice.js +1 -1
- package/standalone/number-field.js +1 -1
- package/standalone/options.js +1 -1
- package/standalone/overlay.js +1 -1
- package/standalone/picker-button.js +1 -1
- package/standalone/picker.js +1 -1
- package/standalone/popover.js +1 -1
- package/standalone/progress-bar.js +2 -2
- package/standalone/progress-circle.js +1 -1
- package/standalone/progress-steps.js +10 -10
- package/standalone/prompt-box.js +17 -17
- package/standalone/question-box.js +3 -3
- package/standalone/radio.js +1 -1
- package/standalone/search.js +1 -1
- package/standalone/select.js +6 -6
- package/standalone/skeleton-loader.js +1 -1
- package/standalone/slider.js +2 -2
- package/standalone/split-view.js +1 -1
- package/standalone/status-light.js +1 -1
- package/standalone/swatch.js +1 -1
- package/standalone/switch.js +1 -1
- package/standalone/table.js +32 -32
- package/standalone/tabs.js +2 -2
- package/standalone/tags.js +1 -1
- package/standalone/text-field.js +1 -1
- package/standalone/toast.js +1 -1
- package/standalone/tooltip.js +1 -1
- package/standalone/top-nav.js +1 -1
- package/standalone/utils.js +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/template-property.d.ts +13 -0
- package/components/action-button-BRijXjEz.js +0 -138
- package/components/action-button-CX1uYbQp.cjs +0 -22
- package/components/action-menu-BNZWjeDd.cjs +0 -56
- package/components/badge-D2Hjf-Ww.js +0 -96
- package/components/badge-D8pIDEoq.cjs +0 -23
- package/components/button-Bvnidb4x.cjs +0 -20
- package/components/button-DIV_j_U3.js +0 -126
- package/components/chat-message-BDfomRm-.cjs +0 -148
- package/components/checkbox-JCvBro0K.cjs +0 -25
- package/components/color-controller-DbyPc33Y.cjs +0 -18
- package/components/focus-group-C8lOjbi9.cjs +0 -18
- package/components/focusable-B6h03pAe.cjs +0 -18
- package/components/menu-CrhA2iPZ.cjs +0 -108
- package/components/overlay-Dn7EbA_W.cjs +0 -102
- package/components/picker-COeWCv60.cjs +0 -124
- package/components/progress-steps-CvdQQwHc.cjs +0 -98
- package/components/segments-factory-DtPyN5sh.cjs +0 -18
- package/components/status-light-D3hdx8Pd.cjs +0 -21
- package/components/strategies-Bb7zEjrU.cjs +0 -18
- package/components/table-CHrAaVU1.cjs +0 -180
- package/components/tags-BIpFgOYy.js +0 -208
- package/components/tags-fLCGajv_.cjs +0 -47
- package/standalone/chunks/NumberFormatter-DMCfW685.js +0 -2
- package/standalone/chunks/NumberParser-r_jv94LA.js +0 -2
- package/standalone/chunks/action-button-FSsfXYe9.js +0 -6
- package/standalone/chunks/async-directive-BA2_dM-5.js +0 -2
- package/standalone/chunks/async-directive-CPdA0BOw.js +0 -2
- package/standalone/chunks/badge-DD-tMgzi.js +0 -7
- package/standalone/chunks/button-Bv3v7VbN.js +0 -4
- package/standalone/chunks/button-base-C7jeeyLp.js +0 -9
- package/standalone/chunks/calendar-DcFjY2tw.js +0 -122
- package/standalone/chunks/checkbox-DQ4wPgG_.js +0 -9
- package/standalone/chunks/class-map-CxQ0PcQP.js +0 -2
- package/standalone/chunks/color-controller-fJNWRHVI.js +0 -2
- package/standalone/chunks/color-slider-CAqvxsgS.js +0 -41
- package/standalone/chunks/flow-aCcJ5kgi.js +0 -2
- package/standalone/chunks/focus-group-Cl6MLy-C.js +0 -2
- package/standalone/chunks/keyed-CNWmQd2J.js +0 -2
- package/standalone/chunks/lit-BN_lRQbJ.js +0 -3
- package/standalone/chunks/lucero-runtime-DGJ9-isg.js +0 -16
- package/standalone/chunks/menu-DSMoQt1w.js +0 -92
- package/standalone/chunks/observe-slot-presence-DWPtw22K.js +0 -2
- package/standalone/chunks/options-CkmITqgV.js +0 -89
- package/standalone/chunks/overlay-C4ir0iyC.js +0 -31
- package/standalone/chunks/overlay-C_XW8yry.js +0 -57
- package/standalone/chunks/picker-FCQK0vdE.js +0 -108
- package/standalone/chunks/platform-BfrBbd97.js +0 -2
- package/standalone/chunks/property-CLXrnTGx.js +0 -2
- package/standalone/chunks/random-id-CeLe5NEk.js +0 -2
- package/standalone/chunks/repeat-CZdNcszA.js +0 -2
- package/standalone/chunks/scaled-indicator-k-1JmS0b.js +0 -10
- package/standalone/chunks/segments-factory-eS38mJRz.js +0 -2
- package/standalone/chunks/strategies-C-vW4MlK.js +0 -2
- package/standalone/chunks/streaming-listener-DFczLm8I.js +0 -2
- package/standalone/chunks/style-map-D4QeV3m0.js +0 -2
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 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("./focusable-B6h03pAe.cjs"),r=require("./language-resolution-CSjktYg5.cjs"),i=require("./dependency-manger-BSaHw9ju.cjs"),a=require("./match-media-B_0cVVtk.cjs");require("./progress-circle-bO_VAX3N.cjs");const o=require("./pending-state-CGHvTtKR.cjs");require("./menu-CrhA2iPZ.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./tooltip-DjOW52n2.cjs");const s=require("./strategies-Bb7zEjrU.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@luzmo/icons"),d=require("lit/directives/if-defined.js"),f=require("lit/directives/class-map.js"),p=require("lit/directives/style-map.js");var m=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,h=()=>c.html`
|
|
19
|
-
<div class="disclosure-icon icon">
|
|
20
|
-
${(0,u.luzmoIcon)(u.luzmoAngleDown,{className:`indicator`})}
|
|
21
|
-
</div>
|
|
22
|
-
`,g=()=>c.html`
|
|
23
|
-
<div class="icon-container validation-icon icon">
|
|
24
|
-
${(0,u.luzmoIcon)(u.luzmoAlert)}
|
|
25
|
-
</div>
|
|
26
|
-
`,_=`option-picker`,v=class extends t.n(n.t,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this._languageScript=new r.n(this),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new i.t(this),this.isMobile=new a.r(this,a.t),this.isTouchDevice=new a.r(this,a.n),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{if(this.focused=!0,e.code===`Escape`){this.handleEscape(e);return}e.code!==`ArrowDown`&&e.code!==`ArrowUp`||(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>h(),this.renderAlertIcon=()=>g(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new o.t(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new s.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;if(this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=n,this.value=r;return}n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:c.html`
|
|
27
|
-
<slot name="label" id="label">
|
|
28
|
-
<span aria-hidden=${(0,d.ifDefined)(this.appliedLabel?void 0:`true`)}>
|
|
29
|
-
${this.label}
|
|
30
|
-
</span>
|
|
31
|
-
</slot>
|
|
32
|
-
`}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},t=this.appliedLabel||this.label,n=c.html` <div id="icon" ?hidden=${this.icons===`none`}>
|
|
33
|
-
${this._selectedItemIcon?(0,u.luzmoIcon)(this._selectedItemIcon):c.nothing}
|
|
34
|
-
</div>`;return[c.html`
|
|
35
|
-
${this._selectedItemIcon?n:c.nothing}
|
|
36
|
-
<div
|
|
37
|
-
id=${(0,d.ifDefined)(this.value&&this.selectedItem?`label`:void 0)}
|
|
38
|
-
class=${(0,f.classMap)(e)}
|
|
39
|
-
>
|
|
40
|
-
${this.renderLabelContent(this.selectedItemContent.content)}
|
|
41
|
-
</div>
|
|
42
|
-
${this.value&&this.selectedItem?c.html`
|
|
43
|
-
<div
|
|
44
|
-
aria-hidden="true"
|
|
45
|
-
class="visually-hidden"
|
|
46
|
-
id="applied-label"
|
|
47
|
-
>
|
|
48
|
-
${t}
|
|
49
|
-
<slot name="label"></slot>
|
|
50
|
-
</div>
|
|
51
|
-
`:c.html` <span hidden id="applied-label">${t}</span> `}
|
|
52
|
-
${this.invalid&&!this.pending?c.html` ${this.renderAlertIcon()} `:c.nothing}
|
|
53
|
-
${this.pendingStateController.renderPendingState()}
|
|
54
|
-
${this.readonly?c.nothing:this.renderAngleIcon()}
|
|
55
|
-
<slot
|
|
56
|
-
aria-hidden="true"
|
|
57
|
-
name="tooltip"
|
|
58
|
-
id="tooltip"
|
|
59
|
-
@slotchange=${this.handleTooltipSlotchange}
|
|
60
|
-
></slot>
|
|
61
|
-
`]}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,c.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return c.html`
|
|
62
|
-
<div id=${_}>
|
|
63
|
-
<slot name="description"></slot>
|
|
64
|
-
</div>
|
|
65
|
-
`}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),c.html`
|
|
66
|
-
<span
|
|
67
|
-
id="focus-helper"
|
|
68
|
-
tabindex=${this.focused||this.open?`-1`:`0`}
|
|
69
|
-
@focus=${this.handleHelperFocus}
|
|
70
|
-
aria-describedby=${_}
|
|
71
|
-
></span>
|
|
72
|
-
<button
|
|
73
|
-
aria-controls=${(0,d.ifDefined)(this.open?`menu`:void 0)}
|
|
74
|
-
aria-describedby="tooltip"
|
|
75
|
-
aria-expanded=${this.open?`true`:`false`}
|
|
76
|
-
aria-haspopup="true"
|
|
77
|
-
aria-labelledby="loader icon label applied-label"
|
|
78
|
-
id="button"
|
|
79
|
-
class=${(0,d.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
|
|
80
|
-
@blur=${this.handleButtonBlur}
|
|
81
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
82
|
-
?disabled=${this.disabled}
|
|
83
|
-
tabindex="-1"
|
|
84
|
-
>
|
|
85
|
-
${this.buttonContent}
|
|
86
|
-
</button>
|
|
87
|
-
${this.renderMenu} ${this.renderDescriptionSlot}
|
|
88
|
-
`}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return c.html`
|
|
89
|
-
<div class="visually-hidden">
|
|
90
|
-
<button
|
|
91
|
-
tabindex="-1"
|
|
92
|
-
aria-label="Dismiss"
|
|
93
|
-
@click=${this.close}
|
|
94
|
-
></button>
|
|
95
|
-
</div>
|
|
96
|
-
`}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),Promise.resolve().then(()=>require("./popover/index.cjs")))}renderContainer(e){let t=c.html`
|
|
97
|
-
${this.dismissHelper} ${e} ${this.dismissHelper}
|
|
98
|
-
`;return c.html`
|
|
99
|
-
<luzmo-popover
|
|
100
|
-
id="popover"
|
|
101
|
-
size=${this.size}
|
|
102
|
-
role="presentation"
|
|
103
|
-
style=${(0,p.styleMap)(this.containerStyles)}
|
|
104
|
-
placement=${this.placement}
|
|
105
|
-
>
|
|
106
|
-
${t}
|
|
107
|
-
</luzmo-popover>
|
|
108
|
-
`}get renderMenu(){let e=c.html`
|
|
109
|
-
<luzmo-menu
|
|
110
|
-
aria-labelledby="applied-label"
|
|
111
|
-
@change=${this.handleChange}
|
|
112
|
-
id="menu"
|
|
113
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
114
|
-
@scroll=${this.onScroll}
|
|
115
|
-
role=${this.listRole}
|
|
116
|
-
.selects=${this.selects}
|
|
117
|
-
.selected=${this.value?[this.value]:[]}
|
|
118
|
-
.shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
|
|
119
|
-
size=${this.size}
|
|
120
|
-
@luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
|
|
121
|
-
>
|
|
122
|
-
<slot @slotchange=${this.shouldScheduleManageSelection}></slot>
|
|
123
|
-
</luzmo-menu>
|
|
124
|
-
`;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};e.t([(0,l.state)()],v.prototype,`appliedLabel`,void 0),e.t([(0,l.query)(`#button`)],v.prototype,`button`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`disabled`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`focused`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`icons`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`invalid`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`pending`,void 0),e.t([(0,l.property)({type:String,attribute:`pending-label`})],v.prototype,`pendingLabel`,void 0),e.t([(0,l.property)()],v.prototype,`label`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`open`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`readonly`,void 0),e.t([(0,l.state)()],v.prototype,`labelAlignment`,void 0),e.t([(0,l.query)(`luzmo-menu`)],v.prototype,`optionsMenu`,void 0),e.t([(0,l.query)(`luzmo-overlay`)],v.prototype,`overlayElement`,void 0),e.t([(0,l.property)()],v.prototype,`placement`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`quiet`,void 0),e.t([(0,l.property)({type:String})],v.prototype,`value`,void 0),e.t([(0,l.property)({attribute:!1})],v.prototype,`selectedItem`,null),e.t([(0,l.state)()],v.prototype,`selectedItemContent`,null);var y=class extends v{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;!this.menuItems[i]||this.menuItems[i].disabled||(!this.value||i!==n)&&this.setValueFromItem(this.menuItems[i])}}static get styles(){return[(0,c.unsafeCSS)(m)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 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
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./language-resolution-CSjktYg5.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons"),o=require("lit/directives/class-map.js"),s=require("lit/directives/repeat.js"),c=require("lit/directives/keyed.js");function l(e){for(let t=(e?.length??0)-1;t>=0;t--)if(e[t].status===`inProgress`)return e[t];return null}function u(e){let t=l(e.children);return t?u(t)??t:null}function d(e,t){return typeof e==`object`?e[t]??e.en??Object.values(e)[0]??``:String(e)}function f(e){return!!e?.children?.length}function p(e){let t=l(e?.children);return t?{mainStep:t,subStep:u(t)}:null}function m(e){let t=0;for(let n of e?.children??[])t+=+(n.status===`error`)+m(n);return t}function h(e){return!!e?.children?.some(e=>e.status===`success`||e.status===`error`)}function g(e){return e?.status===`success`||e?.status===`error`}function _(e,t){return e.description?e.description.replaceAll(/\{\{(\w+)\}\}/g,(n,r)=>{let i=e.descriptionMetadata?.[r];return i==null?n:Array.isArray(i)?i.map(e=>d(e,t)).join(`, `):d(i,t)}):e.step}var v=`:host{box-sizing:border-box;font-family:var(--luzmo-font-family);font-size:var(--luzmo-progress-steps-font-size,var(--progress-steps-font-size));line-height:var(--progress-steps-line-height);color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));display:block}.summary{box-sizing:border-box;align-items:flex-start;gap:var(--progress-steps-gap);max-inline-size:100%;min-block-size:var(--progress-steps-min-height);padding-block:max(0px, (var(--progress-steps-min-height) - var(--progress-steps-line-block-size)) / 2);padding-inline:var(--progress-steps-padding-inline);border-radius:var(--progress-steps-border-radius);color:inherit;font:inherit;text-align:start;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;display:inline-flex}.summary:hover{background-color:var(--progress-steps-hover-background)}.summary:focus-visible{outline:var(--progress-steps-focus-ring-width) solid var(--highcontrast-progress-steps-focus-ring-color,var(--progress-steps-focus-ring-color));outline-offset:var(--progress-steps-focus-ring-gap)}.status-icon{inline-size:var(--progress-steps-icon-size);block-size:var(--progress-steps-icon-size);flex:none;justify-content:center;align-items:center;margin-block-start:calc((var(--progress-steps-line-block-size) - var(--progress-steps-icon-size)) / 2);display:inline-flex;position:relative;inset-block-start:var(--progress-steps-icon-offset)}.status-icon svg{block-size:100%;inline-size:100%}.status-icon-failed{color:var(--luzmo-progress-steps-warning-color,var(--progress-steps-warning-color))}.status-icon-finished{color:var(--luzmo-progress-steps-success-color,var(--progress-steps-success-color))}.spinner{box-sizing:border-box;border:calc(var(--luzmo-border-width) * 1.5) solid var(--highcontrast-progress-steps-spinner-track-color,var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color)));border-block-start-color:var(--highcontrast-progress-steps-spinner-color,currentcolor);block-size:70%;inline-size:70%;animation:progress-steps-spin var(--progress-steps-spinner-duration) linear infinite;border-radius:50%}.headline{flex:0 auto;min-inline-size:0;display:block;position:relative;overflow:hidden}.headline-text{white-space:nowrap;flex-direction:column;min-inline-size:0;display:flex}.headline-text.entering{animation:progress-steps-enter var(--progress-steps-transition-duration) ease-out}.headline-text.leaving{inline-size:100%;animation:progress-steps-leave var(--progress-steps-transition-duration) ease-in forwards;position:absolute;inset-block-start:0;inset-inline-start:0}.main-step{text-overflow:ellipsis;color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color));overflow:hidden}.sub-step{block-size:var(--progress-steps-sub-step-block-size);font-size:var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small));display:block}.sub-step-texts{block-size:100%;display:block;position:relative;overflow:hidden}.sub-step-text{text-overflow:ellipsis;display:block;overflow:hidden}.sub-step-text.entering{animation:progress-steps-enter var(--progress-steps-transition-duration) ease-out}.sub-step-text.leaving{animation:progress-steps-leave var(--progress-steps-transition-duration) ease-in forwards;position:absolute;inset-block-start:0;inset-inline-start:0}.summary[data-state=done] .main-step{color:inherit}:where(.summary[data-state=done]) .headline-text.entering{animation:progress-steps-enter var(--progress-steps-transition-duration) ease-out, progress-steps-collapse var(--progress-steps-transition-duration) ease-in-out}.summary:hover .main-step{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.failed-count:before{content:"·"/"";flex:none;padding-inline-end:.35em}.failed-count{white-space:nowrap;flex:none}.shimmer{-webkit-mask-image:linear-gradient(var(--progress-steps-shimmer-angle), currentcolor 38%, color-mix(in srgb, currentcolor 35%, transparent) 50%, currentcolor 62%);mask-image:linear-gradient(var(--progress-steps-shimmer-angle), currentcolor 38%, color-mix(in srgb, currentcolor 35%, transparent) 50%, currentcolor 62%);animation:progress-steps-shimmer var(--progress-steps-shimmer-duration) linear infinite;-webkit-mask-size:300% 100%;mask-size:300% 100%}.chevron{inline-size:var(--progress-steps-chevron-size);block-size:var(--progress-steps-chevron-size);transition:transform var(--progress-steps-transition-duration) ease, opacity var(--progress-steps-transition-duration) ease;flex:none;margin-block-start:calc((var(--progress-steps-line-block-size) - var(--progress-steps-chevron-size)) / 2);display:inline-flex}.chevron svg{block-size:100%;inline-size:100%}:host(:not([open])) .summary[data-state=running]:not(:hover,:focus-visible) .chevron{opacity:0}:host([open]) .chevron{transform:rotate(90deg)}:host([dir=rtl]) .chevron svg{transform:scaleX(-1)}:host([dir=rtl][open]) .chevron{transform:rotate(-90deg)}:host([dir=rtl]) .shimmer{animation-direction:reverse}.details{padding-block:var(--progress-steps-step-spacing);padding-inline:var(--progress-steps-padding-inline);font-size:var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small));line-height:var(--progress-steps-details-line-height);animation:progress-steps-details-in var(--progress-steps-transition-duration) ease-out}.steps,.substeps{margin:0;padding:0;list-style:none}.step{grid-template-columns:var(--progress-steps-icon-size) minmax(0, 1fr);column-gap:var(--progress-steps-gap);padding-block:var(--progress-steps-step-spacing);display:grid;position:relative}.step:before,.step:after{content:"";border-inline-start:var(--luzmo-border-width) solid var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color));position:absolute;inset-inline-start:calc(var(--progress-steps-icon-size) / 2 - var(--luzmo-border-width) / 2)}.step:before{block-size:calc(var(--progress-steps-marker-center) - var(--progress-steps-marker-radius));inset-block-start:0}.step:after{inset-block:calc(var(--progress-steps-marker-center) + var(--progress-steps-marker-radius)) 0}.step:first-child:before{display:none}.step:last-child:not(:has(>.substeps)):after{display:none}.step-marker{block-size:calc(1em * var(--progress-steps-details-line-height));color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));justify-content:center;align-items:center;display:inline-flex}.step-marker svg{inline-size:var(--progress-steps-marker-size);block-size:var(--progress-steps-marker-size)}.step-dot{box-sizing:border-box;inline-size:var(--progress-steps-dot-size);block-size:var(--progress-steps-dot-size);border:calc(var(--progress-steps-dot-size) / 2) solid currentcolor;border-radius:50%}.step-inProgress .step-marker{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.step-inProgress .step-marker .step-dot{animation:1.2s ease-in-out infinite progress-steps-pulse}.step-pending .step-dot{border-width:var(--luzmo-border-width)}.step-error .step-marker{color:var(--luzmo-progress-steps-error-color,var(--progress-steps-error-color))}.step-label{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color));overflow-wrap:anywhere}.substeps{gap:var(--progress-steps-step-spacing);flex-direction:column;display:flex}.step>.substeps{grid-column:2;margin-block-start:calc(2 * var(--progress-steps-step-spacing))}.substep>.substeps{margin-block-start:var(--progress-steps-step-spacing);padding-inline-start:var(--progress-steps-substep-indent)}.substep{overflow-wrap:anywhere}.substep-inProgress{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.substep-error{color:var(--luzmo-progress-steps-error-color,var(--progress-steps-error-color))}.substep-icon{vertical-align:-.1em;block-size:.85em;inline-size:.85em;margin-inline-end:.3em;display:inline-flex}.substep-icon svg{block-size:100%;inline-size:100%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([no-animate]) .headline-text.entering,:host([no-animate]) .sub-step-text.entering,:host([no-animate]) .details,:host([no-animate]) .chevron,:host([no-animate]) .spinner,:host([no-animate]) .step-dot{transition:none;animation:none}:host([no-animate]) .leaving{display:none}@keyframes progress-steps-shimmer{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes progress-steps-enter{0%{opacity:0;transform:translateY(60%)}}@keyframes progress-steps-collapse{0%{padding-block-end:var(--progress-steps-sub-step-block-size)}}@keyframes progress-steps-leave{to{opacity:0;transform:translateY(-60%)}}@keyframes progress-steps-details-in{0%{opacity:0;transform:translateY(calc(-1 * var(--luzmo-spacing-2)))}}@keyframes progress-steps-spin{to{transform:rotate(360deg)}}@keyframes progress-steps-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.shimmer,.headline-text.entering,.sub-step-text.entering,.details,.chevron,.spinner,.step-dot{transition:none;animation:none}.leaving{display:none}}@media (forced-colors:active){.shimmer{animation:none;-webkit-mask-image:none;mask-image:none}.spinner{forced-color-adjust:none}}:host{--progress-steps-font-size:var(--luzmo-font-size);--progress-steps-line-height:1.5;--progress-steps-font-color:color-mix(in oklch, var(--luzmo-font-color) 65%, var(--luzmo-font-color-extra-dimmed));--progress-steps-font-color-dimmed:color-mix(in oklch, var(--luzmo-font-color) 35%, var(--luzmo-font-color-extra-dimmed));--progress-steps-error-color:var(--luzmo-negative-color);--progress-steps-warning-color:var(--luzmo-notice-color);--progress-steps-success-color:var(--luzmo-positive-color);--progress-steps-substep-connector-color:var(--luzmo-border-color-down);--progress-steps-hover-background:var(--luzmo-background-color-hover);--progress-steps-border-radius:var(--luzmo-border-radius);--progress-steps-focus-ring-width:var(--luzmo-indicator-width);--progress-steps-focus-ring-gap:var(--luzmo-indicator-gap);--progress-steps-focus-ring-color:var(--luzmo-indicator-color);--progress-steps-min-height:var(--luzmo-component-height-s);--progress-steps-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-steps-padding-inline:var(--luzmo-spacing-2);--progress-steps-step-spacing:var(--luzmo-spacing-1);--progress-steps-icon-size:var(--luzmo-icon-size-m);--progress-steps-chevron-size:var(--luzmo-icon-size-s);--progress-steps-icon-offset:.04em;--progress-steps-font-size-small:var(--luzmo-font-size-s);--progress-steps-details-line-height:1.4;--progress-steps-marker-size:.8em;--progress-steps-dot-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-steps-substep-indent:var(--luzmo-spacing-4);--progress-steps-transition-duration:.25s;--progress-steps-shimmer-duration:1.8s;--progress-steps-shimmer-angle:105deg;--progress-steps-line-block-size:calc(var(--luzmo-progress-steps-font-size,var(--progress-steps-font-size)) * var(--progress-steps-line-height));--progress-steps-sub-step-block-size:calc(var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small)) * var(--progress-steps-line-height));--progress-steps-spinner-duration:.9s}:host([size=s]){--progress-steps-font-size:var(--luzmo-font-size-s);--progress-steps-font-size-small:var(--luzmo-font-size-s);--progress-steps-icon-size:var(--luzmo-icon-size-s);--progress-steps-chevron-size:var(--luzmo-icon-size-xs);--progress-steps-min-height:var(--luzmo-component-height-xs);--progress-steps-gap:var(--luzmo-spacing-2)}:host([size=l]){--progress-steps-font-size:var(--luzmo-font-size-l);--progress-steps-font-size-small:var(--luzmo-font-size-m);--progress-steps-icon-size:var(--luzmo-icon-size-l);--progress-steps-chevron-size:var(--luzmo-icon-size-m);--progress-steps-min-height:var(--luzmo-component-height);--progress-steps-step-spacing:var(--luzmo-spacing-2)}:host([size=xl]){--progress-steps-font-size:var(--luzmo-font-size-xl);--progress-steps-font-size-small:var(--luzmo-font-size-l);--progress-steps-icon-size:var(--luzmo-icon-size-xl);--progress-steps-chevron-size:var(--luzmo-icon-size-l);--progress-steps-min-height:var(--luzmo-component-height-l);--progress-steps-gap:var(--luzmo-spacing-3);--progress-steps-step-spacing:var(--luzmo-spacing-2)}:host([dir=rtl]){--progress-steps-shimmer-angle:255deg}.step{--progress-steps-marker-center:calc(var(--progress-steps-step-spacing) + .5em * var(--progress-steps-details-line-height));--progress-steps-marker-radius:calc(var(--progress-steps-dot-size) / 2)}.step-error{--progress-steps-marker-radius:calc(var(--progress-steps-marker-size) / 2)}@media (forced-colors:active){:host{--highcontrast-progress-steps-focus-ring-color:Highlight;--highcontrast-progress-steps-spinner-track-color:GrayText;--highcontrast-progress-steps-spinner-color:CanvasText}}`,y={condensedSingular:`Worked through {{count}} step`,condensedPlural:`Worked through {{count}} steps`,failedSingular:`{{count}} failed`,failedPlural:`{{count}} failed`,stepInProgress:`Step in progress`,stepPending:`Step pending`,stepCompleted:`Step completed`,stepFailed:`Step failed`},b=500,x=800,S=1e3,C=250,w={mainStep:null,subStep:null},T=(e,t)=>e?.mainStep===t.mainStep&&e?.subStep===t.subStep,E=class extends t.n(e.n,{defaultSize:`m`,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.progress=null,this.locale=`en`,this.collapsed=!1,this.displayMode=`detailed`,this.condensed=!1,this.labels={...y},this.noAnimate=!1,this.open=!1,this._phase=`idle`,this._current=null,this._leaving=null,this._subStepTransition=null,this._announcement=``,this._languageResolver=new n.t(this),this._pending=null,this._shownAt=0}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],(0,r.unsafeCSS)(v)]}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this._syncPhase()}disconnectedCallback(){super.disconnectedCallback(),this._clearTimers(),this._leaving=null,this._subStepTransition=null}willUpdate(e){super.willUpdate(e),e.has(n.r)&&(this._numberFormatter=void 0),e.has(`progress`)?(e.get(`progress`)?.id!==this.progress?.id&&(this._resetRun(),this.hasUpdated&&(this.open=!1)),this._syncPhase()):(e.has(`collapsed`)&&this.collapsed||e.has(`locale`))&&this._syncPhase()}get _labels(){return{...y,...this.labels}}_syncPhase(){if(!f(this.progress)){this._resetRun();return}let e=g(this.progress)?null:p(this.progress);if(e){this._clearSettleTimer(),this._phase=`running`,this._queue(e);return}if(this._phase===`done`)return;let t=this.collapsed||g(this.progress);if(this._phase===`idle`){(t||h(this.progress))&&this._finish();return}if(t){this._finish();return}this._settleTimer??=setTimeout(()=>{this._settleTimer=void 0,this._finish()},x)}_queue(e){let t={mainStep:_(e.mainStep,this.locale),subStep:e.subStep?_(e.subStep,this.locale):null};if(T(this._current,t)){this._pending=null,this._clearDwellTimer();return}this._pending=t;let n=this._current?this._shownAt+b-Date.now():0;this.noAnimate||n<=0?this._showPending():this._dwellTimer??=setTimeout(()=>{this._dwellTimer=void 0,this._showPending()},n)}_showPending(){let e=this._pending;this._pending=null,e&&this._phase===`running`&&(this._show(e),this._announce(e.mainStep))}_finish(){let e=this._phase===`running`;this._clearDwellTimer(),this._clearSettleTimer(),this._pending=null,this._phase=`done`,this._show(w),e&&this._announce(this._summaryText())}_show(e){let t=this._current;t&&!this.noAnimate&&(t.mainStep!==null&&t.mainStep===e.mainStep?this._subStepTransition={leaving:t.subStep}:(this._leaving=t,this._subStepTransition=null),clearTimeout(this._leaveTimer),this._leaveTimer=setTimeout(()=>{this._leaving=null,this._subStepTransition=null},C)),this._current=e,this._shownAt=Date.now()}_announce(e){clearTimeout(this._announceTimer),this._announceTimer=setTimeout(()=>{this._announcement=e},S)}_resetRun(){this._clearTimers(),this._phase=`idle`,this._current=null,this._leaving=null,this._subStepTransition=null,this._pending=null,this._announcement=``}_clearDwellTimer(){clearTimeout(this._dwellTimer),this._dwellTimer=void 0}_clearSettleTimer(){clearTimeout(this._settleTimer),this._settleTimer=void 0}_clearTimers(){this._clearDwellTimer(),this._clearSettleTimer(),clearTimeout(this._leaveTimer),clearTimeout(this._announceTimer)}_formatCount(e,t){return e.replaceAll(`{{count}}`,this._numberFormat.format(t))}get _numberFormat(){if(!this._numberFormatter)try{this._numberFormatter=new Intl.NumberFormat(this._languageResolver.language)}catch{this._numberFormatter=new Intl.NumberFormat}return this._numberFormatter}_summaryText(){let e=this.progress?.children?.length??0,t=this._labels;return this._formatCount(e===1?t.condensedSingular:t.condensedPlural,e)}_setOpen(e){this.open=e,this.dispatchEvent(new CustomEvent(e?`luzmo-step-expanded`:`luzmo-step-collapsed`,{bubbles:!0,composed:!0,detail:{nodeId:this.progress?.id??``}}))}handleToggle(){this._setOpen(!this.open)}handleKeydown(e){e.key===`Escape`&&this.open&&(e.preventDefault(),this._setOpen(!1))}_statusLabel(e){let t=this._labels;switch(e){case`inProgress`:return t.stepInProgress;case`success`:return t.stepCompleted;case`error`:return t.stepFailed;default:return t.stepPending}}_renderStatusIcon(e){return e?r.html`<span
|
|
19
|
-
class="status-icon status-icon-failed"
|
|
20
|
-
aria-hidden="true"
|
|
21
|
-
>${(0,a.luzmoIcon)(a.luzmoAlert)}</span
|
|
22
|
-
>`:this._phase===`running`?r.html`<span class="status-icon" aria-hidden="true"
|
|
23
|
-
><span class="spinner"></span
|
|
24
|
-
></span>`:r.html`<span
|
|
25
|
-
class="status-icon status-icon-finished"
|
|
26
|
-
aria-hidden="true"
|
|
27
|
-
>${(0,a.luzmoIcon)(a.luzmoCheckCircleOutline)}</span
|
|
28
|
-
>`}_renderContent({mainStep:e,subStep:t},n=null){if(e===null)return r.html`<span class="main-step">${this._summaryText()}</span>`;let i=n?.leaving??null;return r.html`<span class="main-step">${e}</span>
|
|
29
|
-
<span class="sub-step"
|
|
30
|
-
><span class="sub-step-texts"
|
|
31
|
-
>${i===null?r.nothing:r.html`<span class="sub-step-text leaving" aria-hidden="true"
|
|
32
|
-
>${i}</span
|
|
33
|
-
>`}${t===null?r.nothing:(0,c.keyed)(t,r.html`<span
|
|
34
|
-
class=${(0,o.classMap)({"sub-step-text":!0,entering:n!==null})}
|
|
35
|
-
>${t}</span
|
|
36
|
-
>`)}</span
|
|
37
|
-
></span
|
|
38
|
-
>`}_renderStepMarker(e){return r.html`<span
|
|
39
|
-
class="step-marker"
|
|
40
|
-
role="img"
|
|
41
|
-
aria-label=${this._statusLabel(e)}
|
|
42
|
-
>${e===`error`?(0,a.luzmoIcon)(a.luzmoClose14):r.html`<span class="step-dot"></span>`}</span
|
|
43
|
-
>`}_renderSubstep(e){return r.html`<li
|
|
44
|
-
class=${(0,o.classMap)({substep:!0,[`substep-${e.status}`]:!0})}
|
|
45
|
-
>
|
|
46
|
-
${e.status===`error`?r.html`<span
|
|
47
|
-
class="substep-icon"
|
|
48
|
-
role="img"
|
|
49
|
-
aria-label=${this._labels.stepFailed}
|
|
50
|
-
>${(0,a.luzmoIcon)(a.luzmoClose14)}</span
|
|
51
|
-
>`:r.nothing}<span class="substep-label"
|
|
52
|
-
>${_(e,this.locale)}</span
|
|
53
|
-
>
|
|
54
|
-
${e.children?.length?this._renderSubsteps(e.children):r.nothing}
|
|
55
|
-
</li>`}_renderSubsteps(e){return r.html`<ul class="substeps">
|
|
56
|
-
${(0,s.repeat)(e,e=>e.id,e=>this._renderSubstep(e))}
|
|
57
|
-
</ul>`}_renderStep(e,t){return r.html`<li
|
|
58
|
-
class=${(0,o.classMap)({step:!0,[`step-${e.status}`]:!0})}
|
|
59
|
-
>
|
|
60
|
-
${this._renderStepMarker(e.status)}
|
|
61
|
-
<span class="step-label"
|
|
62
|
-
>${_(e,this.locale)}</span
|
|
63
|
-
>
|
|
64
|
-
${t&&e.children?.length?this._renderSubsteps(e.children):r.nothing}
|
|
65
|
-
</li>`}_renderDetails(){let e=this.displayMode!==`compact`;return r.html`<div id="details" class="details">
|
|
66
|
-
<ol class="steps">
|
|
67
|
-
${(0,s.repeat)(this.progress?.children??[],e=>e.id,t=>this._renderStep(t,e))}
|
|
68
|
-
</ol>
|
|
69
|
-
</div>`}render(){if(this._phase===`idle`||!this._current)return r.nothing;let e=m(this.progress),t=this._labels,n=this._phase===`running`&&!this.noAnimate;return r.html`
|
|
70
|
-
<button
|
|
71
|
-
type="button"
|
|
72
|
-
class="summary"
|
|
73
|
-
data-state=${this._phase}
|
|
74
|
-
aria-expanded=${this.open?`true`:`false`}
|
|
75
|
-
aria-controls=${this.open?`details`:r.nothing}
|
|
76
|
-
@click=${this.handleToggle}
|
|
77
|
-
@keydown=${this.handleKeydown}
|
|
78
|
-
>
|
|
79
|
-
${this._renderStatusIcon(e>0||this.progress?.status===`error`)}
|
|
80
|
-
<span class=${(0,o.classMap)({headline:!0,shimmer:n})}>
|
|
81
|
-
${this._leaving?r.html`<span class="headline-text leaving" aria-hidden="true"
|
|
82
|
-
>${this._renderContent(this._leaving)}</span
|
|
83
|
-
>`:r.nothing}
|
|
84
|
-
${(0,c.keyed)(this._current.mainStep??w,r.html`<span
|
|
85
|
-
class=${(0,o.classMap)({"headline-text":!0,entering:this._leaving!==null})}
|
|
86
|
-
>${this._renderContent(this._current,this._subStepTransition)}</span
|
|
87
|
-
>`)}
|
|
88
|
-
</span>
|
|
89
|
-
${e>0?r.html`<span class="failed-count"
|
|
90
|
-
>${this._formatCount(e===1?t.failedSingular:t.failedPlural,e)}</span
|
|
91
|
-
>`:r.nothing}
|
|
92
|
-
<span class="chevron" aria-hidden="true"
|
|
93
|
-
>${(0,a.luzmoIcon)(a.luzmoAngleRight)}</span
|
|
94
|
-
>
|
|
95
|
-
</button>
|
|
96
|
-
${this.open?this._renderDetails():r.nothing}
|
|
97
|
-
<span class="visually-hidden" role="status">${this._announcement}</span>
|
|
98
|
-
`}};e.t([(0,i.property)({attribute:!1})],E.prototype,`progress`,void 0),e.t([(0,i.property)({type:String,reflect:!0})],E.prototype,`locale`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],E.prototype,`collapsed`,void 0),e.t([(0,i.property)({type:String,attribute:`display-mode`,reflect:!0})],E.prototype,`displayMode`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],E.prototype,`condensed`,void 0),e.t([(0,i.property)({attribute:!1})],E.prototype,`labels`,void 0),e.t([(0,i.property)({type:Boolean,attribute:`no-animate`,reflect:!0})],E.prototype,`noAnimate`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],E.prototype,`open`,void 0),e.t([(0,i.state)()],E.prototype,`_phase`,void 0),e.t([(0,i.state)()],E.prototype,`_current`,void 0),e.t([(0,i.state)()],E.prototype,`_leaving`,void 0),e.t([(0,i.state)()],E.prototype,`_subStepTransition`,void 0),e.t([(0,i.state)()],E.prototype,`_announcement`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-progress-steps`)&&customElements.define(`luzmo-progress-steps`,E),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 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("@internationalized/date"),t=require("@internationalized/number");var n={Year:`year`,Month:`month`,Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`fractionalSecond`,DayPeriod:`dayPeriod`,Literal:`literal`},r={[n.Year]:`––––`,[n.Month]:`––`,[n.Day]:`––`,[n.Hour]:`––`,[n.Minute]:`––`,[n.Second]:`––`,[n.Millisecond]:`–––`,[n.DayPeriod]:`––`},i={Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`millisecond`},a=2e3;function o(e){return typeof e==`number`}function s(t){return t instanceof e.ZonedDateTime}function c(t){return t instanceof e.CalendarDateTime}function l(t){return t instanceof e.CalendarDate}function u(e,t){return e=e%12+t}function d(e){return e>=12?12:0}function f(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function p(e){return l(e)?new Date(e.year,e.month-1,e.day):new Date(e.year,e.month-1,e.day,e.hour,e.minute,e.second,e.millisecond)}var m=class{constructor(e,t,n){this.type=e,this.formatted=t,this.label=n,this.placeholder=r[e]}increment(e){this.value===void 0?this.value=this.minValue:(this.value+=1,this.value>this.maxValue&&(this.value=this.minValue))}decrement(e){this.value===void 0?this.value=this.maxValue:(--this.value,this.value<this.minValue&&(this.value=this.maxValue))}setValueFromDate(e){this.type===`fractionalSecond`?this.value=e.millisecond:this.type!==n.DayPeriod&&(this.value=e[this.type])}clear(){this.value=void 0}handleInput(e,t){let n=t.parse(e);if(Number.isNaN(n))return;let r=t.parse(`${this.value??``}${n}`);if(this.isInputValueCompliant(r)){this.value=r;return}this.isInputValueCompliant(n)&&(this.value=n)}isInputValueCompliant(e){let{minValue:t,maxValue:n}=this.inputValidationLimits;return e>=t&&e<=n}get inputValidationLimits(){return{minValue:this.minValue,maxValue:this.maxValue}}updateValueToLimits(){this.value!==void 0&&(this.value<this.minValue&&(this.value=this.minValue),this.value>this.maxValue&&(this.value=this.maxValue))}},h=class extends m{constructor(e,t){super(n.Year,e,t),this.minValue=1,this.maxValue=9999}setLimits(e){this.minValue=1,this.maxValue=e.calendar.getYearsInEra(e),this.updateValueToLimits()}increment(e){this.value===void 0?this.value=e.year:super.increment()}decrement(e){this.value===void 0?this.value=e.year:super.decrement()}clear(){if(this.value===void 0)return;let e=Math.floor(this.value/10);this.value=e>0?e:void 0}},g=class{constructor(e){this.segments=e}get all(){return this.segments}get editableValues(){return this.all.filter(e=>e instanceof m).map(e=>e.value)}get year(){let e=this.getByType(n.Year);if(e&&e instanceof h)return e}get month(){let e=this.getByType(n.Month);if(e)return e}get day(){let e=this.getByType(n.Day);if(e)return e}get hour(){let e=this.getByType(n.Hour);if(e)return e}get minute(){let e=this.getByType(n.Minute);if(e)return e}get second(){let e=this.getByType(n.Second);if(e)return e}get millisecond(){let e=this.getByType(n.Millisecond);if(e)return e}get dayPeriod(){let e=this.getByType(n.DayPeriod);if(e)return e}getByType(e){return this.segments.find(t=>t.type===e)}getFormattedDate(t=i.Day){let n=this.year?.value,r=this.month?.value,a=this.day?.value;if(!o(n)||!o(r)||!o(a))return;if(t===i.Day)return new e.CalendarDate(n,r,a);let s=this.hour?.value;if(!o(s))return;if(this.dayPeriod){let e=this.dayPeriod.value;if(!o(e))return;s=u(s,e)}if(t===i.Hour)return new e.CalendarDateTime(n,r,a,s);let c=this.minute?.value;if(!o(c))return;if(t===i.Minute)return new e.CalendarDateTime(n,r,a,s,c);let l=this.second?.value;if(!o(l))return;if(t===i.Second)return new e.CalendarDateTime(n,r,a,s,c,l);let d=this.millisecond?.value;if(o(d))return new e.CalendarDateTime(n,r,a,s,c,l,d)}},_=class{constructor(e,n){this.dateFormatter=e,this.currentDate=n,this.numberFormatter=new t.NumberFormatter(this.dateFormatter.resolvedOptions().locale,{useGrouping:!1})}format(e){if(!e.year||!e.month||!e.day)return e;let t=this.getDateInfoWithDefaults(e);return t?(this.setSegmentsFormatted(e,t),this.padSegmentsFormatted(e),e):e}setSegmentsFormatted(e,t){e=new g(e.all);let{year:r,month:i,day:a,hour:o,minute:s,second:c,millisecond:l}=t,u=new Date(r,i-1,a,o,s,c,l);if(!e.year)return;e.year.formatted=this.numberFormatter.format(r);let d=[n.Month,n.Day,n.Hour,n.Minute,n.Second,n.DayPeriod],f=this.dateFormatter.formatToParts(u);for(let t of d){let n=e[t];if(!n)continue;let r=f.find(e=>e.type===t)?.value;r&&(n.formatted=r)}}padSegmentsFormatted(e){if(!e.hour)return;let t=[n.Month,n.Day,n.Hour,n.Minute,n.Second];for(let n of t){let t=e[n];t&&(t.formatted=t.formatted.padStart(2,this.numberFormatter.format(0)))}}getDateInfoWithDefaults(t){if(!t.year||!t.month||!t.day)return;let n=t.day.value??(0,e.getMinimumDayInMonth)(this.currentDate),r=t.month.value??(0,e.getMinimumMonthInYear)(this.currentDate),i=t.year.value??2e3,a=t.dayPeriod?.value,s=t.hour?.value;o(s)?o(a)&&(s=u(s,a)):s=o(a)?a:this.currentDate.hour;let c=t.minute?.value??this.currentDate.minute,l=t.second?.value??this.currentDate.second,d=t.millisecond?.value??this.currentDate.millisecond;return{year:i,month:r,day:n,hour:s,minute:c,second:l,millisecond:d}}},v=class{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;this.segments=new g(n.all),this.dateFormatter=t,this.currentDate=r}modify(e){let t=this.segments.getByType(e);if(!t)return this.segments;this.modifySegment(t),this.updateSegmentsLimits(e);let n=new _(this.dateFormatter,this.currentDate);return this.segments=n.format(this.segments),this.segments}updateSegmentsLimits(e){let t=e===n.Year,r=e===n.Month,i=this.segments.year,a=this.segments.month,o=this.segments.day;t&&(a?.setLimits(this.currentDate),o?.setLimits(this.currentDate,a?.value,i?.value)),r&&o?.setLimits(this.currentDate,a?.value,i?.value)}},y=class extends v{modifySegment(e){e.clear()}},b=class extends v{modifySegment(e){e.decrement(this.currentDate)}},x=class extends v{modifySegment(e){e.increment(this.currentDate)}},S=class extends v{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;super({dateFormatter:t,segments:n,currentDate:r}),this.eventData=e.eventData,this.numberParser=e.numberParser}modifySegment(e){this.eventData!==null&&e.handleInput(this.eventData,this.numberParser)}},C=class extends m{constructor(e,t){super(n.Day,e,t),this.minValue=1,this.maxValue=31}setLimits(t,n,r){if(!o(n)){this.minValue=1,this.maxValue=31;return}o(r)||(r=a);let i=new e.CalendarDate(r,n,1);this.maxValue=t.calendar.getDaysInMonth(i),this.minValue=(0,e.getMinimumDayInMonth)(i),this.updateValueToLimits()}},w=class extends m{constructor(e,t){super(n.Month,e,t),this.minValue=1,this.maxValue=12}setLimits(t){this.minValue=(0,e.getMinimumMonthInYear)(t),this.maxValue=t.calendar.getMonthsInYear(t),this.updateValueToLimits()}},T=class{constructor(e){this.formatted=e,this.type=n.Literal}},E=class extends m{constructor(e,t){super(n.DayPeriod,e,t),this.minValue=0,this.maxValue=12,this.localizedMinValue=`AM`,this.localizedMaxValue=`PM`}toggleAmPm(){this.value=this.value===0?12:0}increment(){this.value===void 0?this.value=this.minValue:this.toggleAmPm()}decrement(){this.value===void 0?this.value=this.maxValue:this.toggleAmPm()}setValueFromDate(e){this.value=d(e.hour)}handleInput(e){let t=e.toLowerCase(),n=this.localizedMinValue.toLowerCase().includes(t),r=this.localizedMaxValue.toLowerCase().includes(t);n&&r||(n&&(this.value=0),r&&(this.value=12))}setLocalizedLimits(e){let[t,n]=[new Date(0,0,0,this.minValue,0),new Date(0,0,0,this.maxValue,0)].map(this.getDayPeriodFromDate.bind(this,e));t&&(this.localizedMinValue=t),n&&(this.localizedMaxValue=n)}getDayPeriodFromDate(e,t){return e.formatToParts(t).find(e=>e.type===this.type)?.value}},D=class extends m{constructor(e,t){super(n.Hour,e,t),this.minValue=0,this.maxValue=23}setLimits(e){this.minValue=0,this.maxValue=23,e&&(this.minValue=0,this.maxValue=11),this.updateValueToLimits()}setValueFromDate(e,t){t?this.value=e.hour-d(e.hour):super.setValueFromDate(e)}get inputValidationLimits(){let e=this.maxValue===11;return{minValue:+!!e,maxValue:e?12:23}}},O=class extends m{constructor(e,t){super(n.Millisecond,e,t),this.minValue=0,this.maxValue=999}},k=class extends m{constructor(e,t){super(n.Minute,e,t),this.minValue=0,this.maxValue=59}},A=class extends m{constructor(e,t){super(n.Second,e,t),this.minValue=0,this.maxValue=59}},j=class{constructor(e){this.dateFormatter=e;let n=this.dateFormatter.resolvedOptions().locale;this.numberFormatter=new t.NumberFormatter(n,{useGrouping:!1}),this.dateTimeFieldDisplayNames=new Intl.DisplayNames([n],{type:`dateTimeField`})}createSegments(e,t=!1){let n=p(e),r=new g(this.dateFormatter.formatToParts(n).map(t=>{let n=t.type,r=t.value;return n===`year`&&(r=this.numberFormatter.format(e.year)),this.createSegment(n,r)})),i=r.year,a=r.month,o=r.day;i.setLimits(e),a.setLimits(e),t&&(i.setValueFromDate(e),a.setValueFromDate(e)),o.setLimits(e,a.value,i.value),t&&o.setValueFromDate(e);let s=r.hour,c=r.minute,l=r.second,u=r.millisecond,d=r.dayPeriod;if(d&&d.setLocalizedLimits(this.dateFormatter),!s)return r;let f=!!d;if(s.setLimits(f),t){if(s.setValueFromDate(e,f),f&&r.dayPeriod.setValueFromDate(e),!c||(c.setValueFromDate(e),!l)||(l.setValueFromDate(e),!u))return r;u.setValueFromDate(e)}return r}createSegment(e,t){if(e===n.Literal)return new T(t);let r=this.displayNameOfType(e);switch(e){case n.Year:return new h(t,r);case n.Month:return new w(t,r);case n.Day:return new C(t,r);case n.Hour:return new D(t,r);case n.Minute:return new k(t,r);case n.Second:return new A(t,r);case n.Millisecond:return new O(t,r);case n.DayPeriod:return new E(t,r)}}displayNameOfType(e){let t=e===`fractionalSecond`?`millisecond`:this.dateTimeFieldDisplayNames.of(e);return t?t.charAt(0).toUpperCase()+t.slice(1):``}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return c}});
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 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
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./language-resolution-CSjktYg5.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{font-family:var(--luzmo-status-light-font-family,var(--luzmo-font-family));color:var(--highcontrast-status-light-content-color,var(--luzmo-status-light-content-color,var(--status-light-content-color)));min-block-size:var(--luzmo-status-light-height,var(--status-light-height));box-sizing:border-box;vertical-align:bottom;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--luzmo-status-light-gap,var(--status-light-gap));outline:none;display:inline-flex;position:relative}.dot{block-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));inline-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));background-color:var(--highcontrast-status-light-dot-color,var(--luzmo-status-light-dot-color,var(--status-light-dot-color)));border-radius:50%;flex-shrink:0}.label{box-sizing:border-box;line-height:1;font-weight:var(--luzmo-status-light-font-weight,var(--status-light-font-weight));font-size:var(--luzmo-status-light-font-size,var(--status-light-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}:host([disabled]){opacity:var(--luzmo-status-light-disabled-opacity,.4);pointer-events:none;cursor:default}@media (forced-colors:active){:host{--highcontrast-status-light-content-color:ButtonText;forced-color-adjust:none}.dot{--highcontrast-status-light-dot-color:Highlight}:host([disabled]){--highcontrast-status-light-content-color:GrayText}:host([disabled]) .dot{--highcontrast-status-light-dot-color:GrayText}}:host{--status-light-content-color:var(--luzmo-font-color);--status-light-font-weight:var(--luzmo-font-weight);--status-light-dot-color:var(--luzmo-border-color-full)}:host([size=xs]){--status-light-height:var(--luzmo-component-height-xxs);--status-light-font-size:var(--luzmo-font-size-xs);--status-light-dot-size:6px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=s]){--status-light-height:var(--luzmo-component-height-xs);--status-light-font-size:var(--luzmo-font-size-s);--status-light-dot-size:8px;--status-light-gap:var(--luzmo-spacing-3)}:host{--status-light-height:var(--luzmo-component-height-s);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:10px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=l]){--status-light-height:var(--luzmo-component-height);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:12px;--status-light-gap:var(--luzmo-spacing-4)}:host([size=xl]){--status-light-height:var(--luzmo-component-height-l);--status-light-font-size:var(--luzmo-font-size-l);--status-light-dot-size:14px;--status-light-gap:var(--luzmo-spacing-4)}:host([variant=neutral]){--status-light-dot-color:var(--luzmo-selected-color-hard)}:host([variant=informative]){--status-light-dot-color:var(--luzmo-informative-color)}:host([variant=positive]){--status-light-dot-color:var(--luzmo-positive-color)}:host([variant=negative]){--status-light-dot-color:var(--luzmo-negative-color)}:host([variant=notice]){--status-light-dot-color:var(--luzmo-notice-color)}:host([variant=seafoam]){--status-light-dot-color:var(--luzmo-seafoam-color)}:host([variant=indigo]){--status-light-dot-color:var(--luzmo-indigo-color)}:host([variant=purple]){--status-light-dot-color:var(--luzmo-purple-color)}:host([variant=fuchsia]){--status-light-dot-color:var(--luzmo-fuchsia-color)}:host([variant=magenta]){--status-light-dot-color:var(--luzmo-magenta-color)}:host([variant=yellow]){--status-light-dot-color:var(--luzmo-yellow-color)}:host([variant=gray]){--status-light-dot-color:var(--luzmo-gray-color)}:host([variant=red]){--status-light-dot-color:var(--luzmo-red-color)}:host([variant=orange]){--status-light-dot-color:var(--luzmo-orange-color)}:host([variant=chartreuse]){--status-light-dot-color:var(--luzmo-chartreuse-color)}:host([variant=celery]){--status-light-dot-color:var(--luzmo-celery-color)}:host([variant=green]){--status-light-dot-color:var(--luzmo-green-color)}:host([variant=cyan]){--status-light-dot-color:var(--luzmo-cyan-color)}:host([variant=blue]){--status-light-dot-color:var(--luzmo-blue-color)}`,o=[`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],s=class extends t.n(e.n,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this._languageScript=new n.n(this),this._variant=`neutral`,this.disabled=!1}static get styles(){return[(0,r.unsafeCSS)(a)]}get variant(){return this._variant}set variant(e){e!==this._variant&&(o.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=`neutral`,this.setAttribute(`variant`,`neutral`)))}render(){return r.html`
|
|
19
|
-
<span class="dot"></span>
|
|
20
|
-
<span class="label"><slot></slot></span>
|
|
21
|
-
`}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`status`),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant)}};e.t([(0,i.property)({reflect:!0})],s.prototype,`variant`,null),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),customElements.get(`luzmo-status-light`)||customElements.define(`luzmo-status-light`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 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("./platform-BAjeJp2W.cjs");var t=function(e){return e[e.desktop=0]=`desktop`,e[e.mobile=1]=`mobile`,e}({}),n=`remove-focus-ring-safari-hack`,r=class{get activelyOpening(){return!1}get open(){return this._open}set open(e){if(this._open!==e){if(this._open=e,this.overlay){this.host.open=e;return}Promise.resolve().then(()=>require("./overlay/index.cjs")).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.host.open=!0,this.host.requestUpdate()})}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this._overlay=e,this.initOverlay())}constructor(e,t){this.target=e,this.host=t,this.listenersBound=!1,this.preventNextToggle=`no`,this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=e,this.host=t,this.host.addController(this),this.init()}releaseDescription(){}handleBeforetoggle(e){e.composedPath()[0]===e.target&&(e.newState===`closed`&&(this.preventNextToggle===`no`?this.open=!1:this.pointerdownState||this.overlay?.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),typeof this.host.optionsMenu?.closeDescendentOverlays==`function`&&this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener(`beforetoggle`,e=>{this.handleBeforetoggle(e)}),this.overlay.type=this.host.isMobile.matches?`modal`:`auto`,this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches?void 0:this.host.placement,this.overlay.receivesFocus=`true`,this.overlay.willPreventClose=this.preventNextToggle!==`no`&&this.open,this.overlay.addEventListener(`slottable-request`,this.host.handleSlottableRequest))}handlePointerdown(e){}handleButtonFocus(e){this.preventNextToggle===`maybe`&&e.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle=`yes`)}handleActivate(e){}init(){}abort(){this.releaseDescription(),this.abortController?.abort(),this.listenersBound=!1}hostConnected(){this.init()}hostDisconnected(){this.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!==`no`,this.overlay.open=this.host.open)}},i={desktop:class extends r{constructor(...e){super(...e),this.type=t.desktop}handlePointerdown(e){if(e.target.closest(`.clear-icon`)||e.button!==0||e.pointerType===`touch`)return;this.pointerdownState=this.open,this.preventNextToggle=`maybe`;let t=0,n=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>{document.removeEventListener(`pointerup`,n),document.removeEventListener(`pointercancel`,n),this.target.removeEventListener(`click`,n),requestAnimationFrame(()=>{this.preventNextToggle=`no`})})};document.addEventListener(`pointerup`,n),document.addEventListener(`pointercancel`,n),this.target.addEventListener(`click`,n),this.handleActivate()}handleActivate(e){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!==`yes`&&(e?.type===`click`&&this.open!==this.pointerdownState||this.host.toggle())}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleActivate(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focus`,e=>this.handleButtonFocus(e),{signal:e}),this.listenersBound=!0}},mobile:class extends r{constructor(...e){super(...e),this.type=t.mobile}handleClick(e){e.target.closest(`.clear-button`)&&(this.preventNextToggle===`no`&&(this.open=!this.open),this.preventNextToggle=`no`)}handlePointerdown(t){t.target.closest(`.clear-button`)&&(this.preventNextToggle=this.open?`yes`:`no`,e.u()&&this.target.classList.add(n))}handleFocusOut(){this.host.open||e.u()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(n)}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleClick(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleFocusOut(),{signal:e}),this.listenersBound=!0}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
|