@luzmo/analytics-components-kit 1.0.1-alpha.25 → 1.0.1-alpha.27

package/components/filter-data-item-picker/filter-data-item-picker.d.ts

@@ -0,0 +1,80 @@
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/menu';
+import '@luzmo/lucero/picker';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+declare const LuzmoFilterDataItemPicker_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-data-item-picker
+ */
+export declare class LuzmoFilterDataItemPicker extends LuzmoFilterDataItemPicker_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * Whether the picker has a label
+     */
+    hasLabel: boolean;
+    /**
+     * The label for the picker, if hasLabel is true
+     */
+    label?: string;
+    /**
+     * Where to show icons
+     */
+    icons?: 'none' | 'only-menu' | 'all';
+    /**
+     * Allow no selection. If true, the picker will not show a value when no item is selected. Else if no value is provided it will pick the first item.
+     */
+    allowEmpty: boolean;
+    /**
+     * The placeholder text for the picker is no value selected. If allowEmpty is true, this will be used as the label.
+     */
+    placeholder: string;
+    /**
+     * The dataItemId to display in the picker. If not provided, the first item will be displayed.
+     */
+    dataItemId: string;
+    /**
+     * The datasets and their dataItems to display
+     */
+    datasetsDataItems: {
+        id: string;
+        name: {
+            [key: string]: string;
+        };
+        columns: {
+            id: string;
+            name?: {
+                [key: string]: string;
+            };
+            format?: string;
+            type?: string;
+            subtype?: string;
+            description?: {
+                [key: string]: string;
+            };
+        }[];
+        formulas: any[];
+    }[];
+    /**
+     * The datasetId to filter on
+     */
+    filterOnDatasetId?: string;
+    private _dataItemSelected;
+    private _sendChangeEvent;
+    setDataItem(event: CustomEvent): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-data-item-picker/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterDataItemPicker } from './filter-data-item-picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-data-item-picker': LuzmoFilterDataItemPicker;
+    }
+}
+export { LuzmoFilterDataItemPicker } from './filter-data-item-picker';

package/components/filter-expression-picker/filter-expression-picker.d.ts

@@ -0,0 +1,60 @@
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/menu';
+import '@luzmo/lucero/picker';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { ColumnSubtype, ColumnType } from '@luzmo/dashboard-contents-types';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+import { FilterExpressionKey } from './../../utils/expressions';
+declare const LuzmoFilterExpressionPicker_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-expression-picker
+ */
+export declare class LuzmoFilterExpressionPicker extends LuzmoFilterExpressionPicker_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language of the settings interface
+     */
+    expression?: FilterExpressionKey;
+    /**
+     * Whether the picker has a label
+     */
+    hasLabel: boolean;
+    /**
+     * The label for the picker, if hasLabel is true
+     */
+    label?: string;
+    /**
+     * Allow no selection. If true, the picker will not show a value when no item is selected. Else if no value is provided it will pick the first item.
+     */
+    allowEmpty: boolean;
+    /**
+     * The placeholder text for the picker is no value selected. If allowEmpty is true, this will be used as the label.
+     */
+    placeholder: string;
+    /**
+     * The type of the column
+     */
+    type?: ColumnType;
+    /**
+     * The subtype of the column
+     */
+    subtype?: ColumnSubtype;
+    /**
+     * Whether the column is a formula
+     */
+    isFormula: boolean;
+    private _sendChangeEvent;
+    setExpression(event: CustomEvent): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private calculateShownExpression;
+    private renderExpressionItems;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-expression-picker/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterExpressionPicker } from './filter-expression-picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-expression-picker': LuzmoFilterExpressionPicker;
+    }
+}
+export { LuzmoFilterExpressionPicker } from './filter-expression-picker';

package/components/filter-group/filter-group.d.ts

@@ -0,0 +1,39 @@
+import { LuzmoElement } from '@luzmo/lucero/utils';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+declare const LuzmoFilterGroup_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-group
+ */
+export declare class LuzmoFilterGroup extends LuzmoFilterGroup_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * The filters to display in the group
+     */
+    filters: any[];
+    private _sendChangeEvent;
+    private generateNewGroup;
+    private generateNewFilter;
+    private toggleCondition;
+    private addFilter;
+    private removeFilter;
+    private updateFilter;
+    private addSuperGroup;
+    private addGroup;
+    private addSubGroup;
+    private removeSubGroup;
+    private updateSubGroup;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-group/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterGroup } from './filter-group';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-group': LuzmoFilterGroup;
+    }
+}
+export { LuzmoFilterGroup } from './filter-group';

