@luzmo/analytics-components-kit 1.0.1-alpha.10 → 1.0.1-alpha.11

package/components/edit-option/index.cjs

@@ -17,160 +17,171 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("../task-B8yMzxui.cjs"),$=require("../property-0L4eB11h.cjs"),M=require("../if-defined-8BOch-oC.cjs"),E=":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}",C=t=>{var l,a,s,c,m,b,d,p,u,f,r,x,h,L,y;let o;typeof((l=t.controlInfo)==null?void 0:l.extraLabel)=="function"?o=t.controlInfo.extraLabel(t.options,t.slots,t.theme):typeof((a=t.controlInfo)==null?void 0:a.extraLabel)=="string"&&(o=t.controlInfo.extraLabel),typeof o=="string"&&(o=((b=(m=(c=(s=t.translations)==null?void 0:s.options)==null?void 0:c[t.optionKey])==null?void 0:m.extraLabel)==null?void 0:b[o])??o);let i;typeof((d=t.controlInfo)==null?void 0:d.extraLabelTooltip)=="function"?o=t.controlInfo.extraLabelTooltip(t.options,t.slots,t.theme):typeof((p=t.controlInfo)==null?void 0:p.extraLabelTooltip)=="string"&&(i=t.controlInfo.extraLabelTooltip),typeof i=="string"&&(o=((x=(r=(f=(u=t.translations)==null?void 0:u.options)==null?void 0:f[t.optionKey])==null?void 0:r.extraLabelTooltip)==null?void 0:x[i])??i);let n;typeof((h=t.controlInfo)==null?void 0:h.extraLabelHasClickAction)=="function"?n=t.controlInfo.extraLabelHasClickAction(t.options,t.slots,t.theme):typeof((L=t.controlInfo)==null?void 0:L.extraLabelHasClickAction)=="boolean"&&(n=t.controlInfo.extraLabelHasClickAction);const e=typeof((y=t.controlInfo)==null?void 0:y.extraLabelClickAction)=="function"?()=>t.controlInfo.extraLabelClickAction(t.options,t.slots,t.theme):()=>{};return{extraLabel:o,extraLabelTooltip:i,extraLabelHasClickAction:n,extraLabelClickAction:e}},I=(t,o)=>{if(o.includes(".")){const i=o.split(".");let n=t;for(let l=0;l<i.length-1;l++)n=n[i[l]]??{};const e=i.length-1;return n[i[e]]}return t[o]},O=t=>o=>{const i={...t.options};if(t.optionKey.includes(".")){const n=t.optionKey.split(".");let e=i;for(let a=0;a<n.length-1;a++)e[n[a]]=e[n[a]]??{},e=e[n[a]];const l=n.length-1;e[n[l]]=o.detail.value}else i[t.optionKey]=o.detail.value;return t.changeCallback(i)},S=t=>{var m,b,d,p,u,f,r,x;const o=((d=(b=(m=t.translations)==null?void 0:m.options)==null?void 0:b[t.optionKey])==null?void 0:d.label)??t.optionKey??"",i=t.size,n=I(t.options,t.optionKey),{extraLabel:e,extraLabelTooltip:l,extraLabelHasClickAction:a,extraLabelClickAction:s}=C(t),c=O(t);return $.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../task-B8yMzxui.cjs"),k=require("../property-0L4eB11h.cjs"),E=require("../if-defined-8BOch-oC.cjs"),S=":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}",O=o=>{var l,c,b,a,L,h,d,p,u,f,r,s,x,$,m;let t;typeof((l=o.controlInfo)==null?void 0:l.extraLabel)=="function"?t=o.controlInfo.extraLabel(o.options,o.slots,o.theme):typeof((c=o.controlInfo)==null?void 0:c.extraLabel)=="string"&&(t=o.controlInfo.extraLabel),typeof t=="string"&&(t=((h=(L=(a=(b=o.translations)==null?void 0:b.options)==null?void 0:a[o.optionKey])==null?void 0:L.extraLabel)==null?void 0:h[t])??t);let i;typeof((d=o.controlInfo)==null?void 0:d.extraLabelTooltip)=="function"?t=o.controlInfo.extraLabelTooltip(o.options,o.slots,o.theme):typeof((p=o.controlInfo)==null?void 0:p.extraLabelTooltip)=="string"&&(i=o.controlInfo.extraLabelTooltip),typeof i=="string"&&(t=((s=(r=(f=(u=o.translations)==null?void 0:u.options)==null?void 0:f[o.optionKey])==null?void 0:r.extraLabelTooltip)==null?void 0:s[i])??i);let n;typeof((x=o.controlInfo)==null?void 0:x.extraLabelHasClickAction)=="function"?n=o.controlInfo.extraLabelHasClickAction(o.options,o.slots,o.theme):typeof(($=o.controlInfo)==null?void 0:$.extraLabelHasClickAction)=="boolean"&&(n=o.controlInfo.extraLabelHasClickAction);const e=typeof((m=o.controlInfo)==null?void 0:m.extraLabelClickAction)=="function"?()=>o.controlInfo.extraLabelClickAction(o.options,o.slots,o.theme):()=>{};return{extraLabel:t,extraLabelTooltip:i,extraLabelHasClickAction:n,extraLabelClickAction:e}},K=(o,t)=>{if(t.includes(".")){const i=t.split(".");let n=o;for(let l=0;l<i.length-1;l++)n=n[i[l]]??{};const e=i.length-1;return n[i[e]]}return o[t]},V=o=>t=>{const i={...o.options};if(o.optionKey.includes(".")){const n=o.optionKey.split(".");let e=i;for(let c=0;c<n.length-1;c++)e[n[c]]=e[n[c]]??{},e=e[n[c]];const l=n.length-1;e[n[l]]=t.detail.value}else i[o.optionKey]=t.detail.value;return o.changeCallback(i)},B=o=>{var h,d,p,u,f,r,s,x,$;const t=((p=(d=(h=o.translations)==null?void 0:h.options)==null?void 0:d[o.optionKey])==null?void 0:p.label)??((u=o.controlInfo)==null?void 0:u.label)??o.optionKey??"",i=o.size,n={};Object.keys((f=o.controlInfo)==null?void 0:f.values).forEach(m=>{var y,v,z,I,P,A;n[m]={...(y=o.controlInfo)==null?void 0:y.values[m],label:((P=(I=(z=(v=o.translations)==null?void 0:v.options)==null?void 0:z[o.optionKey])==null?void 0:I.enum)==null?void 0:P[m])??((A=o.controlInfo)==null?void 0:A.values[m].label)}});const e=K(o.options,o.optionKey),{extraLabel:l,extraLabelTooltip:c,extraLabelHasClickAction:b,extraLabelClickAction:a}=O(o),L=V(o);return k.x`
     <luzmo-edit-option-action-button-group
