@luzmo/analytics-components-kit 1.0.1-alpha.29 → 1.0.1-alpha.30
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-CPf9l5wJ.js → async-directive-C_bp5UcZ-B5_19oN_.js} +1 -1
- package/components/{async-directive-DWRUSKKF-DWUZeMaj.cjs → async-directive-C_bp5UcZ-mUPcBvyn.cjs} +3 -3
- package/components/base-D76d76ww-BEIhYtgV.cjs +94 -0
- package/components/{base-D76d76ww-M5t7LVBG.js → base-D76d76ww-D0dTUBua.js} +300 -299
- package/components/{button-base-DSHx7XO8-ChNRhetl.cjs → button-base-WsJSnMie-B1TLbPwk.cjs} +4 -4
- package/components/{button-base-DSHx7XO8-B_LbLx9g.js → button-base-WsJSnMie-CyGPs7kd.js} +4 -4
- package/components/{checkbox-mixin-BFGTmw17-C1tjSMaa.js → checkbox-mixin-CmeCReJh-C94-rm4F.js} +2 -2
- package/components/{checkbox-mixin-BFGTmw17-DF2p-vSz.cjs → checkbox-mixin-CmeCReJh-wY0R8cuc.cjs} +3 -3
- package/components/{directive-helpers-nlQRAaQt-DTZp2cFt.cjs → directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs} +2 -2
- package/components/{directive-helpers-nlQRAaQt-DgSC1Yr2.js → directive-helpers-Bx_ey3Gk-Csi4AxXe.js} +1 -1
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +7 -7
- package/components/display-settings-binning/index.cjs +1 -1
- package/components/display-settings-binning/index.js +5 -5
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +8 -8
- package/components/display-settings-grand-totals/index.cjs +1 -1
- package/components/display-settings-grand-totals/index.js +4 -4
- package/components/display-settings-numeric/index.cjs +3 -3
- package/components/display-settings-numeric/index.js +12 -12
- package/components/display-settings-period-over-period/index.cjs +5 -5
- package/components/display-settings-period-over-period/index.js +14 -14
- package/components/draggable-data-item-level/index.cjs +1 -1
- package/components/draggable-data-item-level/index.js +15 -15
- package/components/droppable-slot/index.cjs +9 -9
- package/components/droppable-slot/index.js +63 -63
- package/components/edit-item/index.cjs +6 -6
- package/components/edit-item/index.js +14 -14
- package/components/edit-option-action-button-group/index.cjs +1 -1
- package/components/edit-option-action-button-group/index.js +20 -20
- package/components/{edit-option-base-C0zI8SOd.js → edit-option-base-DOezOLDd.js} +2 -2
- package/components/{edit-option-base-D8vs3Bty.cjs → edit-option-base-jkkFevzT.cjs} +1 -1
- package/components/edit-option-color-picker/index.cjs +29 -29
- package/components/edit-option-color-picker/index.js +40 -40
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +2 -2
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +2 -2
- package/components/edit-option-picker/index.cjs +1 -1
- package/components/edit-option-picker/index.js +3 -3
- package/components/edit-option-position-picker/index.cjs +1 -1
- package/components/edit-option-position-picker/index.js +2 -2
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +3 -3
- package/components/edit-option-radio-button-group/index.cjs +1 -1
- package/components/edit-option-radio-button-group/index.js +3 -3
- package/components/edit-option-slider/index.cjs +2 -2
- package/components/edit-option-slider/index.js +2 -2
- package/components/edit-option-switch/index.cjs +3 -3
- package/components/edit-option-switch/index.js +7 -7
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +2 -2
- package/components/{focusable-cj2QhwDT-DlzfnLn9.js → focusable-BNESohBR-DYvAZYXL.js} +1 -1
- package/components/{focusable-cj2QhwDT-CvevSkDr.cjs → focusable-BNESohBR-DbTLvYXr.cjs} +2 -2
- package/components/{if-defined-BSAr_4u4-CIqREoag.cjs → if-defined-D-1p2bLN-0_AoRnT2.cjs} +1 -1
- package/components/{if-defined-BSAr_4u4-BCnSpSsA.js → if-defined-D-1p2bLN-Bn-33APC.js} +1 -1
- package/components/{index-CC53jnJB.cjs → index-0HUnZcem.cjs} +2 -2
- package/components/{index-fheP_kQJ.js → index-B3jkBlKY.js} +7 -7
- package/components/{index-B2LO8M42.js → index-B9dQtvu7.js} +3 -3
- package/components/{index-BIauj-BP.cjs → index-BKcvEgWr.cjs} +4 -4
- package/components/{index-BjdUsH9B.js → index-BXMPi13W.js} +75 -75
- package/components/{index-D8GVYuJ-.js → index-Bb8vxGZY.js} +29 -29
- package/components/{index-Cl7wWlXl.cjs → index-BkCJwWm3.cjs} +3 -3
- package/components/{index-fzqLW5XZ.js → index-BnbhRpm9.js} +12 -12
- package/components/{index-Du8Q4hhF.js → index-Brg_sVUg.js} +1 -1
- package/components/{index-b9OSfNB6.cjs → index-Bwxvaqxq.cjs} +19 -19
- package/components/{index-BIcAxPGg.cjs → index-C2-2RrwB.cjs} +4 -4
- package/components/{index-9hGc0AF6.cjs → index-C9-QEfA9.cjs} +5 -5
- package/components/{index-Bp6XY9q2.cjs → index-CF84gqsb.cjs} +4 -4
- package/components/{index-zFIy9Mwl.js → index-CRx2nPkq.js} +3 -3
- package/components/{index-B3417kqb.cjs → index-CVuJ-LUO.cjs} +2 -2
- package/components/{index-CBNsaHFy.js → index-CbeVu32V.js} +2 -2
- package/components/{index-Dku2WLRc.js → index-CqFCIIIl.js} +3 -3
- package/components/{index-mB-t2zP2.cjs → index-CqynTbW1.cjs} +23 -23
- package/components/{index-BW6jffrL.cjs → index-D5rT-qy9.cjs} +13 -13
- package/components/{index-BLyfPWMW.cjs → index-D8Na-686.cjs} +1 -1
- package/components/{index-DelXrrBi.js → index-DFnzlbHX.js} +13 -13
- package/components/{index-BnVt-dJY.js → index-DJik7S7b.js} +2 -2
- package/components/{index-C8yP7YJD.js → index-DZZMSlYS.js} +3 -3
- package/components/{index-DQCvi59x.js → index-Rjoe8cIs.js} +24 -24
- package/components/{index-CZUy8SUo.cjs → index-_McOOiwL.cjs} +4 -4
- package/components/{index-CAwT4m7K.cjs → index-bZQXFqxv.cjs} +9 -9
- package/components/{index-KY89MPqI.js → index-fl13NYnO.js} +1 -1
- package/components/{index-Cz9Cvq1K.cjs → index-uRWe553S.cjs} +4 -4
- package/components/luzmo-icons-BDClm1AE.cjs +31 -0
- package/components/luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs +47 -0
- package/components/luzmo-icons-BLN3xVgr-Tz5XXgbL.js +118 -0
- package/components/{luzmo-icons-CmY3chvZ.js → luzmo-icons-U09GB75o.js} +136 -188
- package/components/{observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs → observe-slot-text-CVKLDesL-BB2RmFgc.cjs} +4 -4
- package/components/{observe-slot-text-ggb4kKgY-tm0SQCaj.js → observe-slot-text-CVKLDesL-CXUeCmXW.js} +7 -7
- package/components/{popover-Bx4ZDHk4-Cw2DKR2x.cjs → popover-DRyjN9y_-7mF_fAOh.cjs} +4 -4
- package/components/{popover-Bx4ZDHk4-HbUSJ86p.js → popover-DRyjN9y_-w1zh4tvw.js} +2 -2
- package/components/{query-assigned-nodes-C76XVPWY-DON51dMU.js → query-assigned-nodes-C76XVPWY-BWouxGZs.js} +1 -1
- package/components/{query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs → query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs} +1 -1
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +2 -2
- package/components/slot-menu-list/index.cjs +1 -1
- package/components/slot-menu-list/index.js +1 -1
- package/components/{streaming-listener-CCalHg57-2AtO4Ho2.cjs → streaming-listener-C8Ctj0Q6-BhMxS69F.cjs} +3 -3
- package/components/{streaming-listener-CCalHg57-CQgWstyf.js → streaming-listener-C8Ctj0Q6-lanbGKR9.js} +3 -3
- package/components/{text-field-BTnBJoP9-BuahhcXU.js → text-field-C0pFjPG1-B4TRivuD.js} +17 -17
- package/components/{text-field-BTnBJoP9-CDMhK3d1.cjs → text-field-C0pFjPG1-BCVbGXp7.cjs} +12 -12
- package/package.json +1 -1
- package/components/base-D76d76ww-C6YO3slp.cjs +0 -94
- package/components/luzmo-icons-lvebt6bp.cjs +0 -31
@@ -17,9 +17,9 @@
|
|
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 { m as d,
|
21
|
-
import { a as b } from "./observe-slot-text-
|
22
|
-
import { d as h } from "./if-defined-
|
20
|
+
import { m as d, z as p, a as m, R as g, D as u } from "./base-D76d76ww-D0dTUBua.js";
|
21
|
+
import { a as b } from "./observe-slot-text-CVKLDesL-CXUeCmXW.js";
|
22
|
+
import { d as h } from "./if-defined-D-1p2bLN-Bn-33APC.js";
|
23
23
|
import { m as z } from "./roving-tabindex-DOg4z6ZU-dufnVmvL.js";
|
24
24
|
/*! * Lucero - The design system for Luzmo.
|
25
25
|
*
|
@@ -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 s=require("./base-D76d76ww-
|
20
|
+
"use strict";const s=require("./base-D76d76ww-BEIhYtgV.cjs"),d=require("./observe-slot-text-CVKLDesL-BB2RmFgc.cjs"),p=require("./if-defined-D-1p2bLN-0_AoRnT2.cjs"),m=require("./roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -33,9 +33,9 @@
|
|
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 g=":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";var b=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(c,o,r,t)=>{for(var e=t>1?void 0:t?h(o,r):o,i=c.length-1,a;i>=0;i--)(a=c[i])&&(e=(t?a(o,r,e):a(e))||e);return t&&e&&b(o,r,e),e};const n=[];class u extends s.m(s.kt,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="luzmo-action-button, luzmo-action-menu",this.rovingTabindexController=new m.m(this,{focusInIndex:o=>{let r=-1;const t=o.findIndex((e,i)=>(!o[r]&&!e.disabled&&(r=i),e.selected&&!e.disabled));return o[t]?t:r},elements:()=>this.buttons,isFocusableElement:o=>!o.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=n,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;const o=this.slotElement.assignedElements({flatten:!0}).reduce((r,t)=>{if(t.matches(this._buttonSelector))r.push(t);else{const e=[...t.querySelectorAll(`:scope > ${this._buttonSelector}`)];r.push(...e)}return r},[]);if(this.buttons=o,this.selects||!this.hasManaged){const r=[];this.buttons.forEach(t=>{t.selected&&r.push(t.value)}),this.setSelected([...this.selected,...r])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new d.a(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[s.ht(g)]}set buttons(o){o!==this.buttons&&(this._buttons=o,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(o){this.requestUpdate("selected",this._selected),this._selected=o,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(o){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(o),this.buttons.map(r=>{r.selected=this.selected.includes(r.value)}))}setSelected(o,r){if(o===this.selected)return;const t=this.selected;this.requestUpdate("selected",t),this._selected=o,r&&this.dispatchChange(t)}focus(o){this.rovingTabindexController.focus(o)}deselectSelectedButtons(){this.buttons.forEach(o=>{o.selected&&(o.selected=!1,o.tabIndex=-1,o.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(o){o.stopPropagation(),o.preventDefault()}handleClick(o){const r=o.target;if(r.value!==void 0)switch(this.selects){case"single":{this.deselectSelectedButtons(),r.selected=!0,r.tabIndex=0,r.setAttribute("aria-checked","true"),this.setSelected([r.value],!0);break}case"multiple":{const t=[...this.selected];r.selected=!r.selected,r.setAttribute("aria-checked",r.selected?"true":"false"),r.selected?t.push(r.value):t.splice(this.selected.indexOf(r.value),1),this.setSelected(t,!0),this.buttons.forEach(e=>{e.tabIndex=-1}),r.tabIndex=0;break}}}async applySelects(){await this.manageSelects(!0)}async manageSelects(o){if(this.buttons.length===0)return;const r=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a)});if(o)break;await Promise.all(e);const i=t.map(a=>a.value);this.setSelected(i||n);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","checkbox"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a.value)});if(o)break;await Promise.all(e);const i=t.length>0?t:n;this.setSelected(i);break}default:if(this.selected.length>0){const t=[],e=r.map(async i=>{await i.updateComplete,i.setAttribute("role","button"),i.selected?(i.setAttribute("aria-pressed","true"),t.push(i)):i.removeAttribute("aria-pressed")});if(o)break;await Promise.all(e),this.setSelected(t.map(i=>i.value))}else{this.buttons.forEach(t=>{t.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return s.Ht`
|
36
|
+
* */const g=":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";var b=Object.defineProperty,h=Object.getOwnPropertyDescriptor,u=(c,o,r,t)=>{for(var e=t>1?void 0:t?h(o,r):o,i=c.length-1,a;i>=0;i--)(a=c[i])&&(e=(t?a(o,r,e):a(e))||e);return t&&e&&b(o,r,e),e};const n=[];class l extends s.m(s.zt,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="luzmo-action-button, luzmo-action-menu",this.rovingTabindexController=new m.m(this,{focusInIndex:o=>{let r=-1;const t=o.findIndex((e,i)=>(!o[r]&&!e.disabled&&(r=i),e.selected&&!e.disabled));return o[t]?t:r},elements:()=>this.buttons,isFocusableElement:o=>!o.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=n,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;const o=this.slotElement.assignedElements({flatten:!0}).reduce((r,t)=>{if(t.matches(this._buttonSelector))r.push(t);else{const e=[...t.querySelectorAll(`:scope > ${this._buttonSelector}`)];r.push(...e)}return r},[]);if(this.buttons=o,this.selects||!this.hasManaged){const r=[];this.buttons.forEach(t=>{t.selected&&r.push(t.value)}),this.setSelected([...this.selected,...r])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new d.a(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[s.at(g)]}set buttons(o){o!==this.buttons&&(this._buttons=o,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(o){this.requestUpdate("selected",this._selected),this._selected=o,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(o){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(o),this.buttons.map(r=>{r.selected=this.selected.includes(r.value)}))}setSelected(o,r){if(o===this.selected)return;const t=this.selected;this.requestUpdate("selected",t),this._selected=o,r&&this.dispatchChange(t)}focus(o){this.rovingTabindexController.focus(o)}deselectSelectedButtons(){this.buttons.forEach(o=>{o.selected&&(o.selected=!1,o.tabIndex=-1,o.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(o){o.stopPropagation(),o.preventDefault()}handleClick(o){const r=o.target;if(r.value!==void 0)switch(this.selects){case"single":{this.deselectSelectedButtons(),r.selected=!0,r.tabIndex=0,r.setAttribute("aria-checked","true"),this.setSelected([r.value],!0);break}case"multiple":{const t=[...this.selected];r.selected=!r.selected,r.setAttribute("aria-checked",r.selected?"true":"false"),r.selected?t.push(r.value):t.splice(this.selected.indexOf(r.value),1),this.setSelected(t,!0),this.buttons.forEach(e=>{e.tabIndex=-1}),r.tabIndex=0;break}}}async applySelects(){await this.manageSelects(!0)}async manageSelects(o){if(this.buttons.length===0)return;const r=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a)});if(o)break;await Promise.all(e);const i=t.map(a=>a.value);this.setSelected(i||n);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","checkbox"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a.value)});if(o)break;await Promise.all(e);const i=t.length>0?t:n;this.setSelected(i);break}default:if(this.selected.length>0){const t=[],e=r.map(async i=>{await i.updateComplete,i.setAttribute("role","button"),i.selected?(i.setAttribute("aria-pressed","true"),t.push(i)):i.removeAttribute("aria-pressed")});if(o)break;await Promise.all(e),this.setSelected(t.map(i=>i.value))}else{this.buttons.forEach(t=>{t.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return s.Rt`
|
37
37
|
<slot role="presentation" @slotchange=${this.manageButtons}></slot>
|
38
|
-
`}firstUpdated(o){super.firstUpdated(o),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener("change",this.handleActionButtonChange):this.renderRoot.removeEventListener("change",this.handleActionButtonChange)),(o.has("quiet")||o.has("emphasized")||o.has("size")||o.has("staticColor"))&&this.manageChildren(o),o.has("label")&&(this.label||o.get("label")!==void 0)&&(this.label.length>0?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(o){this.buttons.forEach(r=>{(this.quiet||o!=null&&o.get("quiet"))&&(r.quiet=this.quiet),(this.emphasized||o!=null&&o.get("emphasized"))&&(r.emphasized=this.emphasized),(this.staticColor||o!=null&&o.get("staticColor"))&&(r.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(r.selected=this.selected.includes(r.value)),this.size&&(this.size!=="m"||(o==null?void 0:o.get("size"))!==void 0)&&(r.size=this.size)})}}
|
38
|
+
`}firstUpdated(o){super.firstUpdated(o),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener("change",this.handleActionButtonChange):this.renderRoot.removeEventListener("change",this.handleActionButtonChange)),(o.has("quiet")||o.has("emphasized")||o.has("size")||o.has("staticColor"))&&this.manageChildren(o),o.has("label")&&(this.label||o.get("label")!==void 0)&&(this.label.length>0?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(o){this.buttons.forEach(r=>{(this.quiet||o!=null&&o.get("quiet"))&&(r.quiet=this.quiet),(this.emphasized||o!=null&&o.get("emphasized"))&&(r.emphasized=this.emphasized),(this.staticColor||o!=null&&o.get("staticColor"))&&(r.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(r.selected=this.selected.includes(r.value)),this.size&&(this.size!=="m"||(o==null?void 0:o.get("size"))!==void 0)&&(r.size=this.size)})}}u([s.Dt({type:Boolean,reflect:!0})],l.prototype,"compact",2);u([s.Dt({type:Boolean,reflect:!0})],l.prototype,"emphasized",2);u([s.Dt({type:Boolean,reflect:!0})],l.prototype,"justified",2);u([s.Dt({type:String})],l.prototype,"label",2);u([s.Dt({type:Boolean,reflect:!0})],l.prototype,"quiet",2);u([s.Dt({type:String})],l.prototype,"selects",2);u([s.Dt({reflect:!0,attribute:"static-color"})],l.prototype,"staticColor",2);u([s.Dt({type:Boolean,reflect:!0})],l.prototype,"vertical",2);u([s.Dt({type:Array})],l.prototype,"selected",1);u([p.d("slot")],l.prototype,"slotElement",2);/*! * Lucero - The design system for Luzmo.
|
39
39
|
*
|
40
40
|
* Copyright © 2025 Luzmo
|
41
41
|
* All rights reserved.
|
@@ -51,4 +51,4 @@
|
|
51
51
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
52
52
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
53
53
|
* SOFTWARE.
|
54
|
-
* */const z=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");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)}};z();customElements.get("luzmo-action-group")||customElements.define("luzmo-action-group",
|
54
|
+
* */const z=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");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)}};z();customElements.get("luzmo-action-group")||customElements.define("luzmo-action-group",l);
|
@@ -17,12 +17,12 @@
|
|
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 { v as De, o as Fe,
|
21
|
-
import { _ as
|
22
|
-
import { m as $t, d as gt } from "./if-defined-
|
23
|
-
import { u as Nt, n as Mt, d as
|
24
|
-
import { t as ft } from "./index-
|
25
|
-
import { a as
|
20
|
+
import { v as De, o as Fe, z as ge, R as A, a as fe, D as x, d as ve, w as ye } from "./base-D76d76ww-D0dTUBua.js";
|
21
|
+
import { _ as Ht, $ as Ne, s as qe, n as mt } from "./directive-helpers-Bx_ey3Gk-Csi4AxXe.js";
|
22
|
+
import { m as $t, d as gt } from "./if-defined-D-1p2bLN-Bn-33APC.js";
|
23
|
+
import { u as Nt, n as Mt, d as _e, h as Be } from "./element-resolution-FCUT-wql--7ctE626.js";
|
24
|
+
import { t as ft } from "./index-CRx2nPkq.js";
|
25
|
+
import { a as He, w as Me, C as Ie } from "./async-directive-C_bp5UcZ-B5_19oN_.js";
|
26
26
|
/*! * Lucero - The design system for Luzmo.
|
27
27
|
*
|
28
28
|
* Copyright © 2025 Luzmo
|
@@ -45,7 +45,7 @@ import { a as Be, w as Me, C as Ie } from "./async-directive-DWRUSKKF-CPf9l5wJ.j
|
|
45
45
|
* Copyright 2018 Google LLC
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
47
47
|
*/
|
48
|
-
const be = "important", We = " !" + be, re =
|
48
|
+
const be = "important", We = " !" + be, re = Ht(class extends Ne {
|
49
49
|
constructor(e) {
|
50
50
|
var t;
|
51
51
|
if (super(e), e.type !== qe.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
|
@@ -175,10 +175,10 @@ const je = (e, t, {
|
|
175
175
|
return function() {
|
176
176
|
return Ve(r, e, a);
|
177
177
|
};
|
178
|
-
}, Ke = 1e3,
|
178
|
+
}, Ke = 1e3, Ye = 1e3;
|
179
179
|
class Xe {
|
180
180
|
constructor(t = {}) {
|
181
|
-
this.warmUpDelay = Ke, this.coolDownDelay =
|
181
|
+
this.warmUpDelay = Ke, this.coolDownDelay = Ye, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
|
182
182
|
}
|
183
183
|
openTimer(t) {
|
184
184
|
if (this.cancelCooldownTimer(), !this.component || t !== this.component)
|
@@ -237,7 +237,7 @@ const lt = new Xe(), j = () => {
|
|
237
237
|
function T() {
|
238
238
|
return new Promise((e) => requestAnimationFrame(() => e()));
|
239
239
|
}
|
240
|
-
class
|
240
|
+
class J extends ge {
|
241
241
|
constructor() {
|
242
242
|
super(...arguments), this.dispose = j, this.offset = 0, this.willPreventClose = !1;
|
243
243
|
}
|
@@ -333,7 +333,7 @@ class G extends ge {
|
|
333
333
|
}), r.open = !1, r.dispose = j;
|
334
334
|
}, !s && l && i) {
|
335
335
|
const d = t, p = n, u = i;
|
336
|
-
return
|
336
|
+
return J.applyOptions(r, {
|
337
337
|
...u,
|
338
338
|
delayed: u.delayed || l.hasAttribute("delayed"),
|
339
339
|
trigger: u.virtualTrigger || d,
|
@@ -341,7 +341,7 @@ class G extends ge {
|
|
341
341
|
}), d.after(r), await r.updateComplete, r.open = !0, r.dispose;
|
342
342
|
}
|
343
343
|
const h = n;
|
344
|
-
return r.append(l),
|
344
|
+
return r.append(l), J.applyOptions(r, {
|
345
345
|
...h,
|
346
346
|
delayed: h.delayed || l.hasAttribute("delayed")
|
347
347
|
}), r.updateComplete.then(() => {
|
@@ -391,7 +391,7 @@ class ct {
|
|
391
391
|
this.x = 0, this.y = 0, this.x = t, this.y = n;
|
392
392
|
}
|
393
393
|
updateBoundingClientRect(t, n) {
|
394
|
-
this.x = t, this.y = n,
|
394
|
+
this.x = t, this.y = n, J.update();
|
395
395
|
}
|
396
396
|
getBoundingClientRect() {
|
397
397
|
return {
|
@@ -409,7 +409,7 @@ class ct {
|
|
409
409
|
};
|
410
410
|
}
|
411
411
|
}
|
412
|
-
function
|
412
|
+
function Ge(e) {
|
413
413
|
class t extends e {
|
414
414
|
async manageDialogOpen() {
|
415
415
|
const o = this.open;
|
@@ -485,7 +485,7 @@ function Ye(e) {
|
|
485
485
|
}
|
486
486
|
return t;
|
487
487
|
}
|
488
|
-
function
|
488
|
+
function Je(e) {
|
489
489
|
class t extends e {
|
490
490
|
async managePopoverOpen() {
|
491
491
|
await this.managePosition();
|
@@ -824,9 +824,9 @@ function so(e, t, n) {
|
|
824
824
|
}
|
825
825
|
function ro(e) {
|
826
826
|
const t = Pt(e);
|
827
|
-
return [
|
827
|
+
return [_t(e), t, _t(t)];
|
828
828
|
}
|
829
|
-
function
|
829
|
+
function _t(e) {
|
830
830
|
return e.replace(/start|end/g, (t) => io[t]);
|
831
831
|
}
|
832
832
|
function lo(e, t, n) {
|
@@ -845,7 +845,7 @@ function lo(e, t, n) {
|
|
845
845
|
function ao(e, t, n, o) {
|
846
846
|
const i = dt(e);
|
847
847
|
let s = lo(Q(e), n === "start", o);
|
848
|
-
return i && (s = s.map((l) => l + "-" + i), t && (s = s.concat(s.map(
|
848
|
+
return i && (s = s.map((l) => l + "-" + i), t && (s = s.concat(s.map(_t)))), s;
|
849
849
|
}
|
850
850
|
function Pt(e) {
|
851
851
|
return e.replace(/left|right|bottom|top/g, (t) => no[t]);
|
@@ -994,7 +994,7 @@ const ho = async (e, t, n) => {
|
|
994
994
|
middlewareData: u
|
995
995
|
};
|
996
996
|
};
|
997
|
-
async function
|
997
|
+
async function Yt(e, t) {
|
998
998
|
var n;
|
999
999
|
t === void 0 && (t = {});
|
1000
1000
|
const {
|
@@ -1063,14 +1063,14 @@ const uo = (e) => ({
|
|
1063
1063
|
}, u = Kt(i), m = jt(u), g = await l.getDimensions(c), f = u === "y", v = f ? "top" : "left", y = f ? "bottom" : "right", b = f ? "clientHeight" : "clientWidth", w = s.reference[m] + s.reference[u] - p[u] - s.floating[m], E = p[u] - s.reference[u], S = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
|
1064
1064
|
let $ = S ? S[b] : 0;
|
1065
1065
|
(!$ || !await (l.isElement == null ? void 0 : l.isElement(S))) && ($ = r.floating[b] || s.floating[m]);
|
1066
|
-
const U = w / 2 - E / 2,
|
1066
|
+
const U = w / 2 - E / 2, _ = $ / 2 - g[m] / 2 - 1, D = Z(d[v], _), K = Z(d[y], _), B = D, Y = $ - g[m] - K, O = $ / 2 - g[m] / 2 + U, it = qt(B, O, Y), V = !a.arrow && dt(i) != null && O !== it && s.reference[m] / 2 - (O < B ? D : K) - g[m] / 2 < 0, H = V ? O < B ? O - B : O - Y : 0;
|
1067
1067
|
return {
|
1068
|
-
[u]: p[u] +
|
1068
|
+
[u]: p[u] + H,
|
1069
1069
|
data: {
|
1070
1070
|
[u]: it,
|
1071
|
-
centerOffset: O - it -
|
1071
|
+
centerOffset: O - it - H,
|
1072
1072
|
...V && {
|
1073
|
-
alignmentOffset:
|
1073
|
+
alignmentOffset: H
|
1074
1074
|
}
|
1075
1075
|
},
|
1076
1076
|
reset: V
|
@@ -1102,17 +1102,17 @@ const uo = (e) => ({
|
|
1102
1102
|
return {};
|
1103
1103
|
const v = Q(i), y = et(r), b = Q(r) === r, w = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), E = p || (b || !g ? [Pt(r)] : ro(r)), S = m !== "none";
|
1104
1104
|
!p && S && E.push(...ao(r, g, m, w));
|
1105
|
-
const $ = [r, ...E], U = await
|
1105
|
+
const $ = [r, ...E], U = await Yt(t, f), _ = [];
|
1106
1106
|
let D = ((o = s.flip) == null ? void 0 : o.overflows) || [];
|
1107
|
-
if (h &&
|
1107
|
+
if (h && _.push(U[v]), d) {
|
1108
1108
|
const O = so(i, l, w);
|
1109
|
-
|
1109
|
+
_.push(U[O[0]], U[O[1]]);
|
1110
1110
|
}
|
1111
1111
|
if (D = [...D, {
|
1112
1112
|
placement: i,
|
1113
|
-
overflows:
|
1114
|
-
}], !
|
1115
|
-
var K,
|
1113
|
+
overflows: _
|
1114
|
+
}], !_.every((O) => O <= 0)) {
|
1115
|
+
var K, B;
|
1116
1116
|
const O = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, it = $[O];
|
1117
1117
|
if (it)
|
1118
1118
|
return {
|
@@ -1124,21 +1124,21 @@ const uo = (e) => ({
|
|
1124
1124
|
placement: it
|
1125
1125
|
}
|
1126
1126
|
};
|
1127
|
-
let V = (
|
1127
|
+
let V = (B = D.filter((H) => H.overflows[0] <= 0).sort((H, X) => H.overflows[1] - X.overflows[1])[0]) == null ? void 0 : B.placement;
|
1128
1128
|
if (!V)
|
1129
1129
|
switch (u) {
|
1130
1130
|
case "bestFit": {
|
1131
|
-
var
|
1132
|
-
const
|
1131
|
+
var Y;
|
1132
|
+
const H = (Y = D.filter((X) => {
|
1133
1133
|
if (S) {
|
1134
|
-
const
|
1135
|
-
return
|
1134
|
+
const G = et(X.placement);
|
1135
|
+
return G === y || // Create a bias to the `y` side axis due to horizontal
|
1136
1136
|
// reading directions favoring greater width.
|
1137
|
-
|
1137
|
+
G === "y";
|
1138
1138
|
}
|
1139
1139
|
return !0;
|
1140
|
-
}).map((X) => [X.placement, X.overflows.filter((
|
1141
|
-
|
1140
|
+
}).map((X) => [X.placement, X.overflows.filter((G) => G > 0).reduce((G, $e) => G + $e, 0)]).sort((X, G) => X[1] - G[1])[0]) == null ? void 0 : Y[0];
|
1141
|
+
H && (V = H);
|
1142
1142
|
break;
|
1143
1143
|
}
|
1144
1144
|
case "initialPlacement":
|
@@ -1233,7 +1233,7 @@ const go = function(e) {
|
|
1233
1233
|
} = ht(e, t), c = {
|
1234
1234
|
x: n,
|
1235
1235
|
y: o
|
1236
|
-
}, h = await
|
1236
|
+
}, h = await Yt(t, a), d = et(Q(i)), p = xe(d);
|
1237
1237
|
let u = c[p], m = c[d];
|
1238
1238
|
if (s) {
|
1239
1239
|
const f = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = u + h[f], b = u - h[v];
|
@@ -1276,7 +1276,7 @@ const go = function(e) {
|
|
1276
1276
|
apply: a = () => {
|
1277
1277
|
},
|
1278
1278
|
...c
|
1279
|
-
} = ht(e, t), h = await
|
1279
|
+
} = ht(e, t), h = await Yt(t, c), d = Q(i), p = dt(i), u = et(i) === "y", {
|
1280
1280
|
width: m,
|
1281
1281
|
height: g
|
1282
1282
|
} = s.floating;
|
@@ -1285,16 +1285,16 @@ const go = function(e) {
|
|
1285
1285
|
const y = g - h.top - h.bottom, b = m - h.left - h.right, w = Z(g - h[f], y), E = Z(m - h[v], b), S = !t.middlewareData.shift;
|
1286
1286
|
let $ = w, U = E;
|
1287
1287
|
if ((n = t.middlewareData.shift) != null && n.enabled.x && (U = b), (o = t.middlewareData.shift) != null && o.enabled.y && ($ = y), S && !p) {
|
1288
|
-
const D = R(h.left, 0), K = R(h.right, 0),
|
1289
|
-
u ? U = m - 2 * (D !== 0 || K !== 0 ? D + K : R(h.left, h.right)) : $ = g - 2 * (
|
1288
|
+
const D = R(h.left, 0), K = R(h.right, 0), B = R(h.top, 0), Y = R(h.bottom, 0);
|
1289
|
+
u ? U = m - 2 * (D !== 0 || K !== 0 ? D + K : R(h.left, h.right)) : $ = g - 2 * (B !== 0 || Y !== 0 ? B + Y : R(h.top, h.bottom));
|
1290
1290
|
}
|
1291
1291
|
await a({
|
1292
1292
|
...t,
|
1293
1293
|
availableWidth: U,
|
1294
1294
|
availableHeight: $
|
1295
1295
|
});
|
1296
|
-
const
|
1297
|
-
return m !==
|
1296
|
+
const _ = await l.getDimensions(r.floating);
|
1297
|
+
return m !== _.width || g !== _.height ? {
|
1298
1298
|
reset: {
|
1299
1299
|
rects: !0
|
1300
1300
|
}
|
@@ -1350,7 +1350,7 @@ function Lt(e) {
|
|
1350
1350
|
});
|
1351
1351
|
}
|
1352
1352
|
function Xt(e) {
|
1353
|
-
const t =
|
1353
|
+
const t = Gt(), n = N(e) ? q(e) : e;
|
1354
1354
|
return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
|
1355
1355
|
}
|
1356
1356
|
function bo(e) {
|
@@ -1364,7 +1364,7 @@ function bo(e) {
|
|
1364
1364
|
}
|
1365
1365
|
return null;
|
1366
1366
|
}
|
1367
|
-
function
|
1367
|
+
function Gt() {
|
1368
1368
|
return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
|
1369
1369
|
}
|
1370
1370
|
function at(e) {
|
@@ -1403,12 +1403,12 @@ function pt(e, t, n) {
|
|
1403
1403
|
t === void 0 && (t = []), n === void 0 && (n = !0);
|
1404
1404
|
const i = Ce(e), s = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = L(i);
|
1405
1405
|
if (s) {
|
1406
|
-
const r =
|
1406
|
+
const r = Bt(l);
|
1407
1407
|
return t.concat(l, l.visualViewport || [], yt(i) ? i : [], r && n ? pt(r) : []);
|
1408
1408
|
}
|
1409
1409
|
return t.concat(i, pt(i, [], n));
|
1410
1410
|
}
|
1411
|
-
function
|
1411
|
+
function Bt(e) {
|
1412
1412
|
return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
|
1413
1413
|
}
|
1414
1414
|
function Oe(e) {
|
@@ -1421,11 +1421,11 @@ function Oe(e) {
|
|
1421
1421
|
$: r
|
1422
1422
|
};
|
1423
1423
|
}
|
1424
|
-
function
|
1424
|
+
function Jt(e) {
|
1425
1425
|
return N(e) ? e : e.contextElement;
|
1426
1426
|
}
|
1427
1427
|
function rt(e) {
|
1428
|
-
const t =
|
1428
|
+
const t = Jt(e);
|
1429
1429
|
if (!I(t))
|
1430
1430
|
return M(1);
|
1431
1431
|
const n = t.getBoundingClientRect(), {
|
@@ -1442,7 +1442,7 @@ function rt(e) {
|
|
1442
1442
|
const wo = /* @__PURE__ */ M(0);
|
1443
1443
|
function Pe(e) {
|
1444
1444
|
const t = L(e);
|
1445
|
-
return !
|
1445
|
+
return !Gt() || !t.visualViewport ? wo : {
|
1446
1446
|
x: t.visualViewport.offsetLeft,
|
1447
1447
|
y: t.visualViewport.offsetTop
|
1448
1448
|
};
|
@@ -1452,17 +1452,17 @@ function xo(e, t, n) {
|
|
1452
1452
|
}
|
1453
1453
|
function ot(e, t, n, o) {
|
1454
1454
|
t === void 0 && (t = !1), n === void 0 && (n = !1);
|
1455
|
-
const i = e.getBoundingClientRect(), s =
|
1455
|
+
const i = e.getBoundingClientRect(), s = Jt(e);
|
1456
1456
|
let l = M(1);
|
1457
1457
|
t && (o ? N(o) && (l = rt(o)) : l = rt(e));
|
1458
1458
|
const r = xo(s, n, o) ? Pe(s) : M(0);
|
1459
1459
|
let a = (i.left + r.x) / l.x, c = (i.top + r.y) / l.y, h = i.width / l.x, d = i.height / l.y;
|
1460
1460
|
if (s) {
|
1461
1461
|
const p = L(s), u = o && N(o) ? L(o) : o;
|
1462
|
-
let m = p, g =
|
1462
|
+
let m = p, g = Bt(m);
|
1463
1463
|
for (; g && o && u !== m; ) {
|
1464
1464
|
const f = rt(g), v = g.getBoundingClientRect(), y = q(g), b = v.left + (g.clientLeft + parseFloat(y.paddingLeft)) * f.x, w = v.top + (g.clientTop + parseFloat(y.paddingTop)) * f.y;
|
1465
|
-
a *= f.x, c *= f.y, h *= f.x, d *= f.y, a += b, c += w, m = L(g), g =
|
1465
|
+
a *= f.x, c *= f.y, h *= f.x, d *= f.y, a += b, c += w, m = L(g), g = Bt(m);
|
1466
1466
|
}
|
1467
1467
|
}
|
1468
1468
|
return Tt({
|
@@ -1533,7 +1533,7 @@ function Oo(e, t) {
|
|
1533
1533
|
let s = o.clientWidth, l = o.clientHeight, r = 0, a = 0;
|
1534
1534
|
if (i) {
|
1535
1535
|
s = i.width, l = i.height;
|
1536
|
-
const c =
|
1536
|
+
const c = Gt();
|
1537
1537
|
(!c || c && t === "fixed") && (r = i.offsetLeft, a = i.offsetTop);
|
1538
1538
|
}
|
1539
1539
|
return {
|
@@ -1749,7 +1749,7 @@ function pe(e, t, n, o) {
|
|
1749
1749
|
elementResize: l = typeof ResizeObserver == "function",
|
1750
1750
|
layoutShift: r = typeof IntersectionObserver == "function",
|
1751
1751
|
animationFrame: a = !1
|
1752
|
-
} = o, c =
|
1752
|
+
} = o, c = Jt(e), h = i || s ? [...c ? pt(c) : [], ...pt(t)] : [];
|
1753
1753
|
h.forEach((v) => {
|
1754
1754
|
i && v.addEventListener("scroll", n, {
|
1755
1755
|
passive: !0
|
@@ -1777,7 +1777,7 @@ function pe(e, t, n, o) {
|
|
1777
1777
|
}), d == null || d(), (v = u) == null || v.disconnect(), u = null, a && cancelAnimationFrame(m);
|
1778
1778
|
};
|
1779
1779
|
}
|
1780
|
-
const Fo = go, No = fo, me = po, qo = vo,
|
1780
|
+
const Fo = go, No = fo, me = po, qo = vo, _o = uo, Bo = (e, t, n) => {
|
1781
1781
|
const o = /* @__PURE__ */ new Map(), i = {
|
1782
1782
|
platform: $o,
|
1783
1783
|
...n
|
@@ -1796,7 +1796,7 @@ function Et(e) {
|
|
1796
1796
|
const t = window.devicePixelRatio || 1;
|
1797
1797
|
return Math.round(e * t) / t;
|
1798
1798
|
}
|
1799
|
-
const zt = 8,
|
1799
|
+
const zt = 8, Ho = 100, Mo = (e) => ({
|
1800
1800
|
left: ["right", "bottom", "top"],
|
1801
1801
|
"left-start": ["right-start", "bottom", "top"],
|
1802
1802
|
"left-end": ["right-end", "bottom", "top"],
|
@@ -1898,7 +1898,7 @@ class Qt {
|
|
1898
1898
|
padding: zt,
|
1899
1899
|
apply: ({ availableWidth: m, availableHeight: g, rects: { floating: f } }) => {
|
1900
1900
|
const v = Math.max(
|
1901
|
-
|
1901
|
+
Ho,
|
1902
1902
|
Math.floor(g)
|
1903
1903
|
), y = f.height;
|
1904
1904
|
this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || v <= y;
|
@@ -1910,12 +1910,12 @@ class Qt {
|
|
1910
1910
|
}
|
1911
1911
|
}),
|
1912
1912
|
...a ? [
|
1913
|
-
|
1913
|
+
_o({
|
1914
1914
|
element: a,
|
1915
1915
|
padding: o.tipPadding || zt
|
1916
1916
|
})
|
1917
1917
|
] : []
|
1918
|
-
], { x: h, y: d, placement: p, middlewareData: u } = await
|
1918
|
+
], { x: h, y: d, placement: p, middlewareData: u } = await Bo(
|
1919
1919
|
o.trigger,
|
1920
1920
|
i,
|
1921
1921
|
{
|
@@ -2224,7 +2224,7 @@ class ne extends bt {
|
|
2224
2224
|
return;
|
2225
2225
|
const n = document.createElement("div");
|
2226
2226
|
n.id = `longpress-describedby-descriptor-${Mt()}`;
|
2227
|
-
const o =
|
2227
|
+
const o = He() || Me() ? "touch" : "keyboard";
|
2228
2228
|
n.textContent = oe[o], n.slot = "longpress-describedby-descriptor";
|
2229
2229
|
const i = t.getRootNode(), s = this.overlay.getRootNode();
|
2230
2230
|
i === s ? this.overlay.append(n) : (n.hidden = !("host" in i), t.after(n));
|
@@ -2272,8 +2272,8 @@ var Uo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, P = (e, t,
|
|
2272
2272
|
return o && i && Uo(t, n, i), i;
|
2273
2273
|
};
|
2274
2274
|
const jo = "showPopover" in document.createElement("div");
|
2275
|
-
let Ct =
|
2276
|
-
Ct = jo ? Qe(Ct) :
|
2275
|
+
let Ct = Ge(J);
|
2276
|
+
Ct = jo ? Qe(Ct) : Je(Ct);
|
2277
2277
|
var st;
|
2278
2278
|
const z = (st = class extends Ct {
|
2279
2279
|
constructor() {
|
@@ -2350,7 +2350,7 @@ const z = (st = class extends Ct {
|
|
2350
2350
|
* @returns The `ElementResolutionController` instance.
|
2351
2351
|
*/
|
2352
2352
|
get elementResolver() {
|
2353
|
-
return this._elementResolver || (this._elementResolver = new
|
2353
|
+
return this._elementResolver || (this._elementResolver = new _e(this)), this._elementResolver;
|
2354
2354
|
}
|
2355
2355
|
/**
|
2356
2356
|
* Determines if the overlay uses a dialog.
|
@@ -2620,7 +2620,7 @@ const z = (st = class extends Ct {
|
|
2620
2620
|
this.elementResolver.selector = o ? `#${o}` : "", this.triggerInteraction = i;
|
2621
2621
|
}
|
2622
2622
|
let n = !1;
|
2623
|
-
e.has(
|
2623
|
+
e.has(Be) && (n = this.triggerElement, this.triggerElement = this.elementResolver.element), e.has("triggerElement") && (n = e.get("triggerElement")), n !== !1 && this.bindEvents();
|
2624
2624
|
}
|
2625
2625
|
/**
|
2626
2626
|
* Lifecycle method called after the component updates.
|
@@ -2811,7 +2811,7 @@ const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2811
2811
|
C: te,
|
2812
2812
|
H: ee,
|
2813
2813
|
I: nt,
|
2814
|
-
L:
|
2814
|
+
L: J,
|
2815
2815
|
P: Qt,
|
2816
2816
|
V: ct,
|
2817
2817
|
a: T,
|
@@ -2850,7 +2850,7 @@ const Ko = () => {
|
|
2850
2850
|
}
|
2851
2851
|
};
|
2852
2852
|
Ko();
|
2853
|
-
const
|
2853
|
+
const Yo = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
|
2854
2854
|
var Xo = Object.defineProperty, k = (e, t, n, o) => {
|
2855
2855
|
for (var i = void 0, s = e.length - 1, l; s >= 0; s--)
|
2856
2856
|
(l = e[s]) && (i = l(t, n, i) || i);
|
@@ -2861,7 +2861,7 @@ class C extends ge {
|
|
2861
2861
|
super(...arguments), this.content = "click hover longpress", this.offset = 6, this.disabled = !1, this.receivesFocus = "auto", this.clickContent = [], this.longpressContent = [], this.hoverContent = [], this.targetContent = [];
|
2862
2862
|
}
|
2863
2863
|
static get styles() {
|
2864
|
-
return [fe(
|
2864
|
+
return [fe(Yo)];
|
2865
2865
|
}
|
2866
2866
|
getAssignedElementsFromSlot(t) {
|
2867
2867
|
return t.assignedElements({ flatten: !0 });
|
@@ -3035,7 +3035,7 @@ k([
|
|
3035
3035
|
k([
|
3036
3036
|
gt("#hover-overlay", !0)
|
3037
3037
|
], C.prototype, "hoverOverlayElement");
|
3038
|
-
function
|
3038
|
+
function Go(e, t, n, o) {
|
3039
3039
|
return wt.open(
|
3040
3040
|
e,
|
3041
3041
|
t,
|
@@ -3078,7 +3078,7 @@ class se extends Ie {
|
|
3078
3078
|
this.init();
|
3079
3079
|
}
|
3080
3080
|
}
|
3081
|
-
const
|
3081
|
+
const Jo = Ht(se);
|
3082
3082
|
class Ae extends se {
|
3083
3083
|
constructor() {
|
3084
3084
|
super(...arguments), this.defaultOptions = {
|
@@ -3122,7 +3122,7 @@ class Ae extends se {
|
|
3122
3122
|
), i)
|
3123
3123
|
this.overlay.remove();
|
3124
3124
|
else {
|
3125
|
-
|
3125
|
+
J.applyOptions(this.overlay, {
|
3126
3126
|
...this.options,
|
3127
3127
|
trigger: this.target
|
3128
3128
|
});
|
@@ -3131,7 +3131,7 @@ class Ae extends se {
|
|
3131
3131
|
}
|
3132
3132
|
}
|
3133
3133
|
}
|
3134
|
-
const Zo =
|
3134
|
+
const Zo = Ht(Ae);
|
3135
3135
|
customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", wt);
|
3136
3136
|
customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", C);
|
3137
3137
|
const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
@@ -3142,7 +3142,7 @@ const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3142
3142
|
InteractionTypes: nt,
|
3143
3143
|
LONGPRESS_INSTRUCTIONS: oe,
|
3144
3144
|
LongpressController: ne,
|
3145
|
-
LuzmoAbstractOverlay:
|
3145
|
+
LuzmoAbstractOverlay: J,
|
3146
3146
|
LuzmoOverlay: wt,
|
3147
3147
|
LuzmoOverlayTrigger: C,
|
3148
3148
|
OverlayTriggerDirective: Ae,
|
@@ -3153,11 +3153,11 @@ const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3153
3153
|
guaranteedAllTransitionend: vt,
|
3154
3154
|
nextFrame: T,
|
3155
3155
|
noop: j,
|
3156
|
-
openOverlay:
|
3156
|
+
openOverlay: Go,
|
3157
3157
|
overlayTimer: lt,
|
3158
3158
|
placementUpdatedSymbol: Le,
|
3159
3159
|
removeSlottableRequest: St,
|
3160
|
-
slottableRequest:
|
3160
|
+
slottableRequest: Jo,
|
3161
3161
|
trigger: Zo
|
3162
3162
|
}, Symbol.toStringTag, { value: "Module" }));
|
3163
3163
|
export {
|