@luzmo/lucero 1.0.1-alpha.9 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +74 -9
- package/components/accordion/index.cjs +1 -26
- package/components/accordion/index.js +8 -164
- package/components/accordion-BHBIfsLU.cjs +43 -0
- package/components/accordion-DC7cjb1c.js +152 -0
- package/components/action-bar/index.cjs +1 -22
- package/components/action-bar/index.js +8 -90
- package/components/action-bar-BMHZ4e_p.cjs +39 -0
- package/components/action-bar-CmLjsljR.js +92 -0
- package/components/action-button/index.cjs +1 -7
- package/components/action-button/index.js +8 -144
- package/components/action-button-B4_UEJle.js +121 -0
- package/components/action-button-G0PWSrZo.cjs +24 -0
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +11 -12
- package/components/action-group-CH8FTW0i.cjs +20 -0
- package/components/action-group-DYKpp-mz.js +211 -0
- package/components/action-menu/index.cjs +1 -39
- package/components/action-menu/index.js +8 -109
- package/components/action-menu-CJyB0mmO.cjs +56 -0
- package/components/action-menu-FiS1vhW7.js +105 -0
- package/components/avatar/avatar.d.ts +5 -0
- package/components/avatar/index.cjs +1 -7
- package/components/avatar/index.js +8 -64
- package/components/avatar-CyY_ZSD0.js +65 -0
- package/components/avatar-PulwjkMI.cjs +24 -0
- package/components/badge/badge.d.ts +35 -0
- package/components/{random-id-CqvckpWe.cjs → badge/index.cjs} +1 -1
- package/components/badge/index.d.ts +8 -0
- package/components/badge/index.js +25 -0
- package/components/badge-D1Ry32wi.cjs +23 -0
- package/components/badge-D6p2hPj8.js +94 -0
- package/components/button/button-base.d.ts +16 -0
- package/components/button/button.d.ts +38 -2
- package/components/button/index.cjs +1 -3
- package/components/button/index.js +9 -110
- package/components/button-CRNRP8P0.js +115 -0
- package/components/button-D3ZTogni.cjs +20 -0
- package/components/button-base-BYV3Lp3P.cjs +25 -0
- package/components/button-base-SHgEJgk2.js +123 -0
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +8 -42
- package/components/button-group-CJVpgiLq.js +46 -0
- package/components/button-group-rEK_YaF3.cjs +18 -0
- package/components/calendar/calendar.d.ts +67 -0
- package/components/calendar/index.cjs +1 -1
- package/components/calendar/index.d.ts +1 -0
- package/components/calendar/index.js +8 -11
- package/components/calendar-CKr5T_zV.js +619 -0
- package/components/calendar-WRhzTEyZ.cjs +142 -0
- package/components/chat-message/chat-message.d.ts +139 -0
- package/components/{random-id-ByCz1xaq.js → chat-message/index.cjs} +1 -9
- package/components/chat-message/index.d.ts +8 -0
- package/components/chat-message/index.js +25 -0
- package/components/chat-message-CNE-mGuP.cjs +149 -0
- package/components/chat-message-DJgocVNj.js +2295 -0
- package/components/chat-message-group/chat-message-group.d.ts +50 -0
- package/components/{when-CDZyJPvd.cjs → chat-message-group/index.cjs} +1 -5
- package/components/chat-message-group/index.d.ts +7 -0
- package/components/chat-message-group/index.js +25 -0
- package/components/chat-message-group-B4U2MzHx.js +100 -0
- package/components/chat-message-group-COmhCN-R.cjs +24 -0
- package/components/checkbox/checkbox.d.ts +7 -0
- package/components/checkbox/index.cjs +1 -8
- package/components/checkbox/index.js +8 -79
- package/components/checkbox-CPS-tR_i.js +89 -0
- package/components/checkbox-DFwDrIdY.cjs +25 -0
- package/components/checkbox-mixin-C5sLMo5L.js +67 -0
- package/components/{checkbox-mixin-BDN0dBtS.cjs → checkbox-mixin-D4HeLrMj.cjs} +3 -3
- package/components/chunk-D-qHiVGv.cjs +18 -0
- package/components/close-button-BeXYep8K.js +42 -0
- package/components/close-button-BzapEpcF.cjs +18 -0
- package/components/color-area/index.cjs +1 -63
- package/components/color-area/index.js +8 -364
- package/components/color-area-DA3ps2-c.cjs +80 -0
- package/components/color-area-DViRjuKo.js +300 -0
- package/components/color-controller-DueaXfnX.cjs +18 -0
- package/components/color-controller-G2_v2xSl.js +247 -0
- package/components/color-field/color-field.d.ts +1 -0
- package/components/color-field/index.cjs +1 -6
- package/components/color-field/index.js +8 -68
- package/components/color-field-CxdIoSq6.js +75 -0
- package/components/color-field-D7_7z2A2.cjs +23 -0
- package/components/color-handle/index.cjs +1 -7
- package/components/color-handle/index.js +8 -56
- package/components/color-handle-BOusOFFx.js +62 -0
- package/components/color-handle-Cka48yPY.cjs +24 -0
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +11 -12
- package/components/color-loupe-DMk8uWZW.cjs +56 -0
- package/components/color-loupe-bEzi2P0y.js +76 -0
- package/components/color-menu/index.cjs +1 -69
- package/components/color-menu/index.js +8 -189
- package/components/color-menu-DwbTxeqv.cjs +89 -0
- package/components/color-menu-Lxc9PTzl.js +183 -0
- package/components/color-palette/index.cjs +1 -1
- package/components/color-palette/index.js +8 -71
- package/components/color-palette-349EkPMg.cjs +18 -0
- package/components/color-palette-BAdaNySC.js +80 -0
- package/components/color-palette-group/index.cjs +1 -11
- package/components/color-palette-group/index.js +8 -188
- package/components/color-palette-group-BvP09zmT.cjs +28 -0
- package/components/color-palette-group-D8Mavsd2.js +163 -0
- package/components/color-picker/color-picker.d.ts +3 -3
- package/components/color-picker/index.cjs +1 -31
- package/components/color-picker/index.js +8 -128
- package/components/color-picker-CSWiU-X5.cjs +48 -0
- package/components/color-picker-DqjfTvYf.js +126 -0
- package/components/color-slider/index.cjs +1 -1
- package/components/color-slider/index.js +8 -11
- package/components/color-slider-DxjJ72ue.cjs +57 -0
- package/components/color-slider-ihAIFt5p.js +421 -0
- package/components/{condition-attribute-with-id-Dv4lSRbe.js → condition-attribute-with-id-DauPaLSS.cjs} +1 -14
- package/components/{query-assigned-nodes-C76XVPWY.js → condition-attribute-with-id-Duo51HZ7.js} +10 -18
- package/components/date-range-picker/date-range-picker.d.ts +184 -0
- package/components/{if-defined-C9YGdo33.cjs → date-range-picker/index.cjs} +1 -5
- package/components/date-range-picker/index.d.ts +8 -0
- package/components/date-range-picker/index.js +25 -0
- package/components/date-range-picker/types.d.ts +16 -0
- package/components/date-range-picker-BdRQep--.js +626 -0
- package/components/date-range-picker-CgitOe0i.cjs +187 -0
- package/components/date-time-picker/date-time-picker.d.ts +3 -3
- package/components/date-time-picker/index.cjs +1 -88
- package/components/date-time-picker/index.d.ts +1 -0
- package/components/date-time-picker/index.js +8 -1109
- package/components/date-time-picker/{types.d.ts → shared/types.d.ts} +1 -1
- package/components/date-time-picker-Bz8XwSOR.cjs +105 -0
- package/components/date-time-picker-Ct_ln8Ot.js +470 -0
- package/components/decorate-B2wePfNm.cjs +18 -0
- package/components/decorate-aGxJUVxg.js +91 -0
- package/components/{condition-attribute-with-id-DrQYZzFS.cjs → dependency-manger-CHy9t__e.cjs} +1 -1
- package/components/dependency-manger-DMrulWcJ.js +40 -0
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +8 -44
- package/components/divider-Dn8XqbB6.cjs +18 -0
- package/components/divider-cU0lVwOp.js +59 -0
- package/components/divider.module-C65RfSUa.js +21 -0
- package/components/divider.module-CL60P_z8.cjs +18 -0
- package/components/element-resolution-Bs1x89vU.js +80 -0
- package/components/element-resolution-C0aiOB0Y.cjs +18 -0
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +11 -12
- package/components/field-group-C7ROsWq3.js +57 -0
- package/components/field-group-OcI5Lgu7.cjs +23 -0
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +11 -12
- package/components/field-label-BCl6R1uO.cjs +25 -0
- package/components/field-label-CtGCEmdp.js +87 -0
- package/components/focus-group-BshI1RpM.js +164 -0
- package/components/focus-group-SF8Kj7iB.cjs +18 -0
- package/components/focus-visible-B0NNezGc.cjs +18 -0
- package/components/focus-visible-CrooVCUu.js +58 -0
- package/components/focusable-BmS8IzhH.js +117 -0
- package/components/focusable-CupEoHmn.cjs +18 -0
- package/components/{base-BjTwmyRF.cjs → focusable-selectors-5n5liBn0.cjs} +1 -5
- package/components/{focusable-selectors-BgFlyFcY.cjs → focusable-selectors-Bg60_Kra.js} +13 -1
- package/components/{state-Deh-vKYE.js → get-label-from-slot-5vVnfSgN.js} +7 -11
- package/components/get-label-from-slot-LO_DZP60.cjs +18 -0
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +8 -71
- package/components/icon-B7hKwn_q.cjs +18 -0
- package/components/icon-CwBAE1eU.js +59 -0
- package/components/index.cjs +1 -1
- package/components/index.js +78 -176
- package/components/infield-button/index.cjs +1 -5
- package/components/infield-button/index.js +8 -47
- package/components/infield-button-B2z0dLzq.js +54 -0
- package/components/infield-button-BVKotWqr.cjs +22 -0
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +8 -34
- package/components/label-ClJE2esm.js +41 -0
- package/components/label-CqolZbJo.cjs +18 -0
- package/components/language-resolution-BYemISJC.cjs +18 -0
- package/components/language-resolution-BpfGTC29.js +43 -0
- package/components/like-anchor-BZJXts_H.cjs +32 -0
- package/components/like-anchor-DeOXX-MX.js +46 -0
- package/components/manage-help-text-CF0xBh0F.js +81 -0
- package/components/manage-help-text-D9VbYRf_.cjs +30 -0
- package/components/menu/index.cjs +1 -66
- package/components/menu/index.js +8 -879
- package/components/menu/menu-item.d.ts +8 -1
- package/components/menu/menu.d.ts +1 -0
- package/components/menu--ukVtSq7.js +749 -0
- package/components/menu-DAA51y45.cjs +108 -0
- package/components/multi-language-field/index.cjs +1 -22
- package/components/multi-language-field/index.js +8 -131
- package/components/multi-language-field/multi-language-field.d.ts +1 -0
- package/components/multi-language-field-BzY75rOY.js +122 -0
- package/components/multi-language-field-DmoMyCBH.cjs +40 -0
- package/components/number-field/index.cjs +1 -40
- package/components/number-field/index.js +8 -453
- package/components/number-field/number-field.d.ts +145 -0
- package/components/number-field-B4RSFeTR.cjs +57 -0
- package/components/number-field-C66dTUMM.js +402 -0
- package/components/observe-slot-presence-BCqd3VSd.js +55 -0
- package/components/observe-slot-presence-Dx8hzNzK.cjs +18 -0
- package/components/observe-slot-text-BhTcGuHY.cjs +18 -0
- package/components/observe-slot-text-Ddf1OC6F.js +71 -0
- package/components/options/index.cjs +1 -84
- package/components/options/index.js +8 -1160
- package/components/options/option.d.ts +16 -0
- package/components/options/options.d.ts +44 -4
- package/components/options-BPNAm4MW.cjs +101 -0
- package/components/options-Dz-ejkxF.js +484 -0
- package/components/overlay/index.cjs +1 -56
- package/components/overlay/index.js +10 -329
- package/components/overlay/overlay.d.ts +12 -1
- package/components/overlay/virtual-trigger.d.ts +3 -2
- package/components/overlay-8tN0KPbR.js +1115 -0
- package/components/overlay-CMd2Dnpv.cjs +73 -0
- package/components/overlay-CwR_36OV.js +227 -0
- package/components/overlay-DdrfkOry.cjs +47 -0
- package/components/pending-state-DFcNf5rd.js +50 -0
- package/components/{pending-state-CaH1si5b.cjs → pending-state-DIeF18qg.cjs} +4 -3
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +11 -15
- package/components/picker/picker.d.ts +1 -0
- package/components/picker-C4RVOxLq.cjs +123 -0
- package/components/picker-agQW7YNo.js +394 -0
- package/components/picker-button/index.cjs +1 -20
- package/components/picker-button/index.js +8 -70
- package/components/picker-button-BLbeT3Yu.js +72 -0
- package/components/picker-button-D34YXyXp.cjs +37 -0
- package/components/platform-B7Sk7Qon.cjs +18 -0
- package/components/{platform-BM-uMWpX.js → platform-D4V_cOJF.js} +29 -38
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +11 -12
- package/components/popover-DyC9xGhX.js +58 -0
- package/components/popover-dgL04x6P.cjs +30 -0
- package/components/progress-bar/index.cjs +18 -0
- package/components/progress-bar/index.d.ts +7 -0
- package/components/progress-bar/index.js +25 -0
- package/components/progress-bar/progress-bar.d.ts +34 -0
- package/components/progress-bar-BR28tISC.cjs +31 -0
- package/components/progress-bar-DHgFRml1.js +119 -0
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +11 -12
- package/components/progress-circle-Cg_ua9Ff.js +78 -0
- package/components/progress-circle-DuzwUiGN.cjs +33 -0
- package/components/progress-steps/index.cjs +18 -0
- package/components/progress-steps/index.d.ts +8 -0
- package/components/progress-steps/index.js +25 -0
- package/components/progress-steps/progress-steps.d.ts +148 -0
- package/components/progress-steps/types.d.ts +32 -0
- package/components/progress-steps-Da8aZWx3.js +262 -0
- package/components/progress-steps-WriXaZpE.cjs +96 -0
- package/components/prompt-box/controllers/attachments-controller.d.ts +35 -0
- package/components/prompt-box/controllers/recording-controller.d.ts +23 -0
- package/components/prompt-box/controllers/rich-input-controller.d.ts +89 -0
- package/components/prompt-box/controllers/trigger-menu-controller.d.ts +107 -0
- package/components/prompt-box/index.cjs +18 -0
- package/components/prompt-box/index.d.ts +9 -0
- package/components/prompt-box/index.js +25 -0
- package/components/prompt-box/keyboard-focus-tracker.d.ts +3 -0
- package/components/prompt-box/prompt-box-templates.d.ts +10 -0
- package/components/prompt-box/prompt-box.d.ts +194 -0
- package/components/prompt-box/range-from-point.d.ts +21 -0
- package/components/prompt-box/selection-utils.d.ts +39 -0
- package/components/prompt-box/slot-state-sync.d.ts +10 -0
- package/components/prompt-box/types.d.ts +112 -0
- package/components/prompt-box-BEloQP-R.js +1506 -0
- package/components/prompt-box-DV8Smf3Q.cjs +282 -0
- package/components/radio/index.cjs +1 -5
- package/components/radio/index.js +8 -174
- package/components/radio-BzEPGUmQ.js +141 -0
- package/components/radio-d-2GUbYE.cjs +22 -0
- package/components/{if-defined-DOaE2coe.js → random-id-B51lUxUB.cjs} +1 -10
- package/components/{when-CDK1Tt5Y.js → random-id-Dd4boCPV.js} +5 -10
- package/components/{focusable-selectors-B4YgbghQ.js → rolldown-runtime-CAFD8bLK.js} +10 -13
- package/components/roving-tabindex-B7x5ePUB.cjs +18 -0
- package/components/roving-tabindex-BP6mQbXf.js +62 -0
- package/components/{directive-oAbCiebi.js → scaled-indicator-BcO2BOsf.js} +24 -26
- package/components/scaled-indicator-p8-3k2cJ.cjs +26 -0
- package/components/search/index.cjs +1 -28
- package/components/search/index.js +8 -114
- package/components/search-CmLfd2dF.js +94 -0
- package/components/search-DRTD4xsE.cjs +45 -0
- package/components/segments-factory-CHo9oQw7.cjs +18 -0
- package/components/segments-factory-D0IveW-q.js +417 -0
- package/components/select/index.cjs +1 -140
- package/components/select/index.js +8 -602
- package/components/select/select.d.ts +26 -17
- package/components/select--vrG59GQ.cjs +158 -0
- package/components/select-DPeI0jP9.js +518 -0
- package/components/{language-resolution-8yZa5r_P.js → sized-mixin-DaBoZkVS.js} +38 -35
- package/components/sized-mixin-StFA4y0J.cjs +18 -0
- package/components/skeleton-loader/index.cjs +18 -0
- package/components/skeleton-loader/index.d.ts +7 -0
- package/components/skeleton-loader/index.js +25 -0
- package/components/skeleton-loader/skeleton-loader.d.ts +22 -0
- package/components/skeleton-loader-B8NgELvX.cjs +18 -0
- package/components/skeleton-loader-C1XG3m_u.js +46 -0
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +8 -1141
- package/components/slider/slider.d.ts +2 -0
- package/components/slider-3QBnq0S8.js +96 -0
- package/components/slider-uXRKcOz5.cjs +18 -0
- package/components/slottable-request-event-DZ2Z_BLk.js +29 -0
- package/components/{base-D76d76ww.js → slottable-request-event-gAcEQan2.cjs} +1 -9
- package/components/status-light/index.cjs +18 -0
- package/components/status-light/index.d.ts +8 -0
- package/components/status-light/index.js +25 -0
- package/components/status-light/status-light.d.ts +26 -0
- package/components/status-light-Bf8jGu4G.js +85 -0
- package/components/status-light-CBaAFRUc.cjs +21 -0
- package/components/strategies-DhxJGIZT.js +137 -0
- package/components/strategies-kuvLVIKO.cjs +18 -0
- package/components/streaming-listener-2NcP7ys7.js +77 -0
- package/components/streaming-listener-BnDW38lt.cjs +18 -0
- package/components/suggestion/index.cjs +18 -0
- package/components/suggestion/index.d.ts +8 -0
- package/components/suggestion/index.js +25 -0
- package/components/suggestion/suggestion.d.ts +45 -0
- package/components/suggestion-CEJiW_7y.cjs +23 -0
- package/components/suggestion-DK5gxxDI.js +76 -0
- package/components/swatch/index.cjs +1 -32
- package/components/swatch/index.js +8 -325
- package/components/swatch-BLuV-hlF.js +271 -0
- package/components/swatch-G70JUe6I.cjs +49 -0
- package/components/switch/index.cjs +1 -5
- package/components/switch/index.js +8 -56
- package/components/switch-BdE-hI69.js +60 -0
- package/components/switch-KzkrF-ob.cjs +22 -0
- package/components/tabs/index.cjs +1 -76
- package/components/tabs/index.js +8 -619
- package/components/tabs/tabs.d.ts +3 -9
- package/components/tabs-BfTgzdid.cjs +76 -0
- package/components/tabs-BthdwrmW.js +434 -0
- package/components/tags/index.cjs +1 -15
- package/components/tags/index.d.ts +1 -0
- package/components/tags/index.js +8 -156
- package/components/tags/tag.d.ts +28 -0
- package/components/tags/tags.d.ts +3 -1
- package/components/tags-B89eYzsB.js +203 -0
- package/components/tags-OBPAvjdV.cjs +47 -0
- package/components/text-field/index.cjs +1 -4
- package/components/text-field/index.js +9 -45
- package/components/text-field/text-field.d.ts +27 -0
- package/components/text-field-A4Obzs4l.cjs +21 -0
- package/components/text-field-BoGAvXvh.js +44 -0
- package/components/text-field-Cs8HYRYL.js +256 -0
- package/components/text-field-FJr8ZUhI.cjs +81 -0
- package/components/text-field.module-Btsve-VN.js +21 -0
- package/components/text-field.module-D5oDP7MB.cjs +18 -0
- package/components/toast/index.cjs +1 -34
- package/components/toast/index.js +8 -136
- package/components/toast-CJSQUzoW.cjs +51 -0
- package/components/toast-DKwphMrp.js +133 -0
- package/components/tooltip/index.cjs +1 -28
- package/components/tooltip/index.js +8 -205
- package/components/tooltip/tooltip.d.ts +12 -1
- package/components/tooltip-C3O4AQ1l.js +192 -0
- package/components/tooltip-DY1trLtg.cjs +45 -0
- package/components/top-nav/index.cjs +18 -0
- package/components/top-nav/index.d.ts +10 -0
- package/components/top-nav/index.js +25 -0
- package/components/top-nav/top-nav-item.d.ts +26 -0
- package/components/top-nav/top-nav.d.ts +45 -0
- package/components/top-nav-DVQ5ASMa.js +203 -0
- package/components/top-nav-DlTojz8S.cjs +45 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +8 -25
- package/components/voice-recorder-477xPHRU.js +134 -0
- package/components/voice-recorder-BUtmSvPO.cjs +18 -0
- package/custom-elements.json +1 -1
- package/index.d.ts +11 -1
- package/package.json +134 -5
- package/utils/button-interaction-controllers/interaction-controller.d.ts +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/scaled-indicator.d.ts +8 -0
- package/utils/voice-recorder.d.ts +121 -0
- package/components/NumberFormatter-DewVDY5w.cjs +0 -18
- package/components/NumberFormatter-DgOUVrge.js +0 -136
- package/components/NumberParser-Dik4a0h-.cjs +0 -18
- package/components/NumberParser-ci9J5EKv.js +0 -173
- package/components/action-group-DBImibFn.js +0 -258
- package/components/action-group-DJGMcRHb.cjs +0 -20
- package/components/async-directive-BX1T1e1_.cjs +0 -22
- package/components/async-directive-BfcqVjDp.js +0 -82
- package/components/base-CBCg3yyw.cjs +0 -40
- package/components/base-WsynuqaS.js +0 -677
- package/components/button-base-DbkDzb71.js +0 -144
- package/components/button-base-XgPLmwP-.cjs +0 -25
- package/components/checkbox-mixin-Do7EgtpQ.js +0 -70
- package/components/class-map-Di1D_rCm.cjs +0 -22
- package/components/class-map-NbVXqBU0.js +0 -51
- package/components/clear-button-DQcRdcUa.js +0 -53
- package/components/clear-button-OFUFFe7G.cjs +0 -18
- package/components/close-button-Cbnb7XXj.cjs +0 -18
- package/components/close-button-CqHYZhum.js +0 -51
- package/components/color-controller-DTp1juRz.js +0 -3198
- package/components/color-controller-_ZwyhvaU.cjs +0 -18
- package/components/color-loupe-CaA_Lfkk.cjs +0 -56
- package/components/color-loupe-CmMsXbjT.js +0 -81
- package/components/dependency-manger-C5HCkMMB.cjs +0 -18
- package/components/dependency-manger-CEXvGQUV.js +0 -54
- package/components/directive-C7oCP5Bh.cjs +0 -22
- package/components/directive-helpers-Cm6gitnu.js +0 -62
- package/components/directive-helpers-DyIRTWwA.cjs +0 -22
- package/components/divider.module-DDvBo9zo.cjs +0 -18
- package/components/divider.module-DoQWQEIJ.js +0 -21
- package/components/element-resolution-BvRLGqIU.cjs +0 -18
- package/components/element-resolution-FCUT-wql.js +0 -91
- package/components/field-group-DXfBWrkO.js +0 -66
- package/components/field-group-DkGst3r5.cjs +0 -23
- package/components/field-label-CZ2zzChK.js +0 -106
- package/components/field-label-mO1AkUgR.cjs +0 -25
- package/components/flow-D-0MTYCm.js +0 -527
- package/components/flow-DM3dNAKs.cjs +0 -30
- package/components/focus-group-DHeTq18L.js +0 -218
- package/components/focus-group-DnxZUBhQ.cjs +0 -18
- package/components/focus-visible-B0P9aY_G.cjs +0 -18
- package/components/focus-visible-DBlJGoEW.js +0 -74
- package/components/focusable-BxtpnzWp.js +0 -153
- package/components/focusable-EbipgXRh.cjs +0 -18
- package/components/index-BwxgAdzi.cjs +0 -57
- package/components/index-Cl54m8Yh.js +0 -1490
- package/components/index-HjQa8tew.js +0 -1174
- package/components/index-Wq3qZJGh.cjs +0 -113
- package/components/language-resolution-DJzmyzZq.cjs +0 -18
- package/components/like-anchor-Bvn_vLQ8.js +0 -69
- package/components/like-anchor-sod1C1fR.cjs +0 -32
- package/components/luzmo-icons-4nDFv1Lq.js +0 -229
- package/components/luzmo-icons-D4IvHgVd.cjs +0 -29
- package/components/manage-help-text-DhgARkZX.cjs +0 -30
- package/components/manage-help-text-syYnjKGL.js +0 -92
- package/components/mutation-controller-DH7YOCyj.js +0 -52
- package/components/mutation-controller-DkOMCW-c.cjs +0 -22
- package/components/observe-slot-presence-CmVi0zTc.js +0 -68
- package/components/observe-slot-presence-bc9chhsi.cjs +0 -18
- package/components/observe-slot-text-BPfIQQtz.js +0 -87
- package/components/observe-slot-text-Ceb7SvYT.cjs +0 -18
- package/components/overlay-Cig9r6uU.js +0 -2747
- package/components/overlay-KSKMzzkh.cjs +0 -47
- package/components/pending-state-DTX7ggyF.js +0 -61
- package/components/picker-BfBP7XJN.js +0 -461
- package/components/picker-xIphqE6d.cjs +0 -123
- package/components/platform-BiXhwqk3.cjs +0 -18
- package/components/popover-DjX0aAnY.js +0 -67
- package/components/popover-KFfO0IYL.cjs +0 -30
- package/components/progress-circle-BvRJNuNo.cjs +0 -33
- package/components/progress-circle-DXH9z8-6.js +0 -97
- package/components/query-BL-TJj7K.cjs +0 -22
- package/components/query-D_KR_GUc.js +0 -51
- package/components/query-assigned-elements-DjfhL1cl.js +0 -36
- package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
- package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
- package/components/roving-tabindex-By_fCy_e.cjs +0 -18
- package/components/roving-tabindex-DOg4z6ZU.js +0 -66
- package/components/sized-mixin-CPxE5C96.cjs +0 -18
- package/components/sized-mixin-D4ACoVUr.js +0 -63
- package/components/slottable-request-event-BfUUt1Mh.cjs +0 -18
- package/components/slottable-request-event-DggLA4Rx.js +0 -31
- package/components/state-D8JEtYqe.cjs +0 -22
- package/components/strategies-9indNIEb.js +0 -195
- package/components/strategies-BACP6MhR.cjs +0 -18
- package/components/streaming-listener-B00MvALi.cjs +0 -18
- package/components/streaming-listener-CP-JE6Fa.js +0 -91
- package/components/style-map-CeilmSgs.cjs +0 -22
- package/components/style-map-IgqIKvlE.js +0 -53
- package/components/text-field-BTkr42k4.cjs +0 -85
- package/components/text-field-ol9Ed5lQ.js +0 -314
- package/components/text-field.module-ColtFhf_.js +0 -21
- package/components/text-field.module-p_VF2tC_.cjs +0 -18
- package/components/unit-input/index.cjs +0 -43
- package/components/unit-input/index.d.ts +0 -7
- package/components/unit-input/index.js +0 -183
- package/components/unit-input/unit-input.d.ts +0 -33
- /package/components/date-time-picker/{helpers.d.ts → shared/helpers.d.ts} +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/date/day-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/date/month-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/date/year-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/date-time-segments.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/editable-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/literal-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/modifiers/clear-modifier.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/modifiers/decrement-modifier.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/modifiers/increment-modifier.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/modifiers/input-modifier.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/modifiers/segments-modifier.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/segments-factory.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/segments-formatter.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/time/day-period-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/time/hour-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/time/millisecond-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/time/minute-segment.d.ts +0 -0
- /package/components/date-time-picker/{segments → shared/segments}/time/second-segment.d.ts +0 -0
|
@@ -0,0 +1,402 @@
|
|
|
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
|
+
import { t as e } from "./decorate-aGxJUVxg.js";
|
|
19
|
+
import { a as t, s as n, t as r } from "./platform-D4V_cOJF.js";
|
|
20
|
+
import { n as i, t as a } from "./language-resolution-BpfGTC29.js";
|
|
21
|
+
import { t as o } from "./streaming-listener-2NcP7ys7.js";
|
|
22
|
+
import { n as s } from "./text-field-Cs8HYRYL.js";
|
|
23
|
+
import "./infield-button-B2z0dLzq.js";
|
|
24
|
+
import { html as c, nothing as l, unsafeCSS as u } from "lit";
|
|
25
|
+
import { property as d, query as f } from "lit/decorators.js";
|
|
26
|
+
import { luzmoAngleDown as p, luzmoAngleUp as m, luzmoIcon as h } from "@luzmo/icons";
|
|
27
|
+
import { NumberFormatter as g, NumberParser as _ } from "@internationalized/number";
|
|
28
|
+
//#region src/components/number-field/number-field.module.scss?inline
|
|
29
|
+
var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--stepper-min-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-buttons-border-color,var(--stepper-buttons-border-color)));--luzmo-infield-button-border-width:var(--luzmo-stepper-button-border-width,var(--stepper-button-border-width));--luzmo-infield-button-border-radius-reset:var(--stepper-button-border-radius-reset);--luzmo-text-field-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));inline-size:var(--luzmo-stepper-width,var(--stepper-width));block-size:var(--luzmo-stepper-height,var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:\"\";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-buttons-border-color-focus,var(--stepper-buttons-border-color-focus)))}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)))}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--luzmo-stepper-border-color-hover:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid));--luzmo-stepper-border-color-focus:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid));--luzmo-stepper-border-color-focus-hover:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid));--luzmo-stepper-border-color-keyboard-focus:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--luzmo-text-field-icon-spacing-inline-start-invalid:0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid))}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid))}:host([disabled]) #text-field{--luzmo-stepper-border-color:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-keyboard-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-buttons-background-color:var(--stepper-buttons-background-color-disabled);--luzmo-infield-button-border-width:var(--stepper-button-border-width-disabled);--luzmo-infield-button-border-color:var(--stepper-button-border-color-disabled);--luzmo-text-field-border-color-disabled:var(--stepper-button-border-color-disabled)}#text-field .input{border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;font-size:var(--luzmo-stepper-button-font-size,var(--stepper-button-font-size));block-size:var(--luzmo-stepper-height,var(--stepper-height));inline-size:var(--luzmo-stepper-button-width,var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style,var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width,var(--luzmo-stepper-buttons-border-width,var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color,var(--luzmo-stepper-buttons-background-color,var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration,var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color:transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color:transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked:var(--luzmo-stepper-button-width-quiet,var(--stepper-button-width));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-quiet,var(--stepper-button-border-color-quiet));--luzmo-infield-button-stacked-bottom-border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));--luzmo-infield-button-stacked-bottom-border-radius-end-end:0;--luzmo-infield-button-stacked-bottom-border-radius-end-start:0;--luzmo-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)));outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)))}@media (hover:hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-buttons-border-color-hover,var(--stepper-buttons-border-color-hover)))}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)))}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid))}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid))}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-button-width) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight;--highcontrast-infield-button-border-color:Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color:GrayText;--highcontrast-infield-button-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width))}}:host{--text-field-minimum-width-multiplier:2;--stepper-border-width:var(--luzmo-border-width);--stepper-border-color:var(--luzmo-border-color);--stepper-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover:var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus:var(--luzmo-border-color-full-focus);--stepper-border-radius:var(--luzmo-border-radius);--stepper-min-width-multiplier:1.5;--stepper-animation-duration:var(--luzmo-animation-duration);--stepper-buttons-background-color:var(--luzmo-background-color);--stepper-buttons-border-style:none;--stepper-buttons-border-width:0;--stepper-buttons-border-color:var(--luzmo-border-color);--stepper-buttons-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus:var(--luzmo-border-color-focus);--stepper-button-font-size:var(--luzmo-font-size);--stepper-button-padding:0px;--stepper-button-border-radius-reset:0;--stepper-button-border-width:var(--luzmo-border-width);--stepper-button-background-color-focus:var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus:var(--luzmo-background-color-focus);--stepper-border-color-invalid:var(--luzmo-negative-color);--stepper-border-color-hover-invalid:var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid:var(--luzmo-negative-color-focus);--stepper-focus-indicator-width:var(--luzmo-indicator-width);--stepper-focus-indicator-gap:calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color:var(--luzmo-indicator-color);--stepper-button-border-color-quiet:transparent;--stepper-button-border-color-disabled:var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled:var(--luzmo-border-width);--stepper-buttons-background-color-disabled:var(--luzmo-background-color-disabled);--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width:16px;--stepper-height:var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width:28px;--stepper-height:var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width:36px;--stepper-height:var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width,var(--stepper-width));--number-field-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--text-field-minimum-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-width:var(--unset-value-resets-inheritance);--stepper-width:var(--number-field-width)}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4);--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25);--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25);--stepper-button-font-size:var(--luzmo-font-size-xl)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:#0000}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width,var(--stepper-border-width)) solid var(--luzmo-stepper-border-color,var(--stepper-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color:var(--luzmo-infield-border-color-quiet,transparent);--luzmo-infield-button-edge-to-fill:0;--luzmo-infield-button-border-width:var(--luzmo-infield-button-border-width-quiet,0)}:host([grows]){--number-field-char-count:1;--number-field-content-width:calc(var(--number-field-char-count) * 1ch + var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) * 2);--number-field-grows-width:calc(var(--number-field-content-width) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);inline-size:var(--number-field-grows-width);min-inline-size:var(--luzmo-stepper-width,var(--stepper-width));max-inline-size:100%}:host([grows]) #text-field{inline-size:100%}:host([grows]) #text-field .input{inline-size:100%;min-inline-size:0}", y = {
|
|
30
|
+
"1": "1",
|
|
31
|
+
"2": "2",
|
|
32
|
+
"3": "3",
|
|
33
|
+
"4": "4",
|
|
34
|
+
"5": "5",
|
|
35
|
+
"6": "6",
|
|
36
|
+
"7": "7",
|
|
37
|
+
"8": "8",
|
|
38
|
+
"9": "9",
|
|
39
|
+
"0": "0",
|
|
40
|
+
"、": ",",
|
|
41
|
+
",": ",",
|
|
42
|
+
"。": ".",
|
|
43
|
+
".": ".",
|
|
44
|
+
"%": "%",
|
|
45
|
+
"+": "+",
|
|
46
|
+
ー: "-",
|
|
47
|
+
一: "1",
|
|
48
|
+
二: "2",
|
|
49
|
+
三: "3",
|
|
50
|
+
四: "4",
|
|
51
|
+
五: "5",
|
|
52
|
+
六: "6",
|
|
53
|
+
七: "7",
|
|
54
|
+
八: "8",
|
|
55
|
+
九: "9",
|
|
56
|
+
零: "0"
|
|
57
|
+
}, b = class extends s {
|
|
58
|
+
constructor(...e) {
|
|
59
|
+
super(...e), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.grows = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = NaN, this._trackingValue = "", this.decimalsChars = new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new a(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
|
|
60
|
+
this.appliedLabel = e;
|
|
61
|
+
}, this.isComposing = !1;
|
|
62
|
+
}
|
|
63
|
+
static get styles() {
|
|
64
|
+
return [...super.styles, u(v)];
|
|
65
|
+
}
|
|
66
|
+
set value(e) {
|
|
67
|
+
let t = this.validateInput(e);
|
|
68
|
+
if (t === this.value) return;
|
|
69
|
+
this.lastCommitedValue = t;
|
|
70
|
+
let n = this._value;
|
|
71
|
+
this._value = t, this.requestUpdate("value", n);
|
|
72
|
+
}
|
|
73
|
+
get value() {
|
|
74
|
+
return this._value;
|
|
75
|
+
}
|
|
76
|
+
get inputValue() {
|
|
77
|
+
return this.indeterminate ? this.formattedValue : this.inputElement.value;
|
|
78
|
+
}
|
|
79
|
+
setValue(e = this.value) {
|
|
80
|
+
let t = this.lastCommitedValue;
|
|
81
|
+
this.value = e, !(t === void 0 || t === this.value) && (this.lastCommitedValue = this.value, this.dispatchEvent(new Event("change", {
|
|
82
|
+
bubbles: !0,
|
|
83
|
+
composed: !0
|
|
84
|
+
})));
|
|
85
|
+
}
|
|
86
|
+
get valueAsString() {
|
|
87
|
+
return this._value.toString();
|
|
88
|
+
}
|
|
89
|
+
set valueAsString(e) {
|
|
90
|
+
this.value = this.numberParser.parse(e);
|
|
91
|
+
}
|
|
92
|
+
get formattedValue() {
|
|
93
|
+
return Number.isNaN(this.value) ? "" : this.numberFormatter.format(this.value) + (this.focused ? "" : this._forcedUnit);
|
|
94
|
+
}
|
|
95
|
+
convertValueToNumber(e) {
|
|
96
|
+
let n = [...e].map((e) => y[e] || e).join(""), r = [...this.valueBeforeFocus].filter((e) => this.decimalsChars.has(e)), i = new Set(r);
|
|
97
|
+
if (t() && this.inputElement.inputMode === "decimal" && n !== this.valueBeforeFocus) {
|
|
98
|
+
let e = this.numberFormatter.formatToParts(1000.1).find((e) => e.type === "decimal").value;
|
|
99
|
+
for (let t of i) t !== e && !this.isIntentDecimal && (n = n.replaceAll(new RegExp(t, "g"), ""));
|
|
100
|
+
let t = !1, r = [...n];
|
|
101
|
+
for (let n = r.length - 1; n >= 0; n--) {
|
|
102
|
+
let i = r[n];
|
|
103
|
+
this.decimalsChars.has(i) && (t ? r[n] = "" : (r[n] = e, t = !0));
|
|
104
|
+
}
|
|
105
|
+
n = r.join("");
|
|
106
|
+
}
|
|
107
|
+
return this.numberParser.parse(n);
|
|
108
|
+
}
|
|
109
|
+
get _step() {
|
|
110
|
+
return this.step === void 0 ? this.formatOptions?.style === "percent" ? .01 : 1 : this.step;
|
|
111
|
+
}
|
|
112
|
+
handlePointerdown(e) {
|
|
113
|
+
if (e.button !== 0) {
|
|
114
|
+
e.preventDefault();
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
this.managedInput = !0, this.buttons.setPointerCapture(e.pointerId);
|
|
118
|
+
let t = this.buttons.children[0].getBoundingClientRect(), n = this.buttons.children[1].getBoundingClientRect();
|
|
119
|
+
this.findChange = (e) => {
|
|
120
|
+
e.clientX >= t.x && e.clientY >= t.y && e.clientX <= t.x + t.width && e.clientY <= t.y + t.height ? this.change = (e) => this.increment(e.shiftKey ? this.stepModifier : 1) : e.clientX >= n.x && e.clientY >= n.y && e.clientX <= n.x + n.width && e.clientY <= n.y + n.height && (this.change = (e) => this.decrement(e.shiftKey ? this.stepModifier : 1));
|
|
121
|
+
}, this.findChange(e), this.startChange(e);
|
|
122
|
+
}
|
|
123
|
+
startChange(e) {
|
|
124
|
+
this.changeCount = 0, this.doChange(e), this.safty = setTimeout(() => {
|
|
125
|
+
this.doNextChange(e);
|
|
126
|
+
}, 400);
|
|
127
|
+
}
|
|
128
|
+
doChange(e) {
|
|
129
|
+
this.change(e);
|
|
130
|
+
}
|
|
131
|
+
handlePointermove(e) {
|
|
132
|
+
this.findChange(e);
|
|
133
|
+
}
|
|
134
|
+
handlePointerup(e) {
|
|
135
|
+
this.buttons.releasePointerCapture(e.pointerId), cancelAnimationFrame(this.nextChange), clearTimeout(this.safty), this.managedInput = !1, this.setValue();
|
|
136
|
+
}
|
|
137
|
+
doNextChange(e) {
|
|
138
|
+
return this.changeCount += 1, this.changeCount % 5 == 0 && this.doChange(e), requestAnimationFrame(() => {
|
|
139
|
+
this.nextChange = this.doNextChange(e);
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
stepBy(e) {
|
|
143
|
+
if (this.disabled || this.readonly) return;
|
|
144
|
+
let t = this.min === void 0 ? 0 : this.min, n = this.value;
|
|
145
|
+
n += e * this._step, Number.isNaN(this.value) && (n = t), n = this.valueWithLimits(n), this.requestUpdate(), this._value = this.validateInput(n), this.inputElement.value = this.numberFormatter.format(n), this.inputElement.dispatchEvent(new Event("input", {
|
|
146
|
+
bubbles: !0,
|
|
147
|
+
composed: !0
|
|
148
|
+
})), this.indeterminate = !1, this.focus();
|
|
149
|
+
}
|
|
150
|
+
increment(e = 1) {
|
|
151
|
+
this.stepBy(1 * e);
|
|
152
|
+
}
|
|
153
|
+
decrement(e = 1) {
|
|
154
|
+
this.stepBy(-1 * e);
|
|
155
|
+
}
|
|
156
|
+
handleKeydown(e) {
|
|
157
|
+
if (!this.isComposing) switch (e.code) {
|
|
158
|
+
case "ArrowUp":
|
|
159
|
+
e.preventDefault(), this.increment(e.shiftKey ? this.stepModifier : 1), this.setValue();
|
|
160
|
+
break;
|
|
161
|
+
case "ArrowDown":
|
|
162
|
+
e.preventDefault(), this.decrement(e.shiftKey ? this.stepModifier : 1), this.setValue();
|
|
163
|
+
break;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
onScroll(e) {
|
|
167
|
+
e.preventDefault(), this.managedInput = !0;
|
|
168
|
+
let t = e.shiftKey ? e.deltaX / Math.abs(e.deltaX) : e.deltaY / Math.abs(e.deltaY);
|
|
169
|
+
t !== 0 && !Number.isNaN(t) && (this.stepBy(t * (e.shiftKey ? this.stepModifier : 1)), clearTimeout(this.queuedChangeEvent), this.queuedChangeEvent = setTimeout(() => {
|
|
170
|
+
this.setValue();
|
|
171
|
+
}, 100)), this.managedInput = !1;
|
|
172
|
+
}
|
|
173
|
+
onFocus() {
|
|
174
|
+
super.onFocus(), this._trackingValue = this.inputValue, this.keyboardFocused = !this.readonly && !0, this.addEventListener("wheel", this.onScroll, { passive: !1 }), this.valueBeforeFocus = this.inputElement.value;
|
|
175
|
+
}
|
|
176
|
+
onBlur(e) {
|
|
177
|
+
super.onBlur(e), this.keyboardFocused = !this.readonly && !1, this.removeEventListener("wheel", this.onScroll), this.isIntentDecimal = !1;
|
|
178
|
+
}
|
|
179
|
+
handleFocusin() {
|
|
180
|
+
this.focused = !this.readonly && !0, this.keyboardFocused = !this.readonly && !0;
|
|
181
|
+
}
|
|
182
|
+
handleFocusout() {
|
|
183
|
+
this.focused = !this.readonly && !1, this.keyboardFocused = !this.readonly && !1;
|
|
184
|
+
}
|
|
185
|
+
handleChange() {
|
|
186
|
+
let e = this.convertValueToNumber(this.inputValue);
|
|
187
|
+
if (this.wasIndeterminate && (this.wasIndeterminate = !1, this.indeterminateValue = void 0, Number.isNaN(e))) {
|
|
188
|
+
this.indeterminate = !0;
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
this.setValue(e), this.inputElement.value = this.formattedValue;
|
|
192
|
+
}
|
|
193
|
+
handleCompositionStart() {
|
|
194
|
+
this.isComposing = !0;
|
|
195
|
+
}
|
|
196
|
+
handleCompositionEnd() {
|
|
197
|
+
this.isComposing = !1, requestAnimationFrame(() => {
|
|
198
|
+
this.inputElement.dispatchEvent(new Event("input", {
|
|
199
|
+
composed: !0,
|
|
200
|
+
bubbles: !0
|
|
201
|
+
}));
|
|
202
|
+
});
|
|
203
|
+
}
|
|
204
|
+
handleInputElementPointerdown() {
|
|
205
|
+
this.hasRecentlyReceivedPointerDown = !0, this.updateComplete.then(() => {
|
|
206
|
+
requestAnimationFrame(() => {
|
|
207
|
+
this.hasRecentlyReceivedPointerDown = !1;
|
|
208
|
+
});
|
|
209
|
+
});
|
|
210
|
+
}
|
|
211
|
+
handleInput(e) {
|
|
212
|
+
if (this.isComposing) {
|
|
213
|
+
if (e.data) {
|
|
214
|
+
let t = this.convertValueToNumber(e.data);
|
|
215
|
+
Number.isNaN(t) && (this.inputElement.value = this.indeterminate ? "-" : this._trackingValue, this.isComposing = !1);
|
|
216
|
+
}
|
|
217
|
+
e.stopPropagation();
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
this.indeterminate && (this.wasIndeterminate = !0, this.indeterminateValue = this.value, this.inputElement.value = this.inputElement.value.replace("-", "")), e.data && this.decimalsChars.has(e.data) && (this.isIntentDecimal = !0);
|
|
221
|
+
let { value: t, selectionStart: n } = this.inputElement, r = [...t].map((e) => y[e] || e).join("");
|
|
222
|
+
if (this.numberParser.isValidPartialNumber(r)) {
|
|
223
|
+
this.lastCommitedValue = this.lastCommitedValue ?? this.value;
|
|
224
|
+
let e = this.convertValueToNumber(r);
|
|
225
|
+
!r && this.indeterminateValue ? (this.indeterminate = !0, this._value = this.indeterminateValue) : (this.indeterminate = !1, this._value = this.validateInput(e)), this._trackingValue = r, this.inputElement.value = r, this.inputElement.setSelectionRange(n, n);
|
|
226
|
+
return;
|
|
227
|
+
}
|
|
228
|
+
this.inputElement.value = this.indeterminate ? "-" : this._trackingValue, e.stopPropagation();
|
|
229
|
+
let i = r.length, a = this._trackingValue.length, o = (n || i) - (i - a);
|
|
230
|
+
this.inputElement.setSelectionRange(o, o);
|
|
231
|
+
}
|
|
232
|
+
valueWithLimits(e) {
|
|
233
|
+
let t = e;
|
|
234
|
+
return this.min !== void 0 && (t = Math.max(this.min, t)), this.max !== void 0 && (t = Math.min(this.max, t)), t;
|
|
235
|
+
}
|
|
236
|
+
validateInput(e) {
|
|
237
|
+
e = this.valueWithLimits(e);
|
|
238
|
+
let t = e < 0 ? -1 : 1;
|
|
239
|
+
if (e *= t, this.step) {
|
|
240
|
+
let t = this.min === void 0 ? 0 : this.min, n = Number.parseFloat(this.valueFormatter.format((e - t) % this.step));
|
|
241
|
+
if (n !== 0 && (Math.round(n / this.step) === 1 ? e += this.step - n : e -= n), this.max !== void 0) for (; e > this.max;) e -= this.step;
|
|
242
|
+
e = Number.parseFloat(this.valueFormatter.format(e));
|
|
243
|
+
}
|
|
244
|
+
return e *= t, e;
|
|
245
|
+
}
|
|
246
|
+
get displayValue() {
|
|
247
|
+
let e = this.focused ? "" : "-";
|
|
248
|
+
return this.indeterminate ? e : this.formattedValue;
|
|
249
|
+
}
|
|
250
|
+
clearNumberFormatterCache() {
|
|
251
|
+
this._numberFormatter = void 0, this._numberParser = void 0;
|
|
252
|
+
}
|
|
253
|
+
get numberFormatter() {
|
|
254
|
+
if (!this._numberFormatter || !this._numberFormatterFocused) {
|
|
255
|
+
let { style: e, unit: t, unitDisplay: n, ...r } = this.formatOptions;
|
|
256
|
+
e !== "unit" && (r.style = e), this._numberFormatterFocused = new g(this.languageResolver.language, r);
|
|
257
|
+
try {
|
|
258
|
+
this._numberFormatter = new g(this.languageResolver.language, this.formatOptions), this._forcedUnit = "", this._numberFormatter.format(1);
|
|
259
|
+
} catch {
|
|
260
|
+
e === "unit" && (this._forcedUnit = t), this._numberFormatter = this._numberFormatterFocused;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
return this.focused ? this._numberFormatterFocused : this._numberFormatter;
|
|
264
|
+
}
|
|
265
|
+
clearValueFormatterCache() {
|
|
266
|
+
this._valueFormatter = void 0;
|
|
267
|
+
}
|
|
268
|
+
get valueFormatter() {
|
|
269
|
+
if (!this._valueFormatter) {
|
|
270
|
+
let e = this.step ? this.step === Math.floor(this.step) ? 0 : this.step.toString().split(".")[1].length : 0;
|
|
271
|
+
this._valueFormatter = new g("en", {
|
|
272
|
+
useGrouping: !1,
|
|
273
|
+
maximumFractionDigits: e
|
|
274
|
+
});
|
|
275
|
+
}
|
|
276
|
+
return this._valueFormatter;
|
|
277
|
+
}
|
|
278
|
+
get numberParser() {
|
|
279
|
+
if (!this._numberParser || !this._numberParserFocused) {
|
|
280
|
+
let { style: e, unit: t, unitDisplay: n, ...r } = this.formatOptions;
|
|
281
|
+
e !== "unit" && (r.style = e), this._numberParserFocused = new _(this.languageResolver.language, r);
|
|
282
|
+
try {
|
|
283
|
+
this._numberParser = new _(this.languageResolver.language, this.formatOptions), this._forcedUnit = "", this._numberParser.parse("0");
|
|
284
|
+
} catch {
|
|
285
|
+
e === "unit" && (this._forcedUnit = t), this._numberParser = this._numberParserFocused;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
return this.focused ? this._numberParserFocused : this._numberParser;
|
|
289
|
+
}
|
|
290
|
+
renderField() {
|
|
291
|
+
return this.autocomplete = "off", c`
|
|
292
|
+
${super.renderField()}
|
|
293
|
+
${this.hideStepper ? l : c`
|
|
294
|
+
<span
|
|
295
|
+
class="buttons"
|
|
296
|
+
@focusin=${this.handleFocusin}
|
|
297
|
+
@focusout=${this.handleFocusout}
|
|
298
|
+
${o({
|
|
299
|
+
start: ["pointerdown", this.handlePointerdown],
|
|
300
|
+
streamInside: [[
|
|
301
|
+
"pointermove",
|
|
302
|
+
"pointerenter",
|
|
303
|
+
"pointerleave",
|
|
304
|
+
"pointerover",
|
|
305
|
+
"pointerout"
|
|
306
|
+
], this.handlePointermove],
|
|
307
|
+
end: [[
|
|
308
|
+
"pointerup",
|
|
309
|
+
"pointercancel",
|
|
310
|
+
"pointerleave"
|
|
311
|
+
], this.handlePointerup]
|
|
312
|
+
})}
|
|
313
|
+
>
|
|
314
|
+
<luzmo-infield-button
|
|
315
|
+
inline="end"
|
|
316
|
+
block="start"
|
|
317
|
+
class="button step-up"
|
|
318
|
+
aria-hidden="true"
|
|
319
|
+
label=${"Increase " + this.appliedLabel}
|
|
320
|
+
size=${this.size}
|
|
321
|
+
tabindex="-1"
|
|
322
|
+
?focused=${this.focused}
|
|
323
|
+
?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
|
|
324
|
+
?quiet=${this.quiet}
|
|
325
|
+
>
|
|
326
|
+
${h(m)}
|
|
327
|
+
</luzmo-infield-button>
|
|
328
|
+
<luzmo-infield-button
|
|
329
|
+
inline="end"
|
|
330
|
+
block="end"
|
|
331
|
+
class="button step-down"
|
|
332
|
+
aria-hidden="true"
|
|
333
|
+
label=${"Decrease " + this.appliedLabel}
|
|
334
|
+
size=${this.size}
|
|
335
|
+
tabindex="-1"
|
|
336
|
+
?focused=${this.focused}
|
|
337
|
+
?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
|
|
338
|
+
?quiet=${this.quiet}
|
|
339
|
+
>
|
|
340
|
+
${h(p)}
|
|
341
|
+
</luzmo-infield-button>
|
|
342
|
+
</span>
|
|
343
|
+
`}
|
|
344
|
+
`;
|
|
345
|
+
}
|
|
346
|
+
update(e) {
|
|
347
|
+
if ((e.has("formatOptions") || e.has("resolvedLanguage")) && this.clearNumberFormatterCache(), e.has("value") || e.has("max") || e.has("min") || e.has("step")) {
|
|
348
|
+
let e = this.numberParser.parse(this.formattedValue.replace(this._forcedUnit, ""));
|
|
349
|
+
this.value = e, this.clearValueFormatterCache();
|
|
350
|
+
}
|
|
351
|
+
super.update(e);
|
|
352
|
+
}
|
|
353
|
+
willUpdate(e) {
|
|
354
|
+
this.multiline = !1, e.has(i) && this.clearNumberFormatterCache();
|
|
355
|
+
}
|
|
356
|
+
firstUpdated(e) {
|
|
357
|
+
super.firstUpdated(e), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("compositionstart", this.handleCompositionStart), this.addEventListener("compositionend", this.handleCompositionEnd);
|
|
358
|
+
}
|
|
359
|
+
updated(e) {
|
|
360
|
+
if (!(!this.inputElement || !this.isConnected)) {
|
|
361
|
+
if (this.grows) {
|
|
362
|
+
let e = this.displayValue || this.placeholder || "";
|
|
363
|
+
this.style.setProperty("--number-field-char-count", String(e.length));
|
|
364
|
+
}
|
|
365
|
+
if (e.has("min") || e.has("formatOptions")) {
|
|
366
|
+
let e = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: i } = this.numberFormatter.resolvedOptions(), a = i && i > 0, o = "numeric";
|
|
367
|
+
n() && !e ? o = "text" : (t() && a || r() && a && e) && (o = "decimal"), this.inputElement.inputMode = o;
|
|
368
|
+
}
|
|
369
|
+
e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
};
|
|
373
|
+
//#endregion
|
|
374
|
+
//#region src/components/number-field/index.ts
|
|
375
|
+
e([f(".buttons")], b.prototype, "buttons", void 0), e([d({
|
|
376
|
+
type: Boolean,
|
|
377
|
+
reflect: !0
|
|
378
|
+
})], b.prototype, "focused", void 0), e([d({
|
|
379
|
+
type: Object,
|
|
380
|
+
attribute: "format-options"
|
|
381
|
+
})], b.prototype, "formatOptions", void 0), e([d({
|
|
382
|
+
type: Boolean,
|
|
383
|
+
reflect: !0,
|
|
384
|
+
attribute: "hide-stepper"
|
|
385
|
+
})], b.prototype, "hideStepper", void 0), e([d({
|
|
386
|
+
type: Boolean,
|
|
387
|
+
reflect: !0,
|
|
388
|
+
attribute: "grows"
|
|
389
|
+
})], b.prototype, "grows", void 0), e([d({
|
|
390
|
+
type: Boolean,
|
|
391
|
+
reflect: !0
|
|
392
|
+
})], b.prototype, "indeterminate", void 0), e([d({
|
|
393
|
+
type: Boolean,
|
|
394
|
+
reflect: !0,
|
|
395
|
+
attribute: "keyboard-focused"
|
|
396
|
+
})], b.prototype, "keyboardFocused", void 0), e([d({ type: Number })], b.prototype, "max", void 0), e([d({ type: Number })], b.prototype, "min", void 0), e([d({ type: Number })], b.prototype, "step", void 0), e([d({
|
|
397
|
+
type: Number,
|
|
398
|
+
reflect: !0,
|
|
399
|
+
attribute: "step-modifier"
|
|
400
|
+
})], b.prototype, "stepModifier", void 0), e([d({ type: Number })], b.prototype, "value", null), customElements.get("luzmo-number-field") || customElements.define("luzmo-number-field", b);
|
|
401
|
+
//#endregion
|
|
402
|
+
export { b as t };
|
|
@@ -0,0 +1,55 @@
|
|
|
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
|
+
import { MutationController as e } from "@lit-labs/observers/mutation-controller.js";
|
|
19
|
+
//#region src/utils/observe-slot-presence.ts
|
|
20
|
+
var t = Symbol("slotContentIsPresent");
|
|
21
|
+
function n(n, r) {
|
|
22
|
+
let i = Array.isArray(r) ? r : [r];
|
|
23
|
+
class a extends n {
|
|
24
|
+
constructor(...n) {
|
|
25
|
+
super(n), this[t] = /* @__PURE__ */ new Map(), this.managePresenceObservedSlot = () => {
|
|
26
|
+
let e = !1;
|
|
27
|
+
i.forEach((n) => {
|
|
28
|
+
let r = !!this.querySelector(`:scope > ${n}`), i = this[t].get(n) || !1;
|
|
29
|
+
e ||= i !== r, this[t].set(n, !!this.querySelector(`:scope > ${n}`));
|
|
30
|
+
}), e && this.updateComplete.then(() => {
|
|
31
|
+
this.requestUpdate();
|
|
32
|
+
});
|
|
33
|
+
}, new e(this, {
|
|
34
|
+
config: {
|
|
35
|
+
childList: !0,
|
|
36
|
+
subtree: !0
|
|
37
|
+
},
|
|
38
|
+
callback: () => {
|
|
39
|
+
this.managePresenceObservedSlot();
|
|
40
|
+
}
|
|
41
|
+
}), this.managePresenceObservedSlot();
|
|
42
|
+
}
|
|
43
|
+
get slotContentIsPresent() {
|
|
44
|
+
if (i.length === 1) return this[t].get(i[0]) || !1;
|
|
45
|
+
throw Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.");
|
|
46
|
+
}
|
|
47
|
+
getSlotContentPresence(e) {
|
|
48
|
+
if (this[t].has(e)) return this[t].get(e) || !1;
|
|
49
|
+
throw Error(`The provided selector \`${e}\` is not being observed.`);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return a;
|
|
53
|
+
}
|
|
54
|
+
//#endregion
|
|
55
|
+
export { n as t };
|
|
@@ -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
|
+
require(`./chunk-D-qHiVGv.cjs`);let e=require(`@lit-labs/observers/mutation-controller.js`);var t=Symbol(`slotContentIsPresent`);function n(n,r){let i=Array.isArray(r)?r:[r];class a extends n{constructor(...n){super(n),this[t]=new Map,this.managePresenceObservedSlot=()=>{let e=!1;i.forEach(n=>{let r=!!this.querySelector(`:scope > ${n}`),i=this[t].get(n)||!1;e||=i!==r,this[t].set(n,!!this.querySelector(`:scope > ${n}`))}),e&&this.updateComplete.then(()=>{this.requestUpdate()})},new e.MutationController(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(i.length===1)return this[t].get(i[0])||!1;throw Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw Error(`The provided selector \`${e}\` is not being observed.`)}}return a}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
|
|
@@ -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
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`);let t=require(`lit/decorators.js`),n=require(`@lit-labs/observers/mutation-controller.js`);function r(r,i,a=[]){let o=e=>t=>e.matches(t),s=i?`slot[name="${i}"]`:`slot:not([name])`;class c extends r{constructor(...e){super(e),this.slotHasContent=!1,new n.MutationController(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{for(let t of e)if(t.type===`characterData`||t.type===`childList`){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){let e=this.renderRoot?.querySelector(s)??null;if(!e)return;let t=e.assignedNodes({flatten:!0}).filter(e=>{let t=e;return t.tagName?!a.some(o(t)):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}update(e){if(!this.hasUpdated){let{childNodes:e}=this,t=[...e].filter(e=>{let t=e;return t.tagName?a.some(o(t))?!1:i?t.getAttribute(`slot`)===i:!t.hasAttribute(`slot`):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return e.t([(0,t.property)({type:Boolean,attribute:!1})],c.prototype,`slotHasContent`,void 0),c}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
|
|
@@ -0,0 +1,71 @@
|
|
|
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
|
+
import { t as e } from "./decorate-aGxJUVxg.js";
|
|
19
|
+
import { property as t } from "lit/decorators.js";
|
|
20
|
+
import { MutationController as n } from "@lit-labs/observers/mutation-controller.js";
|
|
21
|
+
//#region src/utils/observe-slot-text.ts
|
|
22
|
+
function r(r, i, a = []) {
|
|
23
|
+
let o = (e) => (t) => e.matches(t), s = i ? `slot[name="${i}"]` : "slot:not([name])";
|
|
24
|
+
class c extends r {
|
|
25
|
+
constructor(...e) {
|
|
26
|
+
super(e), this.slotHasContent = !1, new n(this, {
|
|
27
|
+
config: {
|
|
28
|
+
characterData: !0,
|
|
29
|
+
childList: !0,
|
|
30
|
+
subtree: !0
|
|
31
|
+
},
|
|
32
|
+
callback: (e) => {
|
|
33
|
+
for (let t of e) if (t.type === "characterData" || t.type === "childList") {
|
|
34
|
+
this.manageTextObservedSlot();
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
manageTextObservedSlot() {
|
|
41
|
+
let e = this.renderRoot?.querySelector(s) ?? null;
|
|
42
|
+
if (!e) return;
|
|
43
|
+
let t = e.assignedNodes({ flatten: !0 }).filter((e) => {
|
|
44
|
+
let t = e;
|
|
45
|
+
return t.tagName ? !a.some(o(t)) : t.textContent ? t.textContent.trim() : !1;
|
|
46
|
+
});
|
|
47
|
+
this.slotHasContent = t.length > 0;
|
|
48
|
+
}
|
|
49
|
+
update(e) {
|
|
50
|
+
if (!this.hasUpdated) {
|
|
51
|
+
let { childNodes: e } = this, t = [...e].filter((e) => {
|
|
52
|
+
let t = e;
|
|
53
|
+
return t.tagName ? a.some(o(t)) ? !1 : i ? t.getAttribute("slot") === i : !t.hasAttribute("slot") : t.textContent ? t.textContent.trim() : !1;
|
|
54
|
+
});
|
|
55
|
+
this.slotHasContent = t.length > 0;
|
|
56
|
+
}
|
|
57
|
+
super.update(e);
|
|
58
|
+
}
|
|
59
|
+
firstUpdated(e) {
|
|
60
|
+
super.firstUpdated(e), this.updateComplete.then(() => {
|
|
61
|
+
this.manageTextObservedSlot();
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return e([t({
|
|
66
|
+
type: Boolean,
|
|
67
|
+
attribute: !1
|
|
68
|
+
})], c.prototype, "slotHasContent", void 0), c;
|
|
69
|
+
}
|
|
70
|
+
//#endregion
|
|
71
|
+
export { r as t };
|