@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,41 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,g as r,i,l as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{t as s}from"./language-resolution-BWHk9A73.js";import{t as c}from"./style-map-D4QeV3m0.js";import"./color-handle-BHrAxEG2.js";import{t as l}from"./streaming-listener-DFczLm8I.js";function u(e,t){f(e)&&(e=`100%`);let n=p(e);return e=t===360?e:Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(e=t===360?(e<0?e%t+t:e%t)/parseFloat(String(t)):e%t/parseFloat(String(t)),e)}function d(e){return Math.min(1,Math.max(0,e))}function f(e){return typeof e==`string`&&e.indexOf(`.`)!==-1&&parseFloat(e)===1}function p(e){return typeof e==`string`&&e.indexOf(`%`)!==-1}function m(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function h(e){return Number(e)<=1?`${Number(e)*100}%`:e}function g(e){return e.length===1?`0`+e:String(e)}function _(e,t,n){return{r:u(e,255)*255,g:u(t,255)*255,b:u(n,255)*255}}function v(e,t,n){e=u(e,255),t=u(t,255),n=u(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=0,s=(r+i)/2;if(r===i)o=0,a=0;else{let c=r-i;switch(o=s>.5?c/(2-r-i):c/(r+i),r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4;break;default:break}a/=6}return{h:a,s:o,l:s}}function y(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*(6*n):n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function b(e,t,n){let r,i,a;if(e=u(e,360),t=u(t,100),n=u(n,100),t===0)i=n,a=n,r=n;else{let o=n<.5?n*(1+t):n+t-n*t,s=2*n-o;r=y(s,o,e+1/3),i=y(s,o,e),a=y(s,o,e-1/3)}return{r:r*255,g:i*255,b:a*255}}function x(e,t,n){e=u(e,255),t=u(t,255),n=u(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=r,s=r-i,c=r===0?0:s/r;if(r===i)a=0;else{switch(r){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4;break;default:break}a/=6}return{h:a,s:c,v:o}}function S(e,t,n){e=u(e,360)*6,t=u(t,100),n=u(n,100);let r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6,l=[n,o,a,a,s,n][c],d=[s,n,n,o,a,a][c],f=[a,a,s,n,n,o][c];return{r:l*255,g:d*255,b:f*255}}function C(e,t,n,r){let i=[g(Math.round(e).toString(16)),g(Math.round(t).toString(16)),g(Math.round(n).toString(16))];return r&&i[0].startsWith(i[0].charAt(1))&&i[1].startsWith(i[1].charAt(1))&&i[2].startsWith(i[2].charAt(1))?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join(``)}function w(e,t,n,r,i){let a=[g(Math.round(e).toString(16)),g(Math.round(t).toString(16)),g(Math.round(n).toString(16)),g(D(r))];return i&&a[0].startsWith(a[0].charAt(1))&&a[1].startsWith(a[1].charAt(1))&&a[2].startsWith(a[2].charAt(1))&&a[3].startsWith(a[3].charAt(1))?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join(``)}function T(e,t,n,r){let i=e/100,a=t/100,o=n/100,s=r/100;return{r:255*(1-i)*(1-s),g:255*(1-a)*(1-s),b:255*(1-o)*(1-s)}}function E(e,t,n){let r=1-e/255,i=1-t/255,a=1-n/255,o=Math.min(r,i,a);return o===1?(r=0,i=0,a=0):(r=(r-o)/(1-o)*100,i=(i-o)/(1-o)*100,a=(a-o)/(1-o)*100),o*=100,{c:Math.round(r),m:Math.round(i),y:Math.round(a),k:Math.round(o)}}function D(e){return Math.round(parseFloat(e)*255).toString(16)}function O(e){return k(e)/255}function k(e){return parseInt(e,16)}function A(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var j={aliceblue:`#f0f8ff`,antiquewhite:`#faebd7`,aqua:`#00ffff`,aquamarine:`#7fffd4`,azure:`#f0ffff`,beige:`#f5f5dc`,bisque:`#ffe4c4`,black:`#000000`,blanchedalmond:`#ffebcd`,blue:`#0000ff`,blueviolet:`#8a2be2`,brown:`#a52a2a`,burlywood:`#deb887`,cadetblue:`#5f9ea0`,chartreuse:`#7fff00`,chocolate:`#d2691e`,coral:`#ff7f50`,cornflowerblue:`#6495ed`,cornsilk:`#fff8dc`,crimson:`#dc143c`,cyan:`#00ffff`,darkblue:`#00008b`,darkcyan:`#008b8b`,darkgoldenrod:`#b8860b`,darkgray:`#a9a9a9`,darkgreen:`#006400`,darkgrey:`#a9a9a9`,darkkhaki:`#bdb76b`,darkmagenta:`#8b008b`,darkolivegreen:`#556b2f`,darkorange:`#ff8c00`,darkorchid:`#9932cc`,darkred:`#8b0000`,darksalmon:`#e9967a`,darkseagreen:`#8fbc8f`,darkslateblue:`#483d8b`,darkslategray:`#2f4f4f`,darkslategrey:`#2f4f4f`,darkturquoise:`#00ced1`,darkviolet:`#9400d3`,deeppink:`#ff1493`,deepskyblue:`#00bfff`,dimgray:`#696969`,dimgrey:`#696969`,dodgerblue:`#1e90ff`,firebrick:`#b22222`,floralwhite:`#fffaf0`,forestgreen:`#228b22`,fuchsia:`#ff00ff`,gainsboro:`#dcdcdc`,ghostwhite:`#f8f8ff`,goldenrod:`#daa520`,gold:`#ffd700`,gray:`#808080`,green:`#008000`,greenyellow:`#adff2f`,grey:`#808080`,honeydew:`#f0fff0`,hotpink:`#ff69b4`,indianred:`#cd5c5c`,indigo:`#4b0082`,ivory:`#fffff0`,khaki:`#f0e68c`,lavenderblush:`#fff0f5`,lavender:`#e6e6fa`,lawngreen:`#7cfc00`,lemonchiffon:`#fffacd`,lightblue:`#add8e6`,lightcoral:`#f08080`,lightcyan:`#e0ffff`,lightgoldenrodyellow:`#fafad2`,lightgray:`#d3d3d3`,lightgreen:`#90ee90`,lightgrey:`#d3d3d3`,lightpink:`#ffb6c1`,lightsalmon:`#ffa07a`,lightseagreen:`#20b2aa`,lightskyblue:`#87cefa`,lightslategray:`#778899`,lightslategrey:`#778899`,lightsteelblue:`#b0c4de`,lightyellow:`#ffffe0`,lime:`#00ff00`,limegreen:`#32cd32`,linen:`#faf0e6`,magenta:`#ff00ff`,maroon:`#800000`,mediumaquamarine:`#66cdaa`,mediumblue:`#0000cd`,mediumorchid:`#ba55d3`,mediumpurple:`#9370db`,mediumseagreen:`#3cb371`,mediumslateblue:`#7b68ee`,mediumspringgreen:`#00fa9a`,mediumturquoise:`#48d1cc`,mediumvioletred:`#c71585`,midnightblue:`#191970`,mintcream:`#f5fffa`,mistyrose:`#ffe4e1`,moccasin:`#ffe4b5`,navajowhite:`#ffdead`,navy:`#000080`,oldlace:`#fdf5e6`,olive:`#808000`,olivedrab:`#6b8e23`,orange:`#ffa500`,orangered:`#ff4500`,orchid:`#da70d6`,palegoldenrod:`#eee8aa`,palegreen:`#98fb98`,paleturquoise:`#afeeee`,palevioletred:`#db7093`,papayawhip:`#ffefd5`,peachpuff:`#ffdab9`,peru:`#cd853f`,pink:`#ffc0cb`,plum:`#dda0dd`,powderblue:`#b0e0e6`,purple:`#800080`,rebeccapurple:`#663399`,red:`#ff0000`,rosybrown:`#bc8f8f`,royalblue:`#4169e1`,saddlebrown:`#8b4513`,salmon:`#fa8072`,sandybrown:`#f4a460`,seagreen:`#2e8b57`,seashell:`#fff5ee`,sienna:`#a0522d`,silver:`#c0c0c0`,skyblue:`#87ceeb`,slateblue:`#6a5acd`,slategray:`#708090`,slategrey:`#708090`,snow:`#fffafa`,springgreen:`#00ff7f`,steelblue:`#4682b4`,tan:`#d2b48c`,teal:`#008080`,thistle:`#d8bfd8`,tomato:`#ff6347`,turquoise:`#40e0d0`,violet:`#ee82ee`,wheat:`#f5deb3`,white:`#ffffff`,whitesmoke:`#f5f5f5`,yellow:`#ffff00`,yellowgreen:`#9acd32`};function M(e){let t={r:0,g:0,b:0},n=1,r=null,i=null,a=null,o=!1,s=!1;return typeof e==`string`&&(e=P(e)),typeof e==`object`&&(F(e.r)&&F(e.g)&&F(e.b)?(t=_(e.r,e.g,e.b),o=!0,s=String(e.r).substr(-1)===`%`?`prgb`:`rgb`):F(e.h)&&F(e.s)&&F(e.v)?(r=h(e.s),i=h(e.v),t=S(e.h,r,i),o=!0,s=`hsv`):F(e.h)&&F(e.s)&&F(e.l)?(r=h(e.s),a=h(e.l),t=b(e.h,r,a),o=!0,s=`hsl`):F(e.c)&&F(e.m)&&F(e.y)&&F(e.k)&&(t=T(e.c,e.m,e.y,e.k),o=!0,s=`cmyk`),Object.prototype.hasOwnProperty.call(e,`a`)&&(n=e.a)),n=m(n),{ok:o,format:e.format||s,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var N={CSS_UNIT:RegExp(`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`),rgb:RegExp(`rgb[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),rgba:RegExp(`rgba[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsl:RegExp(`hsl[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsla:RegExp(`hsla[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsv:RegExp(`hsv[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsva:RegExp(`hsva[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),cmyk:RegExp(`cmyk[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function P(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;let t=!1;if(j[e])e=j[e],t=!0;else if(e===`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};let n=N.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=N.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=N.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=N.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=N.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=N.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=N.cmyk.exec(e),n?{c:n[1],m:n[2],y:n[3],k:n[4]}:(n=N.hex8.exec(e),n?{r:k(n[1]),g:k(n[2]),b:k(n[3]),a:O(n[4]),format:t?`name`:`hex8`}:(n=N.hex6.exec(e),n?{r:k(n[1]),g:k(n[2]),b:k(n[3]),format:t?`name`:`hex`}:(n=N.hex4.exec(e),n?{r:k(n[1]+n[1]),g:k(n[2]+n[2]),b:k(n[3]+n[3]),a:O(n[4]+n[4]),format:t?`name`:`hex8`}:(n=N.hex3.exec(e),n?{r:k(n[1]+n[1]),g:k(n[2]+n[2]),b:k(n[3]+n[3]),format:t?`name`:`hex`}:!1))))))))))}function F(e){return typeof e==`number`?!Number.isNaN(e):N.CSS_UNIT.test(e)}var I=class e{constructor(t=``,n={}){if(t instanceof e)return t;typeof t==`number`&&(t=A(t)),this.originalInput=t;let r=M(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format??r.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){let e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){let e=this.toRgb(),t,n,r,i=e.r/255,a=e.g/255,o=e.b/255;return t=i<=.03928?i/12.92:((i+.055)/1.055)**2.4,n=a<=.03928?a/12.92:((a+.055)/1.055)**2.4,r=o<=.03928?o/12.92:((o+.055)/1.055)**2.4,.2126*t+.7152*n+.0722*r}getAlpha(){return this.a}setAlpha(e){return this.a=m(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){let{s:e}=this.toHsl();return e===0}toHsv(){let e=x(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){let e=x(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${n}%, ${r}%)`:`hsva(${t}, ${n}%, ${r}%, ${this.roundA})`}toHsl(){let e=v(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){let e=v(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${n}%, ${r}%)`:`hsla(${t}, ${n}%, ${r}%, ${this.roundA})`}toHex(e=!1){return C(this.r,this.g,this.b,e)}toHexString(e=!1){return`#`+this.toHex(e)}toHex8(e=!1){return w(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return`#`+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){let e=Math.round(this.r),t=Math.round(this.g),n=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${n})`:`rgba(${e}, ${t}, ${n}, ${this.roundA})`}toPercentageRgb(){let e=e=>`${Math.round(u(e,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){let e=e=>Math.round(u(e,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return{...E(this.r,this.g,this.b)}}toCmykString(){let{c:e,m:t,y:n,k:r}=E(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${n}, ${r})`}toName(){if(this.a===0)return`transparent`;if(this.a<1)return!1;let e=`#`+C(this.r,this.g,this.b,!1);for(let[t,n]of Object.entries(j))if(e===n)return t;return!1}toString(e){let t=!!e;e??=this.format;let n=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith(`hex`)||e===`name`)?e===`name`&&this.a===0?this.toName():this.toRgbString():(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),(e===`hex`||e===`hex6`)&&(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),e===`cmyk`&&(n=this.toCmykString()),n||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new e(this.toString())}lighten(t=10){let n=this.toHsl();return n.l+=t/100,n.l=d(n.l),new e(n)}brighten(t=10){let n=this.toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),new e(n)}darken(t=10){let n=this.toHsl();return n.l-=t/100,n.l=d(n.l),new e(n)}tint(e=10){return this.mix(`white`,e)}shade(e=10){return this.mix(`black`,e)}desaturate(t=10){let n=this.toHsl();return n.s-=t/100,n.s=d(n.s),new e(n)}saturate(t=10){let n=this.toHsl();return n.s+=t/100,n.s=d(n.s),new e(n)}greyscale(){return this.desaturate(100)}spin(t){let n=this.toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,new e(n)}mix(t,n=50){let r=this.toRgb(),i=new e(t).toRgb(),a=n/100,o={r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a};return new e(o)}analogous(t=6,n=30){let r=this.toHsl(),i=360/n,a=[this];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(new e(r));return a}complement(){let t=this.toHsl();return t.h=(t.h+180)%360,new e(t)}monochromatic(t=6){let n=this.toHsv(),{h:r}=n,{s:i}=n,{v:a}=n,o=[],s=1/t;for(;t--;)o.push(new e({h:r,s:i,v:a})),a=(a+s)%1;return o}splitcomplement(){let t=this.toHsl(),{h:n}=t;return[this,new e({h:(n+72)%360,s:t.s,l:t.l}),new e({h:(n+216)%360,s:t.s,l:t.l})]}onBackground(t){let n=this.toRgb(),r=new e(t).toRgb(),i=n.a+r.a*(1-n.a);return new e({r:(n.r*n.a+r.r*r.a*(1-n.a))/i,g:(n.g*n.a+r.g*r.a*(1-n.a))/i,b:(n.b*n.a+r.b*r.a*(1-n.a))/i,a:i})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(t){let n=this.toHsl(),{h:r}=n,i=[this],a=360/t;for(let o=1;o<t;o++)i.push(new e({h:(r+o*a)%360,s:n.s,l:n.l}));return i}equals(t){let n=new e(t);return this.format===`cmyk`||n.format===`cmyk`?this.toCmykString()===n.toCmykString():this.toRgbString()===n.toRgbString()}},L=/^hs[v|l]a?\s?\((\d{1,3}\.?\d*?),?\s?(\d{1,3})/,R=/(^hs[v|l]a?\s?\()\d{1,3}\.?\d*?(,?\s?)\d{1,3}/,z=/(^hs[v|l]a?\()\d{1,3}/,B=(e,t)=>t?e.toHexString():e.toHex(),V=class{setColorProcess(e,t,n,r){this.maintains===`hue`?this.setColorMaintainHue(e,t,n,r):this.maintains===`saturation`&&this.setColorMaintainSaturation(e,t,n,r)}setColorMaintainHue(e,t,n,r){let{h:i,s:a,v:o,a:s}=this._color.toHsv(),c;if(r&&n.startsWith(`hs`)){let e=L.exec(t);if(e!==null){let[,t]=e;c=Number(t)}}else if(!r&&n.startsWith(`hs`)){let t=e.originalInput;c=Object.values(t)[0]}this.hue=c||i,this.opacity=s??1,this.applyColorToState({h:i,s:a,v:o,a:s})}setColorMaintainSaturation(e,t,n,r){let{a:i}=this._color.toHsv();if(r&&n.startsWith(`hs`)){let e=L.exec(t);if(e!==null){let[,t,n]=e;this.hue=Number(t),this.saturation=Number(n)}}else if(!r&&n.startsWith(`hs`)){let t=e.originalInput,n=Object.values(t);this.hue=n[0],this.saturation=n[1]}else{let{h:t}=e.toHsv();this.hue=t}this.opacity=i??1,this.applyColorToState(e.toHsv())}constructor(e,{applyColorToState:t,extractColorFromState:n,maintains:r}){this.maintains=`hue`,this._hue=0,this._opacity=1,this.getColorProcesses={rgb:(e,t)=>t?e.toRgbString():e.toRgb(),prgb:(e,t)=>t?e.toPercentageRgbString():e.toPercentageRgb(),hex8:(e,t)=>t?e.toHex8String():e.toHex8(),name:e=>e.toName()||e.toRgbString(),hsl:(e,t)=>{if(this.maintains===`hue`){if(t)return e.toHslString().replace(z,`$1${this.hue}`);let{s:n,l:r,a:i}=e.toHsl();return{h:this.hue,s:n,l:r,a:i}}if(t)return e.toHslString().replace(R,`$1${this.hue}$2${this.saturation}`);let{s:n,l:r,a:i}=e.toHsl();return{h:this.hue,s:n,l:r,a:i}},hsv:(e,t)=>{if(this.maintains===`hue`){if(t)return e.toHsvString().replace(z,`$1${this.hue}`);let{s:n,v:r,a:i}=e.toHsv();return{h:this.hue,s:n,v:r,a:i}}if(t)return e.toHsvString().replace(R,`$1${this.hue}$2${this.saturation}`);let{s:n,v:r,a:i}=e.toHsv();return{h:this.hue,s:n,v:r,a:i}},hex:B,hex3:B,hex4:B,hex6:B},this._color=new I({h:0,s:1,v:1}),this._previousColor=new I({h:0,s:1,v:1}),this._format={format:``,isString:!1},this.host=e,this.applyColorToState=t,this.extractColorFromState=n,this.maintains=r||this.maintains}applyColorFromState(){this._color=new I(this.extractColorFromState(this))}get hue(){return this._hue}set hue(e){let t=Math.min(360,Math.max(0,e));if(t===this.hue)return;let n=this.hue,{s:r,v:i,a}=this._color.toHsv();this._color=new I({h:t,s:r,v:i,a}),this._hue=t,this.host.requestUpdate(`hue`,n)}get opacity(){return this._opacity}set opacity(e){let t=Math.min(1,Math.max(0,e));if(t===this.opacity)return;let n=this.opacity,{h:r,s:i,v:a}=this._color.toHsv();this._color=new I({h:r,s:i,v:a,a:t}),this._opacity=t,this.host.requestUpdate(`opacity`,n)}get value(){return this.color}get color(){return this.getColorProcesses[this._format.format||`hex`](this._color,this._format.isString)}set color(e){if(e===this.color)return;let t=this._color;this._color=new I(e);let n=this._color.format,r=typeof e==`string`||e instanceof String;n.startsWith(`hex`)&&(r=e.startsWith(`#`)),this._format={format:n,isString:r},this.setColorProcess(this._color,e,n,r),this.host.requestUpdate(`color`,t)}getColor(e){return this._color[{hsl:`toHsl`}[e]]()}setColor(e){this._color=e;let t=typeof this._color.originalInput==`string`||this._color.originalInput instanceof String;this.setColorProcess(this._color,e,this._color.format,t)}getHslString(){return this._color.toHslString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this.setColor(this._previousColor)}},H=`.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);block-size:100%;inline-size:100%;position:absolute}:host{--luzmo-color-slider-gradient-fallback:red 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{--luzmo-color-handle-hitarea-border-radius:var(--luzmo-color-slider-handle-hitarea-border-radius,0px);min-inline-size:var(--luzmo-color-slider-minimum-length,80px);inline-size:var(--luzmo-color-slider-length,192px);block-size:var(--luzmo-color-slider-control-track-width,24px);-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--luzmo-color-slider-vertical-minimum-height,var(--luzmo-color-slider-minimum-length,80px));block-size:var(--luzmo-color-slider-vertical-height,var(--luzmo-color-slider-length,192px));min-inline-size:0;inline-size:var(--luzmo-color-slider-vertical-control-track-width,var(--luzmo-color-slider-control-track-height,24px));display:inline-block}:host([vertical]) .handle{inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--luzmo-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--luzmo-color-slider-border-color,var(--luzmo-border-color)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--luzmo-color-slider-border-width,var(--luzmo-border-width)) var(--luzmo-color-slider-border-color-local);border-radius:var(--luzmo-color-slider-border-rounding,var(--luzmo-border-radius-s));position:absolute;inset:0}:host([disabled]) .checkerboard{--luzmo-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--luzmo-color-slider-border-color-disabled,var(--luzmo-dimmed-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--luzmo-color-slider-background-color-disabled,var(--luzmo-dimmed-color)))}.checkerboard,.gradient{border-radius:var(--luzmo-color-slider-border-rounding,var(--luzmo-border-radius-s));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.gradient: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)){transform:scaleX(-1)}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}`,U=class extends n{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.label=`hue`,this.vertical=!1,this.languageResolver=new s(this),this.colorController=new V(this,{applyColorToState:()=>{if(this.mode===`opacity`){let e=new I(this.colorController.color);this.sliderHandlePosition=100*e.getAlpha()}else this.sliderHandlePosition=100*(this.colorController.hue/360)},extractColorFromState:e=>this.mode===`opacity`?{...e.getColor(`hsl`),a:this.value}:{...e.getColor(`hsl`),h:this.value},maintains:`saturation`}),this.sliderHandlePosition=0,this.step=1,this.isLTR=!0,this._altered=0,this._pointerDown=!1}static get styles(){return[t(H)]}get value(){return this.mode===`opacity`?this.colorController.opacity:this.colorController.hue}set value(e){this.mode===`opacity`?this.colorController.opacity=e:this.colorController.hue=e}get color(){return this.colorController.color}set color(e){this.colorController.color=e}get altered(){return this._altered}set altered(e){this._altered=e,this.step=Math.max(1,this.altered*10)}get focusElement(){return this.input}handleKeydown(e){let{key:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(e=>!!e).length;let n=0;switch(t){case`ArrowUp`:n=this.step;break;case`ArrowDown`:n=-this.step;break;case`ArrowLeft`:n=this.step*(this.isLTR?-1:1);break;case`ArrowRight`:n=this.step*(this.isLTR?1:-1);break;default:return}e.preventDefault();let r=100/(this.mode===`opacity`?100:360);this.sliderHandlePosition=Math.min(100,Math.max(0,this.sliderHandlePosition+n*r)),this.value=this.mode===`opacity`?Math.min(1,Math.max(0,this.value+n/100)):Math.min(360,Math.max(0,this.value+n)),this.colorController.applyColorFromState(),n!==0&&(this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}handleInput(e){let{valueAsNumber:t}=e.target;this.value=t,this.sliderHandlePosition=100*(this.mode===`opacity`?this.value:this.value/360),this.colorController.applyColorFromState()}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.input.focus()}handleFocus(){this.focused=!0}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1)}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType===`mouse`&&(this.focused=!0)}handlePointermove(e){this.sliderHandlePosition=this.calculateHandlePosition(e),this.value=(this.mode===`opacity`?1:360)*(this.sliderHandlePosition/100),this.colorController.applyColorFromState(),this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor(),this.focus(),e.pointerType===`mouse`&&(this.focused=!1)}calculateHandlePosition(e){if(!this.boundingClientRect)return this.sliderHandlePosition;let t=this.boundingClientRect,n=this.vertical?t.top:t.left,r=this.vertical?e.clientY:e.clientX,i=this.vertical?t.height:t.width,a=Math.max(0,Math.min(1,(r-n)/i));return this.vertical||!this.isLTR?100-100*a:100*a}handleGradientPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent(`pointerdown`,e)),this.handlePointermove(e))}get handlePositionStyles(){return`${this.vertical?`inset-block-end`:`inset-inline-start`}: ${this.sliderHandlePosition}%`}get getColorSliderStyle(){let e=this.vertical?`top`:`right`;return this.mode===`opacity`?{background:`linear-gradient(to ${e}, transparent, ${new I(this.colorController.color).setAlpha(1).toRgbString()})`}:{background:`linear-gradient(to ${e}, var(--luzmo-color-slider-gradient, var(--luzmo-color-slider-gradient-fallback)))`}}render(){return e`
|
|
3
|
-
<div
|
|
4
|
-
class="opacity-checkerboard checkerboard"
|
|
5
|
-
role="presentation"
|
|
6
|
-
@pointerdown=${this.handleGradientPointerdown}
|
|
7
|
-
>
|
|
8
|
-
<div
|
|
9
|
-
class="gradient"
|
|
10
|
-
role="presentation"
|
|
11
|
-
style=${c(this.getColorSliderStyle)}
|
|
12
|
-
>
|
|
13
|
-
<slot name="gradient"></slot>
|
|
14
|
-
</div>
|
|
15
|
-
</div>
|
|
16
|
-
<luzmo-color-handle
|
|
17
|
-
tabindex=${i(this.focused?void 0:`0`)}
|
|
18
|
-
@focus=${this.forwardFocus}
|
|
19
|
-
?focused=${this.focused}
|
|
20
|
-
class="handle"
|
|
21
|
-
color=${this.mode===`opacity`?this.color:`hsl(`+this.value+`, 100%, 50%)`}
|
|
22
|
-
?disabled=${this.disabled}
|
|
23
|
-
style=${this.handlePositionStyles}
|
|
24
|
-
${l({start:[`pointerdown`,this.handlePointerdown],streamInside:[`pointermove`,this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
|
|
25
|
-
></luzmo-color-handle>
|
|
26
|
-
<input
|
|
27
|
-
type="range"
|
|
28
|
-
class="slider"
|
|
29
|
-
min="0"
|
|
30
|
-
max=${this.mode===`opacity`?`100`:`360`}
|
|
31
|
-
aria-orientation=${i(this.vertical?`vertical`:void 0)}
|
|
32
|
-
orient=${i(this.vertical?`vertical`:void 0)}
|
|
33
|
-
step=${this.step}
|
|
34
|
-
aria-label=${this.label}
|
|
35
|
-
.value=${String(this.mode===`opacity`?this.value*100:this.value)}
|
|
36
|
-
aria-valuetext=${`${new Intl.NumberFormat(this.languageResolver.language,{maximumFractionDigits:0,minimumIntegerDigits:1,style:`unit`,unit:this.mode===`opacity`?`percent`:`degree`,unitDisplay:`narrow`}).format(this.mode===`opacity`?this.value*100:this.value)}`}
|
|
37
|
-
@input=${this.handleInput}
|
|
38
|
-
@change=${this.handleChange}
|
|
39
|
-
@keydown=${this.handleKeydown}
|
|
40
|
-
/>
|
|
41
|
-
`}firstUpdated(e){super.firstUpdated(e),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener(`focus`,this.handleFocus),this.addEventListener(`blur`,this.handleBlur)}updated(e){e.has(`mode`)&&(this.handle.style.insetInlineStart=``,this.handle.style.insetBlockEnd=``,this.mode===`opacity`&&(this.colorController.color=new I(this.colorController.color).toRgbString(),this.handle.style.insetInlineStart=100*this.colorController.opacity+`%`))}};a([o({type:String,reflect:!0})],U.prototype,`dir`,void 0),a([o({type:String,reflect:!0})],U.prototype,`mode`,void 0),a([o({type:Boolean,reflect:!0})],U.prototype,`disabled`,void 0),a([o({type:Boolean,reflect:!0})],U.prototype,`focused`,void 0),a([r(`.handle`)],U.prototype,`handle`,void 0),a([o({type:String})],U.prototype,`label`,void 0),a([o({type:Boolean,reflect:!0})],U.prototype,`vertical`,void 0),a([o({type:Number})],U.prototype,`value`,null),a([o({type:Number,reflect:!0})],U.prototype,`sliderHandlePosition`,void 0),a([o({type:String})],U.prototype,`color`,null),a([o({type:Number})],U.prototype,`step`,void 0),a([o({type:Boolean,attribute:`is-ltr`})],U.prototype,`isLTR`,void 0),a([r(`input`)],U.prototype,`input`,void 0),customElements.get(`luzmo-color-slider`)||customElements.define(`luzmo-color-slider`,U);export{I as n,U as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
var e=class{constructor(e){this._map=new Map,this._roundAverageSize=!1,this.totalSize=0,e?.roundAverageSize===!0&&(this._roundAverageSize=!0)}set(e,t){let n=this._map.get(e)||0;this._map.set(e,t),this.totalSize+=t-n}get averageSize(){if(this._map.size>0){let e=this.totalSize/this._map.size;return this._roundAverageSize?Math.round(e):e}return 0}getSize(e){return this._map.get(e)}clear(){this._map.clear(),this.totalSize=0}};function t(e){return e===`horizontal`?`width`:`height`}var n=class{_getDefaultConfig(){return{direction:`vertical`}}constructor(e,t){this._latestCoords={left:0,top:0},this._direction=null,this._viewportSize={width:0,height:0},this.totalScrollSize={width:0,height:0},this.offsetWithinScroller={left:0,top:0},this._pendingReflow=!1,this._pendingLayoutUpdate=!1,this._pin=null,this._firstVisible=0,this._lastVisible=0,this._physicalMin=0,this._physicalMax=0,this._first=-1,this._last=-1,this._sizeDim=`height`,this._secondarySizeDim=`width`,this._positionDim=`top`,this._secondaryPositionDim=`left`,this._scrollPosition=0,this._scrollError=0,this._items=[],this._scrollSize=1,this._overhang=1e3,this._hostSink=e,Promise.resolve().then(()=>this.config=t||this._getDefaultConfig())}set config(e){Object.assign(this,Object.assign({},this._getDefaultConfig(),e))}get config(){return{direction:this.direction}}get items(){return this._items}set items(e){this._setItems(e)}_setItems(e){e!==this._items&&(this._items=e,this._scheduleReflow())}get direction(){return this._direction}set direction(e){e=e===`horizontal`?e:`vertical`,e!==this._direction&&(this._direction=e,this._sizeDim=e===`horizontal`?`width`:`height`,this._secondarySizeDim=e===`horizontal`?`height`:`width`,this._positionDim=e===`horizontal`?`left`:`top`,this._secondaryPositionDim=e===`horizontal`?`top`:`left`,this._triggerReflow())}get viewportSize(){return this._viewportSize}set viewportSize(e){let{_viewDim1:t,_viewDim2:n}=this;Object.assign(this._viewportSize,e),n===this._viewDim2?t!==this._viewDim1&&this._checkThresholds():this._scheduleLayoutUpdate()}get viewportScroll(){return this._latestCoords}set viewportScroll(e){Object.assign(this._latestCoords,e);let t=this._scrollPosition;this._scrollPosition=this._latestCoords[this._positionDim],Math.abs(t-this._scrollPosition)>=1&&this._checkThresholds()}reflowIfNeeded(e=!1){(e||this._pendingReflow)&&(this._pendingReflow=!1,this._reflow())}set pin(e){this._pin=e,this._triggerReflow()}get pin(){if(this._pin!==null){let{index:e,block:t}=this._pin;return{index:Math.max(0,Math.min(e,this.items.length-1)),block:t}}return null}_clampScrollPosition(e){return Math.max(-this.offsetWithinScroller[this._positionDim],Math.min(e,this.totalScrollSize[t(this.direction)]-this._viewDim1))}unpin(){this._pin!==null&&(this._sendUnpinnedMessage(),this._pin=null)}_updateLayout(){}get _viewDim1(){return this._viewportSize[this._sizeDim]}get _viewDim2(){return this._viewportSize[this._secondarySizeDim]}_scheduleReflow(){this._pendingReflow=!0}_scheduleLayoutUpdate(){this._pendingLayoutUpdate=!0,this._scheduleReflow()}_triggerReflow(){this._scheduleLayoutUpdate(),Promise.resolve().then(()=>this.reflowIfNeeded())}_reflow(){this._pendingLayoutUpdate&&=(this._updateLayout(),!1),this._updateScrollSize(),this._setPositionFromPin(),this._getActiveItems(),this._updateVisibleIndices(),this._sendStateChangedMessage()}_setPositionFromPin(){if(this.pin!==null){let e=this._scrollPosition,{index:t,block:n}=this.pin;this._scrollPosition=this._calculateScrollIntoViewPosition({index:t,block:n||`start`})-this.offsetWithinScroller[this._positionDim],this._scrollError=e-this._scrollPosition}}_calculateScrollIntoViewPosition(e){let{block:t}=e,n=Math.min(this.items.length,Math.max(0,e.index)),r=this._getItemPosition(n)[this._positionDim],i=r;if(t!==`start`){let e=this._getItemSize(n)[this._sizeDim];if(t===`center`)i=r-.5*this._viewDim1+.5*e;else{let n=r-this._viewDim1+e;if(t===`end`)i=n;else{let e=this._scrollPosition;i=Math.abs(e-r)<Math.abs(e-n)?r:n}}}return i+=this.offsetWithinScroller[this._positionDim],this._clampScrollPosition(i)}getScrollIntoViewCoordinates(e){return{[this._positionDim]:this._calculateScrollIntoViewPosition(e)}}_sendUnpinnedMessage(){this._hostSink({type:`unpinned`})}_sendVisibilityChangedMessage(){this._hostSink({type:`visibilityChanged`,firstVisible:this._firstVisible,lastVisible:this._lastVisible})}_sendStateChangedMessage(){let e=new Map;if(this._first!==-1&&this._last!==-1)for(let t=this._first;t<=this._last;t++)e.set(t,this._getItemPosition(t));let t={type:`stateChanged`,scrollSize:{[this._sizeDim]:this._scrollSize,[this._secondarySizeDim]:null},range:{first:this._first,last:this._last,firstVisible:this._firstVisible,lastVisible:this._lastVisible},childPositions:e};this._scrollError&&=(t.scrollError={[this._positionDim]:this._scrollError,[this._secondaryPositionDim]:0},0),this._hostSink(t)}get _num(){return this._first===-1||this._last===-1?0:this._last-this._first+1}_checkThresholds(){if(this._viewDim1===0&&this._num>0||this._pin!==null)this._scheduleReflow();else{let e=Math.max(0,this._scrollPosition-this._overhang),t=Math.min(this._scrollSize,this._scrollPosition+this._viewDim1+this._overhang);this._physicalMin>e||this._physicalMax<t?this._scheduleReflow():this._updateVisibleIndices({emit:!0})}}_updateVisibleIndices(e){if(this._first===-1||this._last===-1)return;let t=this._first;for(;t<this._last&&Math.round(this._getItemPosition(t)[this._positionDim]+this._getItemSize(t)[this._sizeDim])<=Math.round(this._scrollPosition);)t++;let n=this._last;for(;n>this._first&&Math.round(this._getItemPosition(n)[this._positionDim])>=Math.round(this._scrollPosition+this._viewDim1);)n--;(t!==this._firstVisible||n!==this._lastVisible)&&(this._firstVisible=t,this._lastVisible=n,e&&e.emit&&this._sendVisibilityChangedMessage())}};function r(e){return e===`horizontal`?`marginLeft`:`marginTop`}function i(e){return e===`horizontal`?`marginRight`:`marginBottom`}function a(e){return e===`horizontal`?`xOffset`:`yOffset`}function o(e,t){let n=[e,t].sort();return n[1]<=0?Math.min(...n):n[0]>=0?Math.max(...n):n[0]+n[1]}var s=class{constructor(){this._childSizeCache=new e,this._marginSizeCache=new e,this._metricsCache=new Map}update(e,n){let a=new Set;Object.keys(e).forEach(r=>{let i=Number(r);this._metricsCache.set(i,e[i]),this._childSizeCache.set(i,e[i][t(n)]),a.add(i),a.add(i+1)});for(let e of a){let t=this._metricsCache.get(e)?.[r(n)]||0,a=this._metricsCache.get(e-1)?.[i(n)]||0;this._marginSizeCache.set(e,o(t,a))}}get averageChildSize(){return this._childSizeCache.averageSize}get totalChildSize(){return this._childSizeCache.totalSize}get averageMarginSize(){return this._marginSizeCache.averageSize}get totalMarginSize(){return this._marginSizeCache.totalSize}getLeadingMarginValue(e,t){return this._metricsCache.get(e)?.[r(t)]||0}getChildSize(e){return this._childSizeCache.getSize(e)}getMarginSize(e){return this._marginSizeCache.getSize(e)}clear(){this._childSizeCache.clear(),this._marginSizeCache.clear(),this._metricsCache.clear()}},c=class extends n{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new s,this._anchorIdx=null,this._anchorPos=null,this._stable=!0,this._measureChildren=!0,this._estimate=!0}get measureChildren(){return this._measureChildren}updateItemSizes(e){this._metricsCache.update(e,this.direction),this._scheduleReflow()}_getPhysicalItem(e){return this._newPhysicalItems.get(e)??this._physicalItems.get(e)}_getSize(e){return this._getPhysicalItem(e)&&this._metricsCache.getChildSize(e)}_getAverageSize(){return this._metricsCache.averageChildSize||this._itemSize[this._sizeDim]}_estimatePosition(e){let t=this._metricsCache;if(this._first===-1||this._last===-1)return t.averageMarginSize+e*(t.averageMarginSize+this._getAverageSize());if(e<this._first){let n=this._first-e;return this._getPhysicalItem(this._first).pos-(t.getMarginSize(this._first-1)||t.averageMarginSize)-(n*t.averageChildSize+(n-1)*t.averageMarginSize)}else{let n=e-this._last;return this._getPhysicalItem(this._last).pos+(t.getChildSize(this._last)||t.averageChildSize)+(t.getMarginSize(this._last)||t.averageMarginSize)+n*(t.averageChildSize+t.averageMarginSize)}}_getPosition(e){let t=this._getPhysicalItem(e),{averageMarginSize:n}=this._metricsCache;return e===0?this._metricsCache.getMarginSize(0)??n:t?t.pos:this._estimatePosition(e)}_calculateAnchor(e,t){return e<=0?0:t>this._scrollSize-this._viewDim1?this.items.length-1:Math.max(0,Math.min(this.items.length-1,Math.floor((e+t)/2/this._delta)))}_getAnchor(e,t){if(this._physicalItems.size===0||this._first<0||this._last<0)return this._calculateAnchor(e,t);let n=this._getPhysicalItem(this._first),r=this._getPhysicalItem(this._last),i=n.pos;if(r.pos+this._metricsCache.getChildSize(this._last)<e||i>t)return this._calculateAnchor(e,t);let a=this._firstVisible-1,o=-1/0;for(;o<e;)o=this._getPhysicalItem(++a).pos+this._metricsCache.getChildSize(a);return a}_getActiveItems(){this._viewDim1===0||this.items.length===0?this._clearItems():this._getItems()}_clearItems(){this._first=-1,this._last=-1,this._physicalMin=0,this._physicalMax=0;let e=this._newPhysicalItems;this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=e,this._stable=!0}_getItems(){let e=this._newPhysicalItems;this._stable=!0;let t,n;if(this.pin!==null){let{index:e}=this.pin;this._anchorIdx=e,this._anchorPos=this._getPosition(e)}if(t=this._scrollPosition-this._overhang,n=this._scrollPosition+this._viewDim1+this._overhang,n<0||t>this._scrollSize){this._clearItems();return}(this._anchorIdx===null||this._anchorPos===null)&&(this._anchorIdx=this._getAnchor(t,n),this._anchorPos=this._getPosition(this._anchorIdx));let r=this._getSize(this._anchorIdx);r===void 0&&(this._stable=!1,r=this._getAverageSize());let i=this._metricsCache.getMarginSize(this._anchorIdx)??this._metricsCache.averageMarginSize,a=this._metricsCache.getMarginSize(this._anchorIdx+1)??this._metricsCache.averageMarginSize;this._anchorIdx===0&&(this._anchorPos=i),this._anchorIdx===this.items.length-1&&(this._anchorPos=this._scrollSize-a-r);let o=0;for(this._anchorPos+r+a<t&&(o=t-(this._anchorPos+r+a)),this._anchorPos-i>n&&(o=n-(this._anchorPos-i)),o&&(this._scrollPosition-=o,t-=o,n-=o,this._scrollError+=o),e.set(this._anchorIdx,{pos:this._anchorPos,size:r}),this._first=this._last=this._anchorIdx,this._physicalMin=this._anchorPos-i,this._physicalMax=this._anchorPos+r+a;this._physicalMin>t&&this._first>0;){let t=this._getSize(--this._first);t===void 0&&(this._stable=!1,t=this._getAverageSize());let n=this._metricsCache.getMarginSize(this._first);n===void 0&&(this._stable=!1,n=this._metricsCache.averageMarginSize),this._physicalMin-=t;let r=this._physicalMin;if(e.set(this._first,{pos:r,size:t}),this._physicalMin-=n,this._stable===!1&&this._estimate===!1)break}for(;this._physicalMax<n&&this._last<this.items.length-1;){let t=this._getSize(++this._last);t===void 0&&(this._stable=!1,t=this._getAverageSize());let n=this._metricsCache.getMarginSize(this._last);n===void 0&&(this._stable=!1,n=this._metricsCache.averageMarginSize);let r=this._physicalMax;if(e.set(this._last,{pos:r,size:t}),this._physicalMax+=t+n,!this._stable&&!this._estimate)break}let s=this._calculateError();s&&(this._physicalMin-=s,this._physicalMax-=s,this._anchorPos-=s,this._scrollPosition-=s,e.forEach(e=>e.pos-=s),this._scrollError+=s),this._stable&&(this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=e)}_calculateError(){return this._first===0?this._physicalMin:this._physicalMin<=0?this._physicalMin-this._first*this._delta:this._last===this.items.length-1?this._physicalMax-this._scrollSize:this._physicalMax>=this._scrollSize?this._physicalMax-this._scrollSize+(this.items.length-1-this._last)*this._delta:0}_reflow(){let{_first:e,_last:t}=this;super._reflow(),(this._first===-1&&this._last==-1||this._first===e&&this._last===t)&&this._resetReflowState()}_resetReflowState(){this._anchorIdx=null,this._anchorPos=null,this._stable=!0}_updateScrollSize(){let{averageMarginSize:e}=this._metricsCache;this._scrollSize=Math.max(1,this.items.length*(e+this._getAverageSize())+e)}get _delta(){let{averageMarginSize:e}=this._metricsCache;return this._getAverageSize()+e}_getItemPosition(e){return{[this._positionDim]:this._getPosition(e),[this._secondaryPositionDim]:0,[a(this.direction)]:-(this._metricsCache.getLeadingMarginValue(e,this.direction)??this._metricsCache.averageMarginSize)}}_getItemSize(e){return{[this._sizeDim]:this._getSize(e)||this._getAverageSize(),[this._secondarySizeDim]:this._itemSize[this._secondarySizeDim]}}_viewDim2Changed(){this._metricsCache.clear(),this._scheduleReflow()}};export{c as FlowLayout};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
function e(e,t,n){return typeof e===t?(()=>e):typeof e==`function`?e:n}var t=class{get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(e){this._currentIndex=e+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||=this._elements(),this.cachedElements}set focused(e){e!==this.focused&&(this._focused=e)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(e){return this._listenerScope()===this.host||e.composedPath().includes(this._listenerScope())}constructor(t,{direction:n,elementEnterAction:r,elements:i,focusInIndex:a,isFocusableElement:o,listenerScope:s}={elements:()=>[]}){this._currentIndex=-1,this.prevIndex=-1,this._direction=()=>`both`,this.directionLength=5,this.elementEnterAction=e=>{},this._focused=!1,this._focusInIndex=e=>0,this.isFocusableElement=e=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=e=>{if(!this.isEventWithinListenerScope(e))return;let t=e.composedPath(),n=-1;t.find(e=>(n=this.elements.indexOf(e),n!==-1)),this.prevIndex=this.currentIndex,this.currentIndex=n>-1?n:this.currentIndex,this.isRelatedTargetOrContainAnElement(e)&&this.hostContainsFocus()},this.handleClick=()=>{let e=this.elements;if(e.length===0)return;let t=e[this.currentIndex];this.currentIndex<0||((!t||!this.isFocusableElement(t))&&(this.setCurrentIndexCircularly(1),t=e[this.currentIndex]),t&&this.isFocusableElement(t)&&(e[this.prevIndex]?.setAttribute(`tabindex`,`-1`),t.setAttribute(`tabindex`,`0`)))},this.handleFocusout=e=>{this.isRelatedTargetOrContainAnElement(e)&&this.hostNoLongerContainsFocus()},this.handleKeydown=e=>{if(!this.acceptsEventCode(e.code)||e.defaultPrevented)return;let t=0;switch(this.prevIndex=this.currentIndex,e.code){case`ArrowRight`:t+=1;break;case`ArrowDown`:t+=this.direction===`grid`?this.directionLength:1;break;case`ArrowLeft`:--t;break;case`ArrowUp`:t-=this.direction===`grid`?this.directionLength:1;break;case`End`:this.currentIndex=0,--t;break;case`Home`:this.currentIndex=this.elements.length-1,t+=1;break}e.preventDefault(),this.direction===`grid`&&this.currentIndex+t<0?this.currentIndex=0:this.direction===`grid`&&this.currentIndex+t>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(t),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.host=t,this.host.addController(this),this._elements=i,this.isFocusableElement=o||this.isFocusableElement,this._direction=e(n,`string`,this._direction),this.elementEnterAction=r||this.elementEnterAction,this._focusInIndex=e(a,`number`,this._focusInIndex),this._listenerScope=e(s,`object`,this._listenerScope)}handleItemMutation(){if(this._currentIndex===-1||this.elements.length<=this._elements().length)return;let e=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(e))return;let t=this.currentIndex!==this.elements.length,n=t?1:-1;t&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(n),this.focus()}update({elements:e}={elements:()=>[]}){this.unmanage(),this._elements=e,this.clearElementCache(),this.manage()}focus(e){let t=this.elements;if(t.length===0)return;let n=t[this.currentIndex];(!n||!this.isFocusableElement(n))&&(this.setCurrentIndexCircularly(1),n=t[this.currentIndex]),n&&this.isFocusableElement(n)&&(t[this.prevIndex]?.setAttribute(`tabindex`,`-1`),n.tabIndex=0,n.focus(e))}clearElementCache(e=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=e,requestAnimationFrame(()=>{this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})})})}setCurrentIndexCircularly(e){let{length:t}=this.elements,n=t;this.prevIndex=this.currentIndex;let r=(t+this.currentIndex+e)%t;for(;n&&this.elements[r]&&!this.isFocusableElement(this.elements[r]);)r=(t+r+e)%t,--n;this.currentIndex=r}hostContainsFocus(){this.host.addEventListener(`focusout`,this.handleFocusout),this.host.addEventListener(`keydown`,this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener(`focusin`,this.handleFocusin),this.host.removeEventListener(`focusout`,this.handleFocusout),this.host.removeEventListener(`keydown`,this.handleKeydown),this.focused=!1}isRelatedTargetOrContainAnElement(e){let t=e.relatedTarget,n=this.elements.includes(t),r=this.elements.some(e=>e.contains(t));return!(n||r)}acceptsEventCode(e){if(e===`End`||e===`Home`)return!0;switch(this.direction){case`horizontal`:return e===`ArrowLeft`||e===`ArrowRight`;case`vertical`:return e===`ArrowUp`||e===`ArrowDown`;case`both`:case`grid`:return e.startsWith(`Arrow`)}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener(`focusin`,this.handleFocusin),this.host.addEventListener(`click`,this.handleClick)}removeEventListeners(){this.host.removeEventListener(`focusin`,this.handleFocusin),this.host.removeEventListener(`focusout`,this.handleFocusout),this.host.removeEventListener(`keydown`,this.handleKeydown),this.host.removeEventListener(`click`,this.handleClick)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})}))}};export{t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import{i as e}from"./lit-BN_lRQbJ.js";import{n as t,t as n}from"./directive-Du_3lDov.js";import{r}from"./directive-helpers-Bu8icI7Y.js";var i=n(class extends t{constructor(){super(...arguments),this.key=e}render(e,t){return this.key=e,t}update(e,[t,n]){return t!==this.key&&(r(e),this.key=t),n}});export{i as t};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
var e=globalThis,t=e.ShadowRoot&&(e.ShadyCSS===void 0||e.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,n=Symbol(),r=new WeakMap,i=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,n=this.t;if(t&&e===void 0){let t=n!==void 0&&n.length===1;t&&(e=r.get(n)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&r.set(n,e))}return e}toString(){return this.cssText}},a=e=>new i(typeof e==`string`?e:e+``,void 0,n),o=(e,...t)=>new i(e.length===1?e[0]:t.reduce((t,n,r)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if(typeof e==`number`)return e;throw Error(`Value passed to 'css' function must be a 'css' function result: `+e+`. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(n)+e[r+1],e[0]),e,n),s=(n,r)=>{if(t)n.adoptedStyleSheets=r.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let t of r){let r=document.createElement(`style`),i=e.litNonce;i!==void 0&&r.setAttribute(`nonce`,i),r.textContent=t.cssText,n.appendChild(r)}},c=t?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return a(t)})(e):e,{is:l,defineProperty:u,getOwnPropertyDescriptor:d,getOwnPropertyNames:ee,getOwnPropertySymbols:te,getPrototypeOf:ne}=Object,f=globalThis,p=f.trustedTypes,re=p?p.emptyScript:``,ie=f.reactiveElementPolyfillSupport,m=(e,t)=>e,h={toAttribute(e,t){switch(t){case Boolean:e=e?re:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},g=(e,t)=>!l(e,t),_={attribute:!0,type:String,converter:h,reflect:!1,useDefault:!1,hasChanged:g};Symbol.metadata??=Symbol(`metadata`),f.litPropertyMetadata??=new WeakMap;var v=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=_){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&u(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=d(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??_}static _$Ei(){if(this.hasOwnProperty(m(`elementProperties`)))return;let e=ne(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(m(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m(`properties`))){let e=this.properties,t=[...ee(e),...te(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(c(e))}else e!==void 0&&t.push(c(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?h:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?h:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??g)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};v.elementStyles=[],v.shadowRootOptions={mode:`open`},v[m(`elementProperties`)]=new Map,v[m(`finalized`)]=new Map,ie?.({ReactiveElement:v}),(f.reactiveElementVersions??=[]).push(`2.1.2`);var y=globalThis,b=e=>e,x=y.trustedTypes,ae=x?x.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,S=`$lit$`,C=`lit$${Math.random().toFixed(9).slice(2)}$`,w=`?`+C,oe=`<${w}>`,T=document,E=()=>T.createComment(``),D=e=>e===null||typeof e!=`object`&&typeof e!=`function`,O=Array.isArray,k=e=>O(e)||typeof e?.[Symbol.iterator]==`function`,A=`[
|
|
3
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,se=/-->/g,M=/>/g,N=RegExp(`>|${A}(?:([^\\s"'>=/]+)(${A}*=${A}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),P=/'/g,F=/"/g,I=/^(?:script|style|textarea|title)$/i,L=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),ce=L(1),le=L(2),ue=L(3),R=Symbol.for(`lit-noChange`),z=Symbol.for(`lit-nothing`),B=new WeakMap,V=T.createTreeWalker(T,129);function H(e,t){if(!O(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return ae===void 0?t:ae.createHTML(t)}var U=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=j;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===j?c[1]===`!--`?o=se:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=N):(I.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=N):o=M:o===N?c[0]===`>`?(o=i??j,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?N:c[3]===`"`?F:P):o===F||o===P?o=N:o===se||o===M?o=j:(o=N,i=void 0);let d=o===N&&e[t+1].startsWith(`/>`)?` `:``;a+=o===j?n+oe:l>=0?(r.push(s),n.slice(0,l)+S+n.slice(l)+C+d):n+C+(l===-2?t:d)}return[H(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},W=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=U(t,n);if(this.el=e.createElement(l,r),V.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=V.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(S)){let t=u[o++],n=i.getAttribute(e).split(C),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?Y:r[1]===`?`?X:r[1]===`@`?de:J}),i.removeAttribute(e)}else e.startsWith(C)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(I.test(i.tagName)){let e=i.textContent.split(C),t=e.length-1;if(t>0){i.textContent=x?x.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],E()),V.nextNode(),c.push({type:2,index:++a});i.append(e[t],E())}}}else if(i.nodeType===8)if(i.data===w)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(C,e+1))!==-1;)c.push({type:7,index:a}),e+=C.length-1}a++}}static createElement(e,t){let n=T.createElement(`template`);return n.innerHTML=e,n}};function G(e,t,n=e,r){if(t===R)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=D(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=G(e,i._$AS(e,t.values),i,r)),t}var K=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??T).importNode(t,!0);V.currentNode=r;let i=V.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new q(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new Z(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=V.nextNode(),a++)}return V.currentNode=T,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},q=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=z,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=G(this,e,t),D(e)?e===z||e==null||e===``?(this._$AH!==z&&this._$AR(),this._$AH=z):e!==this._$AH&&e!==R&&this._(e):e._$litType$===void 0?e.nodeType===void 0?k(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==z&&D(this._$AH)?this._$AA.nextSibling.data=e:this.T(T.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=W.createElement(H(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new K(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=B.get(e.strings);return t===void 0&&B.set(e.strings,t=new W(e)),t}k(t){O(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(E()),this.O(E()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=b(e).nextSibling;b(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},J=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=z,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=z}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=G(this,e,t,0),a=!D(e)||e!==this._$AH&&e!==R,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=G(this,r[n+o],t,o),s===R&&(s=this._$AH[o]),a||=!D(s)||s!==this._$AH[o],s===z?e=z:e!==z&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},Y=class extends J{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===z?void 0:e}},X=class extends J{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==z)}},de=class extends J{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=G(this,e,t,0)??z)===R)return;let n=this._$AH,r=e===z&&n!==z||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==z&&(n===z||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Z=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){G(this,e)}},fe={M:S,P:C,A:w,C:1,L:U,R:K,D:k,V:G,I:q,H:J,N:X,U:de,B:Y,F:Z},pe=y.litHtmlPolyfillSupport;pe?.(W,q),(y.litHtmlVersions??=[]).push(`3.3.3`);var me=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new q(t.insertBefore(E(),e),e,void 0,n??{})}return i._$AI(e),i},Q=globalThis,$=class extends v{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=me(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return R}};$._$litElement$=!0,$.finalized=!0,Q.litElementHydrateSupport?.({LitElement:$});var he=Q.litElementPolyfillSupport;he?.({LitElement:$});var ge={_$AK:(e,t,n)=>{e._$AK(t,n)},_$AL:e=>e._$AL};(Q.litElementVersions??=[]).push(`4.2.2`);var _e=!1;export{o as _,me as a,ce as c,g as d,h as f,t as g,c as h,z as i,fe as l,s as m,$ as n,R as o,v as p,ge as r,ue as s,_e as t,le as u,i as v,a as y};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import{t as e}from"./rolldown-runtime-DWK5is8u.js";import{c as t,d as n,f as r,i,n as a}from"./lit-BN_lRQbJ.js";var o=e=>(t,n)=>{n===void 0?customElements.define(e,t):n.addInitializer(()=>{customElements.define(e,t)})},s={attribute:!0,type:String,converter:r,reflect:!1,hasChanged:n},c=(e=s,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function l(e){return(t,n)=>typeof n==`object`?c(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function u(e){return l({...e,state:!0,attribute:!1})}function d(e){return(t,n)=>{let r=typeof t==`function`?t:t[n];Object.assign(r,e)}}var f=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`object`&&Object.defineProperty(e,t,n),n);function p(e,t){return(n,r,i)=>{let a=t=>t.renderRoot?.querySelector(e)??null;if(t){let{get:e,set:t}=typeof r==`object`?n:i??(()=>{let e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return f(n,r,{get(){let n=e.call(this);return n===void 0&&(n=a(this),(n!==null||this.hasUpdated)&&t.call(this,n)),n}})}return f(n,r,{get(){return a(this)}})}}var m;function h(e){return(t,n)=>f(t,n,{get(){return(this.renderRoot??(m??=document.createDocumentFragment())).querySelectorAll(e)}})}function g(e){return(t,n)=>f(t,n,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(e)??null}})}function _(e){return(t,n)=>{let{slot:r,selector:i}=e??{},a=`slot`+(r?`[name=${r}]`:`:not([name])`);return f(t,n,{get(){let t=(this.renderRoot?.querySelector(a))?.assignedElements(e)??[];return i===void 0?t:t.filter(e=>e.matches(i))}})}}function v(e){return(t,n)=>{let{slot:r}=e??{},i=`slot`+(r?`[name=${r}]`:`:not([name])`);return f(t,n,{get(){return(this.renderRoot?.querySelector(i))?.assignedNodes(e)??[]}})}}var y=new Set,b=()=>{if(typeof document>`u`)return;let e=document.documentElement.dir===`rtl`?document.documentElement.dir:`ltr`;y.forEach(t=>{t.setAttribute(`dir`,e)})},x=null;typeof document<`u`&&(x=new MutationObserver(b),x.observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`]}));var S=e=>e.startManagingContentDirection!==void 0||e.tagName===`LUZMO-THEME`;function C(e){class t extends e{get isLTR(){return this.dir===`ltr`}hasVisibleFocusInTree(){if(typeof document>`u`)return!1;let e=((e=document)=>{let t=e.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;let n=t?[t]:[];for(;t;){let e=t.assignedSlot||t.parentElement||t.getRootNode()?.host;e&&n.push(e),t=e}return n})(this.getRootNode())[0];if(!e)return!1;try{return e.matches(`:focus-visible`)||e.matches(`.focus-visible`)}catch{return e.matches(`.focus-visible`)}}connectedCallback(){if(typeof document>`u`){super.connectedCallback();return}if(!this.hasAttribute(`dir`)){let e=this.assignedSlot||this.parentNode;for(;e!==document?.documentElement&&!S(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir===`rtl`?e.dir:this.dir||`ltr`,e===document?.documentElement)y.add(this);else{let{localName:t}=e;t.search(`-`)>-1&&typeof customElements<`u`&&!customElements.get(t)?customElements.whenDefined(t).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document?.documentElement?y.delete(this):typeof this._dirParent.stopManagingContentDirection==`function`&&this._dirParent.stopManagingContentDirection(this),this.removeAttribute(`dir`))}}return t}var w=class extends C(a){};function T(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var E={xxs:`xxs`,xs:`xs`,s:`s`,m:`m`,l:`l`,xl:`xl`,xxl:`xxl`};function D(e,{validSizes:t=[`s`,`m`,`l`,`xl`],noDefaultSize:n,defaultSize:r=`m`}={}){class i extends e{constructor(...e){super(...e),this._size=r}get size(){return this._size||r}set size(e){let i=n?null:r,a=e&&e.toLocaleLowerCase(),o=t.includes(a)?a:i;if(o&&this.setAttribute(`size`,o),this._size===o)return;let s=this._size;this._size=o,this.requestUpdate(`size`,s)}update(e){!this.hasAttribute(`size`)&&!n&&this.setAttribute(`size`,this.size),super.update(e)}}return T([l({type:String})],i.prototype,`size`,null),i}var O=e({FocusVisiblePolyfillMixin:()=>A}),k=!0;try{typeof document<`u`&&document.body.querySelector(`:focus-visible`)}catch{k=!1,Promise.resolve().then(()=>O)}var A=e=>{let t=e=>{if(e.shadowRoot==null||Object.hasOwn(e.dataset,`jsFocusVisible`))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus();else{let t=()=>{self.applyFocusVisiblePolyfill&&e.shadowRoot&&self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus()};return self.addEventListener(`focus-visible-polyfill-ready`,t,{once:!0}),()=>{self.removeEventListener(`focus-visible-polyfill-ready`,t)}}return()=>{}},n=Symbol(`endPolyfillCoordination`);class r extends e{constructor(...e){super(...e),this[n]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),k||requestAnimationFrame(()=>{this[n]??(this[n]=t(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),k||requestAnimationFrame(()=>{this[n]!=null&&(this[n](),this[n]=null)})}}return r};function j(){return new Promise(e=>requestAnimationFrame(()=>e()))}var M=class extends A(w){constructor(...e){super(...e),this.disabled=!1,this.autofocus=!1,this._tabIndex=0,this.manipulatingTabindex=!1,this.autofocusReady=Promise.resolve()}get tabIndex(){if(this.focusElement===this){let e=this.hasAttribute(`tabindex`)?Number(this.getAttribute(`tabindex`)):NaN;return Number.isNaN(e)?-1:e}let e=Number.parseFloat(this.hasAttribute(`tabindex`)&&this.getAttribute(`tabindex`)||`0`);return this.disabled||e<0?-1:this.focusElement?this._tabIndex:e}set tabIndex(e){if(this.manipulatingTabindex){this.manipulatingTabindex=!1;return}if(this.focusElement===this){if(this.disabled)this._tabIndex=e;else if(e!==this._tabIndex){this._tabIndex=e;let t=``+e;this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,t)}return}if(e===-1?this.addEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex):(this.manipulatingTabindex=!0,this.removeEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex)),e===-1||this.disabled){if(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),this.removeAttribute(`focusable`),this.selfManageFocusElement)return;e===-1?this.focusElement?.removeAttribute(`tabindex`):(this._tabIndex=e,this.manageFocusElementTabindex(e));return}this.setAttribute(`focusable`,``),this.hasAttribute(`tabindex`)?this.removeAttribute(`tabindex`):this.manipulatingTabindex=!1,this._tabIndex=e,this.manageFocusElementTabindex(e)}onPointerdownManagementOfTabIndex(){this.tabIndex===-1&&setTimeout(()=>{this.tabIndex=0,this.focus({preventScroll:!0}),this.tabIndex=-1})}async manageFocusElementTabindex(e){this.focusElement||await this.updateComplete,e===null?this.focusElement.removeAttribute(`tabindex`):this.focusElement!==this&&(this.focusElement.tabIndex=e)}get focusElement(){throw Error(`Must implement focusElement getter!`)}get selfManageFocusElement(){return!1}focus(e){this.disabled||!this.focusElement||(this.focusElement===this?Reflect.apply(HTMLElement.prototype.focus,this,[e]):this.focusElement.focus(e))}blur(){let e=this.focusElement||this;e===this?HTMLElement.prototype.blur.apply(this):e.blur()}click(){if(this.disabled)return;let e=this.focusElement||this;e===this?HTMLElement.prototype.click.apply(this):e.click()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focusElement.focus())}firstUpdated(e){super.firstUpdated(e),(!this.hasAttribute(`tabindex`)||this.getAttribute(`tabindex`)!==`-1`)&&this.setAttribute(`focusable`,``)}update(e){e.has(`disabled`)&&this.handleDisabledChanged(this.disabled,e.get(`disabled`)),super.update(e)}updated(e){super.updated(e),e.has(`disabled`)&&this.disabled&&this.blur()}async handleDisabledChanged(e,t){let n=()=>this.focusElement!==this&&this.focusElement.disabled!==void 0;e?(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),await this.updateComplete,n()?this.focusElement.disabled=!0:this.setAttribute(`aria-disabled`,`true`)):t&&(this.manipulatingTabindex=!0,this.focusElement===this?this.setAttribute(`tabindex`,``+this._tabIndex):this.removeAttribute(`tabindex`),await this.updateComplete,n()?this.focusElement.disabled=!1:this.removeAttribute(`aria-disabled`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.autofocusReady,e}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.autofocusReady=new Promise(async e=>{await j(),await j(),e()}),this.updateComplete.then(()=>{this.manageAutoFocus()}))}};T([l({type:Boolean,reflect:!0})],M.prototype,`disabled`,void 0),T([l({type:Boolean})],M.prototype,`autofocus`,void 0),T([l({type:Number})],M.prototype,`tabIndex`,null);var N=e=>e??i,P=class{constructor(e,{target:t,config:n,callback:r,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,t!==null&&this.t.add(t??e),this.l=n,this.o=i??this.o,this.callback=r,window.MutationObserver?(this.u=new MutationObserver(e=>{this.handleChanges(e),this.h.requestUpdate()}),e.addController(this)):console.warn(`MutationController error: browser does not support MutationObserver.`)}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(let e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){let e=this.u.takeRecords();(e.length||!this.o&&this.i)&&this.handleChanges(e),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};function F(e){class n extends e{renderAnchor({id:e,className:n,ariaHidden:r,labelledby:i,tabindex:a,anchorContent:o=t`<slot></slot>`}){return t`
|
|
3
|
-
<a
|
|
4
|
-
id=${e}
|
|
5
|
-
class=${N(n)}
|
|
6
|
-
href=${N(this.href)}
|
|
7
|
-
download=${N(this.download)}
|
|
8
|
-
target=${N(this.target)}
|
|
9
|
-
aria-label=${N(this.label)}
|
|
10
|
-
aria-labelledby=${N(i)}
|
|
11
|
-
aria-hidden=${N(r?`true`:void 0)}
|
|
12
|
-
tabindex=${N(a)}
|
|
13
|
-
referrerpolicy=${N(this.referrerpolicy)}
|
|
14
|
-
rel=${N(this.rel)}
|
|
15
|
-
>${o}</a>
|
|
16
|
-
`}}return T([l()],n.prototype,`download`,void 0),T([l()],n.prototype,`label`,void 0),T([l()],n.prototype,`href`,void 0),T([l()],n.prototype,`target`,void 0),T([l()],n.prototype,`referrerpolicy`,void 0),T([l()],n.prototype,`rel`,void 0),n}function I(e,t,n=[]){let r=t?`slot[name="${t}"]`:`slot:not([name])`;class i extends e{constructor(...e){super(e),this.slotHasContent=!1,new P(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{for(let t of e)if(t.type===`characterData`||t.type===`childList`){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){let e=this.renderRoot?.querySelector(r)??null;if(!e)return;let t=e.assignedNodes({flatten:!0}).filter(e=>{let t=e;return t.tagName?!n.some(e=>t.matches(e)):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}update(e){if(!this.hasUpdated){let{childNodes:e}=this,r=[...e].filter(e=>{let r=e;return r.tagName?n.some(e=>r.matches(e))?!1:t?r.getAttribute(`slot`)===t:!r.hasAttribute(`slot`):r.textContent?r.textContent.trim():!1});this.slotHasContent=r.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return T([l({type:Boolean,attribute:!1})],i.prototype,`slotHasContent`,void 0),i}export{d as _,M as a,c as b,D as c,C as d,v as f,p as g,h,N as i,T as l,g as m,F as n,A as o,_ as p,P as r,E as s,I as t,w as u,u as v,o as x,l as y};
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{a as r,c as i,f as a,g as o,l as s,n as c,r as l,t as u,u as d,v as f,y as p}from"./lucero-runtime-DGJ9-isg.js";import{C as m,c as h,i as g,m as _}from"./luzmo-icons-B-pCv-xg.js";import{t as v}from"./random-id-CeLe5NEk.js";import{t as y}from"./observe-slot-presence-DWPtw22K.js";import{t as b}from"./slottable-request-event-D9FhiqH1.js";import{t as x}from"./dependency-manger-BPrqqTnJ.js";import{t as S}from"./divider.module-sYekRHno.js";var C=`:host{--menu-item-top-to-action:var(--luzmo-spacing-1);--menu-item-top-to-checkbox:var(--luzmo-spacing-1);--menu-item-label-line-height:var(--luzmo-line-height);--menu-item-label-line-height-cjk:1.5;--menu-item-label-to-description-spacing:1px;--menu-item-focus-indicator-width:var(--luzmo-indicator-width);--menu-item-focus-indicator-color:var(--luzmo-indicator-color);--menu-item-label-to-value-area-min-spacing:var(--luzmo-spacing-3);--menu-item-label-content-color-default:var(--luzmo-font-color);--menu-item-label-content-color-hover:var(--luzmo-font-color-hover);--menu-item-label-content-color-down:var(--luzmo-font-color-down);--menu-item-label-content-color-focus:var(--luzmo-font-color-focus);--menu-item-highlight-label-background-color:var(--luzmo-primary);--menu-item-highlight-label-content-color:var(--luzmo-font-color);--menu-item-highlight-label-content-color-hover:var(--luzmo-font-color-hover);--menu-item-highlight-label-content-color-down:var(--luzmo-font-color-down);--menu-item-highlight-label-content-color-focus:var(--luzmo-font-color-focus);--menu-item-label-icon-color-default:var(--luzmo-font-color);--menu-item-label-icon-color-hover:var(--luzmo-font-color-hover);--menu-item-label-icon-color-down:var(--luzmo-font-color-down);--menu-item-label-icon-color-focus:var(--luzmo-font-color-focus);--menu-item-label-content-color-disabled:var(--luzmo-font-color-disabled);--menu-item-label-icon-color-disabled:var(--luzmo-font-color-disabled);--menu-item-description-line-height:var(--luzmo-line-height);--menu-item-description-line-height-cjk:1.5;--menu-item-description-color-default:var(--luzmo-font-color);--menu-item-description-color-hover:var(--luzmo-font-color-hover);--menu-item-description-color-down:var(--luzmo-font-color-down);--menu-item-description-color-focus:var(--luzmo-font-color-focus);--menu-item-description-color-disabled:var(--luzmo-disabled-color);--menu-section-header-line-height:var(--luzmo-line-height);--menu-section-header-line-height-cjk:1.5;--menu-section-header-font-weight:bold;--menu-section-header-color:var(--luzmo-font-color-down);--menu-collapsible-icon-color:var(--luzmo-font-color-down);--menu-checkmark-icon-color-default:var(--luzmo-primary);--menu-checkmark-icon-color-hover:var(--luzmo-primary-hover);--menu-checkmark-icon-color-down:var(--luzmo-primary-down);--menu-checkmark-icon-color-focus:var(--luzmo-primary-focus);--menu-drillin-icon-color-default:var(--luzmo-font-color);--menu-drillin-icon-color-hover:var(--luzmo-font-color-hover);--menu-drillin-icon-color-down:var(--luzmo-font-color-down);--menu-drillin-icon-color-focus:var(--luzmo-font-color-focus);--menu-item-value-color-default:var(--luzmo-font-color);--menu-item-value-color-hover:var(--luzmo-font-color-hover);--menu-item-value-color-down:var(--luzmo-font-color-down);--menu-item-value-color-focus:var(--luzmo-font-color-focus);--menu-item-shortcut-opacity:.7;--menu-checkmark-display-hidden:none;--menu-checkmark-display-shown:block;--menu-checkmark-display:block;--menu-item-collapsible-no-icon-submenu-item-padding-x-start:28px;--menu-item-background-color-selected:var(--luzmo-background-color);--menu-item-background-color-default:var(--luzmo-background-color);--menu-item-background-color-hover:var(--luzmo-background-color-hover);--menu-item-background-color-down:var(--luzmo-background-color-down);--menu-item-background-color-key-focus:var(--luzmo-background-color-focus);--menu-item-min-height:var(--luzmo-component-height);--menu-max-height:calc(8 * var(--menu-item-min-height));--menu-item-icon-height:var(--luzmo-font-size);--menu-item-icon-width:var(--luzmo-font-size);--menu-item-label-font-size:var(--luzmo-font-size);--menu-item-shortcut-font-size:var(--luzmo-font-size-s);--menu-item-label-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--menu-item-label-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--menu-item-top-edge-to-text:var(--luzmo-spacing-1);--menu-item-bottom-edge-to-text:var(--luzmo-spacing-1);--menu-item-text-to-control:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--menu-item-description-font-size:var(--luzmo-font-size-xs);--menu-section-header-font-size:var(--luzmo-font-size);--menu-section-header-min-width:var(--luzmo-component-height);--menu-item-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--menu-item-checkmark-size:var(--luzmo-font-size-xs);--menu-item-angle-size:var(--luzmo-font-size);--menu-item-top-to-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--menu-item-top-to-checkmark:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--menu-back-icon-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]){--menu-item-min-height:var(--luzmo-component-height-s);--menu-item-icon-height:var(--luzmo-font-size-s);--menu-item-icon-width:var(--luzmo-font-size-s);--menu-item-label-font-size:var(--luzmo-font-size-s);--menu-item-shortcut-font-size:var(--luzmo-font-size-xs);--menu-item-label-text-to-visual:var(--luzmo-spacing-3);--menu-item-label-inline-edge-to-content:var(--luzmo-spacing-3);--menu-item-top-edge-to-text:var(--luzmo-spacing-1);--menu-item-bottom-edge-to-text:var(--luzmo-spacing-1);--menu-item-text-to-control:var(--luzmo-spacing-2);--menu-item-description-font-size:var(--luzmo-font-size-xs);--menu-section-header-font-size:var(--luzmo-font-size-s);--menu-section-header-min-width:var(--luzmo-component-height-s);--menu-item-selectable-edge-to-text-not-selected:var(--luzmo-spacing-3);--menu-item-checkmark-size:var(--luzmo-font-size-xs);--menu-item-angle-size:var(--luzmo-font-size-s);--menu-item-top-to-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--menu-item-top-to-checkmark:var(--luzmo-spacing-3);--menu-back-icon-margin:var(--luzmo-spacing-3)}:host([size=l]){--menu-item-min-height:var(--luzmo-component-height-l);--menu-item-icon-height:var(--luzmo-font-size-l);--menu-item-icon-width:var(--luzmo-font-size-l);--menu-item-label-font-size:var(--luzmo-font-size-l);--menu-item-shortcut-font-size:var(--luzmo-font-size);--menu-item-label-text-to-visual:var(--luzmo-spacing-4);--menu-item-label-inline-edge-to-content:var(--luzmo-spacing-4);--menu-item-top-edge-to-text:var(--luzmo-spacing-2);--menu-item-bottom-edge-to-text:var(--luzmo-spacing-2);--menu-item-text-to-control:var(--luzmo-spacing-3);--menu-item-description-font-size:var(--luzmo-font-size-s);--menu-section-header-font-size:var(--luzmo-font-size-l);--menu-section-header-min-width:var(--luzmo-component-height-l);--menu-item-selectable-edge-to-text-not-selected:var(--luzmo-spacing-4);--menu-item-checkmark-size:var(--luzmo-font-size-s);--menu-item-angle-size:var(--luzmo-font-size-l);--menu-item-top-to-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--menu-item-top-to-checkmark:var(--luzmo-spacing-4);--menu-back-icon-margin:var(--luzmo-spacing-4)}:host([size=xl]){--menu-item-min-height:var(--luzmo-component-height-xl);--menu-item-icon-height:var(--luzmo-font-size-xl);--menu-item-icon-width:var(--luzmo-font-size-xl);--menu-item-label-font-size:var(--luzmo-font-size-xl);--menu-item-shortcut-font-size:var(--luzmo-font-size-l);--menu-item-label-text-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--menu-item-label-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--menu-item-top-edge-to-text:var(--luzmo-spacing-2);--menu-item-bottom-edge-to-text:var(--luzmo-spacing-2);--menu-item-text-to-control:var(--luzmo-spacing-4);--menu-item-description-font-size:var(--luzmo-font-size);--menu-section-header-font-size:var(--luzmo-font-size-xl);--menu-section-header-min-width:var(--luzmo-component-height-xl);--menu-item-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--menu-item-checkmark-size:var(--luzmo-font-size);--menu-item-angle-size:var(--luzmo-font-size-xl);--menu-item-top-to-icon:calc(( var(--menu-item-min-height) - var(--menu-item-top-edge-to-text) - var(--menu-item-bottom-edge-to-text) - var(--menu-item-icon-height) ) / 2);--menu-item-top-to-checkmark:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--menu-back-icon-margin:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host([variant=highlight]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);--menu-item-highlight-label-content-color-hover:var(--luzmo-primary-inverse-color);--menu-item-highlight-label-content-color-down:var(--luzmo-primary-inverse-color);--menu-item-highlight-label-content-color-focus:var(--luzmo-primary-inverse-color)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-shortcut-opacity:1;background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}@media (forced-colors:active){:host{--highcontrast-menu-item-background-color-default:ButtonFace;--highcontrast-menu-item-color-default:ButtonText;--highcontrast-menu-item-background-color-focus:Highlight;--highcontrast-menu-item-color-focus:HighlightText;--highcontrast-menu-checkmark-icon-color-default:Highlight;--highcontrast-menu-item-color-disabled:GrayText;--highcontrast-menu-item-focus-indicator-color:Highlight;--highcontrast-menu-item-selected-background-color:Highlight;--highcontrast-menu-item-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-menu-item-selected-background-color:SelectedItem;--highcontrast-menu-item-selected-color:SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-menu-inline-size,auto);box-sizing:border-box;max-height:var(--luzmo-menu-max-height,var(--menu-max-height));margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--menu-item-label-line-height:var(--luzmo-menu-item-label-line-height-cjk,var(--menu-item-label-line-height-cjk));--menu-item-description-line-height:var(--luzmo-menu-item-description-line-height-cjk,var(--menu-item-description-line-height-cjk));--menu-section-header-line-height:var(--luzmo-menu-section-header-line-height-cjk,var(--menu-section-header-line-height-cjk))}:host([selects]) ::slotted(luzmo-menu-item){--menu-checkmark-display:var(--menu-checkmark-display-hidden);padding-inline-start:var(--luzmo-menu-item-selectable-edge-to-text-not-selected,var(--menu-item-selectable-edge-to-text-not-selected))}:host([selects]) ::slotted(luzmo-menu-item[selected]){--menu-checkmark-display:var(--menu-checkmark-display-shown);padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}.luzmo-Menu-backIcon{margin-block:var(--luzmo-menu-back-icon-margin-block,var(--menu-back-icon-margin));margin-inline:var(--luzmo-menu-back-icon-margin-inline,var(--menu-back-icon-margin));fill:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-back-icon-color-default,var(--menu-section-header-color)));color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-back-icon-color-default,var(--menu-section-header-color)))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)))}.luzmo-Menu-sectionHeading{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-section-header-color,var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size,var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight,var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height,var(--menu-section-header-line-height));min-inline-size:var(--luzmo-menu-section-header-min-width,var(--menu-section-header-min-width));padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text,var(--luzmo-menu-item-top-edge-to-text,var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text,var(--luzmo-menu-item-bottom-edge-to-text,var(--menu-item-bottom-edge-to-text)));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start,0) var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start,0) var(--luzmo-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-back .luzmo-Menu-sectionHeading{padding:0}.luzmo-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:calc((var(--luzmo-indicator-width) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-back-heading-color,var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size,var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight,var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height,var(--menu-section-header-line-height));display:block}:host{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}`,w=10,T=100;function E(e,t){return!!t&&(e===t||e.contains(t))}var D=class extends i(d,{noDefaultSize:!0}){static get styles(){return[n(C)]}get isSubmenu(){return this.slot===`submenu`}get selected(){return this._selected}set selected(e){if(e===this.selected)return;let t=this.selected;this._selected=e,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItems.forEach(e=>{this===e.menuData.selectionRoot&&(e.selected=this.selected.includes(e.value),e.selected&&(this.selectedItems.push(e),this.selectedItemsMap.set(e,!0)))}),this.requestUpdate(`selected`,t)}get isScrolling(){return this.isCurrentlyScrolling}set isScrolling(e){this.isCurrentlyScrolling=e}get childItems(){return this.cachedChildItems||=this.updateCachedMenuItems(),this.cachedChildItems}get childRole(){if(this.resolvedRole===`listbox`)return`option`;switch(this.resolvedSelects){case`single`:return`menuitemradio`;case`multiple`:return`menuitemcheckbox`;default:return`menuitem`}}get ownRole(){return`menu`}constructor(){super(),this.label=``,this.ignore=!1,this.value=``,this.valueSeparator=`,`,this.selectedItems=[],this.focusedItemIndex=0,this.focusInItemIndex=0,this.shouldSupportDragAndSelect=!1,this._selected=[],this.cacheUpdated=Promise.resolve(),this.childItemSet=new Set,this.selectedItemsMap=new Map,this._hasUpdatedSelectedItemIndex=!1,this._willUpdateItems=!1,this.selectedOnPointerup=!1,this.clearPointerSelectionFrame=0,this.isCurrentlyScrolling=!1,this.descendentOverlays=new Map,this.handleSubmenuClosed=e=>{e.stopPropagation(),e.composedPath()[0].dispatchEvent(new Event(`luzmo-menu-submenu-closed`,{bubbles:!0,composed:!0}))},this.handleSubmenuOpened=e=>{e.stopPropagation(),e.composedPath()[0].dispatchEvent(new Event(`luzmo-menu-submenu-opened`,{bubbles:!0,composed:!0}));let t=this.childItems[this.focusedItemIndex];t&&(t.focused=!1);let n=e.composedPath().find(e=>this.childItemSet.has(e));if(!n)return;let r=this.childItems.indexOf(n);this.focusedItemIndex=r,this.focusInItemIndex=r},this.resolveCacheUpdated=()=>{},this.addEventListener(`luzmo-menu-item-added-or-updated`,this.onSelectableItemAddedOrUpdated),this.addEventListener(`luzmo-menu-item-added-or-updated`,this.onFocusableItemAddedOrUpdated,{capture:!0}),this.addEventListener(`click`,this.handleClick),this.addEventListener(`pointerdown`,this.handlePointerdown),this.addEventListener(`pointerup`,this.handlePointerup),this.addEventListener(`touchstart`,this.handleTouchStart,{passive:!0}),this.addEventListener(`touchmove`,this.handleTouchMove,{passive:!0}),this.addEventListener(`touchend`,this.handleTouchEnd,{passive:!0}),this.addEventListener(`touchcancel`,this.handleTouchEnd,{passive:!0}),this.addEventListener(`focusin`,this.handleFocusin),this.addEventListener(`blur`,this.handleBlur),this.addEventListener(`luzmo-opened`,this.handleSubmenuOpened),this.addEventListener(`luzmo-closed`,this.handleSubmenuClosed)}focus({preventScroll:e}={}){if(this.childItems.every(e=>e.disabled))return;if(this.childItems.some(e=>e.menuData.focusRoot!==this)){super.focus({preventScroll:e});return}this.focusMenuItemByOffset(0),super.focus({preventScroll:e});let t=this.selectedItems[0];t&&!e&&t.scrollIntoView({block:`nearest`})}handleFocusin(e){if(this.childItems.some(e=>e.menuData.focusRoot!==this))return;let t=this.getRootNode().activeElement,n=this.childItems[this.focusedItemIndex]?.menuData.selectionRoot||this;if((t!==n||e.target!==this)&&(n.focus({preventScroll:!0}),t&&this.focusedItemIndex===0)){let e=this.childItems.indexOf(t);this.focusMenuItemByOffset(Math.max(e,0))}this.startListeningToKeyboard()}startListeningToKeyboard(){this.addEventListener(`keydown`,this.handleKeydown)}handleBlur(e){E(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this.childItems.forEach(e=>e.focused=!1),this.removeAttribute(`aria-activedescendant`))}stopListeningToKeyboard(){this.removeEventListener(`keydown`,this.handleKeydown)}selectOrToggleItem(e){let t=this.resolvedSelects,n=new Map(this.selectedItemsMap),r=[...this.selected],i=[...this.selectedItems],a=this.value,o=this.childItems[this.focusedItemIndex];if(o&&(o.focused=!1,o.active=!1),this.focusedItemIndex=this.childItems.indexOf(e),this.forwardFocusVisibleToItem(e),t===`multiple`){this.selectedItemsMap.has(e)?this.selectedItemsMap.delete(e):this.selectedItemsMap.set(e,!0);let t=[],n=[];this.childItemSet.forEach(e=>{e.menuData.selectionRoot===this&&this.selectedItemsMap.has(e)&&(t.push(e.value),n.push(e))}),this._selected=t,this.selectedItems=n,this.value=this.selected.join(this.valueSeparator)}else this.selectedItemsMap.clear(),this.selectedItemsMap.set(e,!0),this.value=e.value,this._selected=[e.value],this.selectedItems=[e];if(!this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))){this._selected=r,this.selectedItems=i,this.selectedItemsMap=n,this.value=a;return}if(t===`single`){for(let t of n.keys())t!==e&&(t.selected=!1);e.selected=!0}else t===`multiple`?e.selected=!e.selected:!e.hasSubmenu&&e?.menuData?.focusRoot===this&&this.dispatchEvent(new Event(`close`,{bubbles:!0}))}handleKeydown(e){if(e.defaultPrevented)return;let t=this.childItems[this.focusedItemIndex];t&&(t.focused=!0);let{key:n}=e;if(e.shiftKey&&e.target!==this&&this.hasAttribute(`tabindex`)){this.removeAttribute(`tabindex`);let e=t=>{!t.shiftKey&&!this.hasAttribute(`tabindex`)&&(this.tabIndex=0,document.removeEventListener(`keyup`,e),this.removeEventListener(`focusout`,e))};document.addEventListener(`keyup`,e),this.addEventListener(`focusout`,e)}if(n===`Tab`){this.prepareToCleanUp();return}if(n===` `&&t?.hasSubmenu){t.openOverlay();return}if(n===` `||n===`Enter`){let t=this.childItems[this.focusedItemIndex];t&&t.menuData.selectionRoot===e.target&&(e.preventDefault(),t.click());return}if(n===`ArrowDown`||n===`ArrowUp`){let t=this.childItems[this.focusedItemIndex];t&&t.menuData.selectionRoot===e.target&&this.navigateWithinMenu(e);return}if(n===`Home`||n===`End`){let t=this.childItems[this.focusedItemIndex];if(t&&t.menuData.selectionRoot===e.target){e.preventDefault(),e.stopPropagation();let t=this.childItems[this.focusedItemIndex];t&&(t.focused=!1,t.active=t.open),this.focusedItemIndex=n===`Home`?this.childItems.length-1:0,this.focusMenuItemByOffset(n===`Home`?1:-1).scrollIntoView({block:`nearest`})}return}if(n.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey){this.handleTypeahead(e);return}this.navigateBetweenRelatedMenus(e)}focusMenuItemByOffset(e){let t=e||1,n=this.childItems[this.focusedItemIndex];n&&(n.focused=!1,n.active=n.open),this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+e)%this.childItems.length;let r=this.childItems[this.focusedItemIndex],i=this.childItems.length;for(;r?.disabled&&i;)--i,this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+t)%this.childItems.length,r=this.childItems[this.focusedItemIndex];return r?.disabled||this.forwardFocusVisibleToItem(r),r}updateSelectedItemIndex(){let e=0,t=new Map,n=[],r=[],i=this.childItems.length;for(;i;){--i;let a=this.childItems[i];a.menuData.selectionRoot===this&&((a.selected||!this._hasUpdatedSelectedItemIndex&&this.selected.includes(a.value))&&(e=i,t.set(a,!0),n.unshift(a.value),r.unshift(a)),i!==e&&(a.focused=!1))}r.map((e,t)=>{t>0&&(e.focused=!1)}),this.selectedItemsMap=t,this._selected=n,this.selectedItems=r,this.value=this.selected.join(this.valueSeparator),this.focusedItemIndex=e,this.focusInItemIndex=e}closeDescendentOverlays(){this.descendentOverlays.forEach(e=>{e.open=!1}),this.descendentOverlays=new Map}render(){return this.renderMenuItemSlot()}connectedCallback(){super.connectedCallback(),!this.hasAttribute(`role`)&&!this.ignore&&this.setAttribute(`role`,this.ownRole),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){cancelAnimationFrame(this.clearPointerSelectionFrame),this.clearPointerSelectionFrame=0,this.selectedOnPointerup=!1,this.scrollResetTimeout&&clearTimeout(this.scrollResetTimeout),this.scrollResetTimeout=void 0,this.isCurrentlyScrolling=!1,this.touchStartY=void 0,this.cachedChildItems=void 0,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItemSet.clear(),this.descendentOverlays=new Map,super.disconnectedCallback()}handleDescendentOverlayOpened(e){let t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.set(t.overlayElement,t.overlayElement)}handleDescendentOverlayClosed(e){let t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.delete(t.overlayElement)}navigateWithinMenu(e){let{key:t}=e,n=this.childItems[this.focusedItemIndex],r=t===`ArrowDown`?1:-1,i=this.focusMenuItemByOffset(r);i!==n&&(e.preventDefault(),e.stopPropagation(),i.scrollIntoView({block:`nearest`}))}handleTypeahead(e){let{key:t}=e;e.preventDefault(),e.stopPropagation();let n=t.toLowerCase(),r=this.focusedItemIndex+1,i=this.childItems;for(let e=0;e<i.length;e++){let t=(r+e)%i.length,a=i[t],o=(a.textContent||``).trim().toLowerCase();if(!a.disabled&&o.startsWith(n)){let e=this.childItems[this.focusedItemIndex];e&&(e.focused=!1,e.active=e.open),this.focusedItemIndex=i.length+t-1,this.focusMenuItemByOffset(1).scrollIntoView({block:`nearest`});break}}}navigateBetweenRelatedMenus(e){let{key:t}=e,n=this.isLTR&&t===`ArrowRight`||!this.isLTR&&t===`ArrowLeft`,r=this.isLTR&&t===`ArrowLeft`||!this.isLTR&&t===`ArrowRight`||t===`Escape`;if(n){let t=this.childItems[this.focusedItemIndex];t?.hasSubmenu&&(e.stopPropagation(),t.openOverlay())}else r&&this.isSubmenu&&(e.stopPropagation(),this.dispatchEvent(new Event(`close`,{bubbles:!0})),this.updateSelectedItemIndex())}renderMenuItemSlot(){return e`
|
|
3
|
-
<slot
|
|
4
|
-
@luzmo-menu-submenu-opened=${this.handleDescendentOverlayOpened}
|
|
5
|
-
@luzmo-menu-submenu-closed=${this.handleDescendentOverlayClosed}
|
|
6
|
-
@slotchange=${this.handleSlotchange}
|
|
7
|
-
></slot>
|
|
8
|
-
`}firstUpdated(e){if(super.firstUpdated(e),!this.hasAttribute(`tabindex`)&&!this.ignore){let e=this.getAttribute(`role`);this.tabIndex=e===`group`?-1:0}let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName===`luzmo-menu-item`&&t.push(e.updateComplete)}),this.childItemsUpdated=Promise.all(t)}updated(e){super.updated(e),e.has(`selects`)&&this.hasUpdated&&this.selectsChanged(),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}selectsChanged(){let e=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];this.childItemSet.forEach(t=>{e.push(t.triggerUpdate())}),this.childItemsUpdated=Promise.all(e)}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.childItemsUpdated,await this.cacheUpdated,e}updateCachedMenuItems(){if(this.cachedChildItems=[],!this.menuSlot)return[];let e=this.menuSlot.assignedElements({flatten:!0});for(let[t,n]of e.entries()){if(this.childItemSet.has(n)){this.cachedChildItems.push(n);continue}let r=n.localName===`slot`?n.assignedElements({flatten:!0}):[...n.querySelectorAll(`:scope > *`)];e.splice(t,1,n,...r)}return this.cachedChildItems}onFocusableItemAddedOrUpdated(e){e.menuCascade.set(this,{hadFocusRoot:!!e.item.menuData.focusRoot,ancestorWithSelects:e.currentAncestorWithSelects}),this.selects&&(e.currentAncestorWithSelects=this),e.item.menuData.focusRoot=e.item.menuData.focusRoot||this}onSelectableItemAddedOrUpdated(e){let t=e.menuCascade.get(this);if(!t)return;if(e.item.menuData.parentMenu=e.item.menuData.parentMenu||this,t.hadFocusRoot&&!this.ignore&&(this.tabIndex=-1),this.addChildItem(e.item),this.selects===`inherit`){this.resolvedSelects=`inherit`;let t=e.currentAncestorWithSelects?.ignore;this.resolvedRole=t?`none`:e.currentAncestorWithSelects?.getAttribute(`role`)||this.getAttribute(`role`)||void 0}else this.selects?(this.resolvedRole=this.ignore?`none`:this.getAttribute(`role`)||void 0,this.resolvedSelects=this.selects):(this.resolvedRole=this.ignore?`none`:this.getAttribute(`role`)||void 0,this.resolvedSelects=this.resolvedRole===`none`?`ignore`:`none`);let n=this.resolvedSelects===`single`||this.resolvedSelects===`multiple`;e.item.menuData.cleanupSteps.push(e=>this.removeChildItem(e)),(n||!this.selects&&this.resolvedSelects!==`ignore`)&&!e.item.menuData.selectionRoot&&(e.item.setRole(this.childRole),e.item.menuData.selectionRoot=e.item.menuData.selectionRoot||this,e.item.selected&&(this.selectedItemsMap.set(e.item,!0),this.selectedItems=[...this.selectedItems,e.item],this._selected=[...this.selected,e.item.value],this.value=this.selected.join(this.valueSeparator)))}addChildItem(e){this.childItemSet.add(e),this.handleItemsChanged()}async removeChildItem(e){this.childItemSet.delete(e),this.cachedChildItems=void 0,e.focused&&(this.handleItemsChanged(),await this.updateComplete,this.focus())}handleClick(e){if(this.selectedOnPointerup){this.selectedOnPointerup=!1,cancelAnimationFrame(this.clearPointerSelectionFrame);return}this.handlePointerBasedSelection(e)}handlePointerdown(){this.selectedOnPointerup=!1,cancelAnimationFrame(this.clearPointerSelectionFrame)}handlePointerup(e){this.handleTouchEnd(),!(!this.shouldSupportDragAndSelect||e instanceof PointerEvent&&e.pointerType===`touch`)&&(this.selectedOnPointerup=this.handlePointerBasedSelection(e),this.selectedOnPointerup&&(cancelAnimationFrame(this.clearPointerSelectionFrame),this.clearPointerSelectionFrame=requestAnimationFrame(()=>{this.selectedOnPointerup=!1})))}handlePointerBasedSelection(e){if(e instanceof MouseEvent&&e.button!==0||this.isScrolling)return!1;let t=e.composedPath().find(e=>e instanceof Element&&e.getAttribute(`role`)===this.childRole);if(e.defaultPrevented){let e=this.childItems.indexOf(t);return t?.menuData?.focusRoot===this&&e!==-1&&(this.focusedItemIndex=e),!1}if(t?.href&&t.href.length>0)return this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),!0;if(t?.menuData?.selectionRoot===this&&this.childItems.length>0){if(e.preventDefault(),t.hasSubmenu||t.open)return!1;this.selectOrToggleItem(t)}else return!1;return this.prepareToCleanUp(),!0}handleTouchStart(e){e.touches.length===1&&(this.scrollResetTimeout&&=(clearTimeout(this.scrollResetTimeout),void 0),this.touchStartY=e.touches[0].clientY,this.isCurrentlyScrolling=!1)}handleTouchMove(e){e.touches.length!==1||this.touchStartY===void 0||Math.abs(e.touches[0].clientY-this.touchStartY)>w&&(this.isCurrentlyScrolling=!0)}handleTouchEnd(){this.touchStartY===void 0&&!this.isCurrentlyScrolling||(this.scrollResetTimeout&&clearTimeout(this.scrollResetTimeout),this.scrollResetTimeout=setTimeout(()=>{this.isCurrentlyScrolling=!1,this.touchStartY=void 0,this.scrollResetTimeout=void 0},T))}prepareToCleanUp(){document.addEventListener(`focusout`,()=>{requestAnimationFrame(()=>{let e=this.childItems[this.focusedItemIndex];e&&(e.focused=!1,this.updateSelectedItemIndex())})},{once:!0})}handleItemsChanged(){this.cachedChildItems=void 0,this._willUpdateItems||(this._willUpdateItems=!0,this.cacheUpdated=this.updateCache())}async updateCache(){await(this.hasUpdated?new Promise(e=>requestAnimationFrame(()=>e(!0))):Promise.all([new Promise(e=>requestAnimationFrame(()=>e(!0))),this.updateComplete])),this.cachedChildItems===void 0&&(this.updateSelectedItemIndex(),this.updateItemFocus()),this._willUpdateItems=!1}updateItemFocus(){if(this.childItems.length===0)return;let e=this.childItems[this.focusInItemIndex];this.getRootNode().activeElement===e.menuData.focusRoot&&this.forwardFocusVisibleToItem(e)}forwardFocusVisibleToItem(e){!e||e.menuData.focusRoot!==this||(this.closeDescendentOverlays(),e.focused=this.hasVisibleFocusInTree()||!!this.childItems.some(e=>e.hasVisibleFocusInTree()),this.setAttribute(`aria-activedescendant`,e.id),e.menuData.selectionRoot&&e.menuData.selectionRoot!==this&&e.menuData.selectionRoot.focus())}handleSlotchange({target:e}){let t=e.assignedElements({flatten:!0});this.childItems.length!==t.length&&t.forEach(e=>{e.triggerUpdate===void 0?e.childItems!==void 0&&e.childItems.forEach(e=>{e.triggerUpdate()}):e.triggerUpdate()})}};s([p({type:String,reflect:!0})],D.prototype,`label`,void 0),s([p({type:Boolean,reflect:!0})],D.prototype,`ignore`,void 0),s([p({type:String,reflect:!0})],D.prototype,`variant`,void 0),s([p({type:String,reflect:!0})],D.prototype,`selects`,void 0),s([p({type:String})],D.prototype,`value`,void 0),s([p({type:String,attribute:`value-separator`})],D.prototype,`valueSeparator`,void 0),s([p({attribute:!1})],D.prototype,`selected`,null),s([p({attribute:!1})],D.prototype,`selectedItems`,void 0),s([o(`slot:not([name])`)],D.prototype,`menuSlot`,void 0);var O=`:host{--menu-divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));inline-size:auto;margin-block:var(--luzmo-menu-section-divider-margin-block,max(0px, (var(--menu-item-section-divider-height) - var(--menu-divider-thickness)) / 2));margin-inline:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content));overflow:visible}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start,0) var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start,0) var(--luzmo-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-width) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-back-heading-color,var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size,var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight,var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height,var(--menu-section-header-line-height));display:block}:host{flex-shrink:0;display:block}`,k=class extends i(d,{validSizes:[`s`,`m`,`l`]}){static get styles(){return[n(S),n(O)]}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`separator`)}},A=`.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)))}.header{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-section-header-color,var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size,var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight,var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height,var(--menu-section-header-line-height));min-inline-size:var(--luzmo-menu-section-header-min-width,var(--menu-section-header-min-width));padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text,var(--luzmo-menu-item-top-edge-to-text,var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text,var(--luzmo-menu-item-bottom-edge-to-text,var(--menu-item-bottom-edge-to-text)));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start,0) var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start,0) var(--luzmo-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-back .header{padding:0}.luzmo-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-width) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-back-heading-color,var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size,var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight,var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height,var(--menu-section-header-line-height));display:block}:host{flex-direction:column;margin:0;display:inline-flex;overflow:visible}[hidden]{display:none!important}`,j=class extends D{constructor(...e){super(...e),this.headerId=``}static get styles(){return[...super.styles,n(A)]}render(){return e`
|
|
9
|
-
<span class="header" ?hidden=${!this.headerElement}>
|
|
10
|
-
<slot name="header" @slotchange=${this.updateLabel}></slot>
|
|
11
|
-
</span>
|
|
12
|
-
<luzmo-menu
|
|
13
|
-
size=${this.size}
|
|
14
|
-
.variant=${this.variant}
|
|
15
|
-
.selects=${this.selects}
|
|
16
|
-
ignore
|
|
17
|
-
>${this.renderMenuItemSlot()}</luzmo-menu
|
|
18
|
-
>
|
|
19
|
-
`}get ownRole(){switch(this.selects){case`multiple`:case`single`:case`inherit`:return`group`;default:return`menu`}}updateLabel(){let e=this.headerElements.length>0?this.headerElements[0]:void 0;if(e!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute(`id`),e){this.headerId=this.headerId||`luzmo-menu-group-label-${v()}`;let t=e.id||this.headerId;e.id||=t,this.setAttribute(`aria-labelledby`,t)}else this.removeAttribute(`aria-labelledby`);this.headerElement=e}};s([a({slot:`header`,flatten:!0})],j.prototype,`headerElements`,void 0),s([f()],j.prototype,`headerElement`,void 0);var M=`.checkmark{display:var(--luzmo-menu-checkmark-display,var(--menu-checkmark-display));font-size:var(--luzmo-menu-item-checkmark-size,var(--menu-item-checkmark-size));fill:var(--highcontrast-menu-checkmark-icon-color-default,var(--luzmo-menu-checkmark-icon-color-default,var(--menu-checkmark-icon-color-default)));color:var(--highcontrast-menu-checkmark-icon-color-default,var(--luzmo-menu-checkmark-icon-color-default,var(--menu-checkmark-icon-color-default)));opacity:1;grid-area:checkmarkArea;align-self:start;margin-block-start:calc(var(--luzmo-menu-item-top-to-checkmark,var(--menu-item-top-to-checkmark)) - var(--luzmo-menu-item-top-edge-to-text,var(--menu-item-top-edge-to-text)));margin-inline-end:var(--luzmo-menu-item-text-to-control,var(--menu-item-text-to-control))}.angle{font-size:var(--menu-item-angle-size);grid-area:angleArea;align-self:center;margin-inline-end:var(--luzmo-menu-item-text-to-control,var(--menu-item-text-to-control))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)))}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-width) + 1px) * -1)}::slotted([slot=icon]){fill:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-label-icon-color-default,var(--menu-item-label-icon-color-default)));color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-label-icon-color-default,var(--menu-item-label-icon-color-default)));block-size:var(--luzmo-menu-item-icon-size,var(--menu-item-icon-height));inline-size:var(--luzmo-menu-item-icon-width,var(--menu-item-icon-height));font-size:var(--luzmo-menu-item-icon-size,var(--menu-item-icon-height));text-align:center;--luzmo-icon-vertical-align:0;grid-area:iconArea;align-self:start;margin-block-start:var(--luzmo-menu-item-top-to-icon,var(--menu-item-top-to-icon));margin-inline-end:var(--luzmo-menu-item-label-text-to-visual,var(--menu-item-label-text-to-visual))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-menu-item-background-color-default,var(--luzmo-menu-item-background-color-default,var(--menu-item-background-color-default)));line-height:var(--luzmo-menu-item-label-line-height,var(--menu-item-label-line-height));min-block-size:var(--luzmo-menu-item-min-height,var(--menu-item-min-height));padding-block-start:var(--luzmo-menu-item-top-edge-to-text,var(--menu-item-top-edge-to-text));padding-block-end:var(--luzmo-menu-item-bottom-edge-to-text,var(--menu-item-bottom-edge-to-text));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content));grid-template:".angleAreaCollapsible.headingIconArea sectionHeadingArea. . .""selectedArea angleAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea angleAreaDrillIn"1fr". . . .descriptionArea. . ."". . . .submenuArea. . ."". . . . . . . ."/auto auto auto auto 1fr auto auto auto;justify-content:start;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;position:relative}.luzmo-Menu-itemCheckbox{--luzmo-checkbox-top-to-text:0;--luzmo-checkbox-text-to-control:0;min-block-size:0}.luzmo-Menu-itemCheckbox .luzmo-Checkbox-box{margin-block-start:var(--luzmo-menu-item-top-to-checkbox,var(--menu-item-top-to-checkbox));margin-block-end:0;margin-inline-end:var(--luzmo-menu-item-text-to-control,var(--menu-item-text-to-control))}.luzmo-Menu-itemSwitch{min-block-size:0}.luzmo-Menu-itemSwitch .luzmo-Switch-switch{margin-block-start:var(--luzmo-menu-item-top-to-action,var(--menu-item-top-to-action));margin-block-end:0}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]),:host(:focus){background-color:var(--highcontrast-menu-item-background-color-focus,var(--luzmo-menu-item-background-color-key-focus,var(--menu-item-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label,:host([focused])>.menu-item-tooltip-icon,:host(:focus)>.menu-item-tooltip-icon{color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-content-color-focus,var(--menu-item-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-description-color-focus,var(--menu-item-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-value-color-focus,var(--menu-item-value-color-focus)))}:host([focused])>.icon:not(.angle,.checkmark),:host(:focus)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-focus,var(--menu-item-label-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-focus,var(--menu-item-label-icon-color-focus)))}:host([focused])>.angle,:host(:focus)>.angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-collapsible-icon-color,var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-collapsible-icon-color,var(--menu-collapsible-icon-color)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-checkmark-icon-color-focus,var(--menu-checkmark-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-checkmark-icon-color-focus,var(--menu-checkmark-icon-color-focus)))}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--menu-item-focus-indicator-direction-scalar:-1}:host(:is(:active,[active])){background-color:var(--highcontrast-menu-item-background-color-focus,var(--luzmo-menu-item-background-color-down,var(--menu-item-background-color-down)))}:host(:is(:active,[active]))>#label,:host(:is(:active,[active]))>.menu-item-tooltip-icon{color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-content-color-down,var(--menu-item-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-description-color-down,var(--menu-item-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-value-color-down,var(--menu-item-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-down,var(--menu-item-label-icon-color-down)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-down,var(--menu-item-label-icon-color-down)))}:host(:is(:active,[active]))>.angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-collapsible-icon-color,var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-collapsible-icon-color,var(--menu-collapsible-icon-color)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-checkmark-icon-color-down,var(--menu-checkmark-icon-color-down)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-checkmark-icon-color-down,var(--menu-checkmark-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) .menu-item-tooltip-icon,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-label-content-color-disabled,var(--menu-item-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-description-color-disabled,var(--menu-item-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-label-icon-color-disabled,var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-label-icon-color-disabled,var(--menu-item-label-icon-color-disabled)))}:host([focused]) .luzmo-Menu-back,:host([focused]){box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width,var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--luzmo-menu-item-focus-indicator-color,var(--menu-item-focus-indicator-color)))}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .luzmo-Menu-itemCheckbox{grid-area:checkmarkArea}.luzmo-Menu-itemSelection{grid-area:selectedArea}#label{--luzmo-switch-control-label-spacing:0;--luzmo-switch-spacing-top-to-label:0;font-size:var(--luzmo-menu-item-label-font-size,var(--menu-item-label-font-size));color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-label-content-color-default,var(--menu-item-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}.menu-item-tooltip-icon{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-label-icon-color-default,var(--menu-item-label-icon-color-default)))}:host([selected]) #label,:host([selected]) .menu-item-tooltip-icon,:host([selected])>::slotted([slot=value]){color:var(--menu-item-highlight-label-content-color)}::slotted([slot=value]){color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-value-color-default,var(--menu-item-value-color-default)));font-family:inherit;font-size:var(--luzmo-menu-item-label-font-size,var(--menu-item-label-font-size));grid-area:valueArea;justify-self:end}::slotted(kbd[slot=value]){font-size:var(--menu-item-shortcut-font-size);opacity:var(--menu-item-shortcut-opacity)}.luzmo-Menu-itemActions,::slotted([slot=value]){margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing,var(--menu-item-label-to-value-area-min-spacing))}.luzmo-Menu-itemActions{grid-area:actionsArea;align-self:start}[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-item-description-color-default,var(--menu-item-description-color-default)));font-size:var(--luzmo-menu-item-description-font-size,var(--menu-item-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-menu-item-description-line-height,var(--menu-item-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-menu-item-label-to-description-spacing,var(--menu-item-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.luzmo-Menu-item--collapsible.is-open{padding-block-end:0}.luzmo-Menu-item--collapsible.is-open .angle{transform:rotate(90deg)}:host([focused]) .luzmo-Menu-item--collapsible.is-open,:host(:is(:active,[active])) .luzmo-Menu-item--collapsible.is-open,.luzmo-Menu-item--collapsible.is-open:focus{background-color:var(--highcontrast-menu-item-background-color-default,var(--luzmo-menu-item-background-color-default,var(--menu-item-background-color-default)))}.luzmo-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}.luzmo-Menu-item--collapsible>::slotted([slot=icon]){padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text,var(--luzmo-menu-item-top-edge-to-text,var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text,var(--luzmo-menu-item-bottom-edge-to-text,var(--menu-item-bottom-edge-to-text)))}.luzmo-Menu-item--collapsible .angle{grid-area:angleAreaCollapsible}:host([has-submenu]) .angle{fill:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-drillin-icon-color-default,var(--menu-drillin-icon-color-default)));color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-drillin-icon-color-default,var(--menu-drillin-icon-color-default)));grid-area:angleAreaDrillIn;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing,var(--menu-item-label-to-value-area-min-spacing));margin-inline-end:0}:host([has-submenu]) .is-open{--menu-item-background-color-default:var(--highcontrast-menu-item-selected-background-color,var(--luzmo-menu-item-background-color-hover,var(--menu-item-background-color-hover)))}:host([has-submenu]) .is-open .icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-hover,var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-hover,var(--menu-item-label-icon-color-hover)))}:host([has-submenu]) .is-open .angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-hover,var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-hover,var(--menu-drillin-icon-color-hover)))}:host([has-submenu]) .is-open .checkmark{fill:var(--highcontrast-menu-checkmark-icon-color-default,var(--luzmo-menu-checkmark-icon-color-hover,var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-checkmark-icon-color-default,var(--luzmo-menu-checkmark-icon-color-hover,var(--menu-checkmark-icon-color-hover)))}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-menu-item-background-color-focus,var(--luzmo-menu-item-background-color-hover,var(--menu-item-background-color-hover)))}:host(:hover)>#label,:host(:hover)>.menu-item-tooltip-icon{color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-content-color-hover,var(--menu-item-label-content-color-hover)))}:host([selected]:hover)>#label,:host([selected]:hover)>.menu-item-tooltip-icon{color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-highlight-label-content-color,var(--menu-item-highlight-label-content-color)))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-description-color-hover,var(--menu-item-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-value-color-hover,var(--menu-item-value-color-hover)))}:host([selected]:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--menu-item-highlight-label-content-color))}:host(:hover)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-hover,var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-item-label-icon-color-hover,var(--menu-item-label-icon-color-hover)))}:host(:hover)>.angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-collapsible-icon-color,var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-collapsible-icon-color,var(--menu-collapsible-icon-color)))}:host(:hover)>.checkmark{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-checkmark-icon-color-hover,var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-checkmark-icon-color-hover,var(--menu-checkmark-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) .menu-item-tooltip-icon,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-label-content-color-disabled,var(--menu-item-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-description-color-disabled,var(--menu-item-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-label-icon-color-disabled,var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled,var(--luzmo-menu-item-label-icon-color-disabled,var(--menu-item-label-icon-color-disabled)))}.luzmo-Menu-item--collapsible.is-open:hover{background-color:var(--highcontrast-menu-item-background-color-default,var(--luzmo-menu-item-background-color-default,var(--menu-item-background-color-default)))}:host([has-submenu]:hover) .angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-hover,var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-hover,var(--menu-drillin-icon-color-hover)))}}:host([has-submenu][focused]) .angle,:host([has-submenu]:focus) .angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-focus,var(--menu-drillin-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-focus,var(--menu-drillin-icon-color-focus)))}:host([has-submenu]:is(:active,[active])) .angle{fill:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-down,var(--menu-drillin-icon-color-down)));color:var(--highcontrast-menu-item-color-focus,var(--luzmo-menu-drillin-icon-color-down,var(--menu-drillin-icon-color-down)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start,0) var(--luzmo-menu-back-padding-inline-end,var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start,0) var(--luzmo-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}:host([focused]) .luzmo-Menu-backButton{outline:var(--focus-indicator-width) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-width) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--luzmo-menu-back-heading-color,var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size,var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight,var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height,var(--menu-section-header-line-height));display:block}:host{text-align:initial;font-family:var(--luzmo-menu-item-font-family,var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*),:host([has-submenu][disabled]) .angle{color:var(--luzmo-menu-item-label-icon-color-disabled,var(--luzmo-disabled-color))}#button{position:absolute;inset:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){width:max-content;max-width:100%}:host([no-wrap]) #label{display:block}.menu-item-tooltip-container{grid-area:actionsArea;justify-content:center;align-self:center;align-items:center;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing,var(--menu-item-label-to-value-area-min-spacing));display:flex}.menu-item-tooltip-container luzmo-tooltip{--tooltip-font-size:var(--luzmo-menu-item-tooltip-font-size,var(--tooltip-font-size))}.menu-item-tooltip-icon-trigger{cursor:default;justify-content:center;align-items:center;display:flex}.menu-item-tooltip-icon{width:.875rem;height:.875rem;font-size:.875rem}`,N=100,P=t=>e`
|
|
20
|
-
<span class="icon-container icon checkmark ${t.join(` `)}">
|
|
21
|
-
${m(h)}
|
|
22
|
-
</span>
|
|
23
|
-
`,F=t=>e`
|
|
24
|
-
<span class="icon-container icon angle ${t.join(` `)}">
|
|
25
|
-
${m(g,{className:`indicator`})}
|
|
26
|
-
</span>
|
|
27
|
-
`,I=t=>e`
|
|
28
|
-
<span class="icon-container icon info ${t.join(` `)}">
|
|
29
|
-
${m(_)}
|
|
30
|
-
</span>
|
|
31
|
-
`,L=class extends Event{get item(){return this._item}constructor(e){super(`luzmo-menu-item-added-or-updated`,{bubbles:!0,composed:!0}),this.menuCascade=new WeakMap,this.clear(e)}clear(e){this._item=e,this.currentAncestorWithSelects=void 0,e.menuData={cleanupSteps:[],focusRoot:void 0,selectionRoot:void 0,parentMenu:void 0},this.menuCascade=new WeakMap}},R=class extends c(u(y(r,`[slot="icon"]`))){static get styles(){return[n(M)]}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||``,this._value?this.setAttribute(`value`,this._value):this.removeAttribute(`value`))}get itemText(){return this.itemChildren.content.reduce((e,t)=>e+(t.textContent||``).trim(),``)}ensureTooltipDependencies(){this._tooltipDependenciesRegistered||(this._tooltipDependenciesRegistered=!0,this.dependencyManager.add(`luzmo-tooltip`),this.dependencyManager.add(`luzmo-overlay`),import(`../tooltip.js`),import(`../overlay.js`))}ensureSubmenuDependencies(){this._submenuDependenciesRegistered||(this._submenuDependenciesRegistered=!0,this.dependencyManager.add(`luzmo-overlay`),this.dependencyManager.add(`luzmo-popover`),import(`../overlay.js`),import(`../popover.js`))}renderTooltip(){return this.tooltip?e`
|
|
32
|
-
<div class="menu-item-tooltip-container">
|
|
33
|
-
<!-- The visible icon that acts as trigger -->
|
|
34
|
-
<div
|
|
35
|
-
class="menu-item-tooltip-icon-trigger"
|
|
36
|
-
id="tooltip-trigger-${this.id}"
|
|
37
|
-
>
|
|
38
|
-
${this.renderInfoIcon([`menu-item-tooltip-icon`])}
|
|
39
|
-
</div>
|
|
40
|
-
|
|
41
|
-
<!-- The overlay that shows the tooltip when hovering the icon -->
|
|
42
|
-
<luzmo-overlay
|
|
43
|
-
trigger="tooltip-trigger-${this.id}@hover"
|
|
44
|
-
placement=${this.tooltipPlacement}
|
|
45
|
-
type="hint"
|
|
46
|
-
?disabled=${!this.dependencyManager.loaded}
|
|
47
|
-
>
|
|
48
|
-
<luzmo-tooltip> ${this.tooltip} </luzmo-tooltip>
|
|
49
|
-
</luzmo-overlay>
|
|
50
|
-
</div>
|
|
51
|
-
`:t}get focusElement(){return this}get hasIcon(){return this.slotContentIsPresent}get itemChildren(){if(!this.iconSlot||!this.contentSlot)return{icon:[],content:[]};if(this._itemChildren)return this._itemChildren;let e=this.iconSlot.assignedElements().map(e=>{let t=e.cloneNode(!0);return t.removeAttribute(`slot`),t.classList.toggle(`icon`),t}),t=this.contentSlot.assignedNodes().map(e=>e.cloneNode(!0));return this._itemChildren={icon:e,content:t},this._itemChildren}constructor(){super(),this.active=!1,this.dependencyManager=new x(this),this.focused=!1,this.selected=!1,this._value=``,this.hasSubmenu=!1,this.tooltipPlacement=`top`,this.noWrap=!1,this.renderAngleIcon=(e=[])=>F(e),this.renderCheckIcon=(e=[])=>P(e),this.renderInfoIcon=(e=[])=>I(e),this._tooltipDependenciesRegistered=!1,this._submenuDependenciesRegistered=!1,this.open=!1,this.handleSlottableRequest=e=>{this.submenuElement?.dispatchEvent(new b(e.name,e.data))},this.proxyFocus=()=>{this.focus()},this.handleBeforetoggle=e=>{e.newState===`closed`&&(this.open=!0,this.overlayElement.manuallyKeepOpen(),this.overlayElement.removeEventListener(`beforetoggle`,this.handleBeforetoggle))},this.recentlyLeftChild=!1,this.willDispatchUpdate=!1,this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},this.addEventListener(`click`,this.handleClickCapture,{capture:!0}),new l(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{e.every(e=>e.target.slot===`submenu`)||this.breakItemChildrenCache()}})}click(){this.disabled||this.shouldProxyClick()||super.click()}handleClickCapture(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),!1}shouldProxyClick(){let e=!1;return this.anchorElement&&(this.anchorElement.click(),e=!0),e}breakItemChildrenCache(){this._itemChildren=void 0,this.triggerUpdate()}renderSubmenu(){let t=e`
|
|
52
|
-
<slot
|
|
53
|
-
name="submenu"
|
|
54
|
-
@slotchange=${this.manageSubmenu}
|
|
55
|
-
@luzmo-menu-item-added-or-updated=${{handleEvent:e=>{e.clear(e.item)},capture:!0}}
|
|
56
|
-
@focusin=${e=>e.stopPropagation()}
|
|
57
|
-
></slot>
|
|
58
|
-
`;return this.hasSubmenu?e`
|
|
59
|
-
<luzmo-overlay
|
|
60
|
-
.triggerElement=${this}
|
|
61
|
-
?disabled=${!this.hasSubmenu}
|
|
62
|
-
?open=${this.hasSubmenu&&this.open&&this.dependencyManager.loaded}
|
|
63
|
-
.placement=${this.isLTR?`right-start`:`left-start`}
|
|
64
|
-
.offset=${[-10,-5]}
|
|
65
|
-
.type=${`auto`}
|
|
66
|
-
@close=${e=>e.stopPropagation()}
|
|
67
|
-
@slottable-request=${this.handleSlottableRequest}
|
|
68
|
-
>
|
|
69
|
-
<luzmo-popover
|
|
70
|
-
@change=${e=>{this.handleSubmenuChange(e),this.open=!1}}
|
|
71
|
-
@pointerenter=${this.handleSubmenuPointerenter}
|
|
72
|
-
@pointerleave=${this.handleSubmenuPointerleave}
|
|
73
|
-
@luzmo-menu-item-added-or-updated=${e=>e.stopPropagation()}
|
|
74
|
-
>
|
|
75
|
-
${t}
|
|
76
|
-
</luzmo-popover>
|
|
77
|
-
</luzmo-overlay>
|
|
78
|
-
${this.renderAngleIcon()}
|
|
79
|
-
`:t}render(){return e`
|
|
80
|
-
${this.selected?e`
|
|
81
|
-
${this.renderCheckIcon(this.hasIcon?[`checkmark--withAdjacentIcon`]:[])}
|
|
82
|
-
`:t}
|
|
83
|
-
<slot name="icon"></slot>
|
|
84
|
-
<div id="label">
|
|
85
|
-
<slot id="slot"></slot>
|
|
86
|
-
</div>
|
|
87
|
-
<slot name="description"></slot>
|
|
88
|
-
<slot name="value"></slot>
|
|
89
|
-
${this.renderTooltip()}
|
|
90
|
-
${this.href&&this.href.length>0?super.renderAnchor({id:`button`,ariaHidden:!0,className:`button anchor hidden`}):t}
|
|
91
|
-
${this.renderSubmenu()}
|
|
92
|
-
`}manageSubmenu(e){!e.target.isConnected||e.target!==this.renderRoot.querySelector(`slot[name="submenu"]`)||(this.submenuElement=e.target.assignedElements({flatten:!0})[0],this.hasSubmenu=!!this.submenuElement,this.hasSubmenu&&this.setAttribute(`aria-haspopup`,`true`))}handlePointerdown(e){e.target===this&&this.hasSubmenu&&this.open&&(this.addEventListener(`focus`,this.handleSubmenuFocus,{once:!0}),this.overlayElement.addEventListener(`beforetoggle`,this.handleBeforetoggle))}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`pointerdown`,this.handlePointerdown),this.addEventListener(`pointerenter`,this.closeOverlaysForRoot),this.hasAttribute(`id`)||(this.id=`luzmo-menu-item-${v()}`)}closeOverlaysForRoot(){this.open||this.menuData.parentMenu?.closeDescendentOverlays()}handleSubmenuClick(e){e.composedPath().includes(this.overlayElement)||this.openOverlay()}handleSubmenuFocus(){requestAnimationFrame(()=>{this.overlayElement.open=this.open})}handlePointerenter(){if(this.leaveTimeout){clearTimeout(this.leaveTimeout),delete this.leaveTimeout;return}this.openOverlay()}handlePointerleave(){this.open&&!this.recentlyLeftChild&&(this.leaveTimeout=setTimeout(()=>{delete this.leaveTimeout,this.open=!1},N))}handleSubmenuChange(e){e.stopPropagation(),this.menuData.selectionRoot?.selectOrToggleItem(this)}handleSubmenuPointerenter(){this.recentlyLeftChild=!0}handleSubmenuPointerleave(){requestAnimationFrame(()=>{this.recentlyLeftChild=!1})}handleSubmenuOpen(e){this.focused=!1;let t=e.composedPath().find(e=>e!==this.overlayElement&&e.localName===`luzmo-overlay`);this.overlayElement.parentOverlayToForceClose=t}cleanup(){this.open=!1,this.active=!1}openOverlay(){!this.hasSubmenu||this.open||this.disabled||(this.open=!0,this.active=!0,this.setAttribute(`aria-expanded`,`true`),this.addEventListener(`luzmo-closed`,this.cleanup,{once:!0}))}updateAriaSelected(){let e=this.getAttribute(`role`);e===`option`?this.setAttribute(`aria-selected`,this.selected?`true`:`false`):(e===`menuitemcheckbox`||e===`menuitemradio`)&&this.setAttribute(`aria-checked`,this.selected?`true`:`false`)}setRole(e){this.setAttribute(`role`,e),this.updateAriaSelected()}willUpdate(e){super.willUpdate(e),e.has(`tooltip`)&&this.tooltip&&this.ensureTooltipDependencies(),e.has(`hasSubmenu`)&&this.hasSubmenu&&this.ensureSubmenuDependencies()}updated(e){if(super.updated(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&this.setAttribute(`aria-label`,this.label||``),e.has(`active`)&&(this.active||e.get(`active`)!==void 0)&&this.active&&this.menuData.selectionRoot?.closeDescendentOverlays(),this.anchorElement&&(this.anchorElement.addEventListener(`focus`,this.proxyFocus),this.anchorElement.tabIndex=-1),e.has(`selected`)&&this.updateAriaSelected(),e.has(`hasSubmenu`)&&(this.hasSubmenu||e.get(`hasSubmenu`)!==void 0))if(this.hasSubmenu){this.abortControllerSubmenu=new AbortController;let e={signal:this.abortControllerSubmenu.signal};this.addEventListener(`click`,this.handleSubmenuClick,e),this.addEventListener(`pointerenter`,this.handlePointerenter,e),this.addEventListener(`pointerleave`,this.handlePointerleave,e),this.addEventListener(`luzmo-opened`,this.handleSubmenuOpen,e)}else this.abortControllerSubmenu?.abort()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}disconnectedCallback(){this.menuData.cleanupSteps.forEach(e=>e(this)),this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},super.disconnectedCallback()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(e=>requestAnimationFrame(e)),this.dispatchUpdate())}dispatchUpdate(){this.isConnected&&(this.dispatchEvent(new L(this)),this.willDispatchUpdate=!1)}};s([p({type:Boolean,reflect:!0})],R.prototype,`active`,void 0),s([p({type:Boolean,reflect:!0})],R.prototype,`focused`,void 0),s([p({type:Boolean,reflect:!0})],R.prototype,`selected`,void 0),s([p({type:String})],R.prototype,`value`,null),s([p({type:Boolean,reflect:!0,attribute:`has-submenu`})],R.prototype,`hasSubmenu`,void 0),s([p({type:String})],R.prototype,`tooltip`,void 0),s([p({type:String,attribute:`tooltip-placement`})],R.prototype,`tooltipPlacement`,void 0),s([o(`slot:not([name])`)],R.prototype,`contentSlot`,void 0),s([o(`slot[name="icon"]`)],R.prototype,`iconSlot`,void 0),s([p({type:Boolean,reflect:!0,attribute:`no-wrap`,hasChanged(){return!1}})],R.prototype,`noWrap`,void 0),s([o(`.anchor`)],R.prototype,`anchorElement`,void 0),s([o(`luzmo-overlay`)],R.prototype,`overlayElement`,void 0),s([p({type:Boolean,reflect:!0})],R.prototype,`open`,void 0),customElements.get(`luzmo-menu`)||customElements.define(`luzmo-menu`,D),customElements.get(`luzmo-menu-divider`)||customElements.define(`luzmo-menu-divider`,k),customElements.get(`luzmo-menu-group`)||customElements.define(`luzmo-menu-group`,j),customElements.get(`luzmo-menu-item`)||customElements.define(`luzmo-menu-item`,R);export{D as a,k as i,L as n,j as r,R as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import{r as e}from"./lucero-runtime-DGJ9-isg.js";var t=Symbol(`slotContentIsPresent`);function n(n,r){let i=Array.isArray(r)?r:[r];class a extends n{constructor(...n){super(n),this[t]=new Map,this.managePresenceObservedSlot=()=>{let e=!1;i.forEach(n=>{let r=!!this.querySelector(`:scope > ${n}`),i=this[t].get(n)||!1;e||=i!==r,this[t].set(n,!!this.querySelector(`:scope > ${n}`))}),e&&this.updateComplete.then(()=>{this.requestUpdate()})},new e(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(i.length===1)return this[t].get(i[0])||!1;throw Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw Error(`The provided selector \`${e}\` is not being observed.`)}}return a}export{n as t};
|