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

package/utils/map-tile-providers/index.d.ts

@@ -0,0 +1,93 @@
+export declare const mapVectorTileProviders: {
+    'No Tiles': {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Basic: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Bright: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Dark: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Fiord: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Liberty: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Pastel: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Positron: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Streets: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Toner: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Topographique: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    Voyager: {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+    '3D buildings': {
+        name: string;
+        id: string;
+        url: string;
+        attribution: string;
+        rasterName: string;
+    };
+};

package/utils/switch-item/index.d.ts

@@ -0,0 +1,14 @@
+export declare function switchItem(args: {
+    oldItemType: string;
+    newItemType: string;
+    slots?: any[];
+    options?: any;
+    customItemSlotsConfigs?: {
+        type: string;
+        slotsConfig: any;
+    }[];
+}): {
+    type: string;
+    slots: any[];
+    options?: any;
+};

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/utils/time/formats.const.d.ts

@@ -0,0 +1,4 @@
+export type DateFormats = 'auto' | 'mmdd' | 'ddmm';
+export declare const DATE_FORMATS: Record<DateFormats, () => string>;
+export type DateSeparators = '~' | '.' | '-' | '/';
+export declare const DATE_SEPARATORS: Record<DateSeparators, () => string>;

package/utils/time/periods.const.d.ts

@@ -0,0 +1,15 @@
+export declare const DATETIME_LEVELS: {
+    level: number;
+    key: string;
+    i18n: () => string;
+}[];
+export declare const DATETIME_AS_STRING_FORMATS_PER_LEVEL: Record<string, {
+    key: string;
+    label: string;
+    i18n: () => string;
+}[]>;
+export declare const DATETIME_WEEKDAY_AND_MONTH_STRING_FORMATS: Record<string, () => string>;
+export declare const WEEK_STARTS_ON: {
+    sunday: () => string;
+    monday: () => string;
+};

package/utils/types/column.types.d.ts

@@ -0,0 +1,56 @@
+export type HierarchyLevel = {
+    id: string;
+    color: string;
+    level: number;
+    name: Record<string, string>;
+};
+export type Currency = {
+    id: string;
+    name: string;
+    symbol: string;
+};
+export type JoinType = {
+    id: string;
+    currency_id: string | null;
+    securable_id: string;
+    hierarchy_enabled?: boolean;
+    join: {
+        column_id: string;
+        created_at: string;
+        update_at: string;
+        updated_at?: string;
+        subtype?: string;
+        type: 'lookup' | 'exact';
+        joins_id: string;
+    };
+};
+export type Column = {
+    cardinality?: number;
+    color: string;
+    currency_id?: string;
+    currency?: Currency;
+    duration_format: 'long' | 'short' | 'time';
+    duration_levels: number[];
+    expression?: string;
+    format: string;
+    hierarchy_enabled: boolean;
+    hierarchyLevels: HierarchyLevel[];
+    highestLevel: number;
+    id: string;
+    informat?: string;
+    isLabel?: boolean;
+    joins: JoinType[];
+    level?: number;
+    lowestLevel: number;
+    name: Record<string, string>;
+    description?: Record<string, string>;
+    order?: number;
+    securable_id: string;
+    source_name?: string;
+    subtype: ColumnSubtype;
+    type: ColumnType;
+    version?: number;
+    width?: number;
+};
+export type ColumnType = 'numeric' | 'hierarchy' | 'datetime' | 'spatial';
+export type ColumnSubtype = 'duration' | 'currency' | 'coordinates' | 'hierarchy_element_expression' | 'topography';

package/utils/types/type-check.d.ts

@@ -0,0 +1,7 @@
+export declare function isEmpty(value: any): boolean;
+export declare function isString(value: any): value is string;
+export declare function isNumeric(value: any): value is number;
+export declare function isBoolean(value: any): value is boolean;
+export declare function isObject(value: any): boolean;
+export declare function isDate(value: any): value is Date;
+export declare function isEmptyObject(value: any): boolean;

package/lib/37.js

@@ -1 +0,0 @@
-export const __webpack_id__=37;export const __webpack_ids__=[37];export const __webpack_modules__={8037:(o,r,l)=>{l.r(r),l.d(r,{Popover:()=>e.Popover});var e=l(8087);(()=>{if("undefined"!=typeof window&&!document.querySelector("style[data-luzmo-vars]")){const o=document.createElement("style");o.setAttribute("data-luzmo-vars",""),o.textContent='body{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(246, 246, 246);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inv-font-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inv-font-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: var(--luzmo-border-width);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-edit-option-component-height-s: 28px;--luzmo-edit-option-component-height: 32px;--luzmo-edit-option-component-height-l: 40px;--luzmo-edit-option-component-height-xl: 48px}',document.head.appendChild(o)}})(),customElements.get("luzmo-popover")||customElements.define("luzmo-popover",e.Popover)}};