@luzmo/analytics-components-kit 1.0.1-alpha.14 → 1.0.1-alpha.15

package/components/edit-option-position-picker/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CdUTqQ3L.cjs");const e=require("../property-0L4eB11h.cjs"),k=require("../edit-option-base-Boz7TNRZ.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["top-left","top","top-right","left","center","right","bottom-left","bottom","bottom-right"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.defaultPosition="top-right",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.defaultPosition??"top-right",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
+"use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CdUTqQ3L.cjs");const e=require("../property-0L4eB11h.cjs"),k=require("../edit-option-base-Boz7TNRZ.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.defaultPosition="top-right",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.defaultPosition??"top-right",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
         <div
           class="position-item ${(s=this.positions)!=null&&s.includes(i)?"position-item-allowed":"position-item-not-allowed"} ${this.value===i?"selected":""}"
           @click=${this._handleClick.bind(this,i)}

package/components/edit-option-position-picker/index.js

@@ -37,15 +37,15 @@ var x = Object.defineProperty, n = (i, r, o, p) => {
   return t && x(r, o, t), t;
 };
 const g = [
-  "top-left",
+  "topLeft",
   "top",
-  "top-right",
+  "topRight",
   "left",
   "center",
   "right",
-  "bottom-left",
+  "bottomLeft",
   "bottom",
-  "bottom-right"
+  "bottomRight"
 ], m = g.filter(
   (i) => i !== "center"
 ), l = class l extends v {

package/item-definitions/box-plot/box-plot-options.config.d.ts

@@ -0,0 +1,173 @@
+declare const _default: ({
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: boolean;
+            enum?: undefined;
+            fromOptionValue?: undefined;
+            toOptionValue?: undefined;
+        };
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            fromOptionValue: (value: any) => "vertical" | "horizontal";
+            toOptionValue: (value: any) => boolean;
+        };
+    })[];
+} | {
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: number;
+            min: number;
+            max: number;
+            step: number;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: (_options: any, _slots: any, theme: any) => any;
+            extraLabel: (options: any, _slots: any, theme: any) => "reset" | undefined;
+            extraLabelHasClickAction: (options: any, _slots: any, theme: any) => boolean;
+            extraLabelClickAction: (options: any, _slots: any, theme: any) => {
+                value: any;
+                options: any;
+            };
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+        };
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: (_options: any, _slots: any, theme: any) => any;
+            min: number;
+            max: number;
+            step: number;
+            extraLabel: (options: any, _slots: any, theme: any) => "auto" | "reset" | undefined;
+            extraLabelHasClickAction: (options: any, _slots: any, theme: any) => boolean;
+            extraLabelClickAction: (options: any, _slots: any, _theme: any) => {
+                value: null;
+                options: any;
+            };
+        };
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+    })[];
+} | {
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: boolean;
+            enum?: undefined;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: boolean;
+            enum?: undefined;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf: (options: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf: (options: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: number;
+            min: number;
+            max: number;
+            step: number;
+            enum?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+        };
+        visibleIf: (options: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: (_options: any, _slots: any, theme: any) => any;
+            extraLabel: (options: any, _slots: any, theme: any) => "reset" | undefined;
+            extraLabelHasClickAction: (options: any, _slots: any, theme: any) => boolean;
+            extraLabelClickAction: (options: any, _slots: any, theme: any) => {
+                value: any;
+                options: any;
+            };
+            enum?: undefined;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+        };
+        visibleIf: (options: any) => boolean;
+    })[];
+})[];
+export default _default;

package/item-definitions/box-plot/i18n/box-plot-options.de.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    name: string;
+    groups: {
+        general: {
+            label: string;
+        };
+        box: {
+            label: string;
+        };
+        observations: {
+            label: string;
+        };
+    };
+    options: {
+        'display.title': {
+            label: string;
+        };
+        horizontal: {
+            label: string;
+            enum: {
+                vertical: string;
+                horizontal: string;
+            };
+        };
+        extentTicks: {
+            label: string;
+        };
+        boxWidth: {
+            label: string;
+        };
+        boxFill: {
+            label: string;
+        };
+        roundedCorners: {
+            label: string;
+            extraLabel: string;
+        };
+        boxStrokeWidth: {
+            label: string;
+        };
+        boxStrokeColor: {
+            label: string;
+        };
+        medianStrokeWidth: {
+            label: string;
+        };
+        medianStrokeColor: {
+            label: string;
+        };
+        'observations.display': {
+            label: string;
+        };
+        'observations.onlyOutliers': {
+            label: string;
+        };
+        'observations.type': {
+            label: string;
+            enum: {
+                dot: string;
+                ticks: string;
+            };
+        };
+        'observations.size': {
+            label: string;
+        };
+        'observations.opacity': {
+            label: string;
+        };
+        'observations.jitter': {
+            label: string;
+        };
+        'observations.colorType': {
+            label: string;
+            enum: {
+                single: string;
+                range: string;
+            };
+        };
+        'observations.color': {
+            label: string;
+        };
+        'observations.colorsType': {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+    };
+};
+export default _default;

