@luzmo/analytics-components-kit 1.0.9-beta.3 → 1.0.9-beta.4

package/standalone/chunks/item-option-action-button-group-B_XEkUcP.js

@@ -0,0 +1,35 @@
+
+import{n as e}from"./localized-mixin-BEfBwOPN.js";import{t}from"./luzmoAlignLeft-HA-XKPHy.js";import{t as n}from"./luzmoTable-BYeZ8pW6.js";import{n as r,r as i,t as a}from"./luzmoBorderDotted-CWXwQ_Hm.js";import{t as o}from"./item-option-base-R8-N5_rE.js";import{html as s,property as c,query as l,unsafeCSS as u}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/action-group.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/icon.js";var d={icon:[32,32,`M1 2C-.3 2-.3 4 1 4h30c1.3 0 1.3-2 0-2zm14.3 4.3-5 5c-1 1 .5 2.3 1.4 1.4L15 9.4V18c0 1.3 2 1.3 2 0V9.4l3.3 3.3c1 1 2.3-.5 1.4-1.4l-5-5a1 1 0 0 0-1.4 0z`],name:`align-top`},f={icon:[32,32,`m10.3 4.7 5 5c.4.4 1 .4 1.4 0l5-5c1-1-.5-2.3-1.4-1.4L16 7.6l-4.3-4.3c-.9-1-2.4.5-1.4 1.4ZM1 14c-1.3 0-1.3 2 0 2h30c1.3 0 1.3-2 0-2zm14.3 6.3-5 5c-1 1 .5 2.3 1.4 1.4l4.3-4.3 4.3 4.3c1 1 2.3-.5 1.4-1.4l-5-5a1 1 0 0 0-1.4 0z`],name:`align-middle`},p={icon:[32,32,`M1 30c-1.3 0-1.3-2 0-2h30c1.3 0 1.3 2 0 2zm14.3-4.3-5-5c-1-1 .5-2.3 1.4-1.4l3.3 3.3V14c0-1.3 2-1.3 2 0v8.6l3.3-3.3c1-1 2.3.5 1.4 1.4l-5 5a1 1 0 0 1-1.4 0z`],name:`align-bottom`},m={icon:[32,32,`M1 2C-.3 2-.3 4 1 4h30c1.3 0 1.3-2 0-2zm5 12c-1.3 0-1.3 2 0 2h20c1.3 0 1.3-2 0-2zm5 12c-1.3 0-1.3 2 0 2h10c1.3 0 1.3-2 0-2z`],name:`align-center`},h={icon:[32,32,`M1 2C-.3 2-.3 4 1 4h30c1.3 0 1.3-2 0-2zm10 12c-1.3 0-1.3 2 0 2h20c1.3 0 1.3-2 0-2zm10 12c-1.3 0-1.3 2 0 2h10c1.3 0 1.3-2 0-2z`],name:`align-right`},g={icon:[32,32,`m15 2a1 1 0 0 0-0.7 0.3l-4 4a1 1 0 0 0 0 1.4 1 1 0 0 0 1.4 0L15 4.4 18.3 7.7a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4l-4-4A1 1 0 0 0 15 2Zm-4 22a1 1 0 0 0-0.7 0.3 1 1 0 0 0 0 1.4l4 4a1 1 0 0 0 1.4 0l4-4a1 1 0 0 0 0-1.4 1 1 0 0 0-1.4 0L15 27.6 11.7 24.3A1 1 0 0 0 11 24ZM15 2a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1 1 1 0 0 0 1-1V3A1 1 0 0 0 15 2Z`],name:`arrows-vertical`},_={icon:[32,32,`m2 17a1 1 0 0 0 0.3 0.7l4 4a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4L4.4 17 7.7 13.7a1 1 0 0 0 0-1.4 1 1 0 0 0-1.4 0l-4 4a1 1 0 0 0-0.3 0.7zm22 4a1 1 0 0 0 0.3 0.7 1 1 0 0 0 1.4 0l4-4a1 1 0 0 0 0-1.4l-4-4a1 1 0 0 0-1.4 0 1 1 0 0 0 0 1.4l3.3 3.3-3.3 3.3a1 1 0 0 0-0.3 0.7zM2 17a1 1 0 0 0 1 1H29a1 1 0 0 0 1-1 1 1 0 0 0-1-1H3a1 1 0 0 0-1 1z`],name:`arrows-horizontal`},v={icon:[32,32,`M28.3 2.3 20 10.6V7c0-1.3-2-1.3-2 0v6c0 .6.4 1 1 1h6c1.3 0 1.3-2 0-2h-3.6l8.3-8.3c1-1-.5-2.3-1.4-1.4ZM7 18c-1.3 0-1.3 2 0 2h3.6l-8.3 8.3a1 1 0 0 0 1.4 1.4l8.3-8.3V25c0 1.3 2 1.3 2 0v-6c0-.6-.5-1-1-1Z`],name:`compress`},y={icon:[32,32,`M23 2c-1.3 0-1.3 2 0 2h3.6l-8.3 8.3c-1 1 .5 2.3 1.4 1.4L28 5.4V9c0 1.3 2 1.3 2 0V3c0-.5-.4-1-1-1ZM12.3 18.3 4 26.6V23a1 1 0 1 0-2 0v6c0 .6.4 1 1 1h6a1 1 0 1 0 0-2H5.4l8.3-8.3c1-1-.5-2.3-1.4-1.4z`],name:`expand`},b={icon:[32,32,`M3 2a1 1 0 0 0-1 1v6c0 1.3 2 1.3 2 0V5.4L14.6 16 4 26.6V23c0-1.3-2-1.3-2 0v6c0 .6.4 1 1 1h6c1.3 0 1.3-2 0-2H5.4L16 17.4 26.6 28H23c-1.3 0-1.3 2 0 2h6c.8 0 1-.8 1-1v-6c0-1.3-2-1.3-2 0v3.6L17.4 16 28 5.4V9c0 1.3 2 1.3 2 0V3c0-.5-.4-1-1-1h-6c-1.3 0-1.3 2 0 2h3.6L16 14.6 5.4 4H9c1.3 0 1.3-2 0-2z`],name:`arrows-expand`},x={icon:[32,32,`M15.99 2C8.27 2 1.99 8.3 2 16.01c0 7.72 6.29 14 14 13.99 7.72 0 14-6.28 14-14a1 1 0 0 0 0-.01 1 1 0 0 0 0-.01A14.01 14.01 0 0 0 15.99 2zm0 2c6.64 0 12 5.34 12.01 11.98a1 1 0 0 0 0 .02c0 2.96-1.07 5.66-2.83 7.75L8.25 6.83A11.96 11.96 0 0 1 15.99 4zM6.83 8.25l16.92 16.92A11.99 11.99 0 0 1 6.83 8.25z`],name:`ban`},S={icon:[28,32,`m7 13a2 2 0 0 0-2 2 2 2 0 0 0 2 2h9.5c4.1 0 5.5 2.3 5.5 4.5 0 2.2-1.4 4.5-5.5 4.5H4a2 2 0 0 0-2 2 2 2 0 0 0 2 2H16.5C22.4 30 26 25.8 26 21.5 26 17.2 22.4 13 16.5 13ZM4 2A2 2 0 0 0 2 4 2 2 0 0 0 4 6h11c3.1 0 4 1.7 4 3.5 0 1.8-0.9 3.5-4 3.5H7a2 2 0 0 0-2 2 2 2 0 0 0 2 2h8c4.9 0 8-3.8 8-7.5C23 5.8 19.9 2 15 2ZM7 3A2 2 0 0 0 5 5v22.5a2 2 0 0 0 2 2 2 2 0 0 0 2-2V5A2 2 0 0 0 7 3Z`],name:`bold`},C={icon:[24,32,`m11 2a1 1 0 0 0-1 1 1 1 0 0 0 1 1H21A1 1 0 0 0 22 3 1 1 0 0 0 21 2Zm5 0A1 1 0 0 0 15 2.7L7.3 28H3a1 1 0 0 0 0 2h5 5a1 1 0 0 0 1-1 1 1 0 0 0-1-1H9.4L17 3.3a1 1 0 0 0-0.7-1.2A1 1 0 0 0 16 2Z`],name:`italic`},w={icon:[32,32,`M7 0C6.4 0 6 0.4 6 1v13c0 3.3 1.3 5.8 3.1 7.5 1.9 1.7 4.4 2.5 6.9 2.5 2.5 0 5-0.8 6.9-2.5C24.7 19.8 26 17.3 26 14V1C26 0.4 25.6 0 25 0 24.4 0 24 0.4 24 1v13c0 2.8-1 4.7-2.5 6-1.5 1.3-3.5 2-5.5 2-2 0-4-0.7-5.5-2C9 18.7 8 16.8 8 14V1C8 0.4 7.6 0 7 0Zm16 0c-0.6 0-1 0.4-1 1 0 0.6 0.4 1 1 1h4C27.6 2 28 1.6 28 1 28 0.4 27.6 0 27 0ZM5 0C4.4 0 4 0.4 4 1 4 1.6 4.4 2 5 2H9C9.6 2 10 1.6 10 1 10 0.4 9.6 0 9 0ZM3 30c-0.6 0-1 0.4-1 1 0 0.6 0.4 1 1 1h26c0.6 0 1-0.4 1-1 0-0.6-0.4-1-1-1z`],name:`underline`},T={icon:[32,32,`M 2,2 V 4 H 30 V 2 Z m -1,9 v 2 h 30 v -2 z m 0,9 v 2 H 31 V 20 Z M 5,0 C 2.2,0 0,2.2 0,5 v 22 c 0,2.8 2.2,5 5,5 h 22 c 2.8,0 5,-2.2 5,-5 V 5 C 32,2.2 29.8,0 27,0 Z m 0,2 h 22 c 1.7,0 3,1.3 3,3 v 22 c 0,1.7 -1.3,3 -3,3 H 5 C 3.3,30 2,28.7 2,27 V 5 C 2,3.3 3.3,2 5,2 Z`],name:`rows`},E={icon:[32,32,`M 2,2 V 4 H 28 V 2 Z M 14,1 v 30 h 2 V 1 Z M 5,0 C 2.2,0 0,2.2 0,5 v 22 c 0,2.8 2.2,5 5,5 h 20 c 2.8,0 5,-2.2 5,-5 V 5 C 30,2.2 27.8,0 25,0 Z m 0,2 h 20 c 1.7,0 3,1.3 3,3 v 22 c 0,1.7 -1.3,3 -3,3 H 5 C 3.3,30 2,28.7 2,27 V 5 C 2,3.3 3.3,2 5,2 Z`],name:`columns`},D=`luzmo-action-group{--luzmo-item-option-action-button-group-button-background-hover:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-background-down:rgba(var(--luzmo-primary-rgb), .2);--luzmo-item-option-action-button-group-button-background-focus:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-content-color-default:var(--luzmo-font-color-disabled);--luzmo-item-option-action-button-group-button-content-color-hover:var(--luzmo-font-color-hover);--luzmo-item-option-action-button-group-button-content-color-down:var(--luzmo-font-color-down);--luzmo-item-option-action-button-group-button-content-color-focus:var(--luzmo-font-color-focus)}luzmo-action-group[compact][quiet][emphasized],luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-hover);--luzmo-action-button-background-color-down:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-focus:var(--luzmo-item-option-action-button-group-button-background-focus);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-default);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-hover);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-focus:var(--luzmo-item-option-action-button-group-button-content-color-focus)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-default:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down)}`,O={alignBottom:p,alignMiddle:f,alignTop:d,alignLeft:t,alignCenter:m,alignRight:h,ban:x,borderSolid:i,borderDashed:r,borderDotted:a,compress:v,expand:y,arrowsExpand:b,arrowsHorizontal:_,arrowsVertical:g,italic:C,bold:S,underline:w,rows:T,columns:E,table:n},k=class extends o{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[...super.styles,u(D)]}_handleEvent(){let e=this.selects===`multiple`?this.actionGroup?.selected:this.actionGroup?.selected?.[0];this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}_generateButtonContents(e){return typeof e==`string`?s`${e}`:e.iconName||e.icon?s`
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${e.icon??O[e.iconName]}
+          .label=${e.label??``}
+        ></luzmo-icon>
+        ${e.buttonText??``}
+      `:s`${e.buttonText??``}`}_generateActionButtons(){return Object.entries(this.values).map(([e,t])=>s`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${this._generateButtonContents(t)}
+          ${t.label?s`<luzmo-tooltip
+                self-managed
+                placement="top"
+                size=${this.size}
+              >
+                ${t.label}
+              </luzmo-tooltip>`:``}
+        </luzmo-action-button>
+      `)}renderController(){let e=this._generateActionButtons();return s`
+      <luzmo-action-group
+        id="luzmo-item-option-control"
+        compact
+        quiet
+        emphasized
+        .selects=${this.selects??`single`}
+        .size=${this.size}
+        .selected=${this.value||this.default||[]}
+        @change=${this._handleEvent}
+        .disabled=${this.disabled}
+      >
+        ${e}
+      </luzmo-action-group>
+    `}};e([c({type:Array})],k.prototype,`values`,void 0),e([c({type:Boolean,reflect:!0})],k.prototype,`disabled`,void 0),e([c({type:String})],k.prototype,`selects`,void 0),e([c({type:Array})],k.prototype,`value`,void 0),e([c({type:Array})],k.prototype,`default`,void 0),e([l(`luzmo-action-group`)],k.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-action-button-group`)||customElements.define(`luzmo-item-option-action-button-group`,k);export{k as LuzmoItemOptionActionButtonGroup};

