@luzmo/lucero 2.5.1 → 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/index.cjs +1 -1
- package/components/action-button/index.js +1 -2
- package/components/{action-button-DU95RNNi.js → action-button-BB3ZZFNN.js} +6 -8
- package/components/{action-button-B4_uvHiN.cjs → action-button-CL4ZlryE.cjs} +1 -1
- 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/index.cjs +1 -1
- package/components/action-menu/index.js +1 -2
- package/components/{action-menu-C_vyFNJt.cjs → action-menu-BW-XpCVO.cjs} +1 -1
- package/components/{action-menu-B6nNYwlL.js → action-menu-LnXQ7reF.js} +11 -13
- 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-Bp-1d70q.js → badge-BSfzmBRf.js} +6 -8
- package/components/{badge-CNeUkS4b.cjs → badge-DzElGOcl.cjs} +1 -1
- package/components/button/index.cjs +1 -1
- package/components/button/index.js +2 -2
- package/components/{button-B1V_2tHk.cjs → button-BGEWdRbY.cjs} +2 -2
- package/components/{button-QXavBh1X.js → button-CpaltgRZ.js} +12 -13
- 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-CLGqcox8.cjs → calendar-BqyGW8gU.cjs} +3 -3
- package/components/{calendar-BNGwCJsG.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-5SDPe2fQ.js → date-range-picker-CoCz3uDz.js} +28 -29
- package/components/{date-range-picker-CLfEEYkE.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-DXTksnPd.cjs → date-time-picker-CEEeMXGn.cjs} +3 -3
- package/components/{date-time-picker-s3xujamC.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 +71 -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-CQI5kFRd.js → notice-CrLVNmqL.js} +6 -8
- package/components/{notice-CQFyo6OE.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-Czkf6auL.js → picker-C5eX5WBl.js} +24 -40
- package/components/{picker-C1tD-4ac.cjs → picker-CQCAt4Mx.cjs} +4 -4
- 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 -3
- package/components/progress-steps-5MhpnGKv.cjs +98 -0
- package/components/{progress-steps-CXJEaaUg.js → progress-steps-Byem5ieS.js} +43 -51
- package/components/prompt-box/index.cjs +1 -1
- package/components/prompt-box/index.js +1 -2
- package/components/{prompt-box-CA8bsoZP.js → prompt-box-CrtFGmjm.js} +80 -112
- package/components/{prompt-box-DyODaKXV.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-DSwTpxAW.js → question-box-BJYYLghb.js} +40 -86
- package/components/{question-box-cBeVshAq.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-CFTOvmWA.js → search-C5uFmm6S.js} +7 -9
- package/components/{search-DJ6KwOam.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-COApWq-B.cjs → status-light-Do6z53mM.cjs} +1 -1
- package/components/{status-light-B1T3aGJs.js → status-light-DqHhhZed.js} +5 -7
- 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-Bcq2K21l.cjs → table-CLMLGloR.cjs} +11 -11
- package/components/{table-BckZkgeh.js → table-DlOWqm5C.js} +47 -103
- package/components/tabs/index.cjs +1 -1
- package/components/tabs/index.js +1 -2
- package/components/{tabs-CMU8X4ho.cjs → tabs-B0WHKMuF.cjs} +2 -2
- package/components/{tabs-D8U2PxcE.js → tabs-Dkt0B_-A.js} +17 -22
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +1 -2
- package/components/{tags-ZzY_q4TH.js → tags-Be4yrNPw.js} +9 -11
- package/components/{tags-D8F1o4UZ.cjs → tags-CHDNXpxh.cjs} +1 -1
- package/components/{template-property-DNDi7lQv.js → template-property-Bks4Db5C.js} +1 -2
- 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 +8 -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 +1 -1
- 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-BJGE_BDu.js → action-button-0d4u0dWv.js} +1 -1
- 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-SNXdnyCZ.js → badge-DPFbBRCY.js} +1 -1
- package/standalone/chunks/{button-DTL9dD2r.js → button-Bgc3zdEa.js} +1 -1
- package/standalone/chunks/{button-DHan4NJY.js → button-BhSe7abg.js} +1 -1
- 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-jZI5AjVJ.js → picker-HoERLlkx.js} +4 -4
- 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-Dn64faHO.js → template-property-CyrkVY0Q.js} +1 -1
- 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 -66
- 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 +22 -22
- 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/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/progress-steps-Dqh53oC1.cjs +0 -98
- package/components/segments-factory-DtPyN5sh.cjs +0 -18
- package/components/strategies-Bb7zEjrU.cjs +0 -18
- package/standalone/chunks/NumberFormatter-DMCfW685.js +0 -2
- package/standalone/chunks/NumberParser-r_jv94LA.js +0 -2
- package/standalone/chunks/async-directive-BA2_dM-5.js +0 -2
- package/standalone/chunks/async-directive-CPdA0BOw.js +0 -2
- package/standalone/chunks/button-base-C7jeeyLp.js +0 -9
- package/standalone/chunks/calendar-BOzu003d.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/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-Da9ojsLC.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,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import{a as e,c as t,i as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DGJ9-isg.js";import{C as d,F as f,o as p}from"./luzmo-icons-B-pCv-xg.js";import{n as m}from"./language-resolution-BWHk9A73.js";import{t as h}from"./class-map-CxQ0PcQP.js";import{t as g}from"./style-map-D4QeV3m0.js";import{t as _}from"./dependency-manger-BPrqqTnJ.js";import{n as v,r as y,t as b}from"./match-media-BMi7j6hf.js";import"./progress-circle-CEx1b5Sv.js";import{t as x}from"./pending-state-DxeRqe6Q.js";import"./menu-DSMoQt1w.js";import"./overlay-C_XW8yry.js";import"./tooltip-DB6jRVyB.js";import{t as S}from"./strategies-C-vW4MlK.js";var C=`#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}:host([data-luzmo-language-script=Latn]) .label slot::slotted(*),:host([data-luzmo-language-script=Latn]) .label>*{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)))}`,w=()=>t`
|
|
2
|
+
import{a as e,c as t,i as n,y as r}from"./lit-DWANyjiY.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DMlHjBe_.js";import{C as d,F as f,o as p}from"./luzmo-icons-vtQE0BSI.js";import{n as m}from"./language-resolution-BwIkGyuH.js";import{t as h}from"./class-map-E9JVium5.js";import{t as g}from"./style-map-DmBaq1-c.js";import{t as _}from"./dependency-manger-BPrqqTnJ.js";import{n as v,r as y,t as b}from"./match-media-BMi7j6hf.js";import"./progress-circle-CFtVq9Ou.js";import{t as x}from"./pending-state-DnTXKvtm.js";import"./menu-CefrRBIS.js";import"./overlay-CgQMEmrM.js";import"./tooltip-B-j8PrNl.js";import{t as S}from"./strategies-yujlVHBS.js";var C=`#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}:host([data-luzmo-language-script=Latn]) .label slot::slotted(*),:host([data-luzmo-language-script=Latn]) .label>*{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)))}`,w=()=>t`
|
|
3
3
|
<div class="disclosure-icon icon">
|
|
4
4
|
${d(f,{className:`indicator`})}
|
|
5
5
|
</div>
|
|
@@ -7,7 +7,7 @@ import{a as e,c as t,i as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,
|
|
|
7
7
|
<div class="icon-container validation-icon icon">
|
|
8
8
|
${d(p)}
|
|
9
9
|
</div>
|
|
10
|
-
`,E=`option-picker`,D=class extends a(i,{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 m(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 _(this),this.isMobile=new y(this,b),this.isTouchDevice=new y(this,v),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=>{
|
|
10
|
+
`,E=`option-picker`,D=class extends a(i,{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 m(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 _(this),this.isMobile=new y(this,b),this.isTouchDevice=new y(this,v),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=>{this.focused=!0,e.code===`Escape`?this.handleEscape(e):(e.code===`ArrowDown`||e.code===`ArrowUp`)&&(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>w(),this.renderAlertIcon=()=>T(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{e.code===`Enter`&&(this.enterKeydownOn?e.preventDefault():(this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})))},this.pendingStateController=new x(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.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;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)):this.selects?(n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)):(this.selectedItem=n,this.value=r)}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:t`
|
|
11
11
|
<slot name="label" id="label">
|
|
12
12
|
<span aria-hidden=${s(this.appliedLabel?void 0:`true`)}>
|
|
13
13
|
${this.label}
|
|
@@ -42,7 +42,7 @@ import{a as e,c as t,i as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,
|
|
|
42
42
|
id="tooltip"
|
|
43
43
|
@slotchange=${this.handleTooltipSlotchange}
|
|
44
44
|
></slot>
|
|
45
|
-
`]}renderOverlay(t){
|
|
45
|
+
`]}renderOverlay(t){if(this.strategy?.overlay===void 0)return t;let n=this.renderContainer(t);return e(n,this.strategy?.overlay,{host:this}),this.strategy?.overlay}get renderDescriptionSlot(){return t`
|
|
46
46
|
<div id=${E}>
|
|
47
47
|
<slot name="description"></slot>
|
|
48
48
|
</div>
|
|
@@ -105,4 +105,4 @@ import{a as e,c as t,i as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,
|
|
|
105
105
|
>
|
|
106
106
|
<slot @slotchange=${this.shouldScheduleManageSelection}></slot>
|
|
107
107
|
</luzmo-menu>
|
|
108
|
-
`;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){
|
|
108
|
+
`;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`))}};c([l()],D.prototype,`appliedLabel`,void 0),c([o(`#button`)],D.prototype,`button`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`disabled`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`focused`,void 0),c([u({type:String,reflect:!0})],D.prototype,`icons`,void 0),c([u({type:String,reflect:!0})],D.prototype,`variant`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`invalid`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`pending`,void 0),c([u({type:String,attribute:`pending-label`})],D.prototype,`pendingLabel`,void 0),c([u()],D.prototype,`label`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`open`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`readonly`,void 0),c([l()],D.prototype,`labelAlignment`,void 0),c([o(`luzmo-menu`)],D.prototype,`optionsMenu`,void 0),c([o(`luzmo-overlay`)],D.prototype,`overlayElement`,void 0),c([u()],D.prototype,`placement`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`quiet`,void 0),c([u({type:String})],D.prototype,`value`,void 0),c([u({attribute:!1})],D.prototype,`selectedItem`,null),c([l()],D.prototype,`selectedItemContent`,null);var O=class extends D{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[r(C)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};export{O as n,D as r,E as t};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import{F as a}from"./luzmo-icons-B-pCv-xg.js";import"./icon-BypO7M7G.js";import{t as o}from"./button-base-C7jeeyLp.js";import{t as s}from"./observe-slot-presence-DWPtw22K.js";import{t as c}from"./class-map-CxQ0PcQP.js";var l=`@media (hover:hover){.root:hover{--picker-button-background-color:var(--luzmo-picker-button-background-color-hover,var(--picker-button-background-color-hover));--picker-button-font-color:var(--luzmo-picker-button-font-color-hover,var(--picker-button-font-color-hover));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-hover,var(--picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-down,var(--picker-button-background-color-down));--picker-button-font-color:var(--luzmo-picker-button-font-color-down,var(--picker-button-font-color-down));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-down,var(--picker-button-icon-color-down))}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus));--picker-button-font-color:var(--luzmo-picker-button-font-color-key-focus,var(--picker-button-font-color-key-focus));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-key-focus,var(--picker-button-icon-color-key-focus))}:host([disabled]) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--picker-button-border-color:var(--luzmo-picker-button-border-color-disabled,var(--luzmo-background-color-disabled));--picker-button-font-color:var(--luzmo-picker-button-font-color-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-hover:var(--luzmo-picker-button-font-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-down:var(--luzmo-picker-button-font-color-down-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-hover:var(--luzmo-picker-button-icon-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-down:var(--luzmo-picker-button-icon-color-down-disabled,var(--luzmo-font-color-disabled))}:host([quiet]) .root{--luzmo-picker-button-background-color:var(--luzmo-picker-button-background-color-quiet,transparent);--luzmo-picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-quiet,transparent);--luzmo-picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-quiet,transparent);--luzmo-picker-button-background-color-key-focus:var(--luzmo-picker-button-background-color-key-focus-quiet,transparent);--luzmo-picker-button-border-color:var(--luzmo-picker-button-border-color-quiet,transparent)}.root{background-color:initial;block-size:var(--luzmo-picker-button-width,var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding,var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height,var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color,var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family,var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style,var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight,var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size,var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap,var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color,var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color,var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width,var(--picker-button-border-width));block-size:100%;inline-size:100%;padding:var(--luzmo-picker-button-horizontal-padding,var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));display:flex;position:relative}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color));flex-shrink:0}.luzmo-picker-button-fill{--luzmo-icon-color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color))}:host(:focus-visible){outline:none}.luzmo-picker-button-fill:after{content:"";margin:calc((var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)) + var(--luzmo-picker-button-border-width,var(--picker-button-border-width))) * -1);border-radius:calc(var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));transition:box-shadow var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;pointer-events:none;position:absolute;inset:0}:host([focused]) .luzmo-picker-button-fill:after,:host(:focus-visible) .luzmo-picker-button-fill:after,.root:focus-visible .luzmo-picker-button-fill:after{box-shadow:0 0 0 var(--luzmo-picker-button-focus-ring-thickness,var(--picker-button-focus-ring-thickness)) var(--luzmo-picker-button-focus-ring-color,var(--picker-button-focus-indicator-color))}:host([position=right]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=right][rounded]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left][rounded]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([rounded]) .luzmo-picker-button-fill:after{border-radius:calc(var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}.root{--picker-button-height:var(--luzmo-component-height);--picker-button-width:var(--luzmo-component-height);--picker-button-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-horizontal-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-button-indicator-color:var(--luzmo-indicator-color);--picker-button-focus-ring-gap:var(--luzmo-indicator-gap);--picker-button-focus-ring-thickness:var(--luzmo-indicator-width);--picker-button-focus-indicator-color:var(--luzmo-primary);--picker-button-icon-color:var(--luzmo-font-color);--picker-button-icon-color-hover:var(--luzmo-font-color-hover);--picker-button-icon-color-down:var(--luzmo-font-color-down);--picker-button-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-button-font-color:var(--luzmo-font-color);--picker-button-font-color-hover:var(--luzmo-font-color-hover);--picker-button-font-color-down:var(--luzmo-font-color-down);--picker-button-font-color-key-focus:var(--neutral-content-color-focus);--picker-button-font-family:var(--luzmo-font-family);--picker-button-font-style:var(--luzmo-font-style);--picker-button-font-weight:var(--body-sans-serif-font-weight);--picker-button-font-size:var(--luzmo-font-size);--picker-button-border-radius-rounded:var(--luzmo-border-radius);--picker-button-background-animation-duration:var(--luzmo-animation-duration);--picker-button-background-color:var(--luzmo-background-color);--picker-button-background-color-hover:var(--luzmo-background-color-hover);--picker-button-background-color-down:var(--luzmo-background-color-down);--picker-button-background-color-key-focus:var(--luzmo-background-color-focus);--picker-button-border-color:var(--luzmo-border-color);--picker-button-border-radius:var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided:var(--luzmo-border-radius);--picker-button-border-radius-sided:0;--picker-button-border-width:var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height:var(--luzmo-component-height-s);--picker-button-width:var(--luzmo-component-height-s);--picker-button-label-padding:var(--luzmo-spacing-2);--picker-button-font-size:var(--luzmo-font-size-s);--picker-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height:var(--luzmo-component-height-l);--picker-button-width:var(--luzmo-component-height-l);--picker-button-label-padding:var(--luzmo-spacing-3);--picker-button-font-size:var(--luzmo-font-size-l);--picker-button-horizontal-padding:var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height:var(--luzmo-component-height-xl);--picker-button-width:var(--luzmo-component-height-xl);--picker-button-label-padding:var(--luzmo-spacing-4);--picker-button-font-size:var(--luzmo-font-size-xl);--picker-button-horizontal-padding:var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}`,u=class extends n(s(o,`[slot="label"]`)){constructor(...e){super(...e),this.invalid=!1,this.position=`right`}static get styles(){return[t(l)]}get hasText(){return this.slotContentIsPresent}render(){return e`
|
|
3
|
-
<div class=${c(
|
|
2
|
+
import"../tokens.js";import{c as e,y as t}from"./lit-DWANyjiY.js";import{c as n,l as r,y as i}from"./lucero-runtime-DMlHjBe_.js";import{F as a}from"./luzmo-icons-vtQE0BSI.js";import"./icon-6P1RsbD1.js";import{t as o}from"./button-base-DLYrzCSm.js";import{t as s}from"./observe-slot-presence-BxmG6A0m.js";import{t as c}from"./class-map-E9JVium5.js";var l=`@media (hover:hover){.root:hover{--picker-button-background-color:var(--luzmo-picker-button-background-color-hover,var(--picker-button-background-color-hover));--picker-button-font-color:var(--luzmo-picker-button-font-color-hover,var(--picker-button-font-color-hover));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-hover,var(--picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-down,var(--picker-button-background-color-down));--picker-button-font-color:var(--luzmo-picker-button-font-color-down,var(--picker-button-font-color-down));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-down,var(--picker-button-icon-color-down))}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus));--picker-button-font-color:var(--luzmo-picker-button-font-color-key-focus,var(--picker-button-font-color-key-focus));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-key-focus,var(--picker-button-icon-color-key-focus))}:host([disabled]) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--picker-button-border-color:var(--luzmo-picker-button-border-color-disabled,var(--luzmo-background-color-disabled));--picker-button-font-color:var(--luzmo-picker-button-font-color-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-hover:var(--luzmo-picker-button-font-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-down:var(--luzmo-picker-button-font-color-down-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-hover:var(--luzmo-picker-button-icon-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-down:var(--luzmo-picker-button-icon-color-down-disabled,var(--luzmo-font-color-disabled))}:host([quiet]) .root{--luzmo-picker-button-background-color:var(--luzmo-picker-button-background-color-quiet,transparent);--luzmo-picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-quiet,transparent);--luzmo-picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-quiet,transparent);--luzmo-picker-button-background-color-key-focus:var(--luzmo-picker-button-background-color-key-focus-quiet,transparent);--luzmo-picker-button-border-color:var(--luzmo-picker-button-border-color-quiet,transparent)}.root{background-color:initial;block-size:var(--luzmo-picker-button-width,var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding,var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height,var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color,var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family,var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style,var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight,var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size,var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap,var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color,var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color,var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width,var(--picker-button-border-width));block-size:100%;inline-size:100%;padding:var(--luzmo-picker-button-horizontal-padding,var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));display:flex;position:relative}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color));flex-shrink:0}.luzmo-picker-button-fill{--luzmo-icon-color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color))}:host(:focus-visible){outline:none}.luzmo-picker-button-fill:after{content:"";margin:calc((var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)) + var(--luzmo-picker-button-border-width,var(--picker-button-border-width))) * -1);border-radius:calc(var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));transition:box-shadow var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;pointer-events:none;position:absolute;inset:0}:host([focused]) .luzmo-picker-button-fill:after,:host(:focus-visible) .luzmo-picker-button-fill:after,.root:focus-visible .luzmo-picker-button-fill:after{box-shadow:0 0 0 var(--luzmo-picker-button-focus-ring-thickness,var(--picker-button-focus-ring-thickness)) var(--luzmo-picker-button-focus-ring-color,var(--picker-button-focus-indicator-color))}:host([position=right]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=right][rounded]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left][rounded]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([rounded]) .luzmo-picker-button-fill:after{border-radius:calc(var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}.root{--picker-button-height:var(--luzmo-component-height);--picker-button-width:var(--luzmo-component-height);--picker-button-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-horizontal-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-button-indicator-color:var(--luzmo-indicator-color);--picker-button-focus-ring-gap:var(--luzmo-indicator-gap);--picker-button-focus-ring-thickness:var(--luzmo-indicator-width);--picker-button-focus-indicator-color:var(--luzmo-primary);--picker-button-icon-color:var(--luzmo-font-color);--picker-button-icon-color-hover:var(--luzmo-font-color-hover);--picker-button-icon-color-down:var(--luzmo-font-color-down);--picker-button-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-button-font-color:var(--luzmo-font-color);--picker-button-font-color-hover:var(--luzmo-font-color-hover);--picker-button-font-color-down:var(--luzmo-font-color-down);--picker-button-font-color-key-focus:var(--neutral-content-color-focus);--picker-button-font-family:var(--luzmo-font-family);--picker-button-font-style:var(--luzmo-font-style);--picker-button-font-weight:var(--body-sans-serif-font-weight);--picker-button-font-size:var(--luzmo-font-size);--picker-button-border-radius-rounded:var(--luzmo-border-radius);--picker-button-background-animation-duration:var(--luzmo-animation-duration);--picker-button-background-color:var(--luzmo-background-color);--picker-button-background-color-hover:var(--luzmo-background-color-hover);--picker-button-background-color-down:var(--luzmo-background-color-down);--picker-button-background-color-key-focus:var(--luzmo-background-color-focus);--picker-button-border-color:var(--luzmo-border-color);--picker-button-border-radius:var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided:var(--luzmo-border-radius);--picker-button-border-radius-sided:0;--picker-button-border-width:var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height:var(--luzmo-component-height-s);--picker-button-width:var(--luzmo-component-height-s);--picker-button-label-padding:var(--luzmo-spacing-2);--picker-button-font-size:var(--luzmo-font-size-s);--picker-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height:var(--luzmo-component-height-l);--picker-button-width:var(--luzmo-component-height-l);--picker-button-label-padding:var(--luzmo-spacing-3);--picker-button-font-size:var(--luzmo-font-size-l);--picker-button-horizontal-padding:var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height:var(--luzmo-component-height-xl);--picker-button-width:var(--luzmo-component-height-xl);--picker-button-label-padding:var(--luzmo-spacing-4);--picker-button-font-size:var(--luzmo-font-size-xl);--picker-button-horizontal-padding:var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}`,u=class extends n(s(o,`[slot="label"]`)){constructor(...e){super(...e),this.invalid=!1,this.position=`right`}static get styles(){return[t(l)]}get hasText(){return this.slotContentIsPresent}render(){let t={root:!0,uiicononly:!this.hasText,textuiicon:this.hasText};return e`
|
|
3
|
+
<div class=${c(t)}>
|
|
4
4
|
<div class="luzmo-picker-button-fill">
|
|
5
5
|
<span
|
|
6
6
|
class="luzmo-picker-button-label is-placeholder"
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
function e(e){return typeof window<`u`&&window.navigator!=null&&e.test(window.navigator.userAgent)}function t(e){return typeof window<`u`&&window.navigator!=null&&e.test(window.navigator.platform)}
|
|
3
|
+
/* c8 ignore next 3 */
|
|
4
|
+
function n(){return t(/^Mac/)}function r(){return t(/^iPhone/)}function i(){return t(/^iPad/)||n()&&typeof navigator<`u`&&navigator.maxTouchPoints>1}function a(){return r()||i()}
|
|
5
|
+
/* c8 ignore next 3 */
|
|
6
|
+
function o(){return n()||a()}
|
|
7
|
+
/* c8 ignore next 3 */
|
|
8
|
+
function s(){return e(/Chrome/)}
|
|
9
|
+
/* c8 ignore next 3 */
|
|
10
|
+
function c(){return e(/AppleWebKit/)&&!s()}function l(){return e(/Seamonkey/)}function u(){return e(/Firefox/)&&!l()}function d(){return e(/Android/)}export{a,n as c,u as i,l,o as n,i as o,s as r,r as s,d as t,c as u};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{c as r,g as i,l as a,u as o,y as s}from"./lucero-runtime-DGJ9-isg.js";var c=`:host{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s)) ease-in-out, opacity var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s)) ease-in-out, visibility 0s linear var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s));max-height:var(--luzmo-popover-max-height)!important}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened,var(--animation-duration-0,0s))}@media (forced-colors:active){:host{--highcontrast-popover-border-color:CanvasText}}:host{--popover-filter:drop-shadow(var(--luzmo-popover-shadow-horizontal,var(--popover-shadow-horizontal)) var(--luzmo-popover-shadow-vertical,var(--popover-shadow-vertical)) var(--luzmo-popover-shadow-blur,var(--popover-shadow-blur)) var(--luzmo-popover-shadow-color,var(--popover-shadow-color)));box-sizing:border-box;padding:var(--luzmo-popover-content-area-spacing-vertical,var(--popover-content-area-spacing-vertical)) 0;border-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));background-color:var(--luzmo-popover-background-color,var(--popover-background-color));filter:var(--luzmo-popover-filter,var(--popover-filter));outline:none;flex-direction:column;display:inline-flex;position:absolute;border-style:solid!important;border-color:var(--highcontrast-popover-border-color,var(--luzmo-popover-border-color,var(--popover-border-color)))!important;border-width:var(--luzmo-popover-border-width,var(--popover-border-width))!important}:host([tip]) #tip .triangle{stroke-linecap:square;stroke-linejoin:miter;fill:var(--highcontrast-popover-background-color,var(--luzmo-popover-background-color,var(--popover-background-color)));stroke:var(--highcontrast-popover-border-color,var(--luzmo-popover-border-color,var(--popover-border-color)));stroke-width:var(--luzmo-popover-border-width,var(--popover-border-width))}*{--luzmo-popover-filter:none}:host([tip]) .luzmo-Popover--top-end,:host([tip]) .luzmo-Popover--top-left,:host([tip]) .luzmo-Popover--top-right,:host([tip]) .luzmo-Popover--top-start,:host([placement*=top][tip]){margin-block-end:calc(var(--luzmo-popover-pointer-height,var(--popover-pointer-height)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--top-end,:host([open]) .luzmo-Popover--top-left,:host([open]) .luzmo-Popover--top-right,:host([open]) .luzmo-Popover--top-start,:host([placement*=top][open]){transform:translateY(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--bottom-end,:host([tip]) .luzmo-Popover--bottom-left,:host([tip]) .luzmo-Popover--bottom-right,:host([tip]) .luzmo-Popover--bottom-start,:host([placement*=bottom][tip]){margin-block-start:calc(var(--luzmo-popover-pointer-height,var(--popover-pointer-height)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--bottom-end,:host([open]) .luzmo-Popover--bottom-left,:host([open]) .luzmo-Popover--bottom-right,:host([open]) .luzmo-Popover--bottom-start,:host([placement*=bottom][open]){transform:translateY(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--right-bottom,:host([tip]) .luzmo-Popover--right-top,:host([placement*=right][tip]){margin-left:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--right-bottom,:host([open]) .luzmo-Popover--right-top,:host([placement*=right][open]){transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--left-bottom,:host([tip]) .luzmo-Popover--left-top,:host([placement*=left][tip]){margin-right:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--left-bottom,:host([open]) .luzmo-Popover--left-top,:host([placement*=left][open]){transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--start-bottom,:host([tip]) .luzmo-Popover--start-top,:host([tip]) .luzmo-Popover--start{margin-inline-end:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--start-bottom,:host([open]) .luzmo-Popover--start-top,:host([open]) .luzmo-Popover--start{transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:is(:host([open]) .luzmo-Popover--start-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--start-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Popover--start-bottom,:host([dir=rtl][open]) .luzmo-Popover--start-top,:host([dir=rtl][open]) .luzmo-Popover--start){transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--end-bottom,:host([tip]) .luzmo-Popover--end-top,:host([tip]) .luzmo-Popover--end{margin-inline-start:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--end-bottom,:host([open]) .luzmo-Popover--end-top,:host([open]) .luzmo-Popover--end{transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:is(:host([open]) .luzmo-Popover--end-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--end-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Popover--end-bottom,:host([dir=rtl][open]) .luzmo-Popover--end-top,:host([dir=rtl][open]) .luzmo-Popover--end){transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) #tip,:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip,:host([tip][placement*=top]) #tip,:host([tip]) .luzmo-Popover--top-end #tip,:host([tip]) .luzmo-Popover--top-left #tip,:host([tip]) .luzmo-Popover--top-right #tip,:host([tip]) .luzmo-Popover--top-start #tip{inline-size:var(--luzmo-popover-pointer-width,var(--popover-pointer-width));block-size:var(--luzmo-popover-pointer-height,var(--popover-pointer-height));margin:auto;position:absolute;inset-block-start:100%;inset-inline:0;transform:translate(0)}:host([tip]) .luzmo-Popover--top-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--top-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip{inset-block:auto 100%;transform:scaleY(-1)}:host([tip]) .luzmo-Popover--bottom-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--bottom-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip,:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{inline-size:var(--luzmo-popover-pointer-height,var(--popover-pointer-height));block-size:var(--luzmo-popover-pointer-width,var(--popover-pointer-width));inset-block:0}:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip{left:100%;right:auto}:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip{left:auto;right:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end-top #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start-top #tip{inset-block:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--start-bottom #tip{inset-block:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{margin-inline-start:100%}:is(:host([tip]) .luzmo-Popover--start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--start-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--start-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][tip]) .luzmo-Popover--start #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-top #tip){transform:none}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip{margin-inline-end:100%;transform:scaleX(-1)}:is(:host([tip]) .luzmo-Popover--end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--end-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--end-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][tip]) .luzmo-Popover--end #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-top #tip){transform:scaleX(1)}:host{--popover-border-width:var(--luzmo-border-width);--popover-animation-distance:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--popover-background-color:var(--luzmo-background-color);--popover-border-color:var(--luzmo-border-color);--popover-content-area-spacing-vertical:var(--luzmo-spacing-2);--popover-shadow-horizontal:0;--popover-shadow-vertical:1px;--popover-shadow-blur:4px;--popover-shadow-color:var(--luzmo-shadow-color);--popover-border-radius:var(--luzmo-border-radius);--popover-pointer-width:var(--luzmo-spacing-5);--popover-pointer-height:var(--luzmo-spacing-3);--popover-pointer-edge-offset:16px;--popover-pointer-edge-spacing:24px}:host([size=s]){--popover-animation-distance:var(--luzmo-spacing-2)}:host([size=l]){--popover-animation-distance:var(--luzmo-spacing-3)}:host([size=xl]){--popover-animation-distance:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host{clip-path:none;min-width:min-content;max-width:100%;max-height:100%}::slotted(*){overscroll-behavior:contain}:host([placement*=left]) #tip[style],:host([placement*=right]) #tip[style]{inset-block-end:auto}:host([placement*=top]) #tip[style],:host([placement*=bottom]) #tip[style]{inset-inline-end:auto}.block,.inline{width:100%;height:100%;display:block}:host([placement*=left]) .block,:host([placement*=right]) .block,:host([placement*=top]) .inline,:host([placement*=bottom]) .inline{display:none}::slotted(.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}::slotted(luzmo-menu){margin:0}:host([dialog]){min-width:var(--luzmo-popover-dialog-min-width,270px);padding:var(--luzmo-popover-dialog-padding,30px 29px)}:host([tip][placement]) #tip{height:auto}`,l=class extends r(o){constructor(...e){super(...e),this.open=!1,this.tip=!1}static get styles(){return[n(c)]}renderTip(){return e`
|
|
2
|
+
import"../tokens.js";import{c as e,i as t,y as n}from"./lit-DWANyjiY.js";import{c as r,g as i,l as a,u as o,y as s}from"./lucero-runtime-DMlHjBe_.js";var c=`:host{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s)) ease-in-out, opacity var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s)) ease-in-out, visibility 0s linear var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s));max-height:var(--luzmo-popover-max-height)!important}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened,var(--animation-duration-0,0s))}@media (forced-colors:active){:host{--highcontrast-popover-border-color:CanvasText}}:host{--popover-filter:drop-shadow(var(--luzmo-popover-shadow-horizontal,var(--popover-shadow-horizontal)) var(--luzmo-popover-shadow-vertical,var(--popover-shadow-vertical)) var(--luzmo-popover-shadow-blur,var(--popover-shadow-blur)) var(--luzmo-popover-shadow-color,var(--popover-shadow-color)));box-sizing:border-box;padding:var(--luzmo-popover-content-area-spacing-vertical,var(--popover-content-area-spacing-vertical)) 0;border-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));background-color:var(--luzmo-popover-background-color,var(--popover-background-color));filter:var(--luzmo-popover-filter,var(--popover-filter));outline:none;flex-direction:column;display:inline-flex;position:absolute;border-style:solid!important;border-color:var(--highcontrast-popover-border-color,var(--luzmo-popover-border-color,var(--popover-border-color)))!important;border-width:var(--luzmo-popover-border-width,var(--popover-border-width))!important}:host([tip]) #tip .triangle{stroke-linecap:square;stroke-linejoin:miter;fill:var(--highcontrast-popover-background-color,var(--luzmo-popover-background-color,var(--popover-background-color)));stroke:var(--highcontrast-popover-border-color,var(--luzmo-popover-border-color,var(--popover-border-color)));stroke-width:var(--luzmo-popover-border-width,var(--popover-border-width))}*{--luzmo-popover-filter:none}:host([tip]) .luzmo-Popover--top-end,:host([tip]) .luzmo-Popover--top-left,:host([tip]) .luzmo-Popover--top-right,:host([tip]) .luzmo-Popover--top-start,:host([placement*=top][tip]){margin-block-end:calc(var(--luzmo-popover-pointer-height,var(--popover-pointer-height)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--top-end,:host([open]) .luzmo-Popover--top-left,:host([open]) .luzmo-Popover--top-right,:host([open]) .luzmo-Popover--top-start,:host([placement*=top][open]){transform:translateY(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--bottom-end,:host([tip]) .luzmo-Popover--bottom-left,:host([tip]) .luzmo-Popover--bottom-right,:host([tip]) .luzmo-Popover--bottom-start,:host([placement*=bottom][tip]){margin-block-start:calc(var(--luzmo-popover-pointer-height,var(--popover-pointer-height)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--bottom-end,:host([open]) .luzmo-Popover--bottom-left,:host([open]) .luzmo-Popover--bottom-right,:host([open]) .luzmo-Popover--bottom-start,:host([placement*=bottom][open]){transform:translateY(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--right-bottom,:host([tip]) .luzmo-Popover--right-top,:host([placement*=right][tip]){margin-left:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--right-bottom,:host([open]) .luzmo-Popover--right-top,:host([placement*=right][open]){transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--left-bottom,:host([tip]) .luzmo-Popover--left-top,:host([placement*=left][tip]){margin-right:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--left-bottom,:host([open]) .luzmo-Popover--left-top,:host([placement*=left][open]){transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--start-bottom,:host([tip]) .luzmo-Popover--start-top,:host([tip]) .luzmo-Popover--start{margin-inline-end:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--start-bottom,:host([open]) .luzmo-Popover--start-top,:host([open]) .luzmo-Popover--start{transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:is(:host([open]) .luzmo-Popover--start-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--start-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Popover--start-bottom,:host([dir=rtl][open]) .luzmo-Popover--start-top,:host([dir=rtl][open]) .luzmo-Popover--start){transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--end-bottom,:host([tip]) .luzmo-Popover--end-top,:host([tip]) .luzmo-Popover--end{margin-inline-start:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--end-bottom,:host([open]) .luzmo-Popover--end-top,:host([open]) .luzmo-Popover--end{transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:is(:host([open]) .luzmo-Popover--end-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--end-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Popover--end-bottom,:host([dir=rtl][open]) .luzmo-Popover--end-top,:host([dir=rtl][open]) .luzmo-Popover--end){transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) #tip,:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip,:host([tip][placement*=top]) #tip,:host([tip]) .luzmo-Popover--top-end #tip,:host([tip]) .luzmo-Popover--top-left #tip,:host([tip]) .luzmo-Popover--top-right #tip,:host([tip]) .luzmo-Popover--top-start #tip{inline-size:var(--luzmo-popover-pointer-width,var(--popover-pointer-width));block-size:var(--luzmo-popover-pointer-height,var(--popover-pointer-height));margin:auto;position:absolute;inset-block-start:100%;inset-inline:0;transform:translate(0)}:host([tip]) .luzmo-Popover--top-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--top-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip{inset-block:auto 100%;transform:scaleY(-1)}:host([tip]) .luzmo-Popover--bottom-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--bottom-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip,:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{inline-size:var(--luzmo-popover-pointer-height,var(--popover-pointer-height));block-size:var(--luzmo-popover-pointer-width,var(--popover-pointer-width));inset-block:0}:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip{left:100%;right:auto}:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip{left:auto;right:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end-top #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start-top #tip{inset-block:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--start-bottom #tip{inset-block:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{margin-inline-start:100%}:is(:host([tip]) .luzmo-Popover--start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--start-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--start-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][tip]) .luzmo-Popover--start #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-top #tip){transform:none}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip{margin-inline-end:100%;transform:scaleX(-1)}:is(:host([tip]) .luzmo-Popover--end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--end-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--end-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][tip]) .luzmo-Popover--end #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-top #tip){transform:scaleX(1)}:host{--popover-border-width:var(--luzmo-border-width);--popover-animation-distance:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--popover-background-color:var(--luzmo-background-color);--popover-border-color:var(--luzmo-border-color);--popover-content-area-spacing-vertical:var(--luzmo-spacing-2);--popover-shadow-horizontal:0;--popover-shadow-vertical:1px;--popover-shadow-blur:4px;--popover-shadow-color:var(--luzmo-shadow-color);--popover-border-radius:var(--luzmo-border-radius);--popover-pointer-width:var(--luzmo-spacing-5);--popover-pointer-height:var(--luzmo-spacing-3);--popover-pointer-edge-offset:16px;--popover-pointer-edge-spacing:24px}:host([size=s]){--popover-animation-distance:var(--luzmo-spacing-2)}:host([size=l]){--popover-animation-distance:var(--luzmo-spacing-3)}:host([size=xl]){--popover-animation-distance:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host{clip-path:none;min-width:min-content;max-width:100%;max-height:100%}::slotted(*){overscroll-behavior:contain}:host([placement*=left]) #tip[style],:host([placement*=right]) #tip[style]{inset-block-end:auto}:host([placement*=top]) #tip[style],:host([placement*=bottom]) #tip[style]{inset-inline-end:auto}.block,.inline{width:100%;height:100%;display:block}:host([placement*=left]) .block,:host([placement*=right]) .block,:host([placement*=top]) .inline,:host([placement*=bottom]) .inline{display:none}::slotted(.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}::slotted(luzmo-menu){margin:0}:host([dialog]){min-width:var(--luzmo-popover-dialog-min-width,270px);padding:var(--luzmo-popover-dialog-padding,30px 29px)}:host([tip][placement]) #tip{height:auto}`,l=class extends r(o){constructor(...e){super(...e),this.open=!1,this.tip=!1}static get styles(){return[n(c)]}renderTip(){return e`
|
|
3
3
|
<div id="tip" aria-hidden="true">
|
|
4
4
|
<svg class="tip block" viewBox="0 -0.5 16 9">
|
|
5
5
|
<path class="triangle" d="M-1,-1 8,8 17,-1"></path>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import"../tokens.js";import{c as e,y as t}from"./lit-
|
|
2
|
+
import"../tokens.js";import{c as e,y as t}from"./lit-DWANyjiY.js";import{c as n,g as r,i,l as a,u as o,y as s}from"./lucero-runtime-DMlHjBe_.js";import{t as c}from"./get-label-from-slot-Dfoiptqo.js";var l=`@media (forced-colors:active){:host{--highcontrast-progress-circle-fill-border-color:Highlight;--highcontrast-progress-circle-fill-border-color-over-background:Highlight}.track{--progress-circle-track-border-style:double}}:host{position:var(--luzmo-progress-circle-position,relative);direction:ltr;display:inline-block;position:relative;transform:translateZ(0)}:host,.track{inline-size:var(--luzmo-progress-circle-size,var(--progress-circle-size,32px));block-size:var(--luzmo-progress-circle-size,var(--progress-circle-size,32px))}.track{box-sizing:border-box;border-style:var(--highcontrast-progress-circle-track-border-style,var(--luzmo-progress-circle-track-border-style,var(--progress-circle-track-border-style,solid)));border-width:var(--luzmo-progress-circle-thickness,var(--progress-circle-thickness,2px));border-radius:var(--luzmo-progress-circle-size,var(--progress-circle-size,32px));border-color:var(--luzmo-progress-circle-track-border-color,var(--luzmo-border-color))}.fills{block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.fill{box-sizing:border-box;inline-size:var(--luzmo-progress-circle-size,var(--progress-circle-size,32px));block-size:var(--luzmo-progress-circle-size,var(--progress-circle-size,32px));border-style:solid;border-width:var(--luzmo-progress-circle-thickness,var(--progress-circle-thickness,3px));border-radius:var(--luzmo-progress-circle-size,var(--progress-circle-size,32px));border-color:var(--highcontrast-progress-circle-fill-border-color,var(--luzmo-progress-circle-fill-border-color,var(--luzmo-primary)))}:host([static-color=black]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background,#00000040)}:host([static-color=black]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background,var(--luzmo-progress-circle-fill-border-color-over-background,#000))}:host([static-color=white]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background,#ffffff26)}:host([static-color=white]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background,var(--luzmo-progress-circle-fill-border-color-over-background,#fff))}.fill-mask1,.fill-mask2{transform-origin:100%;block-size:100%;inline-size:50%;position:absolute;overflow:hidden;transform:rotate(180deg)}.fill-sub-mask1,.fill-sub-mask2{transform-origin:100%;block-size:100%;inline-size:100%;overflow:hidden;transform:rotate(-180deg)}.fill-mask2{transform:rotate(0)}:host([indeterminate]) .fills{will-change:transform;transform-origin:50%;animation:1s cubic-bezier(.25,.78,.48,.89) infinite luzmo-fills-rotate;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask1{will-change:transform;animation:1s linear infinite luzmo-fill-mask-1;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask2{will-change:transform;animation:1s linear infinite luzmo-fill-mask-2;transform:translateZ(0)}.fill-submask-2{animation:1s linear infinite luzmo-fill-mask-2}@keyframes luzmo-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0)}11.86%{transform:rotate(0)}13.56%{transform:rotate(0)}15.25%{transform:rotate(0)}16.95%{transform:rotate(0)}18.64%{transform:rotate(0)}20.34%{transform:rotate(0)}22.03%{transform:rotate(0)}23.73%{transform:rotate(0)}25.42%{transform:rotate(0)}27.12%{transform:rotate(0)}28.81%{transform:rotate(0)}30.51%{transform:rotate(0)}32.2%{transform:rotate(0)}33.9%{transform:rotate(0)}35.59%{transform:rotate(0)}37.29%{transform:rotate(0)}38.98%{transform:rotate(0)}40.68%{transform:rotate(0)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes luzmo-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes luzmo-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host([size=s]){--progress-circle-size:16px;--progress-circle-thickness:2px}:host([size=l]){--progress-circle-size:48px;--progress-circle-thickness:3px}:host([size=xl]){--progress-circle-size:64px;--progress-circle-thickness:4px}:host{block-size:var(--luzmo-progress-circle-size,var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size,var(--parent-element-progress-circle-size));--progress-circle-size:inherit;--parent-element-progress-circle-size:var(--progress-circle-size,32px)}:host([size=s]){--parent-element-progress-circle-size:var(--progress-circle-size,16px)}:host([size=l]){--parent-element-progress-circle-size:var(--progress-circle-size,48px)}:host([size=xl]){--parent-element-progress-circle-size:var(--progress-circle-size,64px)}slot{display:none}.track,.fill{block-size:var(--luzmo-progress-circle-size,var(--parent-element-progress-circle-size));border-radius:var(--luzmo-progress-circle-size,var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size,var(--parent-element-progress-circle-size))}:host([indeterminate]) .fills,:host([indeterminate]) .fill-sub-mask1,:host([indeterminate]) .fill-sub-mask2{animation-duration:var(--luzmo-progress-circle-animation-duration,1s)}`,u=class extends n(o,{validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.indeterminate=!1,this.label=``,this.progress=0}static get styles(){return[t(l)]}makeRotation(e){return this.indeterminate?void 0:`transform: rotate(${e}deg);`}render(){let t=[this.makeRotation(-180+180/50*Math.min(this.progress,50)),this.makeRotation(-180+180/50*Math.max(this.progress-50,0))];return e`
|
|
3
3
|
<slot @slotchange=${this.handleSlotchange}></slot>
|
|
4
4
|
<div class="track"></div>
|
|
5
5
|
<div class="fills">
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,o as i,u as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{t as s}from"./roving-tabindex-CB4xC55P.js";import{t as c}from"./field-group-D8EjgC6F.js";var l=`@media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--luzmo-radio-height,var(--radio-height));max-inline-size:100%;font-family:var(--luzmo-radio-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--luzmo-radio-button-border-color-down,var(--radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--luzmo-radio-button-checked-border-color-down,var(--radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--luzmo-radio-neutral-content-color-down,var(--radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--luzmo-radio-button-border-color-focus,var(--radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--luzmo-radio-focus-indicator-color,var(--radio-focus-indicator-color)));border-width:var(--luzmo-radio-focus-indicator-width,var(--radio-focus-indicator-width));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--luzmo-radio-button-checked-border-color-focus,var(--radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--luzmo-radio-neutral-content-color-focus,var(--radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--luzmo-radio-neutral-content-color,var(--radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--luzmo-radio-emphasized-accent-color,var(--radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--luzmo-radio-button-border-color-hover,var(--radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--luzmo-radio-button-checked-border-color-hover,var(--radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--luzmo-radio-neutral-content-color-hover,var(--radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--luzmo-radio-emphasized-accent-color-hover,var(--radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--luzmo-radio-emphasized-accent-color-down,var(--radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--luzmo-radio-emphasized-accent-color-focus,var(--radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--luzmo-radio-disabled-border-color,var(--radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--luzmo-radio-disabled-content-color,var(--radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--luzmo-radio-line-height,var(--radio-line-height));box-sizing:border-box;opacity:0;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--radio-button-control-size) / 2 - var(--radio-button-selection-indicator) / 2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--luzmo-radio-button-checked-border-color-default,var(--radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--luzmo-radio-focus-indicator-width,var(--radio-focus-indicator-width));border-color:var(--highcontrast-radio-focus-indicator-color,var(--luzmo-radio-focus-indicator-color,var(--radio-focus-indicator-color)));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);border-style:solid}#label{text-align:start;font-size:var(--luzmo-radio-font-size,var(--radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--luzmo-radio-neutral-content-color,var(--radio-neutral-content-color)));line-height:var(--luzmo-radio-line-height,var(--radio-line-height));transition:color var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out;margin-block-start:var(--radio-label-top-to-text);margin-block-end:var(--radio-label-bottom-to-text);margin-inline-start:var(--luzmo-radio-text-to-control,var(--radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-radio-line-height-cjk,var(--radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-radio-button-top-to-control,var(--radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--luzmo-radio-button-background-color,var(--radio-button-background-color)));border-width:var(--luzmo-radio-border-width,var(--radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--luzmo-radio-button-border-color-default,var(--radio-button-border-color-default)));transition:border var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out, box-shadow var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-out, margin var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) #button:after{transform:translate(50%)translateY(-50%)}:host{--radio-button-border-color-default:var(--luzmo-border-color-full);--radio-button-border-color-hover:var(--luzmo-border-color-full-hover);--radio-button-border-color-down:var(--luzmo-border-color-full-hover);--radio-button-border-color-focus:var(--luzmo-border-color-full-hover);--radio-neutral-content-color:var(--luzmo-selected-color-hard);--radio-neutral-content-color-hover:var(--luzmo-selected-color-hard-hover);--radio-neutral-content-color-down:var(--luzmo-selected-color-hard-down);--radio-neutral-content-color-focus:var(--luzmo-selected-color-hard-focus);--radio-button-selection-indicator:var(--luzmo-spacing-2);--radio-focus-indicator-width:var(--luzmo-indicator-width);--radio-focus-indicator-gap:var(--luzmo-indicator-gap);--radio-focus-indicator-color:var(--luzmo-primary);--radio-disabled-content-color:var(--luzmo-disabled-color);--radio-disabled-border-color:var(--luzmo-border-color-disabled);--radio-emphasized-accent-color:var(--luzmo-primary);--radio-emphasized-accent-color-hover:var(--luzmo-primary-hover);--radio-emphasized-accent-color-down:var(--luzmo-primary-down);--radio-emphasized-accent-color-focus:var(--luzmo-primary-focus);--radio-border-width:calc(var(--luzmo-border-width) * 2);--radio-button-background-color:var(--luzmo-background-color);--radio-button-checked-border-color-default:var(--luzmo-selected-color-hard);--radio-button-checked-border-color-hover:var(--luzmo-selected-color-hard-hover);--radio-button-checked-border-color-down:var(--luzmo-selected-color-hard-down);--radio-button-checked-border-color-focus:var(--luzmo-selected-color-hard-focus);--radio-line-height:1.3;--radio-animation-duration:var(--luzmo-animation-duration);--radio-height:32px;--radio-button-control-size:14px;--radio-text-to-control:10px;--radio-label-top-to-text:6px;--radio-label-bottom-to-text:9px;--radio-button-top-to-control:9px;--radio-font-size:14px}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--radio-line-height-cjk:1.5}:host{--radio-height:var(--luzmo-component-height);--radio-button-control-size:14px;--radio-text-to-control:10px;--radio-label-top-to-text:7px;--radio-label-bottom-to-text:9px;--radio-button-top-to-control:9px;--radio-font-size:14px}:host([size=s]){--radio-height:var(--luzmo-component-height-s);--radio-button-control-size:var(--luzmo-spacing-4);--radio-text-to-control:9px;--radio-label-top-to-text:var(--luzmo-spacing-2);--radio-label-bottom-to-text:5px;--radio-button-top-to-control:6px;--radio-font-size:var(--luzmo-spacing-4)}:host([size=l]){--radio-height:var(--luzmo-component-height-l);--radio-button-control-size:16px;--radio-text-to-control:11px;--radio-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--radio-label-bottom-to-text:11px;--radio-button-top-to-control:var(--luzmo-spacing-4);--radio-font-size:16px}:host([size=xl]){--radio-height:var(--luzmo-component-height-xl);--radio-button-control-size:18px;--radio-text-to-control:13px;--radio-label-top-to-text:var(--luzmo-spacing-4);--radio-label-bottom-to-text:14px;--radio-button-top-to-control:15px;--radio-font-size:18px}:host([emphasized]){--radio-button-checked-border-color-default:var(--luzmo-primary);--radio-button-checked-border-color-hover:var(--luzmo-primary-hover);--radio-button-checked-border-color-down:var(--luzmo-primary-down);--radio-button-checked-border-color-focus:var(--luzmo-primary-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}`,u=class extends n(i(a),{noDefaultSize:!0}){constructor(...e){super(...e),this.autofocus=!1,this.value=``,this.checked=!1,this.disabled=!1,this.emphasized=!1,this.invalid=!1,this.readonly=!1}static get styles(){return[t(l)]}click(){this.disabled||this.readonly||this.activate()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focus())}activate(){this.disabled||this.readonly||this.checked||(this.checked=!0,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}handleKeyup(e){e.code===`Space`&&this.activate()}render(){return e`
|
|
2
|
+
import"../tokens.js";import{c as e,y as t}from"./lit-DWANyjiY.js";import{c as n,l as r,o as i,u as a,y as o}from"./lucero-runtime-DMlHjBe_.js";import{t as s}from"./roving-tabindex-CivopiNn.js";import{t as c}from"./field-group-C1oDgW9m.js";var l=`@media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--luzmo-radio-height,var(--radio-height));max-inline-size:100%;font-family:var(--luzmo-radio-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--luzmo-radio-button-border-color-down,var(--radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--luzmo-radio-button-checked-border-color-down,var(--radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--luzmo-radio-neutral-content-color-down,var(--radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--luzmo-radio-button-border-color-focus,var(--radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--luzmo-radio-focus-indicator-color,var(--radio-focus-indicator-color)));border-width:var(--luzmo-radio-focus-indicator-width,var(--radio-focus-indicator-width));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--luzmo-radio-button-checked-border-color-focus,var(--radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--luzmo-radio-neutral-content-color-focus,var(--radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--luzmo-radio-neutral-content-color,var(--radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--luzmo-radio-emphasized-accent-color,var(--radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--luzmo-radio-button-border-color-hover,var(--radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--luzmo-radio-button-checked-border-color-hover,var(--radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--luzmo-radio-neutral-content-color-hover,var(--radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--luzmo-radio-emphasized-accent-color-hover,var(--radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--luzmo-radio-emphasized-accent-color-down,var(--radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--luzmo-radio-emphasized-accent-color-focus,var(--radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--luzmo-radio-disabled-border-color,var(--radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--luzmo-radio-disabled-content-color,var(--radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--luzmo-radio-line-height,var(--radio-line-height));box-sizing:border-box;opacity:0;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--radio-button-control-size) / 2 - var(--radio-button-selection-indicator) / 2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--luzmo-radio-button-checked-border-color-default,var(--radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--luzmo-radio-focus-indicator-width,var(--radio-focus-indicator-width));border-color:var(--highcontrast-radio-focus-indicator-color,var(--luzmo-radio-focus-indicator-color,var(--radio-focus-indicator-color)));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);border-style:solid}#label{text-align:start;font-size:var(--luzmo-radio-font-size,var(--radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--luzmo-radio-neutral-content-color,var(--radio-neutral-content-color)));line-height:var(--luzmo-radio-line-height,var(--radio-line-height));transition:color var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out;margin-block-start:var(--radio-label-top-to-text);margin-block-end:var(--radio-label-bottom-to-text);margin-inline-start:var(--luzmo-radio-text-to-control,var(--radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-radio-line-height-cjk,var(--radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-radio-button-top-to-control,var(--radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--luzmo-radio-button-background-color,var(--radio-button-background-color)));border-width:var(--luzmo-radio-border-width,var(--radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--luzmo-radio-button-border-color-default,var(--radio-button-border-color-default)));transition:border var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out, box-shadow var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-out, margin var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) #button:after{transform:translate(50%)translateY(-50%)}:host{--radio-button-border-color-default:var(--luzmo-border-color-full);--radio-button-border-color-hover:var(--luzmo-border-color-full-hover);--radio-button-border-color-down:var(--luzmo-border-color-full-hover);--radio-button-border-color-focus:var(--luzmo-border-color-full-hover);--radio-neutral-content-color:var(--luzmo-selected-color-hard);--radio-neutral-content-color-hover:var(--luzmo-selected-color-hard-hover);--radio-neutral-content-color-down:var(--luzmo-selected-color-hard-down);--radio-neutral-content-color-focus:var(--luzmo-selected-color-hard-focus);--radio-button-selection-indicator:var(--luzmo-spacing-2);--radio-focus-indicator-width:var(--luzmo-indicator-width);--radio-focus-indicator-gap:var(--luzmo-indicator-gap);--radio-focus-indicator-color:var(--luzmo-primary);--radio-disabled-content-color:var(--luzmo-disabled-color);--radio-disabled-border-color:var(--luzmo-border-color-disabled);--radio-emphasized-accent-color:var(--luzmo-primary);--radio-emphasized-accent-color-hover:var(--luzmo-primary-hover);--radio-emphasized-accent-color-down:var(--luzmo-primary-down);--radio-emphasized-accent-color-focus:var(--luzmo-primary-focus);--radio-border-width:calc(var(--luzmo-border-width) * 2);--radio-button-background-color:var(--luzmo-background-color);--radio-button-checked-border-color-default:var(--luzmo-selected-color-hard);--radio-button-checked-border-color-hover:var(--luzmo-selected-color-hard-hover);--radio-button-checked-border-color-down:var(--luzmo-selected-color-hard-down);--radio-button-checked-border-color-focus:var(--luzmo-selected-color-hard-focus);--radio-line-height:1.3;--radio-animation-duration:var(--luzmo-animation-duration);--radio-height:32px;--radio-button-control-size:14px;--radio-text-to-control:10px;--radio-label-top-to-text:6px;--radio-label-bottom-to-text:9px;--radio-button-top-to-control:9px;--radio-font-size:14px}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--radio-line-height-cjk:1.5}:host{--radio-height:var(--luzmo-component-height);--radio-button-control-size:14px;--radio-text-to-control:10px;--radio-label-top-to-text:7px;--radio-label-bottom-to-text:9px;--radio-button-top-to-control:9px;--radio-font-size:14px}:host([size=s]){--radio-height:var(--luzmo-component-height-s);--radio-button-control-size:var(--luzmo-spacing-4);--radio-text-to-control:9px;--radio-label-top-to-text:var(--luzmo-spacing-2);--radio-label-bottom-to-text:5px;--radio-button-top-to-control:6px;--radio-font-size:var(--luzmo-spacing-4)}:host([size=l]){--radio-height:var(--luzmo-component-height-l);--radio-button-control-size:16px;--radio-text-to-control:11px;--radio-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--radio-label-bottom-to-text:11px;--radio-button-top-to-control:var(--luzmo-spacing-4);--radio-font-size:16px}:host([size=xl]){--radio-height:var(--luzmo-component-height-xl);--radio-button-control-size:18px;--radio-text-to-control:13px;--radio-label-top-to-text:var(--luzmo-spacing-4);--radio-label-bottom-to-text:14px;--radio-button-top-to-control:15px;--radio-font-size:18px}:host([emphasized]){--radio-button-checked-border-color-default:var(--luzmo-primary);--radio-button-checked-border-color-hover:var(--luzmo-primary-hover);--radio-button-checked-border-color-down:var(--luzmo-primary-down);--radio-button-checked-border-color-focus:var(--luzmo-primary-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}`,u=class extends n(i(a),{noDefaultSize:!0}){constructor(...e){super(...e),this.autofocus=!1,this.value=``,this.checked=!1,this.disabled=!1,this.emphasized=!1,this.invalid=!1,this.readonly=!1}static get styles(){return[t(l)]}click(){this.disabled||this.readonly||this.activate()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focus())}activate(){this.disabled||this.readonly||this.checked||(this.checked=!0,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}handleKeyup(e){e.code===`Space`&&this.activate()}render(){return e`
|
|
3
3
|
<div id="input"></div>
|
|
4
4
|
<span id="button" part="control"></span>
|
|
5
5
|
<span id="label" role="presentation"><slot></slot></span>
|
|
6
|
-
`}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`radio`),this.hasAttribute(`tabindex`)||(this.tabIndex=0),this.manageAutoFocus(),this.addEventListener(`click`,this.activate),this.addEventListener(`keyup`,this.handleKeyup)}updated(e){super.updated(e),e.has(`invalid`)&&(this.invalid?this.setAttribute(`aria-invalid`,`true`):this.removeAttribute(`aria-invalid`)),e.has(`checked`)&&(this.checked?this.setAttribute(`aria-checked`,`true`):this.setAttribute(`aria-checked`,`false`)),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};r([o({type:Boolean})],u.prototype,`autofocus`,void 0),r([o({type:String,reflect:!0})],u.prototype,`value`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`checked`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`disabled`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`emphasized`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`invalid`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`readonly`,void 0);var d=class extends i(c){constructor(...e){super(...e),this.name=``,this.manualSelection=!1,this.rovingTabindexController=new s(this,{focusInIndex:e=>e.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elementEnterAction:e=>{!this.manualSelection&&!e.readonly&&this._setSelected(e.value)},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled}),this.selected=``}get buttons(){return[...this.querySelectorAll(`luzmo-radio`)]}focus(){this.rovingTabindexController.focus()}_setSelected(e){if(e===this.selected)return;let t=this.selected,n=e?this.querySelector(`luzmo-radio[value="${CSS.escape(e)}"]`):void 0;
|
|
6
|
+
`}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`radio`),this.hasAttribute(`tabindex`)||(this.tabIndex=0),this.manageAutoFocus(),this.addEventListener(`click`,this.activate),this.addEventListener(`keyup`,this.handleKeyup)}updated(e){super.updated(e),e.has(`invalid`)&&(this.invalid?this.setAttribute(`aria-invalid`,`true`):this.removeAttribute(`aria-invalid`)),e.has(`checked`)&&(this.checked?this.setAttribute(`aria-checked`,`true`):this.setAttribute(`aria-checked`,`false`)),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};r([o({type:Boolean})],u.prototype,`autofocus`,void 0),r([o({type:String,reflect:!0})],u.prototype,`value`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`checked`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`disabled`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`emphasized`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`invalid`,void 0),r([o({type:Boolean,reflect:!0})],u.prototype,`readonly`,void 0);var d=class extends i(c){constructor(...e){super(...e),this.name=``,this.manualSelection=!1,this.rovingTabindexController=new s(this,{focusInIndex:e=>e.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elementEnterAction:e=>{!this.manualSelection&&!e.readonly&&this._setSelected(e.value)},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled}),this.selected=``}get buttons(){return[...this.querySelectorAll(`luzmo-radio`)]}focus(){this.rovingTabindexController.focus()}_setSelected(e){if(e===this.selected)return;let t=this.selected,n=e?this.querySelector(`luzmo-radio[value="${CSS.escape(e)}"]`):void 0;this.selected=n?e:``,this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))?this.validateRadios():this.selected=t}willUpdate(e){if(!this.hasUpdated){this.setAttribute(`role`,`radiogroup`);let e=this.querySelector(`luzmo-radio[checked]`),t=e?e.value:``;if(this.selected=t||this.selected,this.selected&&this.selected!==t){let e=this.querySelector(`luzmo-radio[value="${CSS.escape(this.selected)}"]`);e&&(e.checked=!0)}this.shadowRoot.addEventListener(`change`,e=>{e.stopPropagation();let t=e.target;this._setSelected(t.value)})}e.has(`selected`)&&this.validateRadios()}async validateRadios(){let e=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(t=>{t.checked=this.selected===t.value,e||=t.checked}),e||(this.selected=``)}handleSlotchange(){this.rovingTabindexController.clearElementCache()}};r([o({type:String})],d.prototype,`name`,void 0),r([o({type:Boolean,reflect:!0,attribute:`manual-selection`})],d.prototype,`manualSelection`,void 0),r([o({reflect:!0})],d.prototype,`selected`,void 0),customElements.get(`luzmo-radio`)||customElements.define(`luzmo-radio`,u),customElements.get(`luzmo-radio-group`)||customElements.define(`luzmo-radio-group`,d);export{u as n,d as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
|
|
2
|
+
import{o as e}from"./lit-DWANyjiY.js";import{n as t,r as n,t as r}from"./directive-Du_3lDov.js";import{a as i,n as a,o,r as s,t as c}from"./directive-helpers-DM8VtBpR.js";var l=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},u=r(class extends t{constructor(e){if(super(e),e.type!==n.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(t,[n,r,u]){let d=c(t),{values:f,keys:p}=this.dt(n,r,u);if(!Array.isArray(d))return this.ut=p,f;let m=this.ut??=[],h=[],g,_,v=0,y=d.length-1,b=0,x=f.length-1;for(;v<=y&&b<=x;)if(d[v]===null)v++;else if(d[y]===null)y--;else if(m[v]===p[b])h[b]=i(d[v],f[b]),v++,b++;else if(m[y]===p[x])h[x]=i(d[y],f[x]),y--,x--;else if(m[v]===p[x])h[x]=i(d[v],f[x]),o(t,h[x+1],d[v]),v++,x--;else if(m[y]===p[b])h[b]=i(d[y],f[b]),o(t,d[v],d[y]),y--,b++;else if(g===void 0&&(g=l(p,b,x),_=l(m,v,y)),g.has(m[v])){if(g.has(m[y])){let e=_.get(p[b]),n=e===void 0?null:d[e];if(n===null){let e=o(t,d[v]);i(e,f[b]),h[b]=e}else h[b]=i(n,f[b]),o(t,d[v],n),d[e]=null;b++}else a(d[y]),y--}else a(d[v]),v++;for(;b<=x;){let e=o(t,h[x+1]);i(e,f[b]),h[b++]=e}for(;v<=y;){let e=d[v++];e!==null&&a(e)}return this.ut=p,s(t,h),e}});export{u as t};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
|
|
2
|
-
import{t as e}from"./focus-group-
|
|
2
|
+
import{t as e}from"./focus-group-xdTxdfaB.js";var t=class extends e{constructor(...e){super(...e),this.managed=!0,this.manageIndexesAnimationFrame=0}set focused(e){e!==this.focused&&(super.focused=e,this.manageTabindexes())}get focused(){return super.focused}clearElementCache(e=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(e),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()))}manageTabindexes(){this.focused?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(e=>({removeTabIndex:e.contains(this.focusInElement)&&e!==this.focusInElement,tabIndex:e===this.focusInElement?0:-1}))}updateTabindexes(e){this.elements.forEach(t=>{let{tabIndex:n,removeTabIndex:r}=e(t);if(!r){this.focused?t!==this.elements[this.currentIndex]&&(t.tabIndex=n):t.tabIndex=n;return}t.removeAttribute(`tabindex`);let i=t;i.requestUpdate&&i.requestUpdate()})}manage(){this.managed=!0,this.manageTabindexes(),super.manage()}unmanage(){this.managed=!1,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage()}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes()}};export{t};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
import{_ as e}from"./lit-DWANyjiY.js";import{t}from"./directive-Du_3lDov.js";import{t as n}from"./async-directive-ByLzVnWY.js";var r=class{constructor(e,{target:t,config:n,callback:r,skipInitial:i}){this.t=/* @__PURE__ */ new Set,this.o=!1,this.i=!1,this.h=e,t!==null&&this.t.add(t??e),this.o=i??this.o,this.callback=r,window.IntersectionObserver?(this.u=new IntersectionObserver(e=>{let t=this.i;this.i=!1,this.o&&t||(this.handleChanges(e),this.h.requestUpdate())},n),e.addController(this)):console.warn(`IntersectionController error: browser does not support IntersectionObserver.`)}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(let e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){let e=this.u.takeRecords();e.length&&this.handleChanges(e)}observe(e){this.t.add(e),this.u.observe(e),this.i=!0}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}},i=class{constructor(e,{target:t,config:n,callback:r,skipInitial:i}){this.t=/* @__PURE__ */ new Set,this.o=!1,this.i=!1,this.h=e,t!==null&&this.t.add(t??e),this.l=n,this.o=i??this.o,this.callback=r,window.ResizeObserver?(this.u=new ResizeObserver(e=>{this.handleChanges(e),this.h.requestUpdate()}),e.addController(this)):console.warn(`ResizeController error: browser does not support ResizeObserver.`)}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(let e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}target(e){return a(this,e)}},a=t(class extends n{constructor(){super(...arguments),this.observing=!1}render(e,t){}update(e,[t,n]){this.controller=t,this.part=e,this.observe=n,!1===n?(t.unobserve(e.element),this.observing=!1):!1===this.observing&&(t.observe(e.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){!1!==this.observe&&!1===this.observing&&(this.controller?.observe(this.part.element),this.observing=!0)}}),o={baseSize:100,noSelectionStyle:`transform: translateX(0px) scaleX(0) scaleY(0)`,transformX(e,t){return`transform: translateX(${e}px) scaleX(${t/this.baseSize});`},transformY(e,t){return`transform: translateY(${e}px) scaleY(${t/this.baseSize});`},baseStyles(){return e`
|
|
3
|
+
:host([direction='vertical-right']) #selection-indicator,
|
|
4
|
+
:host([direction='vertical']) #selection-indicator {
|
|
5
|
+
height: ${this.baseSize}px;
|
|
6
|
+
}
|
|
7
|
+
:host([dir][direction='horizontal']) #selection-indicator {
|
|
8
|
+
width: ${this.baseSize}px;
|
|
9
|
+
}
|
|
10
|
+
`}};export{i as n,r,o as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
|
|
2
|
+
import{a as e,i as t,m as n,o as r,v as i}from"./calendar-BxARYymw.js";import{t as a}from"./NumberFormatter-COykocAS.js";var o={Year:`year`,Month:`month`,Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`fractionalSecond`,DayPeriod:`dayPeriod`,Literal:`literal`},s={[o.Year]:`––––`,[o.Month]:`––`,[o.Day]:`––`,[o.Hour]:`––`,[o.Minute]:`––`,[o.Second]:`––`,[o.Millisecond]:`–––`,[o.DayPeriod]:`––`},c={Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`millisecond`},l=2e3;function u(e){return typeof e==`number`}function d(e){return e instanceof r}function f(t){return t instanceof e}function p(e){return e instanceof t}function m(e,t){return e=e%12+t}function h(e){return e>=12?12:0}function g(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function _(e){return p(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 v=class{constructor(e,t,n){this.type=e,this.formatted=t,this.label=n,this.placeholder=s[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!==o.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}`);this.isInputValueCompliant(r)?this.value=r: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))}},y=class extends v{constructor(e,t){super(o.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}},b=class{constructor(e){this.segments=e}get all(){return this.segments}get editableValues(){return this.all.filter(e=>e instanceof v).map(e=>e.value)}get year(){let e=this.getByType(o.Year);if(e&&e instanceof y)return e}get month(){let e=this.getByType(o.Month);if(e)return e}get day(){let e=this.getByType(o.Day);if(e)return e}get hour(){let e=this.getByType(o.Hour);if(e)return e}get minute(){let e=this.getByType(o.Minute);if(e)return e}get second(){let e=this.getByType(o.Second);if(e)return e}get millisecond(){let e=this.getByType(o.Millisecond);if(e)return e}get dayPeriod(){let e=this.getByType(o.DayPeriod);if(e)return e}getByType(e){return this.segments.find(t=>t.type===e)}getFormattedDate(n=c.Day){let r=this.year?.value,i=this.month?.value,a=this.day?.value;if(!u(r)||!u(i)||!u(a))return;if(n===c.Day)return new t(r,i,a);let o=this.hour?.value;if(!u(o))return;if(this.dayPeriod){let e=this.dayPeriod.value;if(!u(e))return;o=m(o,e)}if(n===c.Hour)return new e(r,i,a,o);let s=this.minute?.value;if(!u(s))return;if(n===c.Minute)return new e(r,i,a,o,s);let l=this.second?.value;if(!u(l))return;if(n===c.Second)return new e(r,i,a,o,s,l);let d=this.millisecond?.value;if(u(d))return new e(r,i,a,o,s,l,d)}},x=class{constructor(e,t){this.dateFormatter=e,this.currentDate=t,this.numberFormatter=new a(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}setSegmentsFormatted(e,t){e=new b(e.all);let{year:n,month:r,day:i,hour:a,minute:s,second:c,millisecond:l}=t,u=new Date(n,r-1,i,a,s,c,l);if(!e.year)return;e.year.formatted=this.numberFormatter.format(n);let d=[o.Month,o.Day,o.Hour,o.Minute,o.Second,o.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=[o.Month,o.Day,o.Hour,o.Minute,o.Second];for(let n of t){let t=e[n];t&&(t.formatted=t.formatted.padStart(2,this.numberFormatter.format(0)))}}getDateInfoWithDefaults(e){if(!e.year||!e.month||!e.day)return;let t=e.day.value??i(this.currentDate),r=e.month.value??n(this.currentDate),a=e.year.value??2e3,o=e.dayPeriod?.value,s=e.hour?.value;u(s)?u(o)&&(s=m(s,o)):s=u(o)?o:this.currentDate.hour;let c=e.minute?.value??this.currentDate.minute,l=e.second?.value??this.currentDate.second,d=e.millisecond?.value??this.currentDate.millisecond;return{year:a,month:r,day:t,hour:s,minute:c,second:l,millisecond:d}}},S=class{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;this.segments=new b(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 x(this.dateFormatter,this.currentDate);return this.segments=n.format(this.segments),this.segments}updateSegmentsLimits(e){let t=e===o.Year,n=e===o.Month,r=this.segments.year,i=this.segments.month,a=this.segments.day;t&&(i?.setLimits(this.currentDate),a?.setLimits(this.currentDate,i?.value,r?.value)),n&&a?.setLimits(this.currentDate,i?.value,r?.value)}},C=class extends S{modifySegment(e){e.clear()}},w=class extends S{modifySegment(e){e.decrement(this.currentDate)}},T=class extends S{modifySegment(e){e.increment(this.currentDate)}},E=class extends S{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)}},D=class extends v{constructor(e,t){super(o.Day,e,t),this.minValue=1,this.maxValue=31}setLimits(e,n,r){if(!u(n)){this.minValue=1,this.maxValue=31;return}u(r)||(r=l);let a=new t(r,n,1);this.maxValue=e.calendar.getDaysInMonth(a),this.minValue=i(a),this.updateValueToLimits()}},O=class extends v{constructor(e,t){super(o.Month,e,t),this.minValue=1,this.maxValue=12}setLimits(e){this.minValue=n(e),this.maxValue=e.calendar.getMonthsInYear(e),this.updateValueToLimits()}},k=class{constructor(e){this.formatted=e,this.type=o.Literal}},A=class extends v{constructor(e,t){super(o.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=h(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}},j=class extends v{constructor(e,t){super(o.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-h(e.hour):super.setValueFromDate(e)}get inputValidationLimits(){let e=this.maxValue===11;return{minValue:+!!e,maxValue:e?12:23}}},M=class extends v{constructor(e,t){super(o.Millisecond,e,t),this.minValue=0,this.maxValue=999}},N=class extends v{constructor(e,t){super(o.Minute,e,t),this.minValue=0,this.maxValue=59}},P=class extends v{constructor(e,t){super(o.Second,e,t),this.minValue=0,this.maxValue=59}},F=class{constructor(e){this.dateFormatter=e;let t=this.dateFormatter.resolvedOptions().locale;this.numberFormatter=new a(t,{useGrouping:!1}),this.dateTimeFieldDisplayNames=new Intl.DisplayNames([t],{type:`dateTimeField`})}createSegments(e,t=!1){let n=_(e),r=new b(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===o.Literal)return new k(t);let n=this.displayNameOfType(e);switch(e){case o.Year:return new y(t,n);case o.Month:return new O(t,n);case o.Day:return new D(t,n);case o.Hour:return new j(t,n);case o.Minute:return new N(t,n);case o.Second:return new P(t,n);case o.Millisecond:return new M(t,n);case o.DayPeriod:return new A(t,n)}}displayNameOfType(e){let t=e===`fractionalSecond`?`millisecond`:this.dateTimeFieldDisplayNames.of(e);return t?t.charAt(0).toUpperCase()+t.slice(1):``}};export{C as a,g as c,d,c as f,w as i,p as l,E as n,b as o,o as p,T as r,_ as s,F as t,f as u};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
|
|
2
|
-
import"../tokens.js";import{c as e,y as t}from"./lit-
|
|
2
|
+
import"../tokens.js";import{c as e,y as t}from"./lit-DWANyjiY.js";import{l as n,u as r,y as i}from"./lucero-runtime-DMlHjBe_.js";var a=`:host{box-sizing:border-box;background-color:var(--highcontrast-skeleton-loader-background-color,var(--luzmo-skeleton-loader-background-color,var(--skeleton-loader-background-color)));border-radius:var(--luzmo-skeleton-loader-border-radius,var(--skeleton-loader-border-radius));block-size:100%;inline-size:100%;display:block;position:relative;overflow:hidden;border-width:var(--luzmo-skeleton-loader-border-width,var(--skeleton-loader-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-skeleton-loader-border-color,var(--luzmo-skeleton-loader-border-color,var(--skeleton-loader-border-color)))!important}.shimmer{background:linear-gradient(to right, transparent 0%, var(--luzmo-skeleton-loader-shimmer-color,var(--skeleton-loader-shimmer-color)) 50%, transparent 100%);inline-size:100%;position:absolute;inset-block:0;inset-inline-start:0;transform:translate(-100%)}@keyframes skeleton-loader-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:no-preference){.shimmer{animation-name:skeleton-loader-shimmer;animation-duration:var(--luzmo-skeleton-loader-animation-duration,var(--skeleton-loader-animation-duration));will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@media (forced-colors:active){:host{--highcontrast-skeleton-loader-background-color:Canvas;--highcontrast-skeleton-loader-border-color:CanvasText;forced-color-adjust:none}.shimmer{display:none}}:host{--skeleton-loader-background-color:var(--luzmo-background-color-highlight);--skeleton-loader-shimmer-color:#ffffffb3;--skeleton-loader-border-color:var(--luzmo-border-color);--skeleton-loader-border-width:var(--luzmo-border-width);--skeleton-loader-border-radius:var(--luzmo-border-radius-xl);--skeleton-loader-animation-duration:1.5s}`,o=class extends r{static get styles(){return[t(a)]}render(){return e`<div class="shimmer" part="shimmer"></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`)}updated(e){super.updated(e),e.has(`width`)&&(this.style.inlineSize=this.width??``),e.has(`height`)&&(this.style.blockSize=this.height??``)}};n([i({type:String,reflect:!0})],o.prototype,`width`,void 0),n([i({type:String,reflect:!0})],o.prototype,`height`,void 0),customElements.get(`luzmo-skeleton-loader`)||customElements.define(`luzmo-skeleton-loader`,o);export{o as t};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
|
|
2
|
+
import{u as e}from"./platform-wNs7qaiE.js";var t=/* @__PURE__ */ 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){this._open!==e&&(this._open=e,this.overlay?this.host.open=e:import(`../overlay.js`).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){}
|
|
3
|
+
/* c8 ignore next 3 */
|
|
4
|
+
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()&&this.target.classList.add(n))}handleFocusOut(){this.host.open||e()&&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}}};export{i as t};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
import{i as e}from"./lit-DWANyjiY.js";import{t}from"./directive-Du_3lDov.js";import{t as n}from"./async-directive-ByLzVnWY.js";import"./async-directive-DNgXlN7F.js";
|
|
3
|
+
/* c8 ignore next 6 */
|
|
4
|
+
var r=[``,()=>{}],i=t(class extends n{constructor(...e){super(...e),this.start=r,this.streamInside=r,this.end=r,this.streamOutside=r,this.state=`off`,this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners(`on`))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners(`off`)},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}
|
|
5
|
+
/* c8 ignore next 4 */
|
|
6
|
+
render(t){return e}update(e,[{start:t,end:n,streamInside:i=r,streamOutside:a=r}]){this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=e.options?.host||this.element,this.start=t,this.end=n,this.streamInside=i,this.streamOutside=a,this.addListeners()}addListeners(e){this.state=e||this.state,this.state===`off`?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state===`on`&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e==`function`?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||=(this.callHandler(e,t),requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(e=>{this.element.addEventListener(e,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(e=>{this.element.removeEventListener(e,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}
|
|
7
|
+
/* c8 ignore next 3 */
|
|
8
|
+
reconnected(){this.addListeners()}});export{i as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
|
|
2
|
+
import{o as e}from"./lit-DWANyjiY.js";import{n as t,r as n,t as r}from"./directive-Du_3lDov.js";var i=`important`,a=` !`+i,o=r(class extends t{constructor(e){if(super(e),e.type!==n.ATTRIBUTE||e.name!==`style`||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(t,[n]){let{style:r}=t.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(n)),this.render(n);for(let e of this.ft)n[e]??(this.ft.delete(e),e.includes(`-`)?r.removeProperty(e):r[e]=null);for(let e in n){let t=n[e];if(t!=null){this.ft.add(e);let n=typeof t==`string`&&t.endsWith(a);e.includes(`-`)||n?r.setProperty(e,n?t.slice(0,-11):t,n?i:``):r[e]=t}}return e}});export{o as t};
|