package/components/filter-item/filter-item.d.ts

@@ -0,0 +1,64 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+import './../filter-data-item-picker';
+import './../filter-expression-picker';
+import './../filter-value-picker';
+declare const LuzmoFilterItem_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-item
+ */
+export declare class LuzmoFilterItem extends LuzmoFilterItem_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The API URL of the databroker
+     * @default https://api.luzmo.com
+     * @description The URL of the databroker API
+     */
+    apiUrl?: string;
+    /**
+     * The auth key of the databroker
+     */
+    authKey?: string;
+    /**
+     * The auth token of the databroker
+     */
+    authToken?: string;
+    /**
+     * The cache time of the databroker
+     * @default 30000
+     * @description The time to cache the data in milliseconds
+     */
+    cacheTime?: number;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language of the content
+     */
+    contentLanguage: string;
+    /**
+     * The time zone to use for the date picker
+     */
+    timeZone?: string;
+    /**
+     * The filter to display
+     */
+    filter?: any;
+    private _type?;
+    private _subType?;
+    private _isFormula?;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _sendChangeEvent;
+    private setFilterDataItem;
+    private setFilterExpression;
+    private setFilterValue;
+    protected renderDataItemPicker(): TemplateResult<1>;
+    protected renderExpressionPicker(): TemplateResult<1>;
+    protected renderValuePicker(): TemplateResult<1>;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-item/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterItem } from './filter-item';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-item': LuzmoFilterItem;
+    }
+}
+export { LuzmoFilterItem } from './filter-item';

package/components/filter-item/stories/dataset-data-items.const.d.ts

@@ -0,0 +1,15 @@
+export declare const ExampleFilter: {
+    expression: string;
+    parameters: (string | {
+        column_id: string;
+        dataset_id: string;
+    })[];
+};
+export declare const ExampleDatasetsDataItems: {
+    id: string;
+    name: {
+        en: string;
+    };
+    columns?: any[];
+    formulas?: any[];
+}[];

package/components/filter-parameter-picker/filter-parameter-picker.d.ts

@@ -0,0 +1,26 @@
+import '@luzmo/lucero/picker';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+declare const LuzmoFilterParameterPicker_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-parameter-picker
+ */
+export declare class LuzmoFilterParameterPicker extends LuzmoFilterParameterPicker_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    _expressionSelected: any;
+    private _sendChangeEvent;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-parameter-picker/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterParameterPicker } from './filter-parameter-picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-parameter-picker': LuzmoFilterParameterPicker;
+    }
+}
+export { LuzmoFilterParameterPicker } from './filter-parameter-picker';

package/components/filter-value-picker/filter-value-picker.d.ts

@@ -0,0 +1,65 @@
+import '@luzmo/lucero/picker';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+import './../filter-value-picker-datetime';
+import './../filter-value-picker-hierarchy';
+import './../filter-value-picker-numeric';
+declare const LuzmoFilterValuePicker_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-value-picker
+ */
+export declare class LuzmoFilterValuePicker extends LuzmoFilterValuePicker_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The API URL of the databroker
+     * @default https://api.luzmo.com
+     * @description The URL of the databroker API
+     */
+    apiUrl?: string;
+    /**
+     * The auth key of the databroker
+     */
+    authKey?: string;
+    /**
+     * The auth token of the databroker
+     */
+    authToken?: string;
+    /**
+     * The cache time of the databroker
+     * @default 30000
+     * @description The time to cache the data in milliseconds
+     */
+    cacheTime?: number;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * The time zone to use for the date picker
+     */
+    timeZone?: string;
+    /**
+     * The type value picker to render
+     */
+    valueType?: 'hierarchy' | 'numeric' | 'datetime';
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    filter?: any;
+    private _expressionsWithoutValuePicker;
+    private _sendChangeEvent;
+    private setFilterValue;
+    private renderNumericValuePicker;
+    private renderHierarchyValuePicker;
+    private renderDateTimeValuePicker;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-value-picker/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterValuePicker } from './filter-value-picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-value-picker': LuzmoFilterValuePicker;
+    }
+}
+export { LuzmoFilterValuePicker } from './filter-value-picker';

package/components/filter-value-picker-datetime/filter-value-picker-datetime.d.ts

