@luzmo/lucero 1.0.3-alpha.9 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/index.cjs +1 -1
- package/components/accordion/index.js +2 -2
- package/components/{accordion-DC7cjb1c.js → accordion-BDchhAjE.js} +4 -4
- package/components/accordion-DpsYMoeb.cjs +43 -0
- package/components/action-bar/index.cjs +1 -1
- package/components/action-bar/index.js +2 -2
- package/components/{action-bar-Dn4IDXEF.js → action-bar-BhYEHEfo.js} +7 -7
- package/components/action-bar-VhZT8kQM.cjs +39 -0
- package/components/action-button/action-button.d.ts +12 -1
- package/components/action-button/index.cjs +1 -1
- package/components/action-button/index.d.ts +1 -1
- package/components/action-button/index.js +2 -2
- package/components/action-button-CWAg-5tz.cjs +22 -0
- package/components/{action-button-DC-ZFZTm.js → action-button-cULkUUi6.js} +8 -6
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +2 -2
- package/components/{action-group-DYKpp-mz.js → action-group-BQ-fyPYS.js} +3 -3
- package/components/action-group-D1G30Iir.cjs +20 -0
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +2 -2
- package/components/{action-menu-BlR6cLpi.js → action-menu-CkU-u55D.js} +21 -21
- package/components/{action-menu-C1C1Gx39.cjs → action-menu-DREgNCXt.cjs} +15 -15
- package/components/avatar/avatar.d.ts +17 -1
- package/components/avatar/index.cjs +1 -1
- package/components/avatar/index.js +2 -2
- package/components/avatar-Cu9c0sCS.cjs +34 -0
- package/components/avatar-Nb0368Wi.js +98 -0
- package/components/badge/badge.d.ts +1 -1
- package/components/badge/index.cjs +1 -1
- package/components/badge/index.js +2 -2
- package/components/badge-BzQfqgq6.cjs +23 -0
- package/components/badge-Dnkh-mfN.js +94 -0
- package/components/button/button-base.d.ts +1 -0
- package/components/button/button.d.ts +0 -1
- package/components/button/index.cjs +1 -1
- package/components/button/index.js +3 -3
- package/components/button-BJ0Y6wlM.cjs +20 -0
- package/components/{button-D1a4B85S.js → button-BtWr5Lag.js} +6 -6
- package/components/{button-base-CzTYjZND.js → button-base-DsUg0bJB.js} +26 -12
- package/components/{button-base-Dj2qQqwO.cjs → button-base-aTiE83bl.cjs} +3 -3
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +2 -2
- package/components/button-group-6M8M-TUI.cjs +18 -0
- package/components/{button-group-BiQxYcQ2.js → button-group-DaANSInm.js} +2 -2
- package/components/calendar/index.cjs +1 -1
- package/components/calendar/index.js +2 -2
- package/components/{calendar-BNRjXf9B.js → calendar-CXjdC7jm.js} +5 -9
- package/components/calendar-DSlKZZCR.cjs +138 -0
- package/components/chat-message/chat-message.d.ts +0 -1
- package/components/chat-message/index.cjs +1 -1
- package/components/chat-message/index.js +2 -2
- package/components/chat-message-7cx2Bpo8.cjs +148 -0
- package/components/{chat-message-DJgocVNj.js → chat-message-CJ7Xk7tz.js} +757 -545
- package/components/chat-message-group/index.cjs +1 -1
- package/components/chat-message-group/index.js +2 -2
- package/components/chat-message-group-CzCwyW7F.cjs +24 -0
- package/components/{chat-message-group-B4U2MzHx.js → chat-message-group-D7vdn2gG.js} +2 -2
- package/components/checkbox/checkbox.d.ts +7 -0
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +2 -2
- package/components/{checkbox-CPS-tR_i.js → checkbox-6YzkdHR4.js} +9 -5
- package/components/checkbox-DdatW4xE.cjs +25 -0
- package/components/{checkbox-mixin-C5sLMo5L.js → checkbox-mixin-jqmrh48O.js} +2 -2
- package/components/{checkbox-mixin-D4HeLrMj.cjs → checkbox-mixin-rFRXqyrK.cjs} +3 -3
- package/components/{close-button-MgaJT7yO.js → close-button-WomHVbgz.js} +4 -4
- package/components/close-button-hicleVjQ.cjs +18 -0
- package/components/color-area/index.cjs +1 -1
- package/components/color-area/index.js +2 -2
- package/components/{color-area-mWOctRNt.js → color-area-BRrtUbvH.js} +6 -6
- package/components/color-area-ayGmH8dj.cjs +80 -0
- package/components/color-controller-DbyPc33Y.cjs +18 -0
- package/components/color-field/index.cjs +1 -1
- package/components/color-field/index.js +2 -2
- package/components/{color-field-D7_7z2A2.cjs → color-field-BNGnBRSO.cjs} +2 -2
- package/components/{color-field-CxdIoSq6.js → color-field-CUdHxonc.js} +3 -3
- package/components/color-handle/index.cjs +1 -1
- package/components/color-handle/index.js +2 -2
- package/components/color-handle-DIoVrLRF.cjs +24 -0
- package/components/{color-handle-BOusOFFx.js → color-handle-TKbLs1ax.js} +2 -2
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +2 -2
- package/components/{color-loupe-bEzi2P0y.js → color-loupe-DAxrNPJz.js} +2 -2
- package/components/color-loupe-sY1wOisV.cjs +56 -0
- package/components/color-menu/index.cjs +1 -1
- package/components/color-menu/index.js +2 -2
- package/components/color-menu-DOq9PAWG.cjs +89 -0
- package/components/{color-menu-Cryp_5Gh.js → color-menu-iKU6Vw8a.js} +24 -24
- package/components/color-palette/index.cjs +1 -1
- package/components/color-palette/index.js +2 -2
- package/components/color-palette-CidHsmE0.cjs +18 -0
- package/components/{color-palette-BAdaNySC.js → color-palette-FQyIMSwP.js} +3 -3
- package/components/color-palette-group/index.cjs +1 -1
- package/components/color-palette-group/index.js +2 -2
- package/components/color-palette-group-B4r4tPfY.cjs +28 -0
- package/components/{color-palette-group-D8Mavsd2.js → color-palette-group-o6bnF-Ir.js} +3 -3
- package/components/color-picker/index.cjs +1 -1
- package/components/color-picker/index.js +2 -2
- package/components/{color-picker-DgjqWiVd.js → color-picker-Bw5UKyME.js} +6 -6
- package/components/{color-picker-DL7rqWnW.cjs → color-picker-D3WFls0M.cjs} +2 -2
- package/components/color-slider/index.cjs +1 -1
- package/components/color-slider/index.js +2 -2
- package/components/color-slider-BiVpn9_U.cjs +57 -0
- package/components/{color-slider-ihAIFt5p.js → color-slider-BtPNTmQu.js} +6 -5
- package/components/{condition-attribute-with-id-DauPaLSS.cjs → condition-attribute-with-id-Cw92IbcP.cjs} +1 -1
- package/components/date-range-picker/index.cjs +1 -1
- package/components/date-range-picker/index.js +2 -2
- package/components/date-range-picker-DMq8EaiB.cjs +180 -0
- package/components/{date-range-picker-CcDzRDm5.js → date-range-picker-DaHFLwQL.js} +13 -13
- package/components/date-time-picker/index.cjs +1 -1
- package/components/date-time-picker/index.js +2 -2
- package/components/date-time-picker-DdtcziBG.cjs +105 -0
- package/components/{date-time-picker-PHKHDgL9.js → date-time-picker-hjeFVUz9.js} +11 -11
- package/components/{decorate-aGxJUVxg.js → decorate-CkCg3wfh.js} +1 -1
- package/components/decorate-Dq34MBGe.cjs +18 -0
- package/components/{dependency-manger-CHy9t__e.cjs → dependency-manger-BSaHw9ju.cjs} +1 -1
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +2 -2
- package/components/{divider-cU0lVwOp.js → divider-CGbT-CL8.js} +3 -3
- package/components/divider-wana0uPI.cjs +18 -0
- package/components/{divider.module-CL60P_z8.cjs → divider.module-BV6tmpOY.cjs} +1 -1
- package/components/{element-resolution-C0aiOB0Y.cjs → element-resolution-BjaAlqwX.cjs} +1 -1
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +2 -2
- package/components/{field-group-C7ROsWq3.js → field-group-C_kRq7pJ.js} +2 -2
- package/components/{field-group-OcI5Lgu7.cjs → field-group-Dd5xYczm.cjs} +2 -2
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +2 -2
- package/components/{field-label-CtGCEmdp.js → field-label-B9S41b7c.js} +5 -5
- package/components/field-label-C5vdJ1ys.cjs +25 -0
- package/components/focus-group-C8lOjbi9.cjs +18 -0
- package/components/{focus-group-BshI1RpM.js → focus-group-DVPa1zxz.js} +1 -1
- package/components/{focus-visible-CrooVCUu.js → focus-visible-Bt2uDmuM.js} +2 -2
- package/components/focus-visible-DNHNlrty.cjs +18 -0
- package/components/focusable-B6h03pAe.cjs +18 -0
- package/components/{focusable-BmS8IzhH.js → focusable-DuP0-Kuy.js} +2 -2
- package/components/{focusable-selectors-5n5liBn0.cjs → focusable-selectors-DJqGLTJo.cjs} +1 -1
- package/components/{get-label-from-slot-LO_DZP60.cjs → get-label-from-slot-TV4APBYs.cjs} +1 -1
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +2 -2
- package/components/icon-CSqR-OOO.cjs +18 -0
- package/components/{icon-CwBAE1eU.js → icon-DB1DRieA.js} +5 -2
- package/components/index.cjs +1 -1
- package/components/index.js +71 -69
- package/components/infield-button/index.cjs +1 -1
- package/components/infield-button/index.js +2 -2
- package/components/{infield-button-BvKsbtKr.js → infield-button-BmGfFDDA.js} +3 -3
- package/components/infield-button-Cdee_UPX.cjs +22 -0
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +2 -2
- package/components/{label-ClJE2esm.js → label-B1HYQ4Pp.js} +1 -1
- package/components/label-DPG13Ib0.cjs +18 -0
- package/components/{language-resolution-BYemISJC.cjs → language-resolution-BUeKpSce.cjs} +1 -1
- package/components/{like-anchor-BZJXts_H.cjs → like-anchor-BX4PSB3d.cjs} +2 -2
- package/components/{like-anchor-DeOXX-MX.js → like-anchor-DXCaEv7O.js} +1 -1
- package/components/{manage-help-text-CF0xBh0F.js → manage-help-text-ByLb0QYX.js} +13 -10
- package/components/{manage-help-text-D9VbYRf_.cjs → manage-help-text-DtFJsl0k.cjs} +3 -3
- package/components/menu/index.cjs +1 -1
- package/components/menu/index.js +2 -2
- package/components/menu/menu-item.d.ts +1 -1
- package/components/menu/menu.d.ts +12 -1
- package/components/{menu-Cdz2FEB7.js → menu-C9ogB7Bq.js} +82 -65
- package/components/menu-DXONqtwu.cjs +108 -0
- package/components/multi-language-field/index.cjs +1 -1
- package/components/multi-language-field/index.js +2 -2
- package/components/{multi-language-field-DmoMyCBH.cjs → multi-language-field-Cfy3M_ZS.cjs} +2 -2
- package/components/{multi-language-field-BzY75rOY.js → multi-language-field-DhQ98r2D.js} +4 -4
- package/components/notice/index.cjs +18 -0
- package/components/notice/index.d.ts +8 -0
- package/components/notice/index.js +25 -0
- package/components/notice/notice.d.ts +121 -0
- package/components/notice-BeL9oE94.js +218 -0
- package/components/notice-COZLmk94.cjs +60 -0
- package/components/number-field/index.cjs +1 -1
- package/components/number-field/index.js +2 -2
- package/components/number-field-D19qjVbk.cjs +57 -0
- package/components/{number-field-DrJURvoW.js → number-field-DjvWkjL8.js} +42 -42
- package/components/observe-slot-presence-CS8pMePk.cjs +18 -0
- package/components/observe-slot-text-CvL-2ey3.cjs +18 -0
- package/components/{observe-slot-text-Ddf1OC6F.js → observe-slot-text-Db8Kx3P-.js} +7 -7
- package/components/options/index.cjs +1 -1
- package/components/options/index.d.ts +5 -3
- package/components/options/index.js +2 -2
- package/components/options/option.d.ts +0 -1
- package/components/{options-BGwKMvng.js → options-C1MoEq26.js} +9 -9
- package/components/{options-CKi3VkNR.cjs → options-yWbz0D6O.cjs} +3 -3
- package/components/overlay/index.cjs +1 -1
- package/components/overlay/index.d.ts +3 -2
- package/components/overlay/index.js +4 -4
- package/components/overlay/overlay-trigger.d.ts +1 -1
- package/components/overlay-B-gaxspw.cjs +47 -0
- package/components/{overlay-BGI4wOGe.cjs → overlay-CPZvL0Ic.cjs} +2 -2
- package/components/{overlay-BbQuYBxp.js → overlay-CyBsHuOL.js} +20 -15
- package/components/{overlay-mdk7-NOt.js → overlay-DdIs4w5M.js} +3 -3
- package/components/{pending-state-DFcNf5rd.js → pending-state-BeG7qBDP.js} +1 -1
- package/components/{pending-state-DIeF18qg.cjs → pending-state-a527YMWV.cjs} +2 -2
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +2 -2
- package/components/picker/picker.d.ts +1 -0
- package/components/{picker-DOiM_cUu.js → picker-Bufw-biD.js} +64 -66
- package/components/picker-D6ZM08K8.cjs +124 -0
- package/components/picker-button/index.cjs +1 -1
- package/components/picker-button/index.js +2 -2
- package/components/{picker-button-VAxzuhhg.js → picker-button-CF6yD_1d.js} +5 -5
- package/components/picker-button-Dh2gGZ8R.cjs +37 -0
- package/components/platform-BAjeJp2W.cjs +18 -0
- package/components/{platform-D4V_cOJF.js → platform-Ce9pNsR9.js} +2 -2
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +2 -2
- package/components/{popover-DyC9xGhX.js → popover-DTsrgH-f.js} +4 -4
- package/components/popover-DWWYpY-k.cjs +30 -0
- package/components/progress-bar/index.cjs +1 -1
- package/components/progress-bar/index.js +2 -2
- package/components/{progress-bar-DHgFRml1.js → progress-bar-BJO8j1aX.js} +9 -6
- package/components/progress-bar-C7wJ5bxS.cjs +34 -0
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +2 -2
- package/components/{progress-circle-Cg_ua9Ff.js → progress-circle-BVToDWX8.js} +3 -3
- package/components/progress-circle-DyApSKdm.cjs +33 -0
- package/components/progress-steps/index.cjs +1 -1
- package/components/progress-steps/index.js +2 -2
- package/components/progress-steps-Ba4VbAKR.cjs +96 -0
- package/components/{progress-steps-Da8aZWx3.js → progress-steps-nJ8Xw-nG.js} +10 -10
- package/components/prompt-box/index.cjs +1 -1
- package/components/prompt-box/index.js +2 -2
- package/components/prompt-box/prompt-box-templates.d.ts +1 -0
- package/components/prompt-box/prompt-box.d.ts +3 -0
- package/components/prompt-box-D358CWoY.cjs +314 -0
- package/components/{prompt-box-DahvVbcc.js → prompt-box-y7qWHF3P.js} +102 -96
- package/components/question-box/index.cjs +18 -0
- package/components/question-box/index.d.ts +11 -0
- package/components/question-box/index.js +25 -0
- package/components/question-box/question-box-elicitation.d.ts +58 -0
- package/components/question-box/question-box-model.d.ts +25 -0
- package/components/question-box/question-box-templates.d.ts +65 -0
- package/components/question-box/question-box.d.ts +182 -0
- package/components/question-box/types.d.ts +124 -0
- package/components/question-box-9F6Ppakl.js +1171 -0
- package/components/question-box-DaAgC3_D.cjs +401 -0
- package/components/radio/index.cjs +1 -1
- package/components/radio/index.js +2 -2
- package/components/radio/radio-group.d.ts +5 -1
- package/components/radio/radio.d.ts +7 -1
- package/components/{radio-BzEPGUmQ.js → radio-DRI4on-W.js} +30 -26
- package/components/radio-O3a1rmCe.cjs +22 -0
- package/components/{random-id-B51lUxUB.cjs → random-id-BcUJAxUZ.cjs} +1 -1
- package/components/{random-id-Dd4boCPV.js → random-id-CiMDyX7v.js} +1 -1
- package/components/{roving-tabindex-B7x5ePUB.cjs → roving-tabindex-BoPao4td.cjs} +1 -1
- package/components/{roving-tabindex-BP6mQbXf.js → roving-tabindex-pomAn3z-.js} +1 -1
- package/components/{scaled-indicator-Bl-3A2gz.cjs → scaled-indicator-DLJIztx0.cjs} +2 -2
- package/components/search/index.cjs +1 -1
- package/components/search/index.js +2 -2
- package/components/search-B2DQb14U.js +100 -0
- package/components/search-CsNvKd8x.cjs +47 -0
- package/components/segments-factory-DtPyN5sh.cjs +18 -0
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +2 -2
- package/components/select-B_E-w1a2.cjs +158 -0
- package/components/{select-C2gh8zRr.js → select-CE6pIRX3.js} +12 -12
- package/components/{chunk-D-qHiVGv.cjs → sized-mixin-BT7cv-fT.cjs} +1 -1
- package/components/{sized-mixin-DaBoZkVS.js → sized-mixin-DzQTebN-.js} +1 -1
- package/components/skeleton-loader/index.cjs +1 -1
- package/components/skeleton-loader/index.js +2 -2
- package/components/{skeleton-loader-oJVESWls.js → skeleton-loader-C0LH3prK.js} +1 -1
- package/components/skeleton-loader-Cm50Ztzk.cjs +18 -0
- package/components/slider/controllers/slider-handle-controller.d.ts +79 -0
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.d.ts +5 -1
- package/components/slider/index.js +3 -3
- package/components/slider/slider-control-templates.d.ts +36 -0
- package/components/slider/slider-handle.d.ts +62 -0
- package/components/slider/slider-model.d.ts +16 -0
- package/components/slider/slider-templates.d.ts +6 -0
- package/components/slider/slider.d.ts +197 -19
- package/components/slider/types.d.ts +57 -0
- package/components/slider-CDrXecqO.cjs +135 -0
- package/components/slider-CfgH3NK8.js +921 -0
- package/components/{slottable-request-event-gAcEQan2.cjs → slottable-request-event-C6eb7Ch3.cjs} +1 -1
- package/components/status-light/index.cjs +1 -1
- package/components/status-light/index.js +2 -2
- package/components/{status-light-DXWPBufE.js → status-light-BlfBJpqa.js} +2 -2
- package/components/status-light-Bu0G8-lH.cjs +21 -0
- package/components/strategies-BwNbUXYS.cjs +18 -0
- package/components/{strategies-DhxJGIZT.js → strategies-Cl59wdNZ.js} +21 -19
- package/components/streaming-listener-Bfyk6Fsx.cjs +18 -0
- package/components/swatch/index.cjs +1 -1
- package/components/swatch/index.js +2 -2
- package/components/{swatch-BLuV-hlF.js → swatch-C2ty27bJ.js} +4 -4
- package/components/{swatch-G70JUe6I.cjs → swatch-DUmBmg4S.cjs} +2 -2
- package/components/switch/index.cjs +1 -1
- package/components/switch/index.js +2 -2
- package/components/switch-B-gu-War.cjs +22 -0
- package/components/{switch-CSuMgmAh.js → switch-DOuXlFwI.js} +5 -5
- package/components/tabs/index.cjs +1 -1
- package/components/tabs/index.js +2 -2
- package/components/tabs/tabs.d.ts +1 -2
- package/components/{tabs-Jo_qqM_H.cjs → tabs-CcnIX4jQ.cjs} +2 -2
- package/components/{tabs-B54ELQtU.js → tabs-D1puCPrL.js} +11 -11
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +2 -2
- package/components/tags/tag.d.ts +4 -3
- package/components/{tags-Bpl4u-eo.js → tags-Bw-y2Wfl.js} +26 -26
- package/components/tags-Cr8ObbWn.cjs +47 -0
- package/components/text-field/help-text-manager.d.ts +3 -1
- package/components/text-field/help-text.d.ts +4 -0
- package/components/text-field/index.cjs +1 -1
- package/components/text-field/index.js +3 -3
- package/components/text-field/manage-help-text.d.ts +2 -1
- package/components/text-field/text-field.d.ts +9 -0
- package/components/{text-field-FJr8ZUhI.cjs → text-field-3fDtTQkR.cjs} +2 -2
- package/components/{text-field-BoGAvXvh.js → text-field-C2MHZbTp.js} +3 -3
- package/components/{text-field-Cs8HYRYL.js → text-field-CmSym2QK.js} +5 -5
- package/components/text-field-wJK2bzMT.cjs +21 -0
- package/components/{text-field.module-Btsve-VN.js → text-field.module-BHhBReKL.js} +1 -1
- package/components/{text-field.module-D5oDP7MB.cjs → text-field.module-l8CaTCwE.cjs} +1 -1
- package/components/toast/index.cjs +1 -1
- package/components/toast/index.js +2 -2
- package/components/toast-BPhdMJTx.cjs +51 -0
- package/components/{toast-Bd0fleYT.js → toast-D90C9Cim.js} +4 -4
- package/components/tooltip/index.cjs +1 -1
- package/components/tooltip/index.js +2 -2
- package/components/{tooltip-CVSSKlDP.js → tooltip-Byl1h4nN.js} +4 -4
- package/components/tooltip-Sm0pruxL.cjs +45 -0
- package/components/top-nav/index.cjs +1 -1
- package/components/top-nav/index.js +2 -2
- package/components/{top-nav-B3w3DZ56.js → top-nav-B9YKdtFB.js} +7 -11
- package/components/top-nav-BcZLCBP_.cjs +41 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +7 -7
- package/components/{voice-recorder-BUtmSvPO.cjs → voice-recorder-B1tBrGTV.cjs} +1 -1
- package/custom-elements.json +1 -1
- package/index.d.ts +2 -0
- package/package.json +15 -4
- package/utils/button-interaction-controllers/interaction-controller.d.ts +4 -2
- package/utils/reactive-controllers/match-media.d.ts +1 -0
- package/components/accordion-BHBIfsLU.cjs +0 -43
- package/components/action-bar-BSMX042X.cjs +0 -39
- package/components/action-button-Cr_QN4On.cjs +0 -22
- package/components/action-group-CH8FTW0i.cjs +0 -20
- package/components/avatar-CyY_ZSD0.js +0 -65
- package/components/avatar-PulwjkMI.cjs +0 -24
- package/components/badge-D1Ry32wi.cjs +0 -23
- package/components/badge-D6p2hPj8.js +0 -94
- package/components/button-C5hcfigl.cjs +0 -20
- package/components/button-group-DIz5TZvc.cjs +0 -18
- package/components/calendar-BWArK3rh.cjs +0 -142
- package/components/chat-message-CNE-mGuP.cjs +0 -149
- package/components/chat-message-group-COmhCN-R.cjs +0 -24
- package/components/checkbox-DFwDrIdY.cjs +0 -25
- package/components/close-button-_EXjp6_m.cjs +0 -18
- package/components/color-area-C3Y2d5cu.cjs +0 -80
- package/components/color-controller-DueaXfnX.cjs +0 -18
- package/components/color-handle-Cka48yPY.cjs +0 -24
- package/components/color-loupe-DMk8uWZW.cjs +0 -56
- package/components/color-menu-BAKmi_EI.cjs +0 -89
- package/components/color-palette-349EkPMg.cjs +0 -18
- package/components/color-palette-group-BvP09zmT.cjs +0 -28
- package/components/color-slider-DxjJ72ue.cjs +0 -57
- package/components/date-range-picker-A-XRRg1X.cjs +0 -180
- package/components/date-time-picker-Ca9GEA4N.cjs +0 -105
- package/components/decorate-B2wePfNm.cjs +0 -18
- package/components/divider-Dn8XqbB6.cjs +0 -18
- package/components/field-label-BCl6R1uO.cjs +0 -25
- package/components/focus-group-SF8Kj7iB.cjs +0 -18
- package/components/focus-visible-B0NNezGc.cjs +0 -18
- package/components/focusable-CupEoHmn.cjs +0 -18
- package/components/icon-B7hKwn_q.cjs +0 -18
- package/components/infield-button-D5cuBWE5.cjs +0 -22
- package/components/label-CqolZbJo.cjs +0 -18
- package/components/menu-DFKS4sRU.cjs +0 -108
- package/components/number-field-BmWODnnR.cjs +0 -57
- package/components/observe-slot-presence-Dx8hzNzK.cjs +0 -18
- package/components/observe-slot-text-BhTcGuHY.cjs +0 -18
- package/components/overlay-DU_p8MNs.cjs +0 -47
- package/components/picker-CssPvvau.cjs +0 -123
- package/components/picker-button-adl1JO5u.cjs +0 -37
- package/components/platform-B7Sk7Qon.cjs +0 -18
- package/components/popover-dgL04x6P.cjs +0 -30
- package/components/progress-bar-BR28tISC.cjs +0 -31
- package/components/progress-circle-DuzwUiGN.cjs +0 -33
- package/components/progress-steps-WriXaZpE.cjs +0 -96
- package/components/prompt-box-DfTe3nG0.cjs +0 -311
- package/components/radio-d-2GUbYE.cjs +0 -22
- package/components/search-CCvT87FX.cjs +0 -47
- package/components/search-Dtff2EzC.js +0 -100
- package/components/segments-factory-CHo9oQw7.cjs +0 -18
- package/components/select-qAKOLhmQ.cjs +0 -158
- package/components/sized-mixin-StFA4y0J.cjs +0 -18
- package/components/skeleton-loader-dNRfq6lt.cjs +0 -18
- package/components/slider-D8w2ipBg.cjs +0 -18
- package/components/slider-Fy-VeKrU.js +0 -96
- package/components/status-light-BG_kopZQ.cjs +0 -21
- package/components/strategies-kuvLVIKO.cjs +0 -18
- package/components/streaming-listener-BnDW38lt.cjs +0 -18
- package/components/switch-nuCOB2P3.cjs +0 -22
- package/components/tags-Dj7Xm3KI.cjs +0 -47
- package/components/text-field-A4Obzs4l.cjs +0 -21
- package/components/toast-NZ0Z1lz9.cjs +0 -51
- package/components/tooltip-6y-g7e9V.cjs +0 -45
- package/components/top-nav-DZO8yZs6.cjs +0 -45
- /package/components/{color-controller-G2_v2xSl.js → color-controller-Rg_Zl0sT.js} +0 -0
- /package/components/{condition-attribute-with-id-Duo51HZ7.js → condition-attribute-with-id-BdnTdWKz.js} +0 -0
- /package/components/{dependency-manger-DMrulWcJ.js → dependency-manger-wHEXoU92.js} +0 -0
- /package/components/{divider.module-C65RfSUa.js → divider.module-CPEKsaqR.js} +0 -0
- /package/components/{element-resolution-Bs1x89vU.js → element-resolution-gap51AVo.js} +0 -0
- /package/components/{focusable-selectors-Bg60_Kra.js → focusable-selectors-BWpiuXz5.js} +0 -0
- /package/components/{get-label-from-slot-5vVnfSgN.js → get-label-from-slot-Bo9mqYCZ.js} +0 -0
- /package/components/{language-resolution-BpfGTC29.js → language-resolution-DR30FsWE.js} +0 -0
- /package/components/{observe-slot-presence-BCqd3VSd.js → observe-slot-presence-BKY6n06-.js} +0 -0
- /package/components/{rolldown-runtime-CAFD8bLK.js → rolldown-runtime-Dy4uBu1J.js} +0 -0
- /package/components/{scaled-indicator-fMYan6VK.js → scaled-indicator-C-TupV4L.js} +0 -0
- /package/components/{segments-factory-D0IveW-q.js → segments-factory-BCRi1NKb.js} +0 -0
- /package/components/{slottable-request-event-DZ2Z_BLk.js → slottable-request-event-MRSZbgTu.js} +0 -0
- /package/components/{streaming-listener-2NcP7ys7.js → streaming-listener-CtcMpYfS.js} +0 -0
- /package/components/{voice-recorder-477xPHRU.js → voice-recorder-CTg3kRxx.js} +0 -0
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
(() => {
|
|
19
19
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
20
20
|
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
|
|
21
|
+
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { t as e } from "../infield-button-
|
|
24
|
+
import { t as e } from "../infield-button-BmGfFDDA.js";
|
|
25
25
|
export { e as LuzmoInfieldButton };
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { t as e } from "./decorate-
|
|
19
|
-
import { n as t } from "./sized-mixin-
|
|
20
|
-
import { t as n } from "./button-base-
|
|
18
|
+
import { t as e } from "./decorate-CkCg3wfh.js";
|
|
19
|
+
import { n as t } from "./sized-mixin-DzQTebN-.js";
|
|
20
|
+
import { t as n } from "./button-base-DsUg0bJB.js";
|
|
21
21
|
import { html as r, unsafeCSS as i } from "lit";
|
|
22
22
|
import { property as a } from "lit/decorators.js";
|
|
23
23
|
//#region src/components/infield-button/infield-button.module.scss?inline
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-aTiE83bl.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`@media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}@media (forced-colors:active) and (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height,var(--infield-button-height));inline-size:var(--luzmo-infield-button-width,var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill));color:var(--infield-button-content-color,inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{background-color:var(--luzmo-infield-button-background-color,var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width,var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--luzmo-infield-button-border-color,var(--infield-button-border-color)));block-size:100%;inline-size:100%;padding:var(--luzmo-infield-button-fill-padding,var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color,var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset,var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width:var(--luzmo-infield-button-width-stacked,28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width:var(--luzmo-infield-button-width-stacked,20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width:var(--luzmo-infield-button-width-stacked,36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width:var(--luzmo-infield-button-width-stacked,44px)}:host([disabled]){--infield-button-background-color:var(--luzmo-infield-button-background-color-disabled,var(--luzmo-background-color-disabled));--infield-button-background-color-hover:var(--luzmo-infield-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--infield-button-background-color-down:var(--luzmo-infield-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--infield-button-border-color:var(--luzmo-infield-button-border-color-disabled,var(--luzmo-background-color-disabled));--infield-button-content-color:var(--luzmo-infield-button-content-color-disabled,var(--luzmo-disabled-color));--infield-button-icon-color:var(--luzmo-infield-button-icon-color-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-hover:var(--luzmo-infield-button-icon-color-hover-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-down:var(--luzmo-infield-button-icon-color-down-disabled,var(--luzmo-disabled-color));--infield-button-icon-color-key-focus:var(--luzmo-infield-button-icon-color-key-focus-disabled,var(--luzmo-disabled-color));cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover,var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover,var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down,var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down,var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus,var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus,var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content,var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height,var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline,var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline,var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start,var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer,var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner,var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width,var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset,var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end,var(--luzmo-infield-button-border-radius,var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start,var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner,var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill,var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer,var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill,var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width,var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width:var(--luzmo-border-width);--infield-button-border-color:inherit;--infield-button-border-radius:var(--luzmo-border-radius);--infield-button-border-radius-reset:0;--infield-button-stacked-top-border-radius-start-start:0;--infield-button-stacked-bottom-border-radius-end-start:0;--infield-button-background-color:var(--luzmo-background-color);--infield-button-background-color-hover:var(--luzmo-background-color-hover);--infield-button-background-color-down:var(--luzmo-background-color-down);--infield-button-background-color-key-focus:var(--luzmo-background-color-focus);--infield-button-height:var(--luzmo-component-height);--infield-button-width:var(--luzmo-component-height);--infield-button-stacked-border-radius-reset:0px;--infield-button-edge-to-fill:0px;--infield-button-inner-edge-to-fill:0px;--infield-button-fill-padding:0px;--infield-button-stacked-fill-padding-inline:9px;--infield-button-stacked-fill-padding-outer:3px;--infield-button-stacked-fill-padding-inner:3px;--infield-button-animation-duration:var(--luzmo-animation-duration);--infield-button-icon-color:var(--luzmo-font-color);--infield-button-icon-color-hover:var(--luzmo-font-color-hover);--infield-button-icon-color-down:var(--luzmo-font-color-down);--infield-button-icon-color-key-focus:var(--luzmo-font-color-focus);--infield-button-fill-justify-content:center}:host([disabled]){--infield-button-background-color:var(--luzmo-background-color-disabled);--infield-button-background-color-hover:var(--luzmo-background-color-disabled);--infield-button-background-color-down:var(--luzmo-background-color-disabled);--infield-button-border-color:var(--luzmo-border-color-disabled);--infield-button-content-color:var(--luzmo-disabled-color);--infield-button-icon-color:var(--luzmo-disabled-color);--infield-button-icon-color-hover:var(--luzmo-disabled-color);--infield-button-icon-color-down:var(--luzmo-disabled-color);--infield-button-icon-color-key-focus:var(--luzmo-disabled-color)}:host([size=s]){--infield-button-height:var(--luzmo-component-height-s);--infield-button-width:var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline:7px;--infield-button-stacked-fill-padding-outer:3px;--infield-button-stacked-fill-padding-inner:3px}:host([size=l]){--infield-button-height:var(--luzmo-component-height-l);--infield-button-width:var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline:13px;--infield-button-stacked-fill-padding-outer:4px;--infield-button-stacked-fill-padding-inner:4px}:host([size=xl]){--infield-button-height:var(--luzmo-component-height-xl);--infield-button-width:var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline:16px;--infield-button-stacked-fill-padding-outer:5px;--infield-button-stacked-fill-padding-inner:5px}:host([block=start]),:host([block=end]){--infield-button-width:20px}:host([block=start][size=s]),:host([block=end][size=s]){--infield-button-width:16px}:host([block=start][size=l]),:host([block=end][size=l]){--infield-button-width:28px}:host([block=start][size=xl]),:host([block=end][size=xl]){--infield-button-width:36px}:host([quiet]){--infield-button-background-color:transparent;--infield-button-background-color-hover:transparent;--infield-button-background-color-down:transparent;--infield-button-background-color-key-focus:transparent;--infield-border-color:transparent;--infield-button-border-width:0}:host([quiet][disabled]){--infield-button-background-color:transparent;--infield-button-border-color:transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--luzmo-icon-vertical-align:1px;--icon-size:inherit}`,o=class extends t.n(n.t,{noDefaultSize:!0,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.quiet=!1}static get styles(){return[...super.styles,(0,r.unsafeCSS)(a)]}get buttonContent(){return[r.html`
|
|
19
|
+
<div class="fill">
|
|
20
|
+
<slot></slot>
|
|
21
|
+
</div>
|
|
22
|
+
`]}};e.t([(0,i.property)()],o.prototype,`block`,void 0),e.t([(0,i.property)()],o.prototype,`inline`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`quiet`,void 0),customElements.get(`luzmo-infield-button`)||customElements.define(`luzmo-infield-button`,o),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../label-DPG13Ib0.cjs");exports.LuzmoLabel=e.t;
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
(() => {
|
|
19
19
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
20
20
|
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
|
|
21
|
+
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { t as e } from "../label-
|
|
24
|
+
import { t as e } from "../label-B1HYQ4Pp.js";
|
|
25
25
|
export { e as LuzmoLabel };
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { n as e, t } from "./decorate-
|
|
18
|
+
import { n as e, t } from "./decorate-CkCg3wfh.js";
|
|
19
19
|
import { html as n, unsafeCSS as r } from "lit";
|
|
20
20
|
import { property as i } from "lit/decorators.js";
|
|
21
21
|
//#region src/components/label/label.ts
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js");var r=class extends e.n{constructor(...e){super(...e),this.label=``,this.tooltip=``}static{this.styles=(0,t.unsafeCSS)(``)}render(){return t.html` <span> ${this.label} </span> `}};e.t([(0,n.property)({type:String})],r.prototype,`label`,void 0),e.t([(0,n.property)({type:String,reflect:!0,attribute:`tooltip`})],r.prototype,`tooltip`,void 0),customElements.get(`luzmo-label`)||customElements.define(`luzmo-label`,r),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
var e=Symbol(`language resolver updated`),t=class{constructor(e){this.language=(typeof document>`u`?void 0:document?.documentElement?.lang)||(typeof navigator>`u`?void 0:navigator?.language)||`en`,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){this.unsubscribe?.()}resolveLanguage(){let t=new CustomEvent(`luzmo-language-context`,{bubbles:!0,composed:!0,detail:{callback:(t,n)=>{let r=this.language;this.language=t,this.unsubscribe=n,this.host.requestUpdate(e,r)}},cancelable:!0});this.host.dispatchEvent(t)}};Object.defineProperty(exports
|
|
18
|
+
var e=Symbol(`language resolver updated`),t=class{constructor(e){this.language=(typeof document>`u`?void 0:document?.documentElement?.lang)||(typeof navigator>`u`?void 0:navigator?.language)||`en`,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){this.unsubscribe?.()}resolveLanguage(){let t=new CustomEvent(`luzmo-language-context`,{bubbles:!0,composed:!0,detail:{callback:(t,n)=>{let r=this.language;this.language=t,this.unsubscribe=n,this.host.requestUpdate(e,r)}},cancelable:!0});this.host.dispatchEvent(t)}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
|
|
18
|
+
const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js"),r=require("lit/directives/if-defined.js");function i(i){class a extends i{renderAnchor({id:e,className:n,ariaHidden:i,labelledby:a,tabindex:o,anchorContent:s=t.html`<slot></slot>`}){return t.html`
|
|
19
19
|
<a
|
|
20
20
|
id=${e}
|
|
21
21
|
class=${(0,r.ifDefined)(n)}
|
|
@@ -29,4 +29,4 @@ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`);let t
|
|
|
29
29
|
referrerpolicy=${(0,r.ifDefined)(this.referrerpolicy)}
|
|
30
30
|
rel=${(0,r.ifDefined)(this.rel)}
|
|
31
31
|
>${s}</a>
|
|
32
|
-
`}}return e.t([(0,n.property)()],a.prototype,`download`,void 0),e.t([(0,n.property)()],a.prototype,`label`,void 0),e.t([(0,n.property)()],a.prototype,`href`,void 0),e.t([(0,n.property)()],a.prototype,`target`,void 0),e.t([(0,n.property)()],a.prototype,`referrerpolicy`,void 0),e.t([(0,n.property)()],a.prototype,`rel`,void 0),a}Object.defineProperty(exports
|
|
32
|
+
`}}return e.t([(0,n.property)()],a.prototype,`download`,void 0),e.t([(0,n.property)()],a.prototype,`label`,void 0),e.t([(0,n.property)()],a.prototype,`href`,void 0),e.t([(0,n.property)()],a.prototype,`target`,void 0),e.t([(0,n.property)()],a.prototype,`referrerpolicy`,void 0),e.t([(0,n.property)()],a.prototype,`rel`,void 0),a}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { t as e } from "./decorate-
|
|
18
|
+
import { t as e } from "./decorate-CkCg3wfh.js";
|
|
19
19
|
import { html as t } from "lit";
|
|
20
20
|
import { property as n } from "lit/decorators.js";
|
|
21
21
|
import { ifDefined as r } from "lit/directives/if-defined.js";
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { t as e } from "./condition-attribute-with-id-
|
|
19
|
-
import { t } from "./random-id-
|
|
18
|
+
import { t as e } from "./condition-attribute-with-id-BdnTdWKz.js";
|
|
19
|
+
import { t } from "./random-id-CiMDyX7v.js";
|
|
20
20
|
import { html as n } from "lit";
|
|
21
21
|
import { ifDefined as r } from "lit/directives/if-defined.js";
|
|
22
22
|
//#region src/components/text-field/help-text-manager.ts
|
|
@@ -24,16 +24,16 @@ var i = class {
|
|
|
24
24
|
get isInternal() {
|
|
25
25
|
return this.mode === "internal";
|
|
26
26
|
}
|
|
27
|
-
constructor(e, { mode: n } = { mode: "internal" }) {
|
|
28
|
-
this.mode = "internal", this.handleSlotchange = ({ target: e }) => {
|
|
27
|
+
constructor(e, { mode: n, live: r = "assertive" } = { mode: "internal" }) {
|
|
28
|
+
this.mode = "internal", this._live = "assertive", this.handleSlotchange = ({ target: e }) => {
|
|
29
29
|
this.handleHelpText(e), this.handleNegativeHelpText(e);
|
|
30
|
-
}, this.host = e, this.id = `luzmo-help-text-${t()}`, this.mode = n;
|
|
30
|
+
}, this.host = e, this.id = `luzmo-help-text-${t()}`, this.mode = n, this._live = r;
|
|
31
31
|
}
|
|
32
32
|
render(e) {
|
|
33
33
|
return n`
|
|
34
34
|
<div
|
|
35
35
|
id=${r(this.isInternal ? this.id : void 0)}
|
|
36
|
-
aria-live
|
|
36
|
+
aria-live=${this._live}
|
|
37
37
|
>
|
|
38
38
|
<slot
|
|
39
39
|
name=${e ? "negative-help-text" : `pass-through-help-text-${t()}`}
|
|
@@ -63,10 +63,13 @@ var i = class {
|
|
|
63
63
|
};
|
|
64
64
|
//#endregion
|
|
65
65
|
//#region src/components/text-field/manage-help-text.ts
|
|
66
|
-
function a(e, { mode: t } = { mode: "internal" }) {
|
|
67
|
-
class
|
|
66
|
+
function a(e, { mode: t, live: n } = { mode: "internal" }) {
|
|
67
|
+
class r extends e {
|
|
68
68
|
constructor(...e) {
|
|
69
|
-
super(...e), this.helpTextManager = new i(this, {
|
|
69
|
+
super(...e), this.helpTextManager = new i(this, {
|
|
70
|
+
mode: t,
|
|
71
|
+
live: n
|
|
72
|
+
});
|
|
70
73
|
}
|
|
71
74
|
get helpTextId() {
|
|
72
75
|
return this.helpTextManager.id;
|
|
@@ -75,7 +78,7 @@ function a(e, { mode: t } = { mode: "internal" }) {
|
|
|
75
78
|
return this.helpTextManager.render(e);
|
|
76
79
|
}
|
|
77
80
|
}
|
|
78
|
-
return
|
|
81
|
+
return r;
|
|
79
82
|
}
|
|
80
83
|
//#endregion
|
|
81
84
|
export { a as t };
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
|
|
18
|
+
const e=require("./condition-attribute-with-id-Cw92IbcP.cjs"),t=require("./random-id-BcUJAxUZ.cjs");let n=require("lit"),r=require("lit/directives/if-defined.js");var i=class{get isInternal(){return this.mode===`internal`}constructor(e,{mode:n,live:r=`assertive`}={mode:`internal`}){this.mode=`internal`,this._live=`assertive`,this.handleSlotchange=({target:e})=>{this.handleHelpText(e),this.handleNegativeHelpText(e)},this.host=e,this.id=`luzmo-help-text-${t.t()}`,this.mode=n,this._live=r}render(e){return n.html`
|
|
19
19
|
<div
|
|
20
20
|
id=${(0,r.ifDefined)(this.isInternal?this.id:void 0)}
|
|
21
|
-
aria-live
|
|
21
|
+
aria-live=${this._live}
|
|
22
22
|
>
|
|
23
23
|
<slot
|
|
24
24
|
name=${e?`negative-help-text`:`pass-through-help-text-${t.t()}`}
|
|
@@ -27,4 +27,4 @@ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./condition-attribute-with-id-D
|
|
|
27
27
|
<slot name="help-text"></slot>
|
|
28
28
|
</slot>
|
|
29
29
|
</div>
|
|
30
|
-
`}addId(){let t=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=e.t(this.host,`aria-describedby`,t),this.host.hasAttribute(`tabindex`)&&(this.previousTabindex=Number.parseFloat(this.host.getAttribute(`tabindex`))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute(`tabindex`))}handleHelpText(e){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute(`id`),this.removeId();let t=e.assignedElements()[0];this.helpTextElement=t,t&&(t.id||=this.id,this.addId())}handleNegativeHelpText(e){e.name===`negative-help-text`&&e.assignedElements().forEach(e=>e.variant=`negative`)}};function a(e,{mode:t}={mode:`internal`}){class
|
|
30
|
+
`}addId(){let t=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=e.t(this.host,`aria-describedby`,t),this.host.hasAttribute(`tabindex`)&&(this.previousTabindex=Number.parseFloat(this.host.getAttribute(`tabindex`))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute(`tabindex`))}handleHelpText(e){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute(`id`),this.removeId();let t=e.assignedElements()[0];this.helpTextElement=t,t&&(t.id||=this.id,this.addId())}handleNegativeHelpText(e){e.name===`negative-help-text`&&e.assignedElements().forEach(e=>e.variant=`negative`)}};function a(e,{mode:t,live:n}={mode:`internal`}){class r extends e{constructor(...e){super(...e),this.helpTextManager=new i(this,{mode:t,live:n})}get helpTextId(){return this.helpTextManager.id}renderHelpText(e){return this.helpTextManager.render(e)}}return r}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../menu-DXONqtwu.cjs");exports.LuzmoMenu=e.a,exports.LuzmoMenuDivider=e.i,exports.LuzmoMenuGroup=e.r,exports.LuzmoMenuItem=e.t,exports.MenuItemAddedOrUpdatedEvent=e.n;
|
package/components/menu/index.js
CHANGED
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
(() => {
|
|
19
19
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
20
20
|
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
|
|
21
|
+
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { a as e, i as t, n, r, t as i } from "../menu-
|
|
24
|
+
import { a as e, i as t, n, r, t as i } from "../menu-C9ogB7Bq.js";
|
|
25
25
|
export { e as LuzmoMenu, t as LuzmoMenuDivider, r as LuzmoMenuGroup, i as LuzmoMenuItem, n as MenuItemAddedOrUpdatedEvent };
|
|
@@ -36,7 +36,7 @@ declare const LuzmoMenuItem_base: typeof Focusable & {
|
|
|
36
36
|
* @slot icon - icon element to be placed at the start of the Menu Item
|
|
37
37
|
* @slot value - content placed at the end of the Menu Item like values, keyboard shortcuts, etc.
|
|
38
38
|
* @slot submenu - content placed in a submenu
|
|
39
|
-
* @fires luzmo-menu-item-added - announces the item has been added so a parent menu can take
|
|
39
|
+
* @fires luzmo-menu-item-added-or-updated - announces the item has been added or updated so a parent menu can take ownership
|
|
40
40
|
*
|
|
41
41
|
* @attr {string} tooltip - Text to display in a tooltip with an info icon on the right side
|
|
42
42
|
* @attr {string} tooltip-placement - Placement of the tooltip relative to the info icon (default: "top")
|
|
@@ -40,6 +40,9 @@ export declare class LuzmoMenu extends LuzmoMenu_base {
|
|
|
40
40
|
menuSlot: HTMLSlotElement;
|
|
41
41
|
focusedItemIndex: number;
|
|
42
42
|
focusInItemIndex: number;
|
|
43
|
+
shouldSupportDragAndSelect: boolean;
|
|
44
|
+
get isScrolling(): boolean;
|
|
45
|
+
set isScrolling(value: boolean);
|
|
43
46
|
protected _selected: string[];
|
|
44
47
|
protected childItemsUpdated: Promise<unknown[]>;
|
|
45
48
|
protected cacheUpdated: Promise<void>;
|
|
@@ -60,7 +63,11 @@ export declare class LuzmoMenu extends LuzmoMenu_base {
|
|
|
60
63
|
private resolvedRole?;
|
|
61
64
|
private _hasUpdatedSelectedItemIndex;
|
|
62
65
|
private _willUpdateItems;
|
|
63
|
-
private
|
|
66
|
+
private selectedOnPointerup;
|
|
67
|
+
private clearPointerSelectionFrame;
|
|
68
|
+
private isCurrentlyScrolling;
|
|
69
|
+
private touchStartY?;
|
|
70
|
+
private scrollResetTimeout?;
|
|
64
71
|
private descendentOverlays;
|
|
65
72
|
constructor();
|
|
66
73
|
focus({ preventScroll }?: FocusOptions): void;
|
|
@@ -109,8 +116,12 @@ export declare class LuzmoMenu extends LuzmoMenu_base {
|
|
|
109
116
|
private addChildItem;
|
|
110
117
|
private removeChildItem;
|
|
111
118
|
private handleClick;
|
|
119
|
+
private handlePointerdown;
|
|
112
120
|
private handlePointerup;
|
|
113
121
|
private handlePointerBasedSelection;
|
|
122
|
+
private handleTouchStart;
|
|
123
|
+
private handleTouchMove;
|
|
124
|
+
private handleTouchEnd;
|
|
114
125
|
private prepareToCleanUp;
|
|
115
126
|
private handleItemsChanged;
|
|
116
127
|
private updateCache;
|