@luzmo/analytics-components-kit 1.0.1-alpha.86 → 1.0.1-alpha.89

package/angular/utils/formatter/formats/no.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    shortLevels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/pl.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/pt.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/ru.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/sv.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/tr.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    shortLevels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/zh-CN.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formats/zh-TW.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    decimal: string;
+    thousands: string;
+    grouping: number[];
+    currency: string[];
+    dateTime: string;
+    date: string;
+    dateSeparator: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+    levels: string[];
+    durationLongSuffix: string[];
+    durationShortSuffix: string[];
+    multi: string[];
+};
+export default _default;

package/angular/utils/formatter/formatter.d.ts

@@ -0,0 +1,9 @@
+export declare function formatter(content: any, options?: {
+    level?: number;
+    locale?: string;
+    localFormats?: Record<string, any>;
+    multi?: boolean;
+    hideDuration?: boolean;
+    hideCurrency?: boolean;
+    trimZero?: boolean;
+}): (value: number | string | Date) => string;

package/angular/utils/formatter/localize.d.ts

@@ -0,0 +1,3 @@
+export declare function localize(item: Record<string, string> | string | number | boolean, locale?: string, options?: {
+    allowEmpty: boolean;
+}): string;

package/angular/utils/formatter/smart-datetime-formats.const.d.ts

@@ -0,0 +1,36 @@
+import { FormatLocaleDefinition } from 'd3-format';
+import { TimeLocaleDefinition } from 'd3-time-format';
+export type DateFormat = {
+    key: string;
+    lev1: string;
+    lev2: string;
+    lev3: string;
+    lev4: string;
+    lev5: string;
+    monthType?: string;
+    longText?: boolean;
+    weekday?: boolean;
+    mmdd?: boolean | null;
+    separator?: '/' | '-' | '.' | '~';
+};
+export type TimeFormat = {
+    key: string;
+    ampm: boolean;
+    lev6: string;
+    lev7: string;
+    lev8: string;
+    lev9: string;
+};
+export declare const DEFAULT_DATETIME_FORMAT = "%d-%m-%Y";
+export interface LocaleFormat extends TimeLocaleDefinition, FormatLocaleDefinition {
+    dateSeparator?: string;
+    durationLongSuffix?: string[];
+    durationShortSuffix?: string[];
+    levels?: string[];
+    multi?: string[];
+    shortLevels?: string[];
+    smartDateFormats?: DateFormat[];
+    smartTimeFormats?: TimeFormat[];
+}
+export declare const SMART_DATE_FORMATS: DateFormat[];
+export declare const SMART_TIME_FORMATS: TimeFormat[];

package/angular/utils/get-css-variable.d.ts

@@ -0,0 +1 @@
+export declare const getCssVariableValue: (element: HTMLElement, variable: string) => string;

package/angular/utils/index.d.ts

@@ -0,0 +1,7 @@
+export { loadDraggableItemsForDatasets } from './data/load-draggable-items-for-datasets';
+export { decomposeNumericFormat } from './formatter/decompose-numeric-format';
+export { formatter } from './formatter/formatter';
+export { localize } from './formatter/localize';
+export { switchItem } from './switch-item';
+export * from './themes';
+export { convertDatasetsToDraggableItems } from './transformations/convert-datasets-to-draggable-items';

package/angular/utils/localize/set-locale.d.ts

@@ -0,0 +1,7 @@
+declare const getLocale: (() => string) & {
+    _LIT_LOCALIZE_GET_LOCALE_?: never;
+}, setLocale: ((newLocale: string) => Promise<void>) & {
+    _LIT_LOCALIZE_SET_LOCALE_?: never;
+};
+export { targetLocales } from './../../generated/locale-codes.js';
+export { getLocale, setLocale };

package/angular/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/angular/utils/store/slot-context.d.ts

@@ -0,0 +1,4 @@
+import type { SlotStore } from './slot-store';
+export declare const slotContext: {
+    __context__: SlotStore;
+};

package/angular/utils/store/slot-store.d.ts

@@ -0,0 +1,39 @@
+import { GenericSlotContent, SlotName, VizItemSlots, VizItemType } from '@luzmo/dashboard-contents-types';
+import { PeriodOverPeriodCondition } from '../../types';
+export type SlotContent = GenericSlotContent;
+export declare class SlotStore {
+    /**
+     * Holds all contents for this droppable slot.
+     */
+    readonly slotContents: import("signal-polyfill").Signal.State<GenericSlotContent[]>;
+    readonly slotsContents: import("signal-polyfill").Signal.State<VizItemSlots>;
+    readonly periodOverPeriodUiType: import("signal-polyfill").Signal.State<PeriodOverPeriodCondition | null>;
+    readonly linkedDataset: import("signal-polyfill").Signal.State<{
+        name: any;
+        id: string;
+        columns: any[];
+    }[]>;
+    private readonly _popEnabledChartTypes;
+    readonly activeSlotContents: import("signal-polyfill").Signal.Computed<GenericSlotContent>;
+    /**
+     * Index of the content currently selected / active in a slot menu.
+     */
+    readonly activeIndex: import("signal-polyfill").Signal.State<number>;
+    private isArrayColumnType;
+    setPeriodOverPeriodCondition(itemType: VizItemType, currentSlotContents: SlotContent): void;
+    private getUiConditionToApply;
+    private oldConditionalLogic;
+    /**
+     * Detects if there's a datetime column on Category or X-axis slots
+     */
+    private hasDatetimeColumnOnCategoryOrXAxis;
+    /** Replace the full list (e.g. after dropping or re-ordering). */
+    setContents(contents: SlotContent[], slotName?: SlotName): void;
+    setFullContents(fullSlotsContents: VizItemSlots): void;
+    /** Change which item is considered active (e.g. user clicked in list). */
+    updateActive(index: number): void;
+    /** Update / overwrite a single content entry. */
+    updateContent(content: SlotContent, index?: number): void;
+    /** Remove one content entry by index. */
+    removeContent(index: number): void;
+}

package/angular/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/angular/utils/themes/bliss.d.ts

@@ -0,0 +1,43 @@
+export declare const blissTheme: {
+    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;
+        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: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+    editModeBackground: string;
+};

package/angular/utils/themes/classic-dark.d.ts

@@ -0,0 +1,34 @@
+export declare const classicDarkTheme: {
+    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;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {};
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+};

package/angular/utils/themes/classic.d.ts

@@ -0,0 +1,43 @@
+export declare const classicTheme: {
+    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;
+        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: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+    editModeBackground: string;
+};

package/angular/utils/themes/default-dark.d.ts

@@ -0,0 +1,46 @@
+export declare const defaultDarkTheme: {
+    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;
+    };
+    name: string;
+};

package/angular/utils/themes/default.d.ts

@@ -0,0 +1,46 @@
+export declare const defaultTheme: {
+    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;
+    };
+    name: string;
+};

package/angular/utils/themes/index.d.ts

@@ -0,0 +1,3 @@
+export declare const systemThemeIds: string[];
+export type SystemThemeId = 'default' | 'default_dark' | 'vivid' | 'seasonal' | 'orion' | 'royale' | 'urban' | 'pinky' | 'bliss' | 'radiant' | 'classic' | 'classic_dark';
+export declare const getTheme: (themeId: SystemThemeId) => Promise<any>;

package/angular/utils/themes/orion.d.ts

@@ -0,0 +1,44 @@
+export declare const orionTheme: {
+    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;
+        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;
+    };
+    name: string;
+};