-      .label=${o}
-      .value=${n}
-      .values=${(p=t.controlInfo)==null?void 0:p.values}
-      .default=${(u=t.controlInfo)==null?void 0:u.default}
-      .selects=${(f=t.controlInfo)==null?void 0:f.selects}
+      .label=${t}
+      .value=${e}
+      .values=${n}
+      .default=${(r=o.controlInfo)==null?void 0:r.default}
+      .selects=${(s=o.controlInfo)==null?void 0:s.selects}
       .size=${i}
-      .extraLabel=${e}
-      .extraLabelTooltip=${l}
-      .extraLabelHasClickAction=${a}
-      @extraLabelClick=${s}
-      @option-changed=${c}
-      .fromOptionValue=${(r=t.controlInfo)==null?void 0:r.fromOptionValue}
-      .toOptionValue=${(x=t.controlInfo)==null?void 0:x.toOptionValue}
+      .extraLabel=${l}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${a}
+      @option-changed=${L}
+      .fromOptionValue=${(x=o.controlInfo)==null?void 0:x.fromOptionValue}
+      .toOptionValue=${($=o.controlInfo)==null?void 0:$.toOptionValue}
     ></luzmo-edit-option-action-button-group>
-  `},B=t=>{var d,p,u,f,r,x,h;const o=((u=(p=(d=t.translations)==null?void 0:d.options)==null?void 0:p[t.optionKey])==null?void 0:u.label)??t.optionKey??"",i=I(t.options,t.optionKey),n=t.size;let e;typeof((f=t.controlInfo)==null?void 0:f.default)=="function"?e=t.controlInfo.default(t.options,t.slots,t.theme):typeof((r=t.controlInfo)==null?void 0:r.default)=="string"&&(e=t.controlInfo.default);const{extraLabel:l,extraLabelTooltip:a,extraLabelHasClickAction:s,extraLabelClickAction:c}=C(t),m=O(t),b=()=>{if(typeof c=="function"){const{options:L}=c();return t.changeCallback(L)}};return $.x`
+  `},F=o=>{var d,p,u,f,r,s,x,$;const t=((u=(p=(d=o.translations)==null?void 0:d.options)==null?void 0:p[o.optionKey])==null?void 0:u.label)??((f=o.controlInfo)==null?void 0:f.label)??o.optionKey??"",i=K(o.options,o.optionKey),n=o.size;let e;typeof((r=o.controlInfo)==null?void 0:r.default)=="function"?e=o.controlInfo.default(o.options,o.slots,o.theme):typeof((s=o.controlInfo)==null?void 0:s.default)=="string"&&(e=o.controlInfo.default);const{extraLabel:l,extraLabelTooltip:c,extraLabelHasClickAction:b,extraLabelClickAction:a}=O(o),L=V(o),h=()=>{if(typeof a=="function"){const{options:m}=a();return o.changeCallback(m)}};return k.x`
     <luzmo-edit-option-color-picker
       .value=${i??e}
-      .label=${o}
+      .label=${t}
       .size=${n}
       .extraLabel=${l}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${s}
-      @extraLabelClick=${b}
-      @option-changed=${m}
-      .fromOptionValue=${(x=t.controlInfo)==null?void 0:x.fromOptionValue}
-      .toOptionValue=${(h=t.controlInfo)==null?void 0:h.toOptionValue}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${h}
+      @option-changed=${L}
+      .fromOptionValue=${(x=o.controlInfo)==null?void 0:x.fromOptionValue}
+      .toOptionValue=${($=o.controlInfo)==null?void 0:$.toOptionValue}
     ></luzmo-edit-option-color-picker>