package/standalone/chunks/item-option-panel-s1ZKzAZ9.js

@@ -0,0 +1,298 @@
+
+import{n as e}from"./localized-mixin-BEfBwOPN.js";import{n as t}from"./lit-localize-CIGP-NUw.js";import{r as n}from"./base-DOKoeL4P.js";import{n as r,t as i}from"./themes-BD5sKr3j.js";import{t as a}from"./task-C3c3OWyi.js";import{t as o}from"./data-broker-CbKNAOhf.js";import{n as s,r as c}from"./types-BS6dxSMT.js";import{html as l,ifDefined as u,property as d,unsafeCSS as f}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/accordion.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/divider.js";var p={"area-chart":()=>import(`./area-chart-options.config-CXWPLl-0.js`),"bar-chart":()=>import(`./bar-chart-options.config-w4REKu0t.js`),"box-plot":()=>import(`./box-plot-options.config-BlYMd4FN.js`),"bubble-chart":()=>import(`./bubble-chart-options.config-BKPTymfC.js`),"bullet-chart":()=>import(`./bullet-chart-options.config-Cc5lKDjs.js`),"choropleth-map":()=>import(`./choropleth-map-options.config-Ul1FSTwf.js`),"circle-pack-chart":()=>import(`./circle-pack-chart-options.config-CjDkh4DG.js`),"circular-gauge":()=>import(`./circular-gauge-options.config-p2zb-ORR.js`),"column-chart":()=>import(`./column-chart-options.config-v7fBgXRI.js`),"combination-chart":()=>import(`./combination-chart-options.config-C9hmUPal.js`),"conditional-number":()=>import(`./conditional-number-options.config-hdARPTD7.js`),"date-comparison-filter":()=>import(`./date-comparison-filter-options.config-a_qCDcWA.js`),"date-filter":()=>import(`./date-filter-options.config-DHTbxiWn.js`),"donut-chart":()=>import(`./donut-chart-options.config-BuZj-QX5.js`),"dropdown-filter":()=>import(`./dropdown-filter-options.config-zwR7hmkX.js`),"evolution-number":()=>import(`./evolution-number-options.config-B5Cj0YAQ.js`),"funnel-chart":()=>import(`./funnel-chart-options.config-1SyJ_qYd.js`),"heat-map":()=>import(`./heat-map-options.config-DYIrP8cV.js`),"heat-table":()=>import(`./heat-table-options.config-ByHwT44G.js`),"hexbin-map":()=>import(`./hexbin-map-options.config-Elr44Jin.js`),image:()=>import(`./image-options.config-Cj4r1ypi.js`),"line-chart":()=>import(`./line-chart-options.config-DyqQLGw8.js`),"marker-map":()=>import(`./marker-map-options.config-D_OTOZRe.js`),"ohlc-chart":()=>import(`./ohlc-chart-options.config-Bu2GKlAH.js`),"parallel-coordinates-plot":()=>import(`./parallel-coordinates-plot-options.config-BcIYCRdF.js`),"pivot-table":()=>import(`./pivot-table-options.config-BZpId1ju.js`),"pyramid-chart":()=>import(`./pyramid-chart-options.config-CBd-pgn_.js`),"radar-chart":()=>import(`./radar-chart-options.config-CnQ8mbs9.js`),"regular-table":()=>import(`./regular-table-options.config-BnhDzc-m.js`),"route-map":()=>import(`./route-map-options.config-CWyA9_SB.js`),"sankey-diagram":()=>import(`./sankey-diagram-options.config-Curc2-If.js`),"scatter-plot":()=>import(`./scatter-plot-options.config-BV9Lb6-v.js`),"search-filter":()=>import(`./search-filter-options.config-DPhYMtlJ.js`),"slicer-filter":()=>import(`./slicer-filter-options.config-BQ1vpcTb.js`),"slider-filter":()=>import(`./slider-filter-options.config-ZCkBkeXQ.js`),spacer:()=>import(`./spacer-options.config-DmYOnwBz.js`),"speedometer-chart":()=>import(`./speedometer-chart-options.config-YmUv49lQ.js`),"spike-map":()=>import(`./spike-map-options.config-YOYHTzZs.js`),"strip-plot":()=>import(`./strip-plot-options.config-D84diNaB.js`),"sunburst-chart":()=>import(`./sunburst-chart-options.config-DRjBFJV0.js`),"symbol-map":()=>import(`./symbol-map-options.config-Bbb3xIKg.js`),text:()=>import(`./text-options.config-Chv14kyQ.js`),"treemap-chart":()=>import(`./treemap-chart-options.config-DxkumoYq.js`),"venn-diagram":()=>import(`./venn-diagram-options.config-DmYOnwBz.js`),video:()=>import(`./video-options.config-CfgT_MAw.js`),"wordcloud-chart":()=>import(`./wordcloud-chart-options.config-b-ibtRWp.js`)},m={"area-chart:de":()=>import(`./area-chart-options.de-Dr8RVJtb.js`),"area-chart:en":()=>import(`./area-chart-options.en-DV1AZ274.js`),"area-chart:es":()=>import(`./area-chart-options.es-Cg7uU7OK.js`),"area-chart:fr":()=>import(`./area-chart-options.fr-CJjgrAt2.js`),"area-chart:nl":()=>import(`./area-chart-options.nl-CTGxVXNo.js`),"bar-chart:de":()=>import(`./bar-chart-options.de-DCVBVtFi.js`),"bar-chart:en":()=>import(`./bar-chart-options.en-B4xiZxTy.js`),"bar-chart:es":()=>import(`./bar-chart-options.es-UqehXB9Z.js`),"bar-chart:fr":()=>import(`./bar-chart-options.fr-CaUBeZBK.js`),"bar-chart:nl":()=>import(`./bar-chart-options.nl-C2tFvUE8.js`),"box-plot:de":()=>import(`./box-plot-options.de-RDAv8kHb.js`),"box-plot:en":()=>import(`./box-plot-options.en-kGLfLsv3.js`),"box-plot:es":()=>import(`./box-plot-options.es-Dw3ivv22.js`),"box-plot:fr":()=>import(`./box-plot-options.fr-De5nkQNr.js`),"box-plot:nl":()=>import(`./box-plot-options.nl-DD1f-Nlt.js`),"bubble-chart:de":()=>import(`./bubble-chart-options.de-C4pA9ZdS.js`),"bubble-chart:en":()=>import(`./bubble-chart-options.en-DM-MH8pT.js`),"bubble-chart:es":()=>import(`./bubble-chart-options.es-C2VE7E7k.js`),"bubble-chart:fr":()=>import(`./bubble-chart-options.fr-BugyvkW9.js`),"bubble-chart:nl":()=>import(`./bubble-chart-options.nl-oDPNybDE.js`),"bullet-chart:de":()=>import(`./bullet-chart-options.de-Ci81seQn.js`),"bullet-chart:en":()=>import(`./bullet-chart-options.en-Dk95moRX.js`),"bullet-chart:es":()=>import(`./bullet-chart-options.es-eIqahAOr.js`),"bullet-chart:fr":()=>import(`./bullet-chart-options.fr-CEABbpT0.js`),"bullet-chart:nl":()=>import(`./bullet-chart-options.nl-B3gOPn5D.js`),"choropleth-map:de":()=>import(`./choropleth-map-options.de-eALhIYgW.js`),"choropleth-map:en":()=>import(`./choropleth-map-options.en-DNdPCTz7.js`),"choropleth-map:es":()=>import(`./choropleth-map-options.es-BoHXBNpE.js`),"choropleth-map:fr":()=>import(`./choropleth-map-options.fr-Di8f-OWA.js`),"choropleth-map:nl":()=>import(`./choropleth-map-options.nl-XKS-glHm.js`),"circle-pack-chart:de":()=>import(`./circle-pack-chart-options.de-Dwf0pYf1.js`),"circle-pack-chart:en":()=>import(`./circle-pack-chart-options.en-DhCFF4vx.js`),"circle-pack-chart:es":()=>import(`./circle-pack-chart-options.es-DDKEbXse.js`),"circle-pack-chart:fr":()=>import(`./circle-pack-chart-options.fr-Dezqd3QL.js`),"circle-pack-chart:nl":()=>import(`./circle-pack-chart-options.nl-BNXyskRD.js`),"circular-gauge:de":()=>import(`./circular-gauge-options.de-DXGoiD0i.js`),"circular-gauge:en":()=>import(`./circular-gauge-options.en-SHYrAgsX.js`),"circular-gauge:es":()=>import(`./circular-gauge-options.es-D4xJXTQ-.js`),"circular-gauge:fr":()=>import(`./circular-gauge-options.fr-6vBd5iUe.js`),"circular-gauge:nl":()=>import(`./circular-gauge-options.nl-CDoO99Is.js`),"column-chart:de":()=>import(`./column-chart-options.de-OoMpZc7N.js`),"column-chart:en":()=>import(`./column-chart-options.en-B4xiZxTy.js`),"column-chart:es":()=>import(`./column-chart-options.es-BL-wKXpp.js`),"column-chart:fr":()=>import(`./column-chart-options.fr-CaUBeZBK.js`),"column-chart:nl":()=>import(`./column-chart-options.nl-C2tFvUE8.js`),"combination-chart:de":()=>import(`./combination-chart-options.de-ChlEhT09.js`),"combination-chart:en":()=>import(`./combination-chart-options.en-DhCXqnwj.js`),"combination-chart:es":()=>import(`./combination-chart-options.es-DESqZp0U.js`),"combination-chart:fr":()=>import(`./combination-chart-options.fr-v6P2xQCi.js`),"combination-chart:nl":()=>import(`./combination-chart-options.nl-D8ato2ve.js`),"conditional-number:de":()=>import(`./conditional-number-options.de-BNkYWqfn.js`),"conditional-number:en":()=>import(`./conditional-number-options.en-J7yPXdbP.js`),"conditional-number:es":()=>import(`./conditional-number-options.es-CKDTBiYp.js`),"conditional-number:fr":()=>import(`./conditional-number-options.fr-BX1cbt1S.js`),"conditional-number:nl":()=>import(`./conditional-number-options.nl-6IE86oA9.js`),"date-comparison-filter:de":()=>import(`./date-comparison-filter-options.de-WqpVCnC1.js`),"date-comparison-filter:en":()=>import(`./date-comparison-filter-options.en-Obm6KfbI.js`),"date-comparison-filter:es":()=>import(`./date-comparison-filter-options.es-CxYTNaTq.js`),"date-comparison-filter:fr":()=>import(`./date-comparison-filter-options.fr-DhrKNPxX.js`),"date-comparison-filter:nl":()=>import(`./date-comparison-filter-options.nl-D2RV7246.js`),"date-filter:de":()=>import(`./date-filter-options.de-B83VkpDz.js`),"date-filter:en":()=>import(`./date-filter-options.en-DKQexBC1.js`),"date-filter:es":()=>import(`./date-filter-options.es-DfDqzkVB.js`),"date-filter:fr":()=>import(`./date-filter-options.fr-DoZy8DU8.js`),"date-filter:nl":()=>import(`./date-filter-options.nl-DKtF0sFB.js`),"donut-chart:de":()=>import(`./donut-chart-options.de-QusCBL9B.js`),"donut-chart:en":()=>import(`./donut-chart-options.en-D0ligFH6.js`),"donut-chart:es":()=>import(`./donut-chart-options.es-Bmn34sGt.js`),"donut-chart:fr":()=>import(`./donut-chart-options.fr-DGBawYKp.js`),"donut-chart:nl":()=>import(`./donut-chart-options.nl-DzNTu0v4.js`),"dropdown-filter:de":()=>import(`./dropdown-filter-options.de-dj6aTNQQ.js`),"dropdown-filter:en":()=>import(`./dropdown-filter-options.en-DH7Jfk8Q.js`),"dropdown-filter:es":()=>import(`./dropdown-filter-options.es-K2L8ln9j.js`),"dropdown-filter:fr":()=>import(`./dropdown-filter-options.fr-CMapzFiR.js`),"dropdown-filter:nl":()=>import(`./dropdown-filter-options.nl-BLAyit4D.js`),"evolution-number:de":()=>import(`./evolution-number-options.de-Ch0LaHwI.js`),"evolution-number:en":()=>import(`./evolution-number-options.en-riChGfa6.js`),"evolution-number:es":()=>import(`./evolution-number-options.es-BdG3lvVQ.js`),"evolution-number:fr":()=>import(`./evolution-number-options.fr-_h0kLeRL.js`),"evolution-number:nl":()=>import(`./evolution-number-options.nl-CqycrLe1.js`),"funnel-chart:de":()=>import(`./funnel-chart-options.de-BTxwd7Pe.js`),"funnel-chart:en":()=>import(`./funnel-chart-options.en-CmY-uO1P.js`),"funnel-chart:es":()=>import(`./funnel-chart-options.es-DLqBydsE.js`),"funnel-chart:fr":()=>import(`./funnel-chart-options.fr-ztQ5OMZi.js`),"funnel-chart:nl":()=>import(`./funnel-chart-options.nl-DVysx7tP.js`),"heat-map:de":()=>import(`./heat-map-options.de-BfJMMX2Q.js`),"heat-map:en":()=>import(`./heat-map-options.en-Dr653pN6.js`),"heat-map:es":()=>import(`./heat-map-options.es-CklrBP1w.js`),"heat-map:fr":()=>import(`./heat-map-options.fr-DwtCOHrA.js`),"heat-map:nl":()=>import(`./heat-map-options.nl-DQBLussF.js`),"heat-table:de":()=>import(`./heat-table-options.de-BMx67hXo.js`),"heat-table:en":()=>import(`./heat-table-options.en-BbobGoXs.js`),"heat-table:es":()=>import(`./heat-table-options.es-zKo-QMBY.js`),"heat-table:fr":()=>import(`./heat-table-options.fr-XSTL1CSb.js`),"heat-table:nl":()=>import(`./heat-table-options.nl-Cgcccsee.js`),"hexbin-map:de":()=>import(`./hexbin-map-options.de-C45yz1mZ.js`),"hexbin-map:en":()=>import(`./hexbin-map-options.en-CIrLRJJ1.js`),"hexbin-map:es":()=>import(`./hexbin-map-options.es-wf4yF2eW.js`),"hexbin-map:fr":()=>import(`./hexbin-map-options.fr-C0SN47Nq.js`),"hexbin-map:nl":()=>import(`./hexbin-map-options.nl-CweMyvfk.js`),"image:de":()=>import(`./image-options.de-CFUHfYzb.js`),"image:en":()=>import(`./image-options.en-BIyq9f_H.js`),"image:es":()=>import(`./image-options.es-BD---IOk.js`),"image:fr":()=>import(`./image-options.fr-BGFgsNTs.js`),"image:nl":()=>import(`./image-options.nl-DD1JEJSa.js`),"line-chart:de":()=>import(`./line-chart-options.de-BScjvJsI.js`),"line-chart:en":()=>import(`./line-chart-options.en-BVWFsre-.js`),"line-chart:es":()=>import(`./line-chart-options.es-CxNJevNs.js`),"line-chart:fr":()=>import(`./line-chart-options.fr-LCsLx0Uh.js`),"line-chart:nl":()=>import(`./line-chart-options.nl-BOgcjx48.js`),"marker-map:de":()=>import(`./marker-map-options.de-SuCAxwxR.js`),"marker-map:en":()=>import(`./marker-map-options.en-B-gl_14v.js`),"marker-map:es":()=>import(`./marker-map-options.es-CSJGCzjk.js`),"marker-map:fr":()=>import(`./marker-map-options.fr-D5P_HjSn.js`),"marker-map:nl":()=>import(`./marker-map-options.nl-DdeyYFJQ.js`),"ohlc-chart:de":()=>import(`./ohlc-chart-options.de-DeQ8wdeE.js`),"ohlc-chart:en":()=>import(`./ohlc-chart-options.en-DopM1kPj.js`),"ohlc-chart:es":()=>import(`./ohlc-chart-options.es-BKjQWwH0.js`),"ohlc-chart:fr":()=>import(`./ohlc-chart-options.fr-DWhV_lXz.js`),"ohlc-chart:nl":()=>import(`./ohlc-chart-options.nl-D8lhNKIv.js`),"parallel-coordinates-plot:de":()=>import(`./parallel-coordinates-plot-options.de-Dvi0gBbB.js`),"parallel-coordinates-plot:en":()=>import(`./parallel-coordinates-plot-options.en-LdifcLcc.js`),"parallel-coordinates-plot:es":()=>import(`./parallel-coordinates-plot-options.es-DNisZWdC.js`),"parallel-coordinates-plot:fr":()=>import(`./parallel-coordinates-plot-options.fr-DwOBR0cp.js`),"parallel-coordinates-plot:nl":()=>import(`./parallel-coordinates-plot-options.nl-DCXeTldD.js`),"pivot-table:de":()=>import(`./pivot-table-options.de-B0l711Q7.js`),"pivot-table:en":()=>import(`./pivot-table-options.en-D3MYHTWH.js`),"pivot-table:es":()=>import(`./pivot-table-options.es-CDACogGQ.js`),"pivot-table:fr":()=>import(`./pivot-table-options.fr-C-w1sys8.js`),"pivot-table:nl":()=>import(`./pivot-table-options.nl-Dy9VJ1bm.js`),"pyramid-chart:de":()=>import(`./pyramid-chart-options.de-CBL_8UjH.js`),"pyramid-chart:en":()=>import(`./pyramid-chart-options.en-CTozc1Uh.js`),"pyramid-chart:es":()=>import(`./pyramid-chart-options.es-BKciL-nO.js`),"pyramid-chart:fr":()=>import(`./pyramid-chart-options.fr-B04m8B_b.js`),"pyramid-chart:nl":()=>import(`./pyramid-chart-options.nl-DIhj1NYF.js`),"radar-chart:de":()=>import(`./radar-chart-options.de-_LSueG69.js`),"radar-chart:en":()=>import(`./radar-chart-options.en-DBA8TpKJ.js`),"radar-chart:es":()=>import(`./radar-chart-options.es-DjSsFQkP.js`),"radar-chart:fr":()=>import(`./radar-chart-options.fr-CCh2jYPS.js`),"radar-chart:nl":()=>import(`./radar-chart-options.nl-tZ0JRjXD.js`),"regular-table:de":()=>import(`./regular-table-options.de-DPmii-jp.js`),"regular-table:en":()=>import(`./regular-table-options.en-DQugncwx.js`),"regular-table:es":()=>import(`./regular-table-options.es-DzbTEFoh.js`),"regular-table:fr":()=>import(`./regular-table-options.fr-roRCzuK8.js`),"regular-table:nl":()=>import(`./regular-table-options.nl-DxYUm_Rz.js`),"route-map:de":()=>import(`./route-map-options.de-Ke-Bybpi.js`),"route-map:en":()=>import(`./route-map-options.en-CDXIcBc0.js`),"route-map:es":()=>import(`./route-map-options.es-CCEXcHLb.js`),"route-map:fr":()=>import(`./route-map-options.fr-BXoMKK54.js`),"route-map:nl":()=>import(`./route-map-options.nl-U52AE8MW.js`),"sankey-diagram:de":()=>import(`./sankey-diagram-options.de-Bisx6mpj.js`),"sankey-diagram:en":()=>import(`./sankey-diagram-options.en-DonChVRz.js`),"sankey-diagram:es":()=>import(`./sankey-diagram-options.es-TCXmlth5.js`),"sankey-diagram:fr":()=>import(`./sankey-diagram-options.fr-B3iAnJNW.js`),"sankey-diagram:nl":()=>import(`./sankey-diagram-options.nl-BnXZQEKn.js`),"scatter-plot:de":()=>import(`./scatter-plot-options.de-Dg3O1b2R.js`),"scatter-plot:en":()=>import(`./scatter-plot-options.en-CJH2ZlFW.js`),"scatter-plot:es":()=>import(`./scatter-plot-options.es-7kExRi4J.js`),"scatter-plot:fr":()=>import(`./scatter-plot-options.fr-Bbkf8efT.js`),"scatter-plot:nl":()=>import(`./scatter-plot-options.nl-zrEXoM-k.js`),"search-filter:de":()=>import(`./search-filter-options.de-DewLFwK0.js`),"search-filter:en":()=>import(`./search-filter-options.en-DyIupnO9.js`),"search-filter:es":()=>import(`./search-filter-options.es-Dx1WGz-q.js`),"search-filter:fr":()=>import(`./search-filter-options.fr-BdnlKNNx.js`),"search-filter:nl":()=>import(`./search-filter-options.nl-DsKcc6ke.js`),"slicer-filter:de":()=>import(`./slicer-filter-options.de-v0So4hDH.js`),"slicer-filter:en":()=>import(`./slicer-filter-options.en-BkVZDku6.js`),"slicer-filter:es":()=>import(`./slicer-filter-options.es-BATOs827.js`),"slicer-filter:fr":()=>import(`./slicer-filter-options.fr-DROih5R8.js`),"slicer-filter:nl":()=>import(`./slicer-filter-options.nl-CT4HfMiT.js`),"slider-filter:de":()=>import(`./slider-filter-options.de-BToTmIkJ.js`),"slider-filter:en":()=>import(`./slider-filter-options.en-Du0cf6NC.js`),"slider-filter:es":()=>import(`./slider-filter-options.es-6yGUkJ9r.js`),"slider-filter:fr":()=>import(`./slider-filter-options.fr-DeupuOm1.js`),"slider-filter:nl":()=>import(`./slider-filter-options.nl-K6BEul4-.js`),"speedometer-chart:de":()=>import(`./speedometer-chart-options.de-CWVMBrx9.js`),"speedometer-chart:en":()=>import(`./speedometer-chart-options.en-DtCdA113.js`),"speedometer-chart:es":()=>import(`./speedometer-chart-options.es-BC1Y-Hje.js`),"speedometer-chart:fr":()=>import(`./speedometer-chart-options.fr-BqnVNM9x.js`),"speedometer-chart:nl":()=>import(`./speedometer-chart-options.nl-D2dmDbhJ.js`),"spike-map:de":()=>import(`./spike-map-options.de-cIVh4l8Z.js`),"spike-map:en":()=>import(`./spike-map-options.en-CKjynYQl.js`),"spike-map:es":()=>import(`./spike-map-options.es-_GxcrK73.js`),"spike-map:fr":()=>import(`./spike-map-options.fr-DHi_gHN6.js`),"spike-map:nl":()=>import(`./spike-map-options.nl-Bicq35x0.js`),"strip-plot:de":()=>import(`./strip-plot-options.de-DjNnWJl2.js`),"strip-plot:en":()=>import(`./strip-plot-options.en-Of1sTT_A.js`),"strip-plot:es":()=>import(`./strip-plot-options.es-BEHY8I7g.js`),"strip-plot:fr":()=>import(`./strip-plot-options.fr-DLfEoXBO.js`),"strip-plot:nl":()=>import(`./strip-plot-options.nl-CA3oh18P.js`),"sunburst-chart:de":()=>import(`./sunburst-chart-options.de-D6enQCjV.js`),"sunburst-chart:en":()=>import(`./sunburst-chart-options.en-D9DSivE2.js`),"sunburst-chart:es":()=>import(`./sunburst-chart-options.es-Bb7iCI1h.js`),"sunburst-chart:fr":()=>import(`./sunburst-chart-options.fr-CCzUgv7r.js`),"sunburst-chart:nl":()=>import(`./sunburst-chart-options.nl-bGOCvc4m.js`),"symbol-map:de":()=>import(`./symbol-map-options.de-CqxosoVr.js`),"symbol-map:en":()=>import(`./symbol-map-options.en-DT7vsjRh.js`),"symbol-map:es":()=>import(`./symbol-map-options.es-PGR-C-uM.js`),"symbol-map:fr":()=>import(`./symbol-map-options.fr-CPNydqFW.js`),"symbol-map:nl":()=>import(`./symbol-map-options.nl-BBHmJwLF.js`),"text:de":()=>import(`./text-options.de-CRVu5VAm.js`),"text:en":()=>import(`./text-options.en-CupCY5Us.js`),"text:es":()=>import(`./text-options.es-uKgRI4LZ.js`),"text:fr":()=>import(`./text-options.fr-C256Njqd.js`),"text:nl":()=>import(`./text-options.nl-CpMqMCOZ.js`),"treemap-chart:de":()=>import(`./treemap-chart-options.de-DdhcpjTu.js`),"treemap-chart:en":()=>import(`./treemap-chart-options.en-DB87QjbN.js`),"treemap-chart:es":()=>import(`./treemap-chart-options.es-DEImFeIB.js`),"treemap-chart:fr":()=>import(`./treemap-chart-options.fr-BzM5c_vV.js`),"treemap-chart:nl":()=>import(`./treemap-chart-options.nl-CFJgBJi2.js`),"video:de":()=>import(`./video-options.de-Cxs3-JN3.js`),"video:en":()=>import(`./video-options.en-ck74JByC.js`),"video:es":()=>import(`./video-options.es-UdEH3Rzk.js`),"video:fr":()=>import(`./video-options.fr-p5bOI-bw.js`),"video:nl":()=>import(`./video-options.nl-CBYWp-Df.js`),"wordcloud-chart:de":()=>import(`./wordcloud-chart-options.de-B0CeI2KB.js`),"wordcloud-chart:en":()=>import(`./wordcloud-chart-options.en-BQ-8ciOw.js`),"wordcloud-chart:es":()=>import(`./wordcloud-chart-options.es-DyMrHpJL.js`),"wordcloud-chart:fr":()=>import(`./wordcloud-chart-options.fr-V1k_70yq.js`),"wordcloud-chart:nl":()=>import(`./wordcloud-chart-options.nl-CrfYuaYy.js`)},h=async e=>{try{let t=p[e];return t?(await t())?.default??null:null}catch{return null}},g=async(e,t)=>{try{let n=m[`${e}:${t}`];if(!n)return null;let r=await n();if(!r?.default)return null;let[{getAxisTranslations:i},{getInfoTooltipTranslations:a},{getInteractivityTranslations:o}]=await Promise.all([import(`./axis-options.i18n-BwkGC9PX.js`),import(`./info-tooltip-options.i18n-B_gjTq0R.js`),import(`./interactivity-options.i18n-BLDCmZkC.js`)]),s=[i(t),a(t),o(t)];return{...r.default,groups:Object.assign({},...s.map(e=>e.groups),r.default.groups),options:Object.assign({},...s.map(e=>e.options),r.default.options)}}catch{return null}},_=e=>e?h(e):Promise.resolve(null),v=async(e,t,n=!1)=>{if(!e||!t)return null;let r=await g(e,t);return!r&&n&&t!==`en`&&(r=await g(e,`en`)),r??null},y=(e,t,n)=>{let r=t=>{for(let i of t??[]){if(i.key===e)return n?i:i.control;if(i.children){let e=r(i.children);if(e)return e}}return null};if(t&&Array.isArray(t))for(let e of t){let t=r(e.children);if(t)return t}return null},b=`:host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:visible}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`,x=e=>{let t;return typeof e?.controlInfo?.default==`function`?t=e.controlInfo.default({options:e.options,slots:e.slots,theme:e.theme}):e.controlInfo?.default!==void 0&&e.controlInfo?.default!==null&&(t=e.controlInfo.default),t},S=e=>{let t;if(typeof e.controlInfo?.extraLabel==`function`?t=e.controlInfo.extraLabel({options:e.options,slots:e.slots,theme:e.theme}):typeof e.controlInfo?.extraLabel==`string`&&(t=e.controlInfo.extraLabel),typeof t==`string`){let n=e.translations?.options?.[e.optionKey]?.extraLabel;typeof n==`string`?t=n:n&&typeof n==`object`&&(t=n[t]??t)}let n;if(typeof e.controlInfo?.extraLabelTooltip==`function`?n=e.controlInfo.extraLabelTooltip({options:e.options,slots:e.slots,theme:e.theme}):typeof e.controlInfo?.extraLabelTooltip==`string`&&(n=e.controlInfo.extraLabelTooltip),typeof n==`string`){let t=e.translations?.options?.[e.optionKey]?.extraLabelTooltip;typeof t==`string`?n=t:t&&typeof t==`object`&&(n=t[n]??n)}let r;typeof e.controlInfo?.extraLabelHasClickAction==`function`?r=e.controlInfo.extraLabelHasClickAction({options:e.options,slots:e.slots,theme:e.theme}):typeof e.controlInfo?.extraLabelHasClickAction==`boolean`&&(r=e.controlInfo.extraLabelHasClickAction);let i=typeof e.controlInfo?.extraLabelClickAction==`function`?()=>e.controlInfo.extraLabelClickAction({options:e.options,slots:e.slots,theme:e.theme}):()=>{};return{extraLabel:t,extraLabelTooltip:n,extraLabelHasClickAction:r,extraLabelClickAction:i}},C=(e,t)=>{let n=e?.options??{};if(typeof e?.controlInfo?.calculateValue==`function`)return e.controlInfo.calculateValue({options:n});if(t.includes(`.`)){let e=t.split(`.`),r=n;for(let t=0;t<e.length-1;t++)r=r[e[t]]??{};let i=e.length-1;return r[e[i]]}return n[t]},w=/^(0|[1-9]\d*)$/,T=e=>typeof e==`object`&&!!e,E=e=>w.test(e)?[]:{},D=(e,t,n)=>{let[r,...i]=t,a=Array.isArray(e)?[...e]:{...e},o=a;if(i.length===0)return o[r]=n,a;let s=o[r];return o[r]=D(T(s)?s:E(i[0]),i,n),a},O=(e,t,n)=>{let r=t.split(`.`).filter(Boolean);if(r.length===0)return e;if(r.includes(`__proto__`))throw Error(`Unsafe nested path segment: __proto__`);return D(e,r,n)},k=e=>t=>{let n={...e.options};return typeof e?.controlInfo?.toOptions==`function`?n=e.controlInfo.toOptions({options:n,value:t?.detail?.value}):e.optionKey.includes(`.`)?n=O(n,e.optionKey,t.detail.value):n[e.optionKey]=t.detail.value,e.changeCallback(n)},A=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.size,r={};Object.keys(e.controlInfo?.values).forEach(t=>{r[t]={...e.controlInfo?.values[t],label:e.translations?.options?.[e.optionKey]?.enum?.[t]??e.controlInfo?.values[t].label}});let i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=C(e,e.optionKey),o=x(e),{extraLabel:s,extraLabelTooltip:c,extraLabelHasClickAction:u,extraLabelClickAction:d}=S(e),f=k(e);return l`
+    <luzmo-item-option-action-button-group
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .value=${a}
+      .values=${r}
+      .default=${o}
+      .selects=${e.controlInfo?.selects}
+      .size=${n}
+      .tooltip=${i}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${d}
+      @luzmo-option-changed=${f}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-action-button-group>
+  `},j=e=>{let t;return typeof e?.controlInfo?.enum==`function`?t=e.controlInfo.enum({options:e.options,slots:e.slots,theme:e.theme}):e.controlInfo?.enum!==void 0&&e.controlInfo?.enum!==null&&(t=e.controlInfo.enum),t},M=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey),r=j(e),i=e.size,a=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,o=x(e),{extraLabel:s,extraLabelTooltip:c,extraLabelHasClickAction:u,extraLabelClickAction:d}=S(e),f=k(e);return l`
+    <luzmo-item-option-color-palette-picker
+      .value=${n??o}
+      .values=${r}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${i}
+      .tooltip=${a}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${()=>{if(typeof d==`function`){let{options:t}=d();return e.changeCallback(t)}}}
+      @luzmo-option-changed=${f}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-color-palette-picker>
+  `},N=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=x(e),{extraLabel:o,extraLabelTooltip:s,extraLabelHasClickAction:c,extraLabelClickAction:u}=S(e),d=k(e);return l`
+    <luzmo-item-option-color-picker
+      .value=${n??a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${o}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${c}
+      @luzmo-extra-label-click=${()=>{if(typeof u==`function`){let{options:t}=u();return e.changeCallback(t)}}}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-color-picker>
+  `},P=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=x(e),o=typeof e?.controlInfo?.percentage==`function`?e.controlInfo.percentage(e):e.controlInfo.percentage,s=typeof e?.controlInfo?.reverse==`function`?e.controlInfo.reverse(e):e.controlInfo.reverse,c=typeof e?.controlInfo?.noAlphaChannel==`function`?e.controlInfo.noAlphaChannel(e):e.controlInfo.noAlphaChannel,u=typeof e?.controlInfo?.editRangeSize==`function`?e.controlInfo.editRangeSize(e):e.controlInfo.editRangeSize,d=typeof e?.controlInfo?.minimumRangeSize==`function`?e.controlInfo.minimumRangeSize(e):e.controlInfo.minimumRangeSize,f=typeof e?.controlInfo?.negativeInfinityValue==`function`?e.controlInfo.negativeInfinityValue(e):e.controlInfo.negativeInfinityValue,p=typeof e?.controlInfo?.noValues==`function`?e.controlInfo.noValues(e):e.controlInfo.noValues,m=typeof e?.controlInfo?.readOnlyColorPicker==`function`?e.controlInfo.readOnlyColorPicker(e):e.controlInfo.readOnlyColorPicker,{extraLabel:h,extraLabelTooltip:g,extraLabelHasClickAction:_,extraLabelClickAction:v}=S(e),y=k(e);return l`
+    <luzmo-item-option-color-range
+      .value=${n??a}
+      .label=${t}
+      .size=${r}
+      .tooltip=${i}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .extraLabel=${h}
+      .extraLabelTooltip=${g}
+      .extraLabelHasClickAction=${_}
+      .debounce=${e.controlInfo?.debounce}
+      ?reverse=${s}
+      ?percentage=${o}
+      ?no-alpha-channel=${c}
+      ?edit-range-size=${u}
+      ?no-values=${p}
+      ?read-only-color-picker=${m}
+      .minimum-range-size=${d}
+      ?negative-infinity-value=${f}
+      @luzmo-extra-label-click=${()=>{if(typeof v==`function`){let{options:t}=v();return e.changeCallback(t)}}}
+      @luzmo-option-changed=${y}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-color-range>
+  `},F=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey,n=C(e,e.optionKey),r=x(e),i=j(e),a=Array.isArray(i)?i:[],o=e.translations?.options?.[e.optionKey]?.enum??{},u=e.theme?.editDarkOrLight===`dark-edit`?s:c,{extraLabel:d,extraLabelTooltip:f,extraLabelHasClickAction:p,extraLabelClickAction:m}=S(e),h=k(e);return l`
+    <luzmo-item-option-guidelines
+      hide-label
+      .label=${t}
+      .value=${n??r}
+      .lineTypes=${a}
+      .lineTypeLabels=${o}
+      .defaultColor=${u}
+      .size=${e.size}
+      .language=${e.language}
+      .extraLabel=${d}
+      .extraLabelTooltip=${f}
+      .extraLabelHasClickAction=${p}
+      .debounce=${e.controlInfo?.debounce??200}
+      @luzmo-extra-label-click=${()=>{let t=m();if(t&&typeof t==`object`&&`options`in t)return e.changeCallback(t.options)}}
+      @luzmo-option-changed=${h}
+    ></luzmo-item-option-guidelines>
+  `},I=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey)??{},r=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,i=e.language??`en`,a={[i]:e.translations?.options?.[e.optionKey]?.placeholder??e.controlInfo?.placeholder??``},o=e.size,s=x(e),{extraLabel:c,extraLabelTooltip:d,extraLabelHasClickAction:f,extraLabelClickAction:p}=S(e),m=k(e);return l`
+    <luzmo-item-option-multi-language-field
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .placeholder=${a}
+      .value=${n??s}
+      language=${u(i)}
+      .size=${o}
+      .tooltip=${r}
+      .extraLabel=${c}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${f}
+      @luzmo-extra-label-click=${p}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-multi-language-field>
+  `},L=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.controlInfo?.min,r=e.controlInfo?.max,i=e.controlInfo?.step,a=C(e,e.optionKey),o=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,s=x(e),c=e.size,{extraLabel:u,extraLabelTooltip:d,extraLabelHasClickAction:f,extraLabelClickAction:p}=S(e),m=k(e);return l`
+    <luzmo-item-option-number-field
+      .value=${a}
+      .default=${s}
+      .min=${n}
+      .max=${r}
+      .step=${i}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${c}
+      .tooltip=${o}
+      .placeholder=${e.controlInfo?.placeholder}
+      .minWidthInputField=${e.controlInfo?.minWidthInputField}
+      .debounce=${e.controlInfo?.debounce}
+      .extraLabel=${u}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${f}
+      @luzmo-extra-label-click=${p}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-number-field>
+  `},R=(e,t)=>{let n={};if(Array.isArray(e)){for(let r of e)typeof r==`string`&&(n[r]=t?.[r]??r);return n}if(e&&typeof e==`object`)for(let[r,i]of Object.entries(e)){let e=t?.[r],a=typeof i==`string`?i:typeof i==`object`&&i&&`label`in i?String(i.label??r):r;n[r]=e??a??r}return n},z=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey),r=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,i=e.translations?.options?.[e.optionKey]?.enum,a=R(e.controlInfo?.enum,i),o=e.size,s=x(e),{extraLabel:c,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=S(e),p=k(e);return l`
+    <luzmo-item-option-picker
+      .value=${n}
+      .default=${s}
+      .values=${a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${r}
+      .size=${o}
+      .extraLabel=${c}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${f}
+      @luzmo-option-changed=${p}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-picker>
+  `},B=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label,n=e.controlInfo?.enum??e.controlInfo?.positions,r=e.size,i=C(e,e.optionKey),a=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,o=x(e)??`topRight`,{extraLabel:s,extraLabelTooltip:c,extraLabelHasClickAction:u,extraLabelClickAction:d}=S(e),f=k(e);return l`
+    <luzmo-item-option-position-picker
+      .value=${i}
+      .positions=${n}
+      .default=${o}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${a}
+      .size=${r}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${d}
+      @luzmo-option-changed=${f}
+      .readonly=${e.controlInfo?.readonly}
+    ></luzmo-item-option-position-picker>
+  `},V=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label,n=C(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=x(e),{extraLabel:o,extraLabelTooltip:s,extraLabelHasClickAction:c,extraLabelClickAction:u}=S(e),d=k(e);return l`
+    <luzmo-item-option-positions-number-field
+      .values=${n??a}
+      .positions=${e.controlInfo?.positions}
+      .positionConfiguration=${e.controlInfo?.positionConfiguration}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${o}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${c}
+      @luzmo-extra-label-click=${u}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-positions-number-field>
+  `},H=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey),r=x(e),i=e.translations?.options?.[e.optionKey]?.enum,a=R(e.controlInfo?.enum,i),o=e.size,s=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,{extraLabel:c,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=S(e),p=k(e);return l`
+    <luzmo-item-option-radio-button-group
+      .value=${n??r}
+      .values=${a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${o}
+      .tooltip=${s}
+      .extraLabel=${c}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${f}
+      @luzmo-option-changed=${p}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-radio-button-group>
+  `},U=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,r=e.controlInfo?.min,i=e.controlInfo?.max,a=e.controlInfo?.step,o=C(e,e.optionKey),s=e.size,c=x(e),{extraLabel:u,extraLabelTooltip:d,extraLabelHasClickAction:f,extraLabelClickAction:p}=S(e),m=k(e);return l`
+    <luzmo-item-option-slider
+      .value=${o}
+      .default=${c}
+      .min=${r}
+      .max=${i}
+      .step=${a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${n}
+      .size=${s}
+      .extraLabel=${u}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${f}
+      @luzmo-extra-label-click=${()=>{if(typeof p==`function`){let{options:t}=p();return e.changeCallback(t)}}}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-slider>
+  `},W=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=C(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=x(e),{extraLabel:o,extraLabelTooltip:s,extraLabelHasClickAction:c,extraLabelClickAction:u}=S(e),d=k(e);return l`
+    <luzmo-item-option-switch
+      .value=${n??a??!1}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${o}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${c}
+      @luzmo-extra-label-click=${u}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-switch>
+  `},G=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.language??`en`,r={[n]:e.translations?.options?.[e.optionKey]?.placeholder??e.controlInfo?.placeholder??``},i=C(e,e.optionKey)??``,a=e.size,o=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,s=x(e),{extraLabel:c,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=S(e),p=k(e);return l`
+    <luzmo-item-option-text-field
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .placeholder=${r[n]}
+      .value=${i??s}
+      .size=${a}
+      .tooltip=${o}
+      .extraLabel=${c}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${f}
+      @luzmo-option-changed=${p}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-text-field>
+  `},K=e=>{switch(e.controlType){case`picker`:return z(e);case`slider`:return U(e);case`switch`:return W(e);case`multi-language-field`:return I(e);case`text-field`:return G(e);case`number-field`:return L(e);case`color-range`:return P(e);case`guidelines`:return F(e);case`color-palette-picker`:return M(e);case`position-picker`:return B(e);case`positions-number-field`:return V(e);case`radio-button-group`:return H(e);case`color-picker`:return N(e);case`action-button-group`:return A(e)}},q=class extends n{constructor(...e){super(...e),this._loadItemConfig=new a(this,{task:async([e,t,n,a,s,c,l,u,d])=>{if(l||u||d){let e={};l&&(e.apiUrl=l),u&&(e.authKey=u),d&&(e.authToken=d),o.configure(e)}if(c&&c.type!==`custom`)try{if(c?.id&&r.includes(c.id))this._fullTheme=await i(c.id);else if(c?.id){let e=await o.fetchTheme(c.id);this._fullTheme=e?.theme??{}}}catch(e){console.error(`Error loading theme:`,e),this._fullTheme=c}else c?.type===`custom`?this._fullTheme=structuredClone(c):this._fullTheme=c;let f=this._getTranslationOverrides(s),p=this._getOptionTranslation(s);if(this._translationOverrides=f,a){this._optionsConfig=[{key:`custom`,children:[a]}],t=a.key,this._itemTypeLoaded=void 0,this._languageLoaded=void 0,this._translations={};let e=p??f?.[t??``],n=this._mergeOptionTranslations(void 0,e);this._effectiveTranslations=n?{options:{[t??``]:n}}:{}}else if(e){let r=e!==this._itemTypeLoaded,i=e!==this._itemTypeLoaded||n!==this._languageLoaded;if(r&&(this._optionsConfig=await _(e)??[],this._itemTypeLoaded=e),i){let t=n??`en`;this._translations=await v(e,t,!0)??{},this._languageLoaded=n}let a=this._translations.options?.[t??``],o=p??f?.[t??``],s=this._mergeOptionTranslations(a,o);this._effectiveTranslations=s?{options:{[t??``]:s}}:{}}else this._optionsConfig=[],this._translations={},this._effectiveTranslations={};let m=y(t??``,this._optionsConfig),h=m?.type;if(h!==this._controlTypeLoaded){let e=Object.assign({"../item-option-action-button-group/index.ts":()=>import(`./item-option-action-button-group-B_XEkUcP.js`),"../item-option-color-palette-picker/index.ts":()=>import(`./item-option-color-palette-picker-CMZyo1NH.js`),"../item-option-color-picker/index.ts":()=>import(`./item-option-color-picker-59il-pkm.js`),"../item-option-color-range/index.ts":()=>import(`./item-option-color-range-BWaElfwS.js`),"../item-option-guidelines/index.ts":()=>import(`./item-option-guidelines-BzvrNruz.js`),"../item-option-multi-language-field/index.ts":()=>import(`./item-option-multi-language-field-BNn4WFUG.js`),"../item-option-number-field/index.ts":()=>import(`./item-option-number-field-_lCPA_qC.js`),"../item-option-panel/index.ts":()=>import(`./item-option-panel-s1ZKzAZ9.js`),"../item-option-picker/index.ts":()=>import(`./item-option-picker-CeK7QDTm.js`),"../item-option-position-picker/index.ts":()=>import(`./item-option-position-picker-BAWZpDBA.js`),"../item-option-positions-number-field/index.ts":()=>import(`./item-option-positions-number-field-BmEtttZL.js`),"../item-option-radio-button-group/index.ts":()=>import(`./item-option-radio-button-group-DR7gdaTr.js`),"../item-option-slider/index.ts":()=>import(`./item-option-slider-C_jierlR.js`),"../item-option-switch/index.ts":()=>import(`./item-option-switch-DJfnhpf_.js`),"../item-option-text-field/index.ts":()=>import(`./item-option-text-field-DNqL7Evw.js`)});try{e[`../item-option-${h}/index.ts`]&&(await e[`../item-option-${h}/index.ts`](),this._controlTypeLoaded=h)}catch(e){console.error(e)}}return m},args:()=>[this.itemType,this.optionKey,this.language,this.customOptionConfiguration,this.customTranslations,this.theme,this.apiUrl,this.authKey,this.authToken]}),this.language=`en`,this.options={},this.slots=[],this.size=`m`,this._optionsConfig=[],this._translations={},this._effectiveTranslations={},this.changedOptions=e=>{this.options=e,this.dispatchEvent(new CustomEvent(`luzmo-options-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{options:e}}))}}static{this.styles=f(b)}render(){return this._loadItemConfig.render({pending:()=>l`
+          <p role="status">Loading...</p>
+        `,complete:e=>K({controlType:e?.type,optionKey:this.customOptionConfiguration?.key??this.optionKey??``,controlInfo:e,options:this.options,slots:this.slots,theme:this._fullTheme??this.theme,language:this.language,translations:this._effectiveTranslations,size:this.size,changeCallback:this.changedOptions}),error:e=>(console.error(e),l`
+          <span class="sr-only" role="alert">${t(`Failed to load option`,{desc:`Error message when item option fails to load`})}</span>
+        `)})}_getTranslationOverrides(e){if(!(!e||typeof e!=`object`)&&!(`groups`in e||`options`in e)&&!this._isOptionTranslation(e))return e}_mergeOptionTranslations(e,t){if(!e)return t;if(!t)return e;let n={...e},r=e=>{t[e]!==void 0&&(n[e]=t[e])};return r(`label`),r(`description`),r(`placeholder`),r(`tooltip`),n.extraLabel=this._mergeTranslationValue(e.extraLabel,t.extraLabel),n.extraLabelTooltip=this._mergeTranslationValue(e.extraLabelTooltip,t.extraLabelTooltip),n.enum=this._mergeTranslationRecord(e.enum,t.enum),n}_mergeTranslationValue(e,t){return t===void 0?e:typeof t==`string`?t:t&&typeof t==`object`?e&&typeof e==`object`?{...e,...t}:t:e}_mergeTranslationRecord(e,t){return t===void 0?e:e&&typeof e==`object`?{...e,...t}:t}_getOptionTranslation(e){if(!(!e||typeof e!=`object`)&&this._isOptionTranslation(e))return e}_isOptionTranslation(e){if(!e||typeof e!=`object`)return!1;let t=e,n=new Set([`label`,`description`,`placeholder`,`tooltip`,`extraLabel`,`extraLabelTooltip`,`enum`]),r=Object.keys(t);if(r.length===0||!r.every(e=>n.has(e)))return!1;for(let e of[`label`,`description`,`placeholder`,`tooltip`])if(e in t&&typeof t[e]!=`string`)return!1;for(let e of[`extraLabel`,`extraLabelTooltip`]){let n=t[e];if(e in t&&typeof n!=`string`&&(typeof n!=`object`||!n))return!1}return!(`enum`in t&&(typeof t.enum!=`object`||t.enum===null))}};e([d({type:String,reflect:!0})],q.prototype,`language`,void 0),e([d({type:String,reflect:!0,attribute:`item-type`})],q.prototype,`itemType`,void 0),e([d({type:String,reflect:!0,attribute:`option-key`})],q.prototype,`optionKey`,void 0),e([d({type:Object,reflect:!1})],q.prototype,`customOptionConfiguration`,void 0),e([d({type:Object,reflect:!1})],q.prototype,`customTranslations`,void 0),e([d({type:Object})],q.prototype,`options`,void 0),e([d({type:Object})],q.prototype,`slots`,void 0),e([d({type:Object})],q.prototype,`theme`,void 0),e([d({type:String,attribute:`api-url`,reflect:!0})],q.prototype,`apiUrl`,void 0),e([d({type:String,attribute:`auth-key`,reflect:!0})],q.prototype,`authKey`,void 0),e([d({type:String,attribute:`auth-token`,reflect:!0})],q.prototype,`authToken`,void 0),e([d({type:String,reflect:!0})],q.prototype,`size`,void 0),customElements.get(`luzmo-item-option`)||customElements.define(`luzmo-item-option`,q);var J=`:host{font-size:var(--luzmo-item-option-panel-font-size,var(--luzmo-font-size))}:host luzmo-divider{margin:var(--luzmo-item-option-panel-divider-vertical-margin,calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0;display:block}:host luzmo-item-option{margin:var(--luzmo-item-option-divider-vertical-margin,var(--luzmo-spacing-4)) 0;display:block}:host([size=s]){font-size:var(--luzmo-item-option-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-panel-font-size-xl,var(--luzmo-font-size-xl))}`,Y=class extends n{constructor(...e){super(...e),this._loadItemConfig=new a(this,{task:async([e,t,n,r])=>{let i=this._getTranslationOverrides(r),a=this._getTranslationsFile(r),o=this._hasCustomTranslationsFile;if(this._translationOverrides=i??a?.options,this._groupTranslationOverrides=i,this._hasCustomTranslationsFile=!!a,n)return this._isCustomOptionsConfiguration=!0,this._optionsConfiguration=n,this._translations=a??{},this._itemTypeLoaded=void 0,this._languageLoaded=void 0,{config:this._optionsConfiguration};if(e){let n=e!==this._itemTypeLoaded,r=e!==this._itemTypeLoaded||t!==this._languageLoaded||!a&&o;if(n&&(this._optionsConfiguration=await _(e)??[],this._itemTypeLoaded=e),a)this._translations=a,this._languageLoaded=t;else if(r){let n=t??`en`;this._translations=await v(e,n,!0)??{},this._languageLoaded=t}this._isCustomOptionsConfiguration=!1}else this._optionsConfiguration=[],this._translations=a??{};return{config:this._optionsConfiguration}},args:()=>[this.itemType,this.language,this.customOptionsConfiguration,this.customTranslations]}),this.language=`en`,this.options={},this.slots=[],this.size=`m`,this._optionsConfiguration=[],this._translations={},this._hasCustomTranslationsFile=!1,this.renderAllGroups=e=>{if(!Array.isArray(e))return l`
+        
+      `;let t=e?.map(e=>{if(e?.children)return this.renderGroup(e)});return e&&e.length>0?l`<luzmo-accordion
+          variant="highlight"
+          .size=${this.size}
+          density="compact"
+          allow-multiple
+          no-content-padding
+          header-case="uppercase"
+          >${t}</luzmo-accordion
+        >`:l`
+          
+        `},this.renderGroup=e=>typeof e?.visibleIf==`function`&&!e.visibleIf({options:this.options,slots:this.slots,theme:this.theme})?l`
+        
+      `:l`<luzmo-accordion-item label=${e.key?this._groupTranslationOverrides?.[e.key]?.label??this._translations.groups?.[e.key]?.label??e.label??e.key:e.label??``} ?open=${e.open}>
+      ${(e=>e?.map(e=>{if(typeof e?.visibleIf==`function`&&!e.visibleIf({options:this.options,slots:this.slots,theme:this.theme}))return l`
+            
+          `;if(e?.control&&e.key)return this.renderOptionControl(e.key);if(e?.type===`divider`)return this.renderDivider();if(e?.type===`group`)return l`<luzmo-accordion
+            variant="highlight-child"
+            .size=${this.size}
+            density="compact"
+            allow-multiple
+            no-content-padding
+            header-case="default"
+            >${this.renderGroup(e)}</luzmo-accordion
+          >`}))(e.children)}
+    </luzmo-accordion-item>`,this.changedOptions=e=>{let t=e?.detail?.options;this.options=e?.detail?.options,e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-options-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{options:t}}))},this.renderOptionControl=e=>{let t=this._isCustomOptionsConfiguration,n=t?y(e,this.customOptionsConfiguration??[],!0):void 0,r=t?this._getOptionTranslation(e):this._translationOverrides;return l`<luzmo-item-option
+      class="control"
+      .itemType=${t?void 0:this.itemType}
+      .optionKey=${e}
+      .options=${this.options}
+      .customOptionConfiguration=${n}
+      .customTranslations=${r}
+      .slots=${this.slots}
+      .theme=${this.theme}
+      .size=${this.size}
+      .language=${this.language}
+      .apiUrl=${this.apiUrl}
+      .authKey=${this.authKey}
+      .authToken=${this.authToken}
+      @luzmo-options-changed=${this.changedOptions}
+    ></luzmo-item-option>`},this.renderDivider=()=>l`
+      <luzmo-divider></luzmo-divider>
+    `}static{this.styles=f(J)}render(){return this._loadItemConfig.render({pending:()=>l`
+          <p role="status">Loading...</p>
+        `,complete:e=>this.renderAllGroups(e.config),error:e=>(console.error(e),l`
+          
+        `)})}_getOptionTranslation(e){return this._translationOverrides?.[e]??this._translations.options?.[e]}_getTranslationsFile(e){if(!(!e||typeof e!=`object`)&&(`groups`in e||`options`in e))return e}_getTranslationOverrides(e){if(!(!e||typeof e!=`object`)&&!(`groups`in e||`options`in e))return e}};e([d({type:String,reflect:!0})],Y.prototype,`language`,void 0),e([d({type:String,reflect:!0,attribute:`item-type`})],Y.prototype,`itemType`,void 0),e([d({type:Object})],Y.prototype,`options`,void 0),e([d({type:Object})],Y.prototype,`slots`,void 0),e([d({type:Object,reflect:!1})],Y.prototype,`customOptionsConfiguration`,void 0),e([d({type:Object,reflect:!1})],Y.prototype,`customTranslations`,void 0),e([d({type:Object})],Y.prototype,`theme`,void 0),e([d({type:String,reflect:!0})],Y.prototype,`size`,void 0),e([d({type:String,attribute:`api-url`,reflect:!0})],Y.prototype,`apiUrl`,void 0),e([d({type:String,attribute:`auth-key`,reflect:!0})],Y.prototype,`authKey`,void 0),e([d({type:String,attribute:`auth-token`,reflect:!0})],Y.prototype,`authToken`,void 0),customElements.get(`luzmo-item-option-panel`)||customElements.define(`luzmo-item-option-panel`,Y);export{Y as LuzmoItemOptionPanel};