@@ -0,0 +1,43 @@
+import '@luzmo/lucero/date-time-picker';
+import '@luzmo/lucero/number-field';
+import '@luzmo/lucero/picker';
+import '@luzmo/lucero/text-field';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+declare const LuzmoFilterValuePickerDatetime_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-value-picker-datetime
+ */
+export declare class LuzmoFilterValuePickerDatetime extends LuzmoFilterValuePickerDatetime_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and column/formula labels
+     */
+    contentLanguage: string;
+    /**
+     * The time zone to use for the date picker
+     */
+    timeZone?: string;
+    /**
+     * The filter used to retrieve the value
+     */
+    filter?: any;
+    private _value;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _sendChangeEvent;
+    setDate(event: CustomEvent): void;
+    setUnit(event: CustomEvent): void;
+    setQuantity(event: CustomEvent): void;
+    private renderDatePicker;
+    private renderQuantityField;
+    private renderUnitPicker;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-value-picker-datetime/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterValuePickerDatetime } from './filter-value-picker-datetime';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-value-picker-datetime': LuzmoFilterValuePickerDatetime;
+    }
+}
+export { LuzmoFilterValuePickerDatetime } from './filter-value-picker-datetime';

package/components/filter-value-picker-hierarchy/filter-value-picker-hierarchy.d.ts

@@ -0,0 +1,71 @@
+import '@luzmo/lucero/multi-picker';
+import '@luzmo/lucero/text-field';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+declare const LuzmoFilterValuePickerHierarchy_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-value-picker-hierarchy
+ */
+export declare class LuzmoFilterValuePickerHierarchy extends LuzmoFilterValuePickerHierarchy_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The API URL of the databroker
+     * @default https://api.luzmo.com
+     * @description The URL of the databroker API
+     */
+    apiUrl?: string;
+    /**
+     * The auth key of the databroker
+     */
+    authKey?: string;
+    /**
+     * The auth token of the databroker
+     */
+    authToken?: string;
+    /**
+     * The cache time of the databroker
+     * @default 30000
+     * @description The time to cache the data in milliseconds
+     */
+    cacheTime?: number;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * The filter used to retrieve the value
+     */
+    filter?: any;
+    /**
+     * Stores the hierarchy values fetched from the databroker
+     */
+    private _hierarchyValues;
+    /**
+     * Loading state for hierarchy values
+     */
+    private _loading;
+    /**
+     * Error state for hierarchy values fetching
+     */
+    private _error;
+    private _value;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Fetches hierarchy values from the databroker
+     */
+    private _fetchHierarchyValues;
+    private _sendChangeEvent;
+    private setHierarchy;
+    private renderTextField;
+    private renderHierarchyPicker;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-value-picker-hierarchy/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterValuePickerHierarchy } from './filter-value-picker-hierarchy';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-value-picker-hierarchy': LuzmoFilterValuePickerHierarchy;
+    }
+}
+export { LuzmoFilterValuePickerHierarchy } from './filter-value-picker-hierarchy';

package/components/filter-value-picker-numeric/filter-value-picker-numeric.d.ts

@@ -0,0 +1,72 @@
+import '@luzmo/lucero/number-field';
+import '@luzmo/lucero/picker';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+declare const LuzmoFilterValuePickerNumeric_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-filter-value-picker-numeric
+ */
+export declare class LuzmoFilterValuePickerNumeric extends LuzmoFilterValuePickerNumeric_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The API URL of the databroker
+     * @default https://api.luzmo.com
+     * @description The URL of the databroker API
+     */
+    apiUrl?: string;
+    /**
+     * The auth key of the databroker
+     */
+    authKey?: string;
+    /**
+     * The auth token of the databroker
+     */
+    authToken?: string;
+    /**
+     * The cache time of the databroker
+     * @default 30000
+     * @description The time to cache the data in milliseconds
+     */
+    cacheTime?: number;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * The filter used to retrieve the value
+     */
+    filter?: any;
+    /**
+     * Stores the hierarchy values fetched from the databroker
+     */
+    private _numericValues;
+    /**
+     * Loading state for hierarchy values
+     */
+    private _loading;
+    /**
+     * Error state for hierarchy values fetching
+     */
+    private _error;
+    private _value;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Fetches numeric values from the databroker
+     */
+    private _fetchNumericValues;
+    private _sendChangeEvent;
+    private setValue;
+    private selectValue;
+    private renderNumberField;
+    private renderValuePicker;
+    protected render(): TemplateResult;
+}
+export {};

package/components/filter-value-picker-numeric/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoFilterValuePickerNumeric } from './filter-value-picker-numeric';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-value-picker-numeric': LuzmoFilterValuePickerNumeric;
+    }
+}
+export { LuzmoFilterValuePickerNumeric } from './filter-value-picker-numeric';