-  `},F=t=>{var d,p,u,f,r,x;const o=((u=(p=(d=t.translations)==null?void 0:d.options)==null?void 0:p[t.optionKey])==null?void 0:u.label)??t.optionKey??"",i=((f=t.controlInfo)==null?void 0:f.placeholder)??"placeholder",n=I(t.options,t.optionKey)??{},e=t.language??"en",l=t.size,{extraLabel:a,extraLabelTooltip:s,extraLabelHasClickAction:c,extraLabelClickAction:m}=C(t),b=O(t);return $.x`
+  `},G=o=>{var d,p,u,f,r,s,x,$,m,y;const t=((u=(p=(d=o.translations)==null?void 0:d.options)==null?void 0:p[o.optionKey])==null?void 0:u.label)??((f=o.controlInfo)==null?void 0:f.label)??o.optionKey??"",i=K(o.options,o.optionKey)??{},n=o.language??"en",e={};e[n]=((x=(s=(r=o.translations)==null?void 0:r.options)==null?void 0:s[o.optionKey])==null?void 0:x.placeholder)??(($=o.controlInfo)==null?void 0:$.placeholder)??"";const l=o.size,{extraLabel:c,extraLabelTooltip:b,extraLabelHasClickAction:a,extraLabelClickAction:L}=O(o),h=V(o);return k.x`
     <luzmo-edit-option-multi-language-field
-      .label=${o}
-      .placeholder=${i}
-      .value=${n}
-      language=${M.o(e)}
+      .label=${t}
+      .placeholder=${e}
+      .value=${i}
+      language=${E.o(n)}
       .size=${l}
-      .extraLabel=${a}
-      .extraLabelTooltip=${s}
-      .extraLabelHasClickAction=${c}
-      @extraLabelClick=${m}
-      @option-changed=${b}
-      .fromOptionValue=${(r=t.controlInfo)==null?void 0:r.fromOptionValue}
-      .toOptionValue=${(x=t.controlInfo)==null?void 0:x.toOptionValue}
+      .extraLabel=${c}
+      .extraLabelTooltip=${b}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${L}
+      @option-changed=${h}
+      .fromOptionValue=${(m=o.controlInfo)==null?void 0:m.fromOptionValue}
+      .toOptionValue=${(y=o.controlInfo)==null?void 0:y.toOptionValue}
     ></luzmo-edit-option-multi-language-field>
-  `},G=t=>{var u,f,r,x,h,L,y,k,z;const o=((r=(f=(u=t.translations)==null?void 0:u.options)==null?void 0:f[t.optionKey])==null?void 0:r.label)??t.optionKey??"",i=(x=t.controlInfo)==null?void 0:x.min,n=(h=t.controlInfo)==null?void 0:h.max,e=(L=t.controlInfo)==null?void 0:L.step,l=I(t.options,t.optionKey),a=(y=t.controlInfo)==null?void 0:y.default,s=t.size,{extraLabel:c,extraLabelTooltip:m,extraLabelHasClickAction:b,extraLabelClickAction:d}=C(t),p=O(t);return $.x`
+  `},D=o=>{var u,f,r,s,x,$,m,y,v,z;const t=((r=(f=(u=o.translations)==null?void 0:u.options)==null?void 0:f[o.optionKey])==null?void 0:r.label)??((s=o.controlInfo)==null?void 0:s.label)??o.optionKey??"",i=(x=o.controlInfo)==null?void 0:x.min,n=($=o.controlInfo)==null?void 0:$.max,e=(m=o.controlInfo)==null?void 0:m.step,l=K(o.options,o.optionKey),c=(y=o.controlInfo)==null?void 0:y.default,b=o.size,{extraLabel:a,extraLabelTooltip:L,extraLabelHasClickAction:h,extraLabelClickAction:d}=O(o),p=V(o);return k.x`
     <luzmo-edit-option-number-field
       .value=${l}
-      .default=${a}
+      .default=${c}
       .min=${i}
       .max=${n}
       .step=${e}
-      .label=${o}
-      .size=${s}
-      .extraLabel=${c}
-      .extraLabelTooltip=${m}
-      .extraLabelHasClickAction=${b}
+      .label=${t}
+      .size=${b}
+      .extraLabel=${a}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${h}
       @extraLabelClick=${d}
       @option-changed=${p}
-      .fromOptionValue=${(k=t.controlInfo)==null?void 0:k.fromOptionValue}
-      .toOptionValue=${(z=t.controlInfo)==null?void 0:z.toOptionValue}
+      .fromOptionValue=${(v=o.controlInfo)==null?void 0:v.fromOptionValue}
+      .toOptionValue=${(z=o.controlInfo)==null?void 0:z.toOptionValue}
     ></luzmo-edit-option-number-field>