package/standalone/chunks/item-option-positions-number-field-BmEtttZL.js

@@ -0,0 +1,31 @@
+
+import{n as e}from"./localized-mixin-BEfBwOPN.js";import{n as t}from"./lit-localize-CIGP-NUw.js";import{t as n}from"./luzmoLockOutline-Dctb86HR.js";import{t as r}from"./luzmo-icon-markup-GqF25og5.js";import{t as i}from"./item-option-base-R8-N5_rE.js";import{html as a,property as o,state as s,unsafeCSS as c}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.3.0-beta.0/standalone/number-field.js";var l=`:host{--item-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height) * 1.5)}:host([size=s]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s) * 1.5)}:host([size=l]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l) * 1.5)}:host([size=xl]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl) * 1.5)}.positions-container{max-width:var(--luzmo-item-option-positions-number-field-container-max-width,var(--item-option-positions-number-field-container-max-width));row-gap:var(--luzmo-item-option-positions-number-field-container-row-gap,var(--item-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-item-option-positions-number-field-container-column-gap,var(--item-option-positions-number-field-container-column-gap));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer;border-radius:var(--luzmo-item-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));font:inherit;color:inherit;background:0 0;border:none;padding:0}.sync-button:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-item-option-positions-number-field-sync-border-color,var(--luzmo-indicator-color));outline-offset:1px}.no-sync-center{border:var(--luzmo-item-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width)) solid var(--luzmo-item-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));background-color:var(--luzmo-item-option-positions-number-field-no-sync-center-background-color,var(--luzmo-background-color-highlight))}`,u=class extends i{constructor(...e){super(...e),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[[`top-left`,`top`,`top-right`],[`left`,`center`,`right`],[`bottom-left`,`bottom`,`bottom-right`]]}static get styles(){return[c(l)]}_calculateSyncedValue(){let e,t={};return this.positions?.forEach(n=>{t[n]=this.values?.[n]??this.positionConfiguration?.[n]?.default??0,e=typeof e==`number`&&t[n]?Math.min(e,t[n]):t[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue==`number`)){this.values={...this.values};for(let e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){let t=e.target.getAttribute(`position`),n=e.target.value,r={};if(!(!t||typeof n!=`number`)){if(this.canSync&&this.sync&&t===`center`){this.syncedValue=n;for(let e of this.positions??[])r[e]=n}else r={...this.values,[t]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=Object.keys(this.values??{}),t=Object.keys(r),n=!0;e.length!==t.length&&(n=!1);for(let t of e)this.values?.[t]!==r[t]&&(n=!1);n||(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(e){return this.positions?.includes(e)||e===`center`?this.canSync&&(this.sync&&e!==`center`||!this.sync&&e===`center`)?a`<button
+          class="sync-button ${this.sync?``:`sync`}"
+          position=${e}
+          aria-label=${t(`Toggle sync`,{desc:`Aria label for sync toggle button`})}
+          aria-pressed=${this.sync?`true`:`false`}
+          @click=${this.toggleSync}
+        >
+          ${r(n)}
+        </button>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?a`
+          <div class="no-sync-center"></div>
+        `:a`<div class="position">
+        <luzmo-number-field
+          label=${e}
+          position=${e}
+          .value=${this.sync&&this.canSync?this.syncedValue??0:this.values?.[e]??this.positionConfiguration?.[e]?.default??0}
+          .disabled=${this.disabled}
+          .size=${this.size}
+          .min=${this.positionConfiguration?.[e]?.min??0}
+          .max=${this.positionConfiguration?.[e]?.max??100}
+          .step=${this.positionConfiguration?.[e]?.step??1}
+          .invalid=${this.invalid}
+          @change=${this._handleEvent}
+          @input=${this._handleEvent}
+        >
+        </luzmo-number-field>
+      </div>`:a`
+      <div class="position"></div>
+    `}firstUpdated(){if(this.canSync&&!this.positions?.includes(`center`)){let e=this.values?.left??this.positionConfiguration?.left?.default,t=this.values?.top??this.positionConfiguration?.top?.default,n=this.values?.right??this.positionConfiguration?.right?.default,r=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=e===t&&t===n&&n===r}else this.sync=!1}willUpdate(){this.positions||=[`top`,`right`,`bottom`,`left`]}renderController(){this._calculateSyncedValue();let e=this._positions.map(e=>a`${e.map(e=>this._renderNumberField(e))}`);return a`<div class="positions-container-wrapper" id="luzmo-item-option-control" role="group" aria-label=${this.label??t(`Position values`,{desc:`Accessible label for positions number field group`})}>
+      <div class="positions-container">${e}</div>
+    </div>`}};e([o({type:Array,reflect:!0})],u.prototype,`positions`,void 0),e([o({type:Object,reflect:!0})],u.prototype,`values`,void 0),e([o({type:Boolean,reflect:!0,attribute:`can-sync`})],u.prototype,`canSync`,void 0),e([o({type:Object})],u.prototype,`positionConfiguration`,void 0),e([o({type:Boolean,reflect:!0})],u.prototype,`invalid`,void 0),e([o({type:Boolean,reflect:!0})],u.prototype,`readonly`,void 0),e([o({type:Number,reflect:!0})],u.prototype,`debounce`,void 0),e([o({type:Boolean,reflect:!0})],u.prototype,`sync`,void 0),e([s()],u.prototype,`syncedValue`,void 0),customElements.get(`luzmo-item-option-positions-number-field`)||customElements.define(`luzmo-item-option-positions-number-field`,u);export{u as LuzmoItemOptionPositionsNumberField};