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

package/components/edit-option/index.cjs

@@ -0,0 +1,187 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * 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 _=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=${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=${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>
+  `},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=${t}
+      .size=${n}
+      .extraLabel=${l}
+      .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>
+  `},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=${t}
+      .placeholder=${e}
+      .value=${i}
+      language=${E.o(n)}
+      .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-multi-language-field>
+  `},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=${c}
+      .min=${i}
+      .max=${n}
+      .step=${e}
+      .label=${t}
+      .size=${b}
+      .extraLabel=${a}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${h}
+      @extraLabelClick=${d}
+      @option-changed=${p}
+      .fromOptionValue=${(v=o.controlInfo)==null?void 0:v.fromOptionValue}
+      .toOptionValue=${(z=o.controlInfo)==null?void 0:z.toOptionValue}
+    ></luzmo-edit-option-number-field>
+  `},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=${t}
+      .tooltip=${e}
+      .size=${c}
+      .extraLabel=${b}
+      .extraLabelTooltip=${a}
+      .extraLabelHasClickAction=${L}
+      @extraLabelClick=${h}
+      @option-changed=${d}
+      .fromOptionValue=${(v=o.controlInfo)==null?void 0:v.fromOptionValue}
+      .toOptionValue=${(z=o.controlInfo)==null?void 0:z.toOptionValue}
+    ></luzmo-edit-option-picker>
+  `},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=${(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=${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>
+  `},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=${t}
+      .size=${l}
+      .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>
+  `},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=${c}
+      .default=${a}
+      .min=${n}
+      .max=${e}
+      .step=${l}
+      .label=${t}
+      .tooltip=${i}
+      .size=${b}
+      .extraLabel=${L}
+      .extraLabelTooltip=${h}
+      .extraLabelHasClickAction=${d}
+      @extraLabelClick=${f}
+      @option-changed=${u}
+      .fromOptionValue=${(H=o.controlInfo)==null?void 0:H.fromOptionValue}
+      .toOptionValue=${(w=o.controlInfo)==null?void 0:w.toOptionValue}
+    ></luzmo-edit-option-slider>
+  `},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=${t}
+      .size=${e}
+      .extraLabel=${l}
+      .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>
+  `},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=${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>
+  `},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;

package/components/edit-option/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoEditOption } from './edit-option';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-edit-option': LuzmoEditOption;
+    }
+}
+export { LuzmoEditOption } from './edit-option';