-  `},D=t=>{var p,u,f,r,x,h,L,y,k,z;const o=((f=(u=(p=t.translations)==null?void 0:p.options)==null?void 0:u[t.optionKey])==null?void 0:f.label)??t.optionKey??"",i=I(t.options,t.optionKey),n=(r=t.controlInfo)==null?void 0:r.default,e=(L=(h=(x=t.translations)==null?void 0:x.options)==null?void 0:h[t.optionKey])==null?void 0:L.tooltip,l=(y=t.controlInfo)==null?void 0:y.enum.reduce((V,A)=>{var T,P,q;return V[A]=((q=(P=(T=t.translations)==null?void 0:T.options)==null?void 0:P[t.optionKey])==null?void 0:q.enum[A])??A,V},{}),a=t.size,{extraLabel:s,extraLabelTooltip:c,extraLabelHasClickAction:m,extraLabelClickAction:b}=C(t),d=O(t);return $.x`
+  `},N=o=>{var p,u,f,r,s,x,$,m,y,v,z;const t=((f=(u=(p=o.translations)==null?void 0:p.options)==null?void 0:u[o.optionKey])==null?void 0:f.label)??((r=o.controlInfo)==null?void 0:r.label)??o.optionKey??"",i=K(o.options,o.optionKey),n=(s=o.controlInfo)==null?void 0:s.default,e=(m=($=(x=o.translations)==null?void 0:x.options)==null?void 0:$[o.optionKey])==null?void 0:m.tooltip,l=(y=o.controlInfo)==null?void 0:y.enum.reduce((I,P)=>{var A,T,H;return I[P]=((H=(T=(A=o.translations)==null?void 0:A.options)==null?void 0:T[o.optionKey])==null?void 0:H.enum[P])??P,I},{}),c=o.size,{extraLabel:b,extraLabelTooltip:a,extraLabelHasClickAction:L,extraLabelClickAction:h}=O(o),d=V(o);return k.x`
     <luzmo-edit-option-picker
       .value=${i}
       .default=${n}
       .values=${l}
-      .label=${o}
+      .label=${t}
       .tooltip=${e}
-      .size=${a}
-      .extraLabel=${s}
-      .extraLabelTooltip=${c}
-      .extraLabelHasClickAction=${m}
-      @extraLabelClick=${b}
+      .size=${c}
+      .extraLabel=${b}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${h}
       @option-changed=${d}
-      .fromOptionValue=${(k=t.controlInfo)==null?void 0:k.fromOptionValue}
-      .toOptionValue=${(z=t.controlInfo)==null?void 0:z.toOptionValue}
+      .fromOptionValue=${(v=o.controlInfo)==null?void 0:v.fromOptionValue}
+      .toOptionValue=${(z=o.controlInfo)==null?void 0:z.toOptionValue}
     ></luzmo-edit-option-picker>
-  `},N=t=>{var m,b,d,p,u,f,r;const o=((d=(b=(m=t.translations)==null?void 0:m.options)==null?void 0:b[t.optionKey])==null?void 0:d.label)??t.optionKey??"",i=I(t.options,t.optionKey),n=t.size,{extraLabel:e,extraLabelTooltip:l,extraLabelHasClickAction:a,extraLabelClickAction:s}=C(t),c=O(t);return $.x`
+  `},R=o=>{var p,u,f,r,s,x,$,m,y;const t=((f=(u=(p=o.translations)==null?void 0:p.options)==null?void 0:u[o.optionKey])==null?void 0:f.label)??((r=o.controlInfo)==null?void 0:r.label),i=(s=o.controlInfo)==null?void 0:s.positions,n=((x=o.controlInfo)==null?void 0:x.defaultPosition)??"top-right",e=o.size,l=K(o.options,o.optionKey),c=($=o.controlInfo)==null?void 0:$.tooltip,{extraLabel:b,extraLabelTooltip:a,extraLabelHasClickAction:L,extraLabelClickAction:h}=O(o),d=V(o);return k.x`
+    <luzmo-edit-option-position-picker
+      .value=${(m=o.controlInfo)==null?void 0:m.value}
+      .positions=${i}
+      .defaultPosition=${n}
+      .label=${t}
+      .tooltip=${c}
+      .size=${e}
+      .value=${l}
+      .extraLabel=${b}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${h}
+      @option-changed=${d}
+      .readonly=${(y=o.controlInfo)==null?void 0:y.readonly}
+    ></luzmo-edit-option-position-picker>
+  `},J=o=>{var L,h,d,p,u,f,r,s;const t=((d=(h=(L=o.translations)==null?void 0:L.options)==null?void 0:h[o.optionKey])==null?void 0:d.label)??((p=o.controlInfo)==null?void 0:p.label),i=K(o.options,o.optionKey),n=o.size,{extraLabel:e,extraLabelTooltip:l,extraLabelHasClickAction:c,extraLabelClickAction:b}=O(o),a=V(o);return k.x`
     <luzmo-edit-option-positions-number-field
       .values=${i}
-      .positions=${(p=t.controlInfo)==null?void 0:p.positions}
-      .positionConfiguration=${(u=t.controlInfo)==null?void 0:u.positionConfiguration}
-      .label=${o}
+      .positions=${(u=o.controlInfo)==null?void 0:u.positions}
+      .positionConfiguration=${(f=o.controlInfo)==null?void 0:f.positionConfiguration}
+      .label=${t}
       .size=${n}
       .extraLabel=${e}
       .extraLabelTooltip=${l}
-      .extraLabelHasClickAction=${a}
-      @extraLabelClick=${s}
-      @option-changed=${c}
-      .fromOptionValue=${(f=t.controlInfo)==null?void 0:f.fromOptionValue}
-      .toOptionValue=${(r=t.controlInfo)==null?void 0:r.toOptionValue}
+      .extraLabelHasClickAction=${c}
+      @extraLabelClick=${b}
+      @option-changed=${a}
+      .fromOptionValue=${(r=o.controlInfo)==null?void 0:r.fromOptionValue}
+      .toOptionValue=${(s=o.controlInfo)==null?void 0:s.toOptionValue}
     ></luzmo-edit-option-positions-number-field>