package/item-definitions/box-plot/i18n/box-plot-options.en.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    name: string;
+    groups: {
+        general: {
+            label: string;
+        };
+        box: {
+            label: string;
+        };
+        observations: {
+            label: string;
+        };
+    };
+    options: {
+        'display.title': {
+            label: string;
+        };
+        horizontal: {
+            label: string;
+            enum: {
+                vertical: string;
+                horizontal: string;
+            };
+        };
+        extentTicks: {
+            label: string;
+        };
+        boxWidth: {
+            label: string;
+        };
+        boxFill: {
+            label: string;
+        };
+        roundedCorners: {
+            label: string;
+            extraLabel: string;
+        };
+        boxStrokeWidth: {
+            label: string;
+        };
+        boxStrokeColor: {
+            label: string;
+        };
+        medianStrokeWidth: {
+            label: string;
+        };
+        medianStrokeColor: {
+            label: string;
+        };
+        'observations.display': {
+            label: string;
+        };
+        'observations.onlyOutliers': {
+            label: string;
+        };
+        'observations.type': {
+            label: string;
+            enum: {
+                dot: string;
+                ticks: string;
+            };
+        };
+        'observations.size': {
+            label: string;
+        };
+        'observations.opacity': {
+            label: string;
+        };
+        'observations.jitter': {
+            label: string;
+        };
+        'observations.colorType': {
+            label: string;
+            enum: {
+                single: string;
+                range: string;
+            };
+        };
+        'observations.color': {
+            label: string;
+        };
+        'observations.colorsType': {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+    };
+};
+export default _default;

package/item-definitions/box-plot/i18n/box-plot-options.es.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    name: string;
+    groups: {
+        general: {
+            label: string;
+        };
+        box: {
+            label: string;
+        };
+        observations: {
+            label: string;
+        };
+    };
+    options: {
+        'display.title': {
+            label: string;
+        };
+        horizontal: {
+            label: string;
+            enum: {
+                vertical: string;
+                horizontal: string;
+            };
+        };
+        extentTicks: {
+            label: string;
+        };
+        boxWidth: {
+            label: string;
+        };
+        boxFill: {
+            label: string;
+        };
+        roundedCorners: {
+            label: string;
+            extraLabel: string;
+        };
+        boxStrokeWidth: {
+            label: string;
+        };
+        boxStrokeColor: {
+            label: string;
+        };
+        medianStrokeWidth: {
+            label: string;
+        };
+        medianStrokeColor: {
+            label: string;
+        };
+        'observations.display': {
+            label: string;
+        };
+        'observations.onlyOutliers': {
+            label: string;
+        };
+        'observations.type': {
+            label: string;
+            enum: {
+                dot: string;
+                ticks: string;
+            };
+        };
+        'observations.size': {
+            label: string;
+        };
+        'observations.opacity': {
+            label: string;
+        };
+        'observations.jitter': {
+            label: string;
+        };
+        'observations.colorType': {
+            label: string;
+            enum: {
+                single: string;
+                range: string;
+            };
+        };
+        'observations.color': {
+            label: string;
+        };
+        'observations.colorsType': {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+    };
+};
+export default _default;

package/item-definitions/box-plot/i18n/box-plot-options.fr.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    name: string;
+    groups: {
+        general: {
+            label: string;
+        };
+        box: {
+            label: string;
+        };
+        observations: {
+            label: string;
+        };
+    };
+    options: {
+        'display.title': {
+            label: string;
+        };
+        horizontal: {
+            label: string;
+            enum: {
+                vertical: string;
+                horizontal: string;
+            };
+        };
+        extentTicks: {
+            label: string;
+        };
+        boxWidth: {
+            label: string;
+        };
+        boxFill: {
+            label: string;
+        };
+        roundedCorners: {
+            label: string;
+            extraLabel: string;
+        };
+        boxStrokeWidth: {
+            label: string;
+        };
+        boxStrokeColor: {
+            label: string;
+        };
+        medianStrokeWidth: {
+            label: string;
+        };
+        medianStrokeColor: {
+            label: string;
+        };
+        'observations.display': {
+            label: string;
+        };
+        'observations.onlyOutliers': {
+            label: string;
+        };
+        'observations.type': {
+            label: string;
+            enum: {
+                dot: string;
+                ticks: string;
+            };
+        };
+        'observations.size': {
+            label: string;
+        };
+        'observations.opacity': {
+            label: string;
+        };
+        'observations.jitter': {
+            label: string;
+        };
+        'observations.colorType': {
+            label: string;
+            enum: {
+                single: string;
+                range: string;
+            };
+        };
+        'observations.color': {
+            label: string;
+        };
+        'observations.colorsType': {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+    };
+};
+export default _default;

package/item-definitions/box-plot/i18n/box-plot-options.nl.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    name: string;
+    groups: {
+        general: {
+            label: string;
+        };
+        box: {
+            label: string;
+        };
+        observations: {
+            label: string;
+        };
+    };
+    options: {
+        'display.title': {
+            label: string;
+        };
+        horizontal: {
+            label: string;
+            enum: {
+                vertical: string;
+                horizontal: string;
+            };
+        };
+        extentTicks: {
+            label: string;
+        };
+        boxWidth: {
+            label: string;
+        };
+        boxFill: {
+            label: string;
+        };
+        roundedCorners: {
+            label: string;
+            extraLabel: string;
+        };
+        boxStrokeWidth: {
+            label: string;
+        };
+        boxStrokeColor: {
+            label: string;
+        };
+        medianStrokeWidth: {
+            label: string;
+        };
+        medianStrokeColor: {
+            label: string;
+        };
+        'observations.display': {
+            label: string;
+        };
+        'observations.onlyOutliers': {
+            label: string;
+        };
+        'observations.type': {
+            label: string;
+            enum: {
+                dot: string;
+                ticks: string;
+            };
+        };
+        'observations.size': {
+            label: string;
+        };
+        'observations.opacity': {
+            label: string;
+        };
+        'observations.jitter': {
+            label: string;
+        };
+        'observations.colorType': {
+            label: string;
+            enum: {
+                single: string;
+                range: string;
+            };
+        };
+        'observations.color': {
+            label: string;
+        };
+        'observations.colorsType': {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+    };
+};
+export default _default;