@luzmo/analytics-components-kit 1.0.1-alpha.3 → 1.0.1-alpha.5

package/components/edit-option/helpers/get-control-by-key.d.ts

@@ -0,0 +1 @@
+export declare const getControlByKey: (key: string, config: any[]) => any;

package/components/edit-option/helpers/get-extra-label-values.d.ts

@@ -0,0 +1,7 @@
+import { ControlMarkupArgs } from './control-markup';
+export declare const getExtraLabelValues: (args: ControlMarkupArgs) => {
+    extraLabel: any;
+    extraLabelTooltip: any;
+    extraLabelHasClickAction: any;
+    extraLabelClickAction: () => any;
+};

package/components/edit-option/helpers/get-value-by-key.d.ts

@@ -0,0 +1 @@
+export declare const getValueByKey: (options: any, key: string) => any;

package/components/edit-option/index.cjs

@@ -0,0 +1,176 @@
+/*! * 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 j=require("../task-HFsHfTra.cjs"),$=require("../property-Su1Q6aME.cjs"),M=require("../if-defined-DMSuo5Qx.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`
+    <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}
+      .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}
+    ></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`
+    <luzmo-edit-option-color-picker
+      .value=${i??e}
+      .label=${o}
+      .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}
+    ></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`
+    <luzmo-edit-option-multi-language-field
+      .label=${o}
+      .placeholder=${i}
+      .value=${n}
+      language=${M.o(e)}
+      .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}
+    ></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`
+    <luzmo-edit-option-number-field
+      .value=${l}
+      .default=${a}
+      .min=${i}
+      .max=${n}
+      .step=${e}
+      .label=${o}
+      .size=${s}
+      .extraLabel=${c}
+      .extraLabelTooltip=${m}
+      .extraLabelHasClickAction=${b}
+      @extraLabelClick=${d}
+      @option-changed=${p}
+      .fromOptionValue=${(k=t.controlInfo)==null?void 0:k.fromOptionValue}
+      .toOptionValue=${(z=t.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`
+    <luzmo-edit-option-picker
+      .value=${i}
+      .default=${n}
+      .values=${l}
+      .label=${o}
+      .tooltip=${e}
+      .size=${a}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${m}
+      @extraLabelClick=${b}
+      @option-changed=${d}
+      .fromOptionValue=${(k=t.controlInfo)==null?void 0:k.fromOptionValue}
+      .toOptionValue=${(z=t.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`
+    <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}
+      .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}
+    ></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`
+    <luzmo-edit-option-radio-button-group
+      .value=${i??n}
+      .values=${e}
+      .label=${o}
+      .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}
+    ></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`
+    <luzmo-edit-option-slider
+      .value=${a}
+      .default=${c}
+      .min=${n}
+      .max=${e}
+      .step=${l}
+      .label=${o}
+      .tooltip=${i}
+      .size=${s}
+      .extraLabel=${m}
+      .extraLabelTooltip=${b}
+      .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}
+    ></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`
+    <luzmo-edit-option-switch
+      .value=${i??n??!1}
+      .label=${o}
+      .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}
+    ></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`
+    <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}
+    ></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 $.I{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(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;

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';