-  `},R=t=>{var d,p,u,f,r,x,h;const o=((u=(p=(d=t.translations)==null?void 0:d.options)==null?void 0:p[t.optionKey])==null?void 0:u.label)??t.optionKey??"",i=I(t.options,t.optionKey),n=(f=t==null?void 0:t.controlInfo)==null?void 0:f.default,e=(r=t.controlInfo)==null?void 0:r.enum.reduce((L,y)=>{var k,z,V;return L[y]=((V=(z=(k=t.translations)==null?void 0:k.options)==null?void 0:z[t.optionKey])==null?void 0:V.enum[y])??y,L},{}),l=t.size,{extraLabel:a,extraLabelTooltip:s,extraLabelHasClickAction:c,extraLabelClickAction:m}=C(t),b=O(t);return $.x`
+  `},Q=o=>{var d,p,u,f,r,s,x,$;const t=((u=(p=(d=o.translations)==null?void 0:d.options)==null?void 0:p[o.optionKey])==null?void 0:u.label)??((f=o.controlInfo)==null?void 0:f.label)??o.optionKey??"",i=K(o.options,o.optionKey),n=(r=o==null?void 0:o.controlInfo)==null?void 0:r.default,e=(s=o.controlInfo)==null?void 0:s.enum.reduce((m,y)=>{var v,z,I;return m[y]=((I=(z=(v=o.translations)==null?void 0:v.options)==null?void 0:z[o.optionKey])==null?void 0:I.enum[y])??y,m},{}),l=o.size,{extraLabel:c,extraLabelTooltip:b,extraLabelHasClickAction:a,extraLabelClickAction:L}=O(o),h=V(o);return k.x`
     <luzmo-edit-option-radio-button-group
       .value=${i??n}
       .values=${e}
-      .label=${o}
+      .label=${t}
       .size=${l}
-      .extraLabel=${a}
-      .extraLabelTooltip=${s}
-      .extraLabelHasClickAction=${c}
-      @extraLabelClick=${m}
-      @option-changed=${b}
-      .fromOptionValue=${(x=t.controlInfo)==null?void 0:x.fromOptionValue}
-      .toOptionValue=${(h=t.controlInfo)==null?void 0:h.toOptionValue}
+      .extraLabel=${c}
+      .extraLabelTooltip=${b}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${L}
+      @option-changed=${h}
+      .fromOptionValue=${(x=o.controlInfo)==null?void 0:x.fromOptionValue}
+      .toOptionValue=${($=o.controlInfo)==null?void 0:$.toOptionValue}
     ></luzmo-edit-option-radio-button-group>
-  `},J=t=>{var r,x,h,L,y,k,z,V,A,T,P,q,w;const o=((h=(x=(r=t.translations)==null?void 0:r.options)==null?void 0:x[t.optionKey])==null?void 0:h.label)??t.optionKey??"",i=(k=(y=(L=t.translations)==null?void 0:L.options)==null?void 0:y[t.optionKey])==null?void 0:k.tooltip,n=(z=t.controlInfo)==null?void 0:z.min,e=(V=t.controlInfo)==null?void 0:V.max,l=(A=t.controlInfo)==null?void 0:A.step,a=I(t.options,t.optionKey),s=t.size;let c;typeof((T=t.controlInfo)==null?void 0:T.default)=="function"?c=t.controlInfo.default(t.options,t.slots,t.theme):typeof((P=t.controlInfo)==null?void 0:P.default)=="number"&&(c=t.controlInfo.default);const{extraLabel:m,extraLabelTooltip:b,extraLabelHasClickAction:d,extraLabelClickAction:p}=C(t),u=O(t),f=()=>{if(typeof p=="function"){const{options:_}=p();return t.changeCallback(_)}};return $.x`
+  `},U=o=>{var r,s,x,$,m,y,v,z,I,P,A,T,H,w;const t=((x=(s=(r=o.translations)==null?void 0:r.options)==null?void 0:s[o.optionKey])==null?void 0:x.label)??(($=o.controlInfo)==null?void 0:$.label)??o.optionKey??"",i=(v=(y=(m=o.translations)==null?void 0:m.options)==null?void 0:y[o.optionKey])==null?void 0:v.tooltip,n=(z=o.controlInfo)==null?void 0:z.min,e=(I=o.controlInfo)==null?void 0:I.max,l=(P=o.controlInfo)==null?void 0:P.step,c=K(o.options,o.optionKey),b=o.size;let a;typeof((A=o.controlInfo)==null?void 0:A.default)=="function"?a=o.controlInfo.default(o.options,o.slots,o.theme):typeof((T=o.controlInfo)==null?void 0:T.default)=="number"&&(a=o.controlInfo.default);const{extraLabel:L,extraLabelTooltip:h,extraLabelHasClickAction:d,extraLabelClickAction:p}=O(o),u=V(o),f=()=>{if(typeof p=="function"){const{options:M}=p();return o.changeCallback(M)}};return k.x`
     <luzmo-edit-option-slider
