@luzmo/analytics-components-kit 1.0.1-alpha.26 → 1.0.1-alpha.28

package/utils/themes/index.d.ts

@@ -0,0 +1,507 @@
+export declare const themes: {
+    default: {
+        name: string;
+        type: string;
+        background: string;
+        itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        font: {
+            fontFamily: string;
+            'font-style': string;
+            'font-weight': number;
+            fontSize: number;
+        };
+        colors: string[];
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        mainColor: string;
+        axis: {};
+        legend: {
+            type: string;
+        };
+        tooltip: {
+            background: string;
+        };
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    default_dark: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        colors: string[];
+        mainColor: string;
+        tooltip: {
+            background: string;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        font: {
+            fontFamily: string;
+            'font-style': string;
+            'font-weight': number;
+            fontSize: number;
+        };
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        axis: {};
+        legend: {
+            type: string;
+        };
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    vivid: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        axis: {};
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    seasonal: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        editModeBackground: string;
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        mainColor: string;
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        axis: {};
+        legend: {
+            type: string;
+        };
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    orion: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        margins: number[];
+        axis: {};
+        tooltip: {
+            background: string;
+        };
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    royale: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        borders: {
+            'border-radius': string;
+        };
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        axis: {};
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    urban: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        axis: {};
+        tooltip: {
+            background: string;
+        };
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    pinky: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        axis: {};
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    bliss: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        editModeBackground: string;
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        mainColor: string;
+        axis: {};
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    radiant: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        axis: {};
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    classic: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        editModeBackground: string;
+        borders: {
+            'border-color': string;
+            'border-style': string;
+            'border-radius': string;
+            'border-top-width': string;
+            'border-left-width': string;
+            'border-right-width': string;
+            'border-bottom-width': string;
+        };
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        axis: {};
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+    classic_dark: {
+        name: string;
+        background: string;
+        itemsBackground: string;
+        title: {
+            align: string;
+            bold: boolean;
+            italic: boolean;
+            underline: boolean;
+            border: boolean;
+        };
+        borders: {};
+        margins: number[];
+        mainColor: string;
+        legend: {
+            type: string;
+        };
+        tooltip: {};
+        colors: string[];
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        type: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
+        axis: {};
+        itemSpecific: {
+            rounding: number;
+            padding: number;
+        };
+    };
+};

package/components/base-D76d76ww-BiajPmzU.cjs

@@ -1,40 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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";/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * 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.
- * *//**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const r=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);exports.o=r;

package/components/base-D76d76ww-gf0ESLsU.js

@@ -1,45 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * 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.
- * */
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const r = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
-export {
-  r as o
-};

package/components/edit-option-base-Boz7TNRZ.cjs

@@ -1,53 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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";require("./index-Bt5nP_6w.cjs");require("./index-ByjLd3bT.cjs");const t=require("./property-0L4eB11h.cjs"),c=require("./sized-mixin-BxMraZLS-DEFWqo8f.cjs"),d=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var u=Object.defineProperty,o=(s,a,l,h)=>{for(var i=void 0,n=s.length-1,p;n>=0;n--)(p=s[n])&&(i=p(a,l,i)||i);return i&&u(a,l,i),i};const r=class r extends c.m(t.kt,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(a){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:l}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:l}}))}a.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return t.x`
-      <div class="luzmo-edit-option">
-        ${this.label?t.x`
-              <luzmo-field-label
-                .size=${this.size}
-                for="luzmo-edit-option-control"
-                side-aligned="start"
-              >
-                ${this.label}
-                ${this.tooltip?t.x`
-                      *<luzmo-tooltip
-                        self-managed
-                        placement="top"
-                        size=${this.size}
-                      >
-                        ${this.tooltip}
-                      </luzmo-tooltip>
-                    `:t.E}
-              </luzmo-field-label>
-            `:t.E}
-
-        <div class="control-container">
-          ${this.extraLabel?t.x`
-                <div
-                  class="extra-label ${this.extraLabelHasClickAction?"extra-link":""}"
-                  @click=${this.handleExtraLabelClick}
-                >
-                  <span class=""> ${this.extraLabel} </span>
-                </div>
-              `:t.E}
-          ${this.renderController()}
-        </div>
-      </div>
-    `}};r.styles=[t.r$1(d)];let e=r;o([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");o([t.n({type:String,reflect:!0})],e.prototype,"label");o([t.n({type:String,reflect:!0})],e.prototype,"tooltip");o([t.n({type:String,attribute:"extra-label"})],e.prototype,"extraLabel");o([t.n({type:Boolean,attribute:"extra-label-has-click-action"})],e.prototype,"extraLabelHasClickAction");o([t.n()],e.prototype,"extraLabelClickAction");o([t.n({type:String,attribute:"extra-label-tooltip"})],e.prototype,"extraLabelTooltip");exports.LuzmoEditOptionBase=e;