@luzmo/analytics-components-kit 1.0.1-alpha.26 → 1.0.1-alpha.28
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/{async-directive-DWRUSKKF-CmOVMf6V.js → async-directive-DWRUSKKF-CPf9l5wJ.js} +1 -1
- package/components/{async-directive-DWRUSKKF-D4itZyzc.cjs → async-directive-DWRUSKKF-DWUZeMaj.cjs} +1 -1
- package/components/base-D76d76ww-C6YO3slp.cjs +94 -0
- package/components/base-D76d76ww-M5t7LVBG.js +758 -0
- package/components/{button-base-B7v4eeRh-D3-GH03o.js → button-base-DSHx7XO8-B_LbLx9g.js} +33 -32
- package/components/{button-base-B7v4eeRh-BKKUK3x0.cjs → button-base-DSHx7XO8-ChNRhetl.cjs} +4 -4
- package/components/{checkbox-mixin-BFGTmw17-C34LMsgu.js → checkbox-mixin-BFGTmw17-C1tjSMaa.js} +2 -2
- package/components/{checkbox-mixin-BFGTmw17-CCjGd0nS.cjs → checkbox-mixin-BFGTmw17-DF2p-vSz.cjs} +4 -4
- package/components/{directive-helpers-nlQRAaQt-3kEWF2GV.cjs → directive-helpers-nlQRAaQt-DTZp2cFt.cjs} +4 -4
- package/components/{directive-helpers-nlQRAaQt-I6T4KZKW.js → directive-helpers-nlQRAaQt-DgSC1Yr2.js} +1 -1
- package/components/display-settings/display-settings.d.ts +3 -3
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +19 -19
- package/components/display-settings-binning/display-settings-binning.d.ts +3 -3
- package/components/display-settings-binning/index.cjs +2 -2
- package/components/display-settings-binning/index.js +20 -20
- package/components/display-settings-datetime/display-settings-datetime.d.ts +3 -3
- package/components/display-settings-datetime/index.cjs +2 -2
- package/components/display-settings-datetime/index.js +22 -22
- package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +3 -3
- package/components/display-settings-grand-totals/index.cjs +2 -2
- package/components/display-settings-grand-totals/index.js +19 -19
- package/components/display-settings-numeric/display-settings-numeric.d.ts +3 -3
- package/components/display-settings-numeric/index.cjs +4 -4
- package/components/display-settings-numeric/index.js +23 -23
- package/components/display-settings-period-over-period/display-settings-period-over-period.d.ts +3 -3
- package/components/display-settings-period-over-period/index.cjs +15 -15
- package/components/display-settings-period-over-period/index.js +45 -44
- package/components/draggable-data-item/draggable-data-item.d.ts +3 -3
- package/components/draggable-data-item/index.cjs +4 -4
- package/components/draggable-data-item/index.js +6 -6
- package/components/draggable-data-item-level/draggable-data-item-level.d.ts +3 -3
- package/components/draggable-data-item-level/index.cjs +4 -4
- package/components/draggable-data-item-level/index.js +15 -15
- package/components/droppable-slot/droppable-slot.d.ts +5 -5
- package/components/droppable-slot/index.cjs +2 -2
- package/components/droppable-slot/index.js +14 -14
- package/components/edit-item/edit-item.d.ts +3 -1
- package/components/edit-item/index.cjs +17 -16
- package/components/edit-item/index.js +50 -35
- package/components/edit-option/edit-option.d.ts +1 -1
- package/components/edit-option/helpers/control-markup.d.ts +1 -1
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +1 -1
- package/components/edit-option-action-button-group/index.cjs +2 -2
- package/components/edit-option-action-button-group/index.js +6 -6
- package/components/edit-option-base/edit-option-base.d.ts +3 -3
- package/components/{edit-option-base-qePiIQWd.js → edit-option-base-C0zI8SOd.js} +4 -4
- package/components/edit-option-base-D8vs3Bty.cjs +53 -0
- package/components/edit-option-color-picker/index.cjs +24 -24
- package/components/edit-option-color-picker/index.js +42 -41
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +2 -2
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +2 -2
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-position-picker/index.cjs +2 -2
- package/components/edit-option-position-picker/index.js +3 -3
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +5 -5
- package/components/edit-option-radio-button-group/index.cjs +4 -4
- package/components/edit-option-radio-button-group/index.js +4 -4
- package/components/edit-option-slider/index.cjs +3 -3
- package/components/edit-option-slider/index.js +8 -8
- package/components/edit-option-switch/index.cjs +5 -5
- package/components/edit-option-switch/index.js +11 -10
- package/components/edit-option-text-field/index.cjs +2 -2
- package/components/edit-option-text-field/index.js +3 -3
- package/components/focusable-Cu_m_GTh.cjs +42 -0
- package/components/focusable-Dw_pMNQL.js +852 -0
- package/components/focusable-cj2QhwDT-CvevSkDr.cjs +52 -0
- package/components/focusable-cj2QhwDT-DlzfnLn9.js +242 -0
- package/components/{if-defined-BSAr_4u4-4Ys8VE7T.js → if-defined-BSAr_4u4-BCnSpSsA.js} +14 -15
- package/components/{if-defined-BSAr_4u4-gECNwmTC.cjs → if-defined-BSAr_4u4-CIqREoag.cjs} +3 -3
- package/components/{if-defined-8BOch-oC.cjs → if-defined-CF8baNdl.cjs} +2 -2
- package/components/{if-defined-Bv6MRdSW.js → if-defined-DbhS35z5.js} +1 -1
- package/components/{index-Bt5nP_6w.cjs → index-9hGc0AF6.cjs} +6 -6
- package/components/{index-Bee1uunR.js → index-B2LO8M42.js} +11 -12
- package/components/{index-w3j1USKK.cjs → index-B3417kqb.cjs} +2 -2
- package/components/{index-DUO13KGl.cjs → index-BIauj-BP.cjs} +3 -3
- package/components/{index-i8GaIN7i.cjs → index-BIcAxPGg.cjs} +4 -4
- package/components/{index-Dc9c_dq-.cjs → index-BLyfPWMW.cjs} +2 -2
- package/components/index-BW6jffrL.cjs +117 -0
- package/components/{index-CXIT0cYY.js → index-BjdUsH9B.js} +11 -12
- package/components/{index-BYfDERr7.js → index-BnVt-dJY.js} +11 -12
- package/components/index-Bp6XY9q2.cjs +42 -0
- package/components/{index-CdCtJpK9.js → index-C8yP7YJD.js} +8 -9
- package/components/index-CAwT4m7K.cjs +127 -0
- package/components/{index-CfEn3fIT.js → index-CBNsaHFy.js} +7 -8
- package/components/{index-DEVOZNSc.cjs → index-CC53jnJB.cjs} +2 -2
- package/components/{index-CdUTqQ3L.cjs → index-CZUy8SUo.cjs} +4 -4
- package/components/{index-86cIx1Ql.cjs → index-Cl7wWlXl.cjs} +2 -2
- package/components/{index-ByjLd3bT.cjs → index-Cz9Cvq1K.cjs} +6 -6
- package/components/{index-B3ve6cAj.js → index-D8GVYuJ-.js} +142 -109
- package/components/{index-BH9W0QLt-DBxyzKWK.js → index-DQCvi59x.js} +92 -59
- package/components/index-DelXrrBi.js +779 -0
- package/components/{index-BUSWsm5N.js → index-Dku2WLRc.js} +7 -8
- package/components/{index-aYcu00GB.js → index-Du8Q4hhF.js} +2 -2
- package/components/{index-Dn7LyFPv.js → index-Dwp251OJ.js} +3 -3
- package/components/{index-BVX_ozT9.js → index-KY89MPqI.js} +5 -6
- package/components/{index-BJVxTeoi.cjs → index-b9OSfNB6.cjs} +7 -7
- package/components/{index-ymMEPngt.js → index-fheP_kQJ.js} +23 -23
- package/components/{index-DVAsMiOm.js → index-fzqLW5XZ.js} +7 -8
- package/components/index-hogChFy0.cjs +195 -0
- package/components/index-mB-t2zP2.cjs +217 -0
- package/components/{index-C8IL2IZ6.js → index-zFIy9Mwl.js} +14 -15
- package/components/index.cjs +1 -1
- package/components/index.js +457 -54
- package/components/{luzmo-icons-BE2T8vWu.js → luzmo-icons-CmY3chvZ.js} +16 -16
- package/components/luzmo-icons-lvebt6bp.cjs +31 -0
- package/components/{observe-slot-text-ggb4kKgY-DBVrKDBD.cjs → observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs} +2 -2
- package/components/{observe-slot-text-ggb4kKgY-o5QFWUeA.js → observe-slot-text-ggb4kKgY-tm0SQCaj.js} +3 -3
- package/components/{popover-Bx4ZDHk4-BuzeOeNe.cjs → popover-Bx4ZDHk4-Cw2DKR2x.cjs} +2 -2
- package/components/{popover-Bx4ZDHk4-jZJ0Cd59.js → popover-Bx4ZDHk4-HbUSJ86p.js} +6 -7
- package/components/{query-assigned-nodes-C76XVPWY-DPC6kOmH.js → query-assigned-nodes-C76XVPWY-DON51dMU.js} +1 -1
- package/components/{query-assigned-nodes-C76XVPWY-BcyGjObB.cjs → query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs} +1 -1
- package/components/sized-mixin-Cqlxwicw.cjs +20 -0
- package/components/sized-mixin-DMuOVsw0.js +65 -0
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +27 -27
- package/components/slot-menu/slot-menu.d.ts +3 -3
- package/components/slot-menu-list/index.cjs +2 -2
- package/components/slot-menu-list/index.js +14 -14
- package/components/slot-menu-list/slot-menu-list.d.ts +3 -3
- package/components/{state-BFA93Sye.cjs → state-QgHgNZLe.cjs} +2 -2
- package/components/{state-Joaryhrg.js → state-e2n-fyrr.js} +1 -1
- package/components/streaming-listener-CCalHg57-2AtO4Ho2.cjs +52 -0
- package/components/{language-resolution-8yZa5r_P-Bn0bYosv.js → streaming-listener-CCalHg57-CQgWstyf.js} +59 -59
- package/components/{task-B8yMzxui.cjs → task-fQFUVV8e.cjs} +2 -2
- package/components/{task-Cr9aRIbV.js → task-gE27tBDv.js} +1 -1
- package/components/text-field-BTnBJoP9-BuahhcXU.js +430 -0
- package/components/text-field-BTnBJoP9-CDMhK3d1.cjs +147 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +472 -54
- package/custom-elements.json +56 -292
- package/index.d.ts +1 -0
- package/item-definitions/marker-map/marker-map-options.config.d.ts +1 -1
- package/package.json +2 -2
- package/utils/base/base.d.ts +16 -0
- package/utils/base/focus-visible.d.ts +29 -0
- package/utils/base/focusable.d.ts +58 -0
- package/utils/base/index.d.ts +4 -0
- package/utils/base/sized-mixin.d.ts +17 -0
- package/utils/index.d.ts +1 -0
- package/utils/themes/index.d.ts +507 -0
- package/components/base-D76d76ww-BiajPmzU.cjs +0 -40
- package/components/base-D76d76ww-gf0ESLsU.js +0 -45
- package/components/edit-option-base-Boz7TNRZ.cjs +0 -53
- package/components/index-BH9W0QLt-Cy2sUVJ_.cjs +0 -95
- package/components/index-D5LI0odG.js +0 -44
- package/components/index-DM_2d78G.js +0 -744
- package/components/index-DrLPC6eG.cjs +0 -185
- package/components/index-eEpFkbP8.cjs +0 -195
- package/components/index-h9T5DPIm.cjs +0 -36
- package/components/index-iYpAy-Kg.cjs +0 -95
- package/components/index-zuArOtOt.cjs +0 -42
- package/components/language-resolution-8yZa5r_P-FqQChUDW.cjs +0 -52
- package/components/luzmo-icons-XsFsTAl3.cjs +0 -31
- package/components/property-0L4eB11h.cjs +0 -112
- package/components/property-B2F7x7Cz.js +0 -1481
- package/components/sized-mixin-BxMraZLS-B_y0PzR3.js +0 -82
- package/components/sized-mixin-BxMraZLS-DEFWqo8f.cjs +0 -36
- package/components/text-field-CvKSS59x-Dn0_1HO7.js +0 -412
- package/components/text-field-CvKSS59x-E9LQElL4.cjs +0 -131
@@ -0,0 +1,52 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2025 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
"use strict";const l=require("./base-D76d76ww-C6YO3slp.cjs");/*! * Lucero - The design system for Luzmo.
|
21
|
+
*
|
22
|
+
* Copyright © 2025 Luzmo
|
23
|
+
* All rights reserved.
|
24
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
25
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
26
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
27
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
28
|
+
*
|
29
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
30
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
31
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
32
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
33
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
|
+
* SOFTWARE.
|
36
|
+
* */let r=!0;try{document.body.querySelector(":focus-visible")}catch{r=!1,Promise.resolve().then(()=>m)}const b=n=>{var e,t;const a=i=>{if(i.shadowRoot==null||Object.hasOwn(i.dataset,"jsFocusVisible"))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(i.shadowRoot),i.manageAutoFocus&&i.manageAutoFocus();else{const h=()=>{self.applyFocusVisiblePolyfill&&i.shadowRoot&&self.applyFocusVisiblePolyfill(i.shadowRoot),i.manageAutoFocus&&i.manageAutoFocus()};return self.addEventListener("focus-visible-polyfill-ready",h,{once:!0}),()=>{self.removeEventListener("focus-visible-polyfill-ready",h)}}return()=>{}},s=Symbol("endPolyfillCoordination");class o extends(t=n,e=s,t){constructor(){super(...arguments),this[e]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),r||requestAnimationFrame(()=>{this[s]==null&&(this[s]=a(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),r||requestAnimationFrame(()=>{this[s]!=null&&(this[s](),this[s]=null)})}}return o},m=Object.freeze(Object.defineProperty({__proto__:null,FocusVisiblePolyfillMixin:b},Symbol.toStringTag,{value:"Module"}));/*! * Lucero - The design system for Luzmo.
|
37
|
+
*
|
38
|
+
* Copyright © 2025 Luzmo
|
39
|
+
* All rights reserved.
|
40
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
41
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
42
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
43
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
44
|
+
*
|
45
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
46
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
47
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
48
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
49
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
50
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
51
|
+
* SOFTWARE.
|
52
|
+
* */var f=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(n,e,t,a)=>{for(var s=a>1?void 0:a?p(e,t):e,o=n.length-1,i;o>=0;o--)(i=n[o])&&(s=(a?i(e,t,s):i(s))||s);return a&&s&&f(e,t,s),s};function c(){return new Promise(n=>requestAnimationFrame(()=>n()))}class u extends b(l.kt){constructor(){super(...arguments),this.disabled=!1,this.autofocus=!1,this._tabIndex=0,this.manipulatingTabindex=!1,this.autofocusReady=Promise.resolve()}get tabIndex(){if(this.focusElement===this){const t=this.hasAttribute("tabindex")?Number(this.getAttribute("tabindex")):Number.NaN;return Number.isNaN(t)?-1:t}const e=Number.parseFloat(this.hasAttribute("tabindex")&&this.getAttribute("tabindex")||"0");return this.disabled||e<0?-1:this.focusElement?this._tabIndex:e}set tabIndex(e){var t;if(this.manipulatingTabindex){this.manipulatingTabindex=!1;return}if(this.focusElement===this){if(this.disabled)this._tabIndex=e;else if(e!==this._tabIndex){this._tabIndex=e;const a=""+e;this.manipulatingTabindex=!0,this.setAttribute("tabindex",a)}return}if(e===-1?this.addEventListener("pointerdown",this.onPointerdownManagementOfTabIndex):(this.manipulatingTabindex=!0,this.removeEventListener("pointerdown",this.onPointerdownManagementOfTabIndex)),e===-1||this.disabled){if(this.manipulatingTabindex=!0,this.setAttribute("tabindex","-1"),this.removeAttribute("focusable"),this.selfManageFocusElement)return;e===-1?(t=this.focusElement)==null||t.removeAttribute("tabindex"):(this._tabIndex=e,this.manageFocusElementTabindex(e));return}this.setAttribute("focusable",""),this.hasAttribute("tabindex")?this.removeAttribute("tabindex"):this.manipulatingTabindex=!1,this._tabIndex=e,this.manageFocusElementTabindex(e)}onPointerdownManagementOfTabIndex(){this.tabIndex===-1&&setTimeout(()=>{this.tabIndex=0,this.focus({preventScroll:!0}),this.tabIndex=-1})}async manageFocusElementTabindex(e){this.focusElement||await this.updateComplete,e===null?this.focusElement.removeAttribute("tabindex"):this.focusElement!==this&&(this.focusElement.tabIndex=e)}get focusElement(){throw new Error("Must implement focusElement getter!")}get selfManageFocusElement(){return!1}focus(e){this.disabled||!this.focusElement||(this.focusElement===this?Reflect.apply(HTMLElement.prototype.focus,this,[e]):this.focusElement.focus(e))}blur(){const e=this.focusElement||this;e===this?HTMLElement.prototype.blur.apply(this):e.blur()}click(){if(this.disabled)return;const e=this.focusElement||this;e===this?HTMLElement.prototype.click.apply(this):e.click()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent("keydown",{code:"Tab"})),this.focusElement.focus())}firstUpdated(e){super.firstUpdated(e),(!this.hasAttribute("tabindex")||this.getAttribute("tabindex")!=="-1")&&this.setAttribute("focusable","")}update(e){e.has("disabled")&&this.handleDisabledChanged(this.disabled,e.get("disabled")),super.update(e)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.blur()}async handleDisabledChanged(e,t){const a=()=>this.focusElement!==this&&this.focusElement.disabled!==void 0;e?(this.manipulatingTabindex=!0,this.setAttribute("tabindex","-1"),await this.updateComplete,a()?this.focusElement.disabled=!0:this.setAttribute("aria-disabled","true")):t&&(this.manipulatingTabindex=!0,this.focusElement===this?this.setAttribute("tabindex",""+this._tabIndex):this.removeAttribute("tabindex"),await this.updateComplete,a()?this.focusElement.disabled=!1:this.removeAttribute("aria-disabled"))}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.autofocusReady,e}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.autofocusReady=new Promise(async e=>{await c(),await c(),e()}),this.updateComplete.then(()=>{this.manageAutoFocus()}))}}d([l.Rt({type:Boolean,reflect:!0})],u.prototype,"disabled",2);d([l.Rt({type:Boolean})],u.prototype,"autofocus",2);d([l.Rt({type:Number})],u.prototype,"tabIndex",1);exports.r=u;
|
@@ -0,0 +1,242 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2025 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
import { k as m, R as u } from "./base-D76d76ww-M5t7LVBG.js";
|
21
|
+
/*! * Lucero - The design system for Luzmo.
|
22
|
+
*
|
23
|
+
* Copyright © 2025 Luzmo
|
24
|
+
* All rights reserved.
|
25
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
26
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
27
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
28
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
29
|
+
*
|
30
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
31
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
32
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
33
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
34
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
35
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
36
|
+
* SOFTWARE.
|
37
|
+
* */
|
38
|
+
let l = !0;
|
39
|
+
try {
|
40
|
+
document.body.querySelector(":focus-visible");
|
41
|
+
} catch {
|
42
|
+
l = !1, Promise.resolve().then(() => f);
|
43
|
+
}
|
44
|
+
const b = (n) => {
|
45
|
+
var e, t;
|
46
|
+
const a = (i) => {
|
47
|
+
if (i.shadowRoot == null || Object.hasOwn(i.dataset, "jsFocusVisible"))
|
48
|
+
return () => {
|
49
|
+
};
|
50
|
+
if (self.applyFocusVisiblePolyfill)
|
51
|
+
self.applyFocusVisiblePolyfill(i.shadowRoot), i.manageAutoFocus && i.manageAutoFocus();
|
52
|
+
else {
|
53
|
+
const h = () => {
|
54
|
+
self.applyFocusVisiblePolyfill && i.shadowRoot && self.applyFocusVisiblePolyfill(i.shadowRoot), i.manageAutoFocus && i.manageAutoFocus();
|
55
|
+
};
|
56
|
+
return self.addEventListener(
|
57
|
+
"focus-visible-polyfill-ready",
|
58
|
+
h,
|
59
|
+
{ once: !0 }
|
60
|
+
), () => {
|
61
|
+
self.removeEventListener(
|
62
|
+
"focus-visible-polyfill-ready",
|
63
|
+
h
|
64
|
+
);
|
65
|
+
};
|
66
|
+
}
|
67
|
+
return () => {
|
68
|
+
};
|
69
|
+
}, s = Symbol("endPolyfillCoordination");
|
70
|
+
class o extends (t = n, e = s, t) {
|
71
|
+
constructor() {
|
72
|
+
super(...arguments), this[e] = null;
|
73
|
+
}
|
74
|
+
// Attempt to coordinate with the polyfill when connected to the
|
75
|
+
// document:
|
76
|
+
connectedCallback() {
|
77
|
+
super.connectedCallback && super.connectedCallback(), l || requestAnimationFrame(() => {
|
78
|
+
this[s] == null && (this[s] = a(this));
|
79
|
+
});
|
80
|
+
}
|
81
|
+
disconnectedCallback() {
|
82
|
+
super.disconnectedCallback && super.disconnectedCallback(), l || requestAnimationFrame(() => {
|
83
|
+
this[s] != null && (this[s](), this[s] = null);
|
84
|
+
});
|
85
|
+
}
|
86
|
+
}
|
87
|
+
return o;
|
88
|
+
}, f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
89
|
+
__proto__: null,
|
90
|
+
FocusVisiblePolyfillMixin: b
|
91
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
92
|
+
/*! * Lucero - The design system for Luzmo.
|
93
|
+
*
|
94
|
+
* Copyright © 2025 Luzmo
|
95
|
+
* All rights reserved.
|
96
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
97
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
98
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
99
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
100
|
+
*
|
101
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
102
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
103
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
104
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
105
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
106
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
107
|
+
* SOFTWARE.
|
108
|
+
* */
|
109
|
+
var p = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (n, e, t, a) => {
|
110
|
+
for (var s = a > 1 ? void 0 : a ? x(e, t) : e, o = n.length - 1, i; o >= 0; o--)
|
111
|
+
(i = n[o]) && (s = (a ? i(e, t, s) : i(s)) || s);
|
112
|
+
return a && s && p(e, t, s), s;
|
113
|
+
};
|
114
|
+
function c() {
|
115
|
+
return new Promise((n) => requestAnimationFrame(() => n()));
|
116
|
+
}
|
117
|
+
class d extends b(m) {
|
118
|
+
constructor() {
|
119
|
+
super(...arguments), this.disabled = !1, this.autofocus = !1, this._tabIndex = 0, this.manipulatingTabindex = !1, this.autofocusReady = Promise.resolve();
|
120
|
+
}
|
121
|
+
get tabIndex() {
|
122
|
+
if (this.focusElement === this) {
|
123
|
+
const t = this.hasAttribute("tabindex") ? Number(this.getAttribute("tabindex")) : Number.NaN;
|
124
|
+
return Number.isNaN(t) ? -1 : t;
|
125
|
+
}
|
126
|
+
const e = Number.parseFloat(
|
127
|
+
this.hasAttribute("tabindex") && this.getAttribute("tabindex") || "0"
|
128
|
+
);
|
129
|
+
return this.disabled || e < 0 ? -1 : this.focusElement ? this._tabIndex : e;
|
130
|
+
}
|
131
|
+
set tabIndex(e) {
|
132
|
+
var t;
|
133
|
+
if (this.manipulatingTabindex) {
|
134
|
+
this.manipulatingTabindex = !1;
|
135
|
+
return;
|
136
|
+
}
|
137
|
+
if (this.focusElement === this) {
|
138
|
+
if (this.disabled)
|
139
|
+
this._tabIndex = e;
|
140
|
+
else if (e !== this._tabIndex) {
|
141
|
+
this._tabIndex = e;
|
142
|
+
const a = "" + e;
|
143
|
+
this.manipulatingTabindex = !0, this.setAttribute("tabindex", a);
|
144
|
+
}
|
145
|
+
return;
|
146
|
+
}
|
147
|
+
if (e === -1 ? this.addEventListener(
|
148
|
+
"pointerdown",
|
149
|
+
this.onPointerdownManagementOfTabIndex
|
150
|
+
) : (this.manipulatingTabindex = !0, this.removeEventListener(
|
151
|
+
"pointerdown",
|
152
|
+
this.onPointerdownManagementOfTabIndex
|
153
|
+
)), e === -1 || this.disabled) {
|
154
|
+
if (this.manipulatingTabindex = !0, this.setAttribute("tabindex", "-1"), this.removeAttribute("focusable"), this.selfManageFocusElement)
|
155
|
+
return;
|
156
|
+
e === -1 ? (t = this.focusElement) == null || t.removeAttribute("tabindex") : (this._tabIndex = e, this.manageFocusElementTabindex(e));
|
157
|
+
return;
|
158
|
+
}
|
159
|
+
this.setAttribute("focusable", ""), this.hasAttribute("tabindex") ? this.removeAttribute("tabindex") : this.manipulatingTabindex = !1, this._tabIndex = e, this.manageFocusElementTabindex(e);
|
160
|
+
}
|
161
|
+
onPointerdownManagementOfTabIndex() {
|
162
|
+
this.tabIndex === -1 && setTimeout(() => {
|
163
|
+
this.tabIndex = 0, this.focus({ preventScroll: !0 }), this.tabIndex = -1;
|
164
|
+
});
|
165
|
+
}
|
166
|
+
async manageFocusElementTabindex(e) {
|
167
|
+
this.focusElement || await this.updateComplete, e === null ? this.focusElement.removeAttribute("tabindex") : this.focusElement !== this && (this.focusElement.tabIndex = e);
|
168
|
+
}
|
169
|
+
/**
|
170
|
+
* @private
|
171
|
+
*/
|
172
|
+
get focusElement() {
|
173
|
+
throw new Error("Must implement focusElement getter!");
|
174
|
+
}
|
175
|
+
/**
|
176
|
+
* @public
|
177
|
+
* @returns whether the component should manage its focusElement tab-index or not
|
178
|
+
* Needed for action-menu to be supported in action-group in an accessible way
|
179
|
+
*/
|
180
|
+
get selfManageFocusElement() {
|
181
|
+
return !1;
|
182
|
+
}
|
183
|
+
focus(e) {
|
184
|
+
this.disabled || !this.focusElement || (this.focusElement === this ? Reflect.apply(HTMLElement.prototype.focus, this, [e]) : this.focusElement.focus(e));
|
185
|
+
}
|
186
|
+
blur() {
|
187
|
+
const e = this.focusElement || this;
|
188
|
+
e === this ? HTMLElement.prototype.blur.apply(this) : e.blur();
|
189
|
+
}
|
190
|
+
click() {
|
191
|
+
if (this.disabled)
|
192
|
+
return;
|
193
|
+
const e = this.focusElement || this;
|
194
|
+
e === this ? HTMLElement.prototype.click.apply(this) : e.click();
|
195
|
+
}
|
196
|
+
manageAutoFocus() {
|
197
|
+
this.autofocus && (this.dispatchEvent(
|
198
|
+
new KeyboardEvent("keydown", {
|
199
|
+
code: "Tab"
|
200
|
+
})
|
201
|
+
), this.focusElement.focus());
|
202
|
+
}
|
203
|
+
firstUpdated(e) {
|
204
|
+
super.firstUpdated(e), (!this.hasAttribute("tabindex") || this.getAttribute("tabindex") !== "-1") && this.setAttribute("focusable", "");
|
205
|
+
}
|
206
|
+
update(e) {
|
207
|
+
e.has("disabled") && this.handleDisabledChanged(
|
208
|
+
this.disabled,
|
209
|
+
e.get("disabled")
|
210
|
+
), super.update(e);
|
211
|
+
}
|
212
|
+
updated(e) {
|
213
|
+
super.updated(e), e.has("disabled") && this.disabled && this.blur();
|
214
|
+
}
|
215
|
+
async handleDisabledChanged(e, t) {
|
216
|
+
const a = () => this.focusElement !== this && this.focusElement.disabled !== void 0;
|
217
|
+
e ? (this.manipulatingTabindex = !0, this.setAttribute("tabindex", "-1"), await this.updateComplete, a() ? this.focusElement.disabled = !0 : this.setAttribute("aria-disabled", "true")) : t && (this.manipulatingTabindex = !0, this.focusElement === this ? this.setAttribute("tabindex", "" + this._tabIndex) : this.removeAttribute("tabindex"), await this.updateComplete, a() ? this.focusElement.disabled = !1 : this.removeAttribute("aria-disabled"));
|
218
|
+
}
|
219
|
+
async getUpdateComplete() {
|
220
|
+
const e = await super.getUpdateComplete();
|
221
|
+
return await this.autofocusReady, e;
|
222
|
+
}
|
223
|
+
connectedCallback() {
|
224
|
+
super.connectedCallback(), this.autofocus && (this.autofocusReady = new Promise(async (e) => {
|
225
|
+
await c(), await c(), e();
|
226
|
+
}), this.updateComplete.then(() => {
|
227
|
+
this.manageAutoFocus();
|
228
|
+
}));
|
229
|
+
}
|
230
|
+
}
|
231
|
+
r([
|
232
|
+
u({ type: Boolean, reflect: !0 })
|
233
|
+
], d.prototype, "disabled", 2);
|
234
|
+
r([
|
235
|
+
u({ type: Boolean })
|
236
|
+
], d.prototype, "autofocus", 2);
|
237
|
+
r([
|
238
|
+
u({ type: Number })
|
239
|
+
], d.prototype, "tabIndex", 1);
|
240
|
+
export {
|
241
|
+
d as r
|
242
|
+
};
|
@@ -17,8 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
import { o as
|
21
|
-
import { d as h } from "./property-B2F7x7Cz.js";
|
20
|
+
import { o as u, d as h } from "./base-D76d76ww-M5t7LVBG.js";
|
22
21
|
/*! * Lucero - The design system for Luzmo.
|
23
22
|
*
|
24
23
|
* Copyright © 2025 Luzmo
|
@@ -41,14 +40,14 @@ import { d as h } from "./property-B2F7x7Cz.js";
|
|
41
40
|
* Copyright 2017 Google LLC
|
42
41
|
* SPDX-License-Identifier: BSD-3-Clause
|
43
42
|
*/
|
44
|
-
function f(r,
|
45
|
-
return (n,
|
46
|
-
const
|
43
|
+
function f(r, i) {
|
44
|
+
return (n, s, c) => {
|
45
|
+
const l = (o) => {
|
47
46
|
var e;
|
48
|
-
return ((e =
|
47
|
+
return ((e = o.renderRoot) == null ? void 0 : e.querySelector(r)) ?? null;
|
49
48
|
};
|
50
|
-
if (
|
51
|
-
const { get:
|
49
|
+
if (i) {
|
50
|
+
const { get: o, set: e } = typeof s == "object" ? n : c ?? (() => {
|
52
51
|
const t = Symbol();
|
53
52
|
return { get() {
|
54
53
|
return this[t];
|
@@ -56,13 +55,13 @@ function f(r, u) {
|
|
56
55
|
this[t] = d;
|
57
56
|
} };
|
58
57
|
})();
|
59
|
-
return
|
60
|
-
let t =
|
61
|
-
return t === void 0 && (t =
|
58
|
+
return u(n, s, { get() {
|
59
|
+
let t = o.call(this);
|
60
|
+
return t === void 0 && (t = l(this), (t !== null || this.hasUpdated) && e.call(this, t)), t;
|
62
61
|
} });
|
63
62
|
}
|
64
|
-
return
|
65
|
-
return
|
63
|
+
return u(n, s, { get() {
|
64
|
+
return l(this);
|
66
65
|
} });
|
67
66
|
};
|
68
67
|
}
|
@@ -88,8 +87,8 @@ function f(r, u) {
|
|
88
87
|
* Copyright 2018 Google LLC
|
89
88
|
* SPDX-License-Identifier: BSD-3-Clause
|
90
89
|
*/
|
91
|
-
const
|
90
|
+
const g = (r) => r ?? h;
|
92
91
|
export {
|
93
92
|
f as d,
|
94
|
-
|
93
|
+
g as m
|
95
94
|
};
|
@@ -17,7 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";const
|
20
|
+
"use strict";const o=require("./base-D76d76ww-C6YO3slp.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -37,7 +37,7 @@
|
|
37
37
|
* @license
|
38
38
|
* Copyright 2017 Google LLC
|
39
39
|
* SPDX-License-Identifier: BSD-3-Clause
|
40
|
-
*/function
|
40
|
+
*/function h(r,l){return(n,s,c)=>{const i=u=>{var e;return((e=u.renderRoot)==null?void 0:e.querySelector(r))??null};if(l){const{get:u,set:e}=typeof s=="object"?n:c??(()=>{const t=Symbol();return{get(){return this[t]},set(d){this[t]=d}}})();return o.o(n,s,{get(){let t=u.call(this);return t===void 0&&(t=i(this),(t!==null||this.hasUpdated)&&e.call(this,t)),t}})}return o.o(n,s,{get(){return i(this)}})}}/*! * Lucero - The design system for Luzmo.
|
41
41
|
*
|
42
42
|
* Copyright © 2025 Luzmo
|
43
43
|
* All rights reserved.
|
@@ -57,4 +57,4 @@
|
|
57
57
|
* @license
|
58
58
|
* Copyright 2018 Google LLC
|
59
59
|
* SPDX-License-Identifier: BSD-3-Clause
|
60
|
-
*/const
|
60
|
+
*/const a=r=>r??o.d;exports.d=h;exports.m=a;
|
@@ -17,8 +17,8 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";const
|
20
|
+
"use strict";const s=require("./focusable-Cu_m_GTh.cjs");/**
|
21
21
|
* @license
|
22
22
|
* Copyright 2018 Google LLC
|
23
23
|
* SPDX-License-Identifier: BSD-3-Clause
|
24
|
-
*/const
|
24
|
+
*/const c=o=>o??s.E;exports.o=c;
|
@@ -17,7 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
import { E as r } from "./
|
20
|
+
import { E as r } from "./focusable-Dw_pMNQL.js";
|
21
21
|
/**
|
22
22
|
* @license
|
23
23
|
* Copyright 2018 Google LLC
|
@@ -17,7 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";const
|
20
|
+
"use strict";const l=require("./base-D76d76ww-C6YO3slp.cjs"),u=require("./if-defined-BSAr_4u4-CIqREoag.cjs"),s=require("./element-resolution-FCUT-wql-DSTvdyds.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -33,14 +33,14 @@
|
|
33
33
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
35
|
* SOFTWARE.
|
36
|
-
* */const
|
36
|
+
* */const c=":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height, var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block, var(--luzmo-field-label-top-to-text, var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text, var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline, 0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block, var(--luzmo-field-label-margin-block-start, 0) var(--luzmo-field-label-margin-block-end, 0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline, var(--luzmo-field-label-margin-inline-start, 0) var(--luzmo-field-label-margin-inline-end, 0));font-size:var(--luzmo-field-label-font-size, var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight, var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height, var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color, var(--field-label-color));display:block;font-family:var(--luzmo-field-label-font-family, var(--luzmo-font-family))}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height: var( --luzmo-field-label-line-height-cjk, var(--field-label-line-height-cjk) )}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color: var( --highcontrast-field-label-disabled-content-color, var( --luzmo-disabled-content-color, var(--field-label-disabled-content-color) ) )}.required-icon{display:inline-block;margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk, var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align, baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:0;margin-block-end:0;margin-inline-end:var(--luzmo-field-label-side-padding-right, var(--field-label-side-padding-right));display:inline-flex;align-items:center;font-size:var(--luzmo-field-label-side-aligned-font-size, var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height, var(--field-label-side-aligned-height))}:host([side-aligned=end]){text-align:end}@media (forced-colors: active){:host{--highcontrast-field-label-disabled-content-color: GrayText}}:host{--field-label-color: var(--luzmo-font-color);--field-label-font-weight: var(--luzmo-font-weight);--field-label-line-height: var(--luzmo-line-height);--field-label-line-height-cjk: 1.5;--field-label-disabled-content-color: var(--luzmo-font-color-disabled)}:host{--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height);--field-label-top-to-text: calc(var(--luzmo-spacing-2));--field-label-bottom-to-text: var(--luzmo-spacing-2);--field-label-side-aligned-font-size: var(--luzmo-font-size);--field-label-font-size: var(--luzmo-font-size-s);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: 0px}:host([size=s]){--field-label-min-height: var(--luzmo-component-height-xxs);--field-label-side-aligned-height: var(--luzmo-component-height-s);--field-label-top-to-text: calc(var(--luzmo-spacing-1));--field-label-bottom-to-text: var(--luzmo-spacing-1);--field-label-side-aligned-font-size: var(--luzmo-font-size-s);--field-label-font-size: var(--luzmo-font-size-xs);--field-label-side-padding-right: var(--luzmo-spacing-3);--field-label-text-to-asterisk: 0px}:host([size=l]){--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height-l);--field-label-top-to-text: var(--luzmo-spacing-3);--field-label-bottom-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--field-label-side-aligned-font-size: var(--luzmo-font-size-l);--field-label-font-size: var(--luzmo-font-size);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height: var(--luzmo-component-height-s);--field-label-side-aligned-height: var(--luzmo-component-height-xl);--field-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--field-label-bottom-to-text: var(--luzmo-spacing-3);--field-label-side-aligned-font-size: var(--luzmo-font-size-xl);--field-label-font-size: var(--luzmo-font-size-l);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}label{display:inline-block}";var f=Object.defineProperty,d=(a,e,i,t)=>{for(var o=void 0,r=a.length-1,m;r>=0;r--)(m=a[r])&&(o=m(e,i,o)||o);return o&&f(e,i,o),o};const g=()=>l.Ht`
|
37
37
|
<div class="icon-container required-icon">*</div>
|
38
|
-
`;class n extends
|
38
|
+
`;class n extends l.m(l.kt,{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.id="",this.for="",this.required=!1,this.resolvedElement=new s.d(this)}static get styles(){return[l.ht(c)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();const i=this.getRootNode(),t=this.target,o=t.getRootNode(),r=o.host;o===i&&t.forceFocusVisible?t.forceFocusVisible():r&&r.forceFocusVisible&&r.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){const i=this.target.applyFocusElementLabel,t=this.target.focusElement||this.target,o=t.getRootNode();i!==void 0?i(this.labelText,this):o===this.getRootNode()?(e?s.u:s.c)(t,"aria-labelledby",[this.id]):e?t.setAttribute("aria-label",this.labelText):t.removeAttribute("aria-label")}}async manageTarget(){this.applyTargetLabel();const e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search("-")>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){const e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?"":e.map(i=>(i.textContent||"").trim()).join(" ")}render(){return l.Ht`
|
39
39
|
<label>
|
40
40
|
<slot></slot>
|
41
|
-
${this.required?
|
41
|
+
${this.required?l.Ht` ${g()} `:l.d}
|
42
42
|
</label>
|
43
|
-
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick)}willUpdate(e){this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${s.n()}`),e.has("for")&&(this.resolvedElement.selector=this.for?`#${this.for}`:""),(e.has("id")||e.has(s.h))&&this.manageTarget()}}d([
|
43
|
+
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick)}willUpdate(e){this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${s.n()}`),e.has("for")&&(this.resolvedElement.selector=this.for?`#${this.for}`:""),(e.has("id")||e.has(s.h))&&this.manageTarget()}}d([l.Rt({type:Boolean,reflect:!0})],n.prototype,"disabled");d([l.Rt({type:String})],n.prototype,"id");d([l.Rt({type:String})],n.prototype,"for");d([l.Rt({type:Boolean,reflect:!0})],n.prototype,"required");d([u.d("slot")],n.prototype,"slotEl");d([l.Rt({type:String,reflect:!0,attribute:"side-aligned"})],n.prototype,"sideAligned");/*! * Lucero - The design system for Luzmo.
|
44
44
|
*
|
45
45
|
* Copyright © 2025 Luzmo
|
46
46
|
* All rights reserved.
|
@@ -56,4 +56,4 @@
|
|
56
56
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
57
57
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
58
58
|
* SOFTWARE.
|
59
|
-
* */const b=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const
|
59
|
+
* */const b=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const a=document.createElement("style");a.setAttribute("data-luzmo-vars",""),a.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--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-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--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: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(a)}};b();customElements.get("luzmo-field-label")||customElements.define("luzmo-field-label",n);
|
@@ -17,11 +17,10 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
import {
|
21
|
-
import { a as
|
22
|
-
import { d as
|
23
|
-
import { m as
|
24
|
-
import { m as z } from "./sized-mixin-BxMraZLS-B_y0PzR3.js";
|
20
|
+
import { m as d, k as p, h as m, H as g, R as u } from "./base-D76d76ww-M5t7LVBG.js";
|
21
|
+
import { a as b } from "./observe-slot-text-ggb4kKgY-tm0SQCaj.js";
|
22
|
+
import { d as h } from "./if-defined-BSAr_4u4-BCnSpSsA.js";
|
23
|
+
import { m as z } from "./roving-tabindex-DOg4z6ZU-dufnVmvL.js";
|
25
24
|
/*! * Lucero - The design system for Luzmo.
|
26
25
|
*
|
27
26
|
* Copyright © 2025 Luzmo
|
@@ -46,12 +45,12 @@ var f = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (c, o, r
|
|
46
45
|
return t && e && f(o, r, e), e;
|
47
46
|
};
|
48
47
|
const n = [];
|
49
|
-
class s extends
|
48
|
+
class s extends d(p, {
|
50
49
|
validSizes: ["xs", "s", "m", "l", "xl"],
|
51
50
|
noDefaultSize: !0
|
52
51
|
}) {
|
53
52
|
constructor() {
|
54
|
-
super(), this._buttons = [], this._buttonSelector = "luzmo-action-button, luzmo-action-menu", this.rovingTabindexController = new
|
53
|
+
super(), this._buttons = [], this._buttonSelector = "luzmo-action-button, luzmo-action-menu", this.rovingTabindexController = new z(
|
55
54
|
this,
|
56
55
|
{
|
57
56
|
focusInIndex: (o) => {
|
@@ -85,7 +84,7 @@ class s extends z(d, {
|
|
85
84
|
}), this.setSelected([...this.selected, ...r]);
|
86
85
|
}
|
87
86
|
this.manageChildren(), this.manageSelects(), this.hasManaged = !0;
|
88
|
-
}, new
|
87
|
+
}, new b(this, {
|
89
88
|
config: {
|
90
89
|
childList: !0,
|
91
90
|
subtree: !0
|
@@ -97,7 +96,7 @@ class s extends z(d, {
|
|
97
96
|
});
|
98
97
|
}
|
99
98
|
static get styles() {
|
100
|
-
return [
|
99
|
+
return [m(v)];
|
101
100
|
}
|
102
101
|
set buttons(o) {
|
103
102
|
o !== this.buttons && (this._buttons = o, this.rovingTabindexController.clearElementCache());
|
@@ -220,7 +219,7 @@ class s extends z(d, {
|
|
220
219
|
this.hasAttribute("role") || this.setAttribute("role", "toolbar");
|
221
220
|
}
|
222
221
|
render() {
|
223
|
-
return
|
222
|
+
return g`
|
224
223
|
<slot role="presentation" @slotchange=${this.manageButtons}></slot>
|
225
224
|
`;
|
226
225
|
}
|
@@ -270,7 +269,7 @@ l([
|
|
270
269
|
u({ type: Array })
|
271
270
|
], s.prototype, "selected", 1);
|
272
271
|
l([
|
273
|
-
|
272
|
+
h("slot")
|
274
273
|
], s.prototype, "slotElement", 2);
|
275
274
|
/*! * Lucero - The design system for Luzmo.
|
276
275
|
*
|
@@ -292,7 +291,7 @@ l([
|
|
292
291
|
const y = () => {
|
293
292
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
294
293
|
const c = document.createElement("style");
|
295
|
-
c.setAttribute("data-luzmo-vars", ""), c.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--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-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color
|
294
|
+
c.setAttribute("data-luzmo-vars", ""), c.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--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-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--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: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(c);
|
296
295
|
}
|
297
296
|
};
|
298
297
|
y();
|
@@ -17,7 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";require("./
|
20
|
+
"use strict";const z=require("./luzmo-icons-lvebt6bp.cjs"),e=require("./base-D76d76ww-C6YO3slp.cjs"),d=require("./if-defined-BSAr_4u4-CIqREoag.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -33,4 +33,4 @@
|
|
33
33
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
35
|
* SOFTWARE.
|
36
|
-
* */const
|
36
|
+
* */const b=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const l=document.createElement("style");l.setAttribute("data-luzmo-vars",""),l.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--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-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--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: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(l)}};b();const g=":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align, -.125em)!important}:host([block]){display:block;--icon-vertical-align: 0;vertical-align:0}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align: 0;vertical-align:var(--luzmo-icon-vertical-align, 0)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";var f=Object.defineProperty,m=(l,r,i,a)=>{for(var o=void 0,t=l.length-1,c;t>=0;t--)(c=l[t])&&(o=c(r,i,o)||o);return o&&f(r,i,o),o};class u extends e.kt{constructor(){super(...arguments),this.label=""}static get styles(){return[e.ht(g)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(r){r.has("label")&&(this.label?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")),super.update(r)}render(){return e.Ht` <slot></slot> `}}m([e.Rt({reflect:!0})],u.prototype,"label");m([e.Rt({reflect:!0})],u.prototype,"size");var h=Object.defineProperty,n=(l,r,i,a)=>{for(var o=void 0,t=l.length-1,c;t>=0;t--)(c=l[t])&&(o=c(r,i,o)||o);return o&&h(r,i,o),o};class s extends u{constructor(){super(...arguments),this.block=!1}render(){return this.icon?z.O2(this.icon,this.options):this.src?e.Ht` <img src=${this.src} alt=${d.m(this.label)} /> `:super.render()}}n([e.Rt()],s.prototype,"src");n([e.Rt()],s.prototype,"options");n([e.Rt()],s.prototype,"icon");n([e.Rt({type:Boolean})],s.prototype,"block");customElements.get("luzmo-icon")||customElements.define("luzmo-icon",s);
|