-      .value=${a}
-      .default=${c}
+      .value=${c}
+      .default=${a}
       .min=${n}
       .max=${e}
       .step=${l}
-      .label=${o}
+      .label=${t}
       .tooltip=${i}
-      .size=${s}
-      .extraLabel=${m}
-      .extraLabelTooltip=${b}
+      .size=${b}
+      .extraLabel=${L}
+      .extraLabelTooltip=${h}
       .extraLabelHasClickAction=${d}
       @extraLabelClick=${f}
       @option-changed=${u}
-      .fromOptionValue=${(q=t.controlInfo)==null?void 0:q.fromOptionValue}
-      .toOptionValue=${(w=t.controlInfo)==null?void 0:w.toOptionValue}
+      .fromOptionValue=${(H=o.controlInfo)==null?void 0:H.fromOptionValue}
+      .toOptionValue=${(w=o.controlInfo)==null?void 0:w.toOptionValue}
     ></luzmo-edit-option-slider>
-  `},Q=t=>{var b,d,p,u,f,r;const o=((p=(d=(b=t.translations)==null?void 0:b.options)==null?void 0:d[t.optionKey])==null?void 0:p.label)??t.optionKey??"",i=I(t.options,t.optionKey),n=(u=t.controlInfo)==null?void 0:u.default,e=t.size,{extraLabel:l,extraLabelTooltip:a,extraLabelHasClickAction:s,extraLabelClickAction:c}=C(t),m=O(t);return $.x`
+  `},W=o=>{var h,d,p,u,f,r,s;const t=((p=(d=(h=o.translations)==null?void 0:h.options)==null?void 0:d[o.optionKey])==null?void 0:p.label)??((u=o.controlInfo)==null?void 0:u.label)??o.optionKey??"",i=K(o.options,o.optionKey),n=(f=o.controlInfo)==null?void 0:f.default,e=o.size,{extraLabel:l,extraLabelTooltip:c,extraLabelHasClickAction:b,extraLabelClickAction:a}=O(o),L=V(o);return k.x`
     <luzmo-edit-option-switch
       .value=${i??n??!1}
-      .label=${o}
+      .label=${t}
       .size=${e}
       .extraLabel=${l}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${s}
-      @extraLabelClick=${c}
-      @option-changed=${m}
-      .fromOptionValue=${(f=t.controlInfo)==null?void 0:f.fromOptionValue}
-      .toOptionValue=${(r=t.controlInfo)==null?void 0:r.toOptionValue}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${a}
+      @option-changed=${L}
+      .fromOptionValue=${(r=o.controlInfo)==null?void 0:r.fromOptionValue}
+      .toOptionValue=${(s=o.controlInfo)==null?void 0:s.toOptionValue}
     ></luzmo-edit-option-switch>
-  `},U=t=>{var b,d,p,u,f,r;const o=((p=(d=(b=t.translations)==null?void 0:b.options)==null?void 0:d[t.optionKey])==null?void 0:p.label)??t.optionKey??"",i=((u=t.controlInfo)==null?void 0:u.placeholder)??"placeholder",n=I(t.options,t.optionKey)??"",e=t.size,{extraLabel:l,extraLabelTooltip:a,extraLabelHasClickAction:s,extraLabelClickAction:c}=C(t),m=O(t);return $.x`
+  `},X=o=>{var d,p,u,f,r,s,x,$,m,y;const t=((u=(p=(d=o.translations)==null?void 0:d.options)==null?void 0:p[o.optionKey])==null?void 0:u.label)??((f=o.controlInfo)==null?void 0:f.label)??o.optionKey??"",i=o.language??"en",n={};n[i]=((x=(s=(r=o.translations)==null?void 0:r.options)==null?void 0:s[o.optionKey])==null?void 0:x.placeholder)??(($=o.controlInfo)==null?void 0:$.placeholder)??"";const e=K(o.options,o.optionKey)??"",l=o.size,{extraLabel:c,extraLabelTooltip:b,extraLabelHasClickAction:a,extraLabelClickAction:L}=O(o),h=V(o);return k.x`
     <luzmo-edit-option-text-field
-      .label=${o}
-      .placeholder=${i}
-      .value=${n}
-      .size=${e}
-      .extraLabel=${l}
-      .extraLabelTooltip=${a}
-      .extraLabelHasClickAction=${s}
-      @extraLabelClick=${c}
-      @option-changed=${m}
-      .fromOptionValue=${(f=t.controlInfo)==null?void 0:f.fromOptionValue}
-      .toOptionValue=${(r=t.controlInfo)==null?void 0:r.toOptionValue}
+      .label=${t}
+      .placeholder=${n[i]}
+      .value=${e}
+      .size=${l}
+      .extraLabel=${c}
+      .extraLabelTooltip=${b}
+      .extraLabelHasClickAction=${a}
+      @extraLabelClick=${L}
+      @option-changed=${h}
+      .fromOptionValue=${(m=o.controlInfo)==null?void 0:m.fromOptionValue}
+      .toOptionValue=${(y=o.controlInfo)==null?void 0:y.toOptionValue}
     ></luzmo-edit-option-text-field>
-  `},W=t=>{switch(t.controlType){case"picker":return D(t);case"slider":return J(t);case"switch":return Q(t);case"multi-language-field":return F(t);case"text-field":return U(t);case"number-field":return G(t);case"positions-number-field":return N(t);case"radio-button-group":return R(t);case"color-picker":return B(t);case"action-button-group":return S(t)}},X=(t,o)=>{const i=n=>{for(const e of n){if(e.key===t)return e.control;if(e.children){const l=i(e.children);if(l)return l}}return null};for(const n of o){const e=i(n.children);if(e)return e}return null};var Y=Object.defineProperty,K=(t,o,i,n)=>{for(var e=void 0,l=t.length-1,a;l>=0;l--)(a=t[l])&&(e=a(o,i,e)||e);return e&&Y(o,i,e),e};const H=class H extends $.kt{constructor(){super(...arguments),this._loadItemConfig=new j.h(this,{task:async([o,i,n])=>{let e=!1;if(o!==this._itemTypeLoaded){const s=Object.assign({"./item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart.config-B57geUzJ.cjs")),"./item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("../column-chart.config-B57geUzJ.cjs")),"./item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart.config-DLWJUlHx.cjs")),"./item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("../imageobject.config-B7ld9bj3.cjs")),"./item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("../line-chart.config-BZcvfO2c.cjs")),"./item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("../textobject.config-DbAajFz8.cjs"))});if(s[`./item-configs/${o}.config.ts`]){const c=await s[`./item-configs/${o}.config.ts`]();this._optionsConfig=(c==null?void 0:c.default)??{}}e=!0}if(n!==this._languageLoaded||e){const s=Object.assign({"./item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("../bar-chart.en-BqYbiHO3.cjs")),"./item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("../bar-chart.fr-DGx9smEh.cjs")),"./item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("../bar-chart.nl-BYzVExsz.cjs")),"./item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("../donut-chart.en-Blb9oSdU.cjs")),"./item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("../donut-chart.fr-BeTVa2wh.cjs")),"./item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("../donut-chart.nl-D9YGbOce.cjs"))});if(s[`./item-translations/${o}.${n}.ts`]){const c=await s[`./item-translations/${o}.${n}.ts`]();this._translations=(c==null?void 0:c.default)??{}}}const l=X(i,this._optionsConfig),a=l==null?void 0:l.type;if(a!==this._controlTypeLoaded){const s=Object.assign({"../edit-option-action-button-group/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-action-button-group/index.cjs")),"../edit-option-color-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-color-picker/index.cjs")),"../edit-option-multi-language-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-multi-language-field/index.cjs")),"../edit-option-number-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-number-field/index.cjs")),"../edit-option-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-picker/index.cjs")),"../edit-option-positions-number-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-positions-number-field/index.cjs")),"../edit-option-radio-button-group/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-radio-button-group/index.cjs")),"../edit-option-slider/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-slider/index.cjs")),"../edit-option-switch/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-switch/index.cjs")),"../edit-option-text-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-text-field/index.cjs"))});s[`../edit-option-${a}/index.ts`]&&await s[`../edit-option-${a}/index.ts`](),this._controlTypeLoaded=a}return l},args:()=>[this.itemType,this.optionKey,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.changedOptions=o=>{this.options=o,this.dispatchEvent(new CustomEvent("options-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{options:o}}))}}render(){return this._loadItemConfig.render({pending:()=>$.x`<p>Loading...</p>`,complete:o=>W({controlType:o==null?void 0:o.type,optionKey:this.optionKey,controlInfo:o,options:this.options,slots:this.slots,theme:this.theme,language:this.language,translations:this._translations,size:this.size,changeCallback:this.changedOptions}),error:o=>$.x`
-        <div>
-          Could not load control for option: '${this.optionKey}' of chart
-          '${this.itemType}': ${o}.
-        </div>
-      `})}};H.styles=$.r$1(E);let v=H;K([$.n({type:String,reflect:!0})],v.prototype,"language");K([$.n({type:String,reflect:!0,attribute:"item-type"})],v.prototype,"itemType");K([$.n({type:String,reflect:!0,attribute:"option-key"})],v.prototype,"optionKey");K([$.n({type:Object})],v.prototype,"options");K([$.n({type:Object})],v.prototype,"slots");K([$.n({type:Object})],v.prototype,"theme");K([$.n({type:String,reflect:!0})],v.prototype,"size");customElements.get("luzmo-edit-option")||customElements.define("luzmo-edit-option",v);exports.LuzmoEditOption=v;
+  `},Y=o=>{switch(o.controlType){case"picker":return N(o);case"slider":return U(o);case"switch":return W(o);case"multi-language-field":return G(o);case"text-field":return X(o);case"number-field":return D(o);case"position-picker":return R(o);case"positions-number-field":return J(o);case"radio-button-group":return Q(o);case"color-picker":return F(o);case"action-button-group":return B(o)}},Z=(o,t)=>{const i=n=>{for(const e of n){if(e.key===o)return e.control;if(e.children){const l=i(e.children);if(l)return l}}return null};for(const n of t){const e=i(n.children);if(e)return e}return null};var g=Object.defineProperty,q=(o,t,i,n)=>{for(var e=void 0,l=o.length-1,c;l>=0;l--)(c=o[l])&&(e=c(t,i,e)||e);return e&&g(t,i,e),e};const j=class j extends k.kt{constructor(){super(...arguments),this._loadItemConfig=new _.h(this,{task:async([t,i,n])=>{let e=!1;if(t!==this._itemTypeLoaded){const b=Object.assign({"./item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart.config--VDhFN4d.cjs")),"./item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("../column-chart.config-BmhmcBZJ.cjs")),"./item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart.config-DLWJUlHx.cjs")),"./item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("../imageobject.config-Dqhc2c3b.cjs")),"./item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("../line-chart.config-cvwDhvSq.cjs")),"./item-configs/spacer.config.ts":()=>Promise.resolve().then(()=>require("../spacer.config-mPXMR1CE.cjs")),"./item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("../textobject.config-BFB3rEmt.cjs")),"./item-configs/videoobject.config.ts":()=>Promise.resolve().then(()=>require("../videoobject.config-BBDHSf6_.cjs"))});if(b[`./item-configs/${t}.config.ts`]){const a=await b[`./item-configs/${t}.config.ts`]();this._optionsConfig=(a==null?void 0:a.default)??{}}e=!0}if(n!==this._languageLoaded||e){const b=Object.assign({"./item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("../bar-chart.en-D1UfGsS3.cjs")),"./item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("../bar-chart.fr-CP7DTrlk.cjs")),"./item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("../bar-chart.nl-Cxq8ID8c.cjs")),"./item-translations/column-chart.en.ts":()=>Promise.resolve().then(()=>require("../column-chart.en-D1UfGsS3.cjs")),"./item-translations/column-chart.fr.ts":()=>Promise.resolve().then(()=>require("../column-chart.fr-CP7DTrlk.cjs")),"./item-translations/column-chart.nl.ts":()=>Promise.resolve().then(()=>require("../column-chart.nl-Cxq8ID8c.cjs")),"./item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("../donut-chart.en-DHCYs2el.cjs")),"./item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("../donut-chart.fr-C33dLw52.cjs")),"./item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("../donut-chart.nl-CHAnU1xZ.cjs")),"./item-translations/imageobject.en.ts":()=>Promise.resolve().then(()=>require("../imageobject.en-DflcU_2H.cjs")),"./item-translations/imageobject.fr.ts":()=>Promise.resolve().then(()=>require("../imageobject.fr-ycH7UoX5.cjs")),"./item-translations/imageobject.nl.ts":()=>Promise.resolve().then(()=>require("../imageobject.nl-DQL45o0j.cjs")),"./item-translations/textobject.en.ts":()=>Promise.resolve().then(()=>require("../textobject.en-LfsMtwo6.cjs")),"./item-translations/textobject.fr.ts":()=>Promise.resolve().then(()=>require("../textobject.fr-B8x29grG.cjs")),"./item-translations/textobject.nl.ts":()=>Promise.resolve().then(()=>require("../textobject.nl-DzglrI3i.cjs"))});if(b[`./item-translations/${t}.${n}.ts`]){const a=await b[`./item-translations/${t}.${n}.ts`]();this._translations=(a==null?void 0:a.default)??{}}}const l=Z(i,this._optionsConfig),c=l==null?void 0:l.type;if(c!==this._controlTypeLoaded){const b=Object.assign({"../edit-option-action-button-group/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-action-button-group/index.cjs")),"../edit-option-color-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-color-picker/index.cjs")),"../edit-option-multi-language-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-multi-language-field/index.cjs")),"../edit-option-number-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-number-field/index.cjs")),"../edit-option-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-picker/index.cjs")),"../edit-option-position-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-position-picker/index.cjs")),"../edit-option-positions-number-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-positions-number-field/index.cjs")),"../edit-option-radio-button-group/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-radio-button-group/index.cjs")),"../edit-option-slider/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-slider/index.cjs")),"../edit-option-switch/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-switch/index.cjs")),"../edit-option-text-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-text-field/index.cjs"))});b[`../edit-option-${c}/index.ts`]&&await b[`../edit-option-${c}/index.ts`](),this._controlTypeLoaded=c}return l},args:()=>[this.itemType,this.optionKey,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.changedOptions=t=>{this.options=t,this.dispatchEvent(new CustomEvent("options-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{options:t}}))}}render(){return this._loadItemConfig.render({pending:()=>k.x`<p>Loading...</p>`,complete:t=>Y({controlType:t==null?void 0:t.type,optionKey:this.optionKey,controlInfo:t,options:this.options,slots:this.slots,theme:this.theme,language:this.language,translations:this._translations,size:this.size,changeCallback:this.changedOptions}),error:t=>(console.error(t),k.x``)})}};j.styles=k.r$1(S);let C=j;q([k.n({type:String,reflect:!0})],C.prototype,"language");q([k.n({type:String,reflect:!0,attribute:"item-type"})],C.prototype,"itemType");q([k.n({type:String,reflect:!0,attribute:"option-key"})],C.prototype,"optionKey");q([k.n({type:Object})],C.prototype,"options");q([k.n({type:Object})],C.prototype,"slots");q([k.n({type:Object})],C.prototype,"theme");q([k.n({type:String,reflect:!0})],C.prototype,"size");customElements.get("luzmo-edit-option")||customElements.define("luzmo-edit-option",C);exports.LuzmoEditOption=C;