@luzmo/analytics-components-kit 1.0.9-beta.7 → 1.0.9-beta.8

package/components/display-settings-datetime/display-settings-datetime.d.ts

@@ -0,0 +1,86 @@
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/action-group';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/number-field';
+import '@luzmo/lucero/picker';
+import '@luzmo/lucero/progress-circle';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { ElementSize, LuzmoElement } from '../../utils/base';
+declare const LuzmoDisplaySettingsDatetime_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-display-settings-datetime
+ * @fires {CustomEvent<DisplaySettingsSlotContentChangedEventDetail>} luzmo-slot-content-changed - Event that is fired when the slot content is changed
+ */
+export declare class LuzmoDisplaySettingsDatetime extends LuzmoDisplaySettingsDatetime_base {
+    static get styles(): CSSResultArray;
+    private _loadLocaleFormatsConfig;
+    /**
+     * The language to use for locale-aware formatting
+     */
+    contentLanguage: string;
+    /** The size variant of the datetime settings controls (`s`, `m`, `l`, `xl`). */
+    size: ElementSize;
+    /** The slot content whose datetime display mode and format options are edited. */
+    slotContent: GenericSlotContent;
+    private _displayAsElement;
+    private _weekStartElement;
+    private _weekDayAndMonthInYearFormatElement;
+    private _monthNameFormatElement;
+    private _monthNameElement;
+    private _weekFormatElement;
+    private _dateFormatElement;
+    private _dateSeparatorElement;
+    private _weekDayElement;
+    private _format24hElement;
+    private _contentLanguageLoaded?;
+    private _localeFormats?;
+    private _format?;
+    private _currentSlotContent?;
+    private _dateLevel?;
+    private _displayAs?;
+    private _weekStart?;
+    private _weekDayAndMonthInYearFormat?;
+    private _monthNameFormat?;
+    private _monthName?;
+    private _weekFormat?;
+    private _dateFormat?;
+    private _dateSeparator?;
+    private _weekDay?;
+    private _24hFormat?;
+    private _parseSlotContent;
+    private _parseSavedFormat;
+    private _calculateFormat;
+    private _setWeekStartsOn;
+    private _setDisplayAs;
+    private _setWeekdayAndMonthInYearFormat;
+    private _setMonthNameFormat;
+    private _setMonthName;
+    private _setWeekFormat;
+    private _setDateFormat;
+    private _setDateSeparator;
+    private _set24hFormat;
+    private _setWeekday;
+    private _calculateSlotContent;
+    private _sendEvent;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _renderDisplaySettings;
+    private _renderWeekDayAndMonthNameFormatSettings;
+    private _renderMonthNameFormatSettings;
+    private _renderWeekFormatSettings;
+    private _renderWeekStartsOnSettings;
+    private _renderMonthNameSettings;
+    private _renderDateFormatSettings;
+    private _renderSeparatorSettings;
+    private _render24hFormatSettings;
+    private _renderWeekdaySettings;
+    private _renderAllSettings;
+    protected render(): TemplateResult | TemplateResult<1> | undefined;
+}
+export {};

package/components/display-settings-datetime/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoDisplaySettingsDatetime } from './display-settings-datetime';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-display-settings-datetime': LuzmoDisplaySettingsDatetime;
+    }
+}
+export { LuzmoDisplaySettingsDatetime } from './display-settings-datetime';
+export type { DisplaySettingsSlotContentChangedEventDetail } from '../display-settings/types';

package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts

@@ -0,0 +1,29 @@
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/icon';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoDisplaySettingsGrandTotals_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-display-settings-grand-totals
+ * @fires {CustomEvent<DisplaySettingsSlotContentChangedEventDetail>} luzmo-slot-content-changed - Event that is fired when the slot content is changed
+ */
+export declare class LuzmoDisplaySettingsGrandTotals extends LuzmoDisplaySettingsGrandTotals_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The slotContent that is passed to the settings
+     */
+    slotContent: GenericSlotContent;
+    private _enabled?;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private toggleGrandTotals;
+    private sendEvent;
+    protected render(): TemplateResult;
+}
+export {};

package/components/display-settings-grand-totals/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoDisplaySettingsGrandTotals } from './display-settings-grand-totals';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-display-settings-grand-totals': LuzmoDisplaySettingsGrandTotals;
+    }
+}
+export { LuzmoDisplaySettingsGrandTotals } from './display-settings-grand-totals';
+export type { DisplaySettingsSlotContentChangedEventDetail } from '../display-settings/types';

package/components/display-settings-numeric/display-settings-numeric.d.ts

@@ -0,0 +1,82 @@
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/action-group';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/menu';
+import '@luzmo/lucero/number-field';
+import '@luzmo/lucero/picker';
+import '@luzmo/lucero/popover';
+import { CSSResultArray, TemplateResult } from 'lit';
+import '@luzmo/lucero/tooltip';
+import { LuzmoElement } from '../../utils/base';
+import { MeasureColumnsItem } from '../slot-menu/types';
+declare const LuzmoDisplaySettingsNumeric_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-display-settings-numeric
+ * @fires {CustomEvent<DisplaySettingsSlotContentChangedEventDetail>} luzmo-slot-content-changed - Event that is fired when the slot content is changed
+ */
+export declare class LuzmoDisplaySettingsNumeric extends LuzmoDisplaySettingsNumeric_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The slotContent that is passed to the settings
+     */
+    slotContent: any;
+    /**
+     * The list of measure columns grouped by dataset that can be used for the rate aggregation.
+     * Shape: [{ datasetId, datasetName, columns: Column[] }]
+     */
+    measureColumns: MeasureColumnsItem[];
+    /**
+     * Whether or not to show the aggregation options
+     */
+    isAggregationDisabled?: boolean;
+    /**
+     * Whether or not to show the cumulative sum options
+     */
+    isCumulativeSumEnabled?: boolean;
+    private _displayAs?;
+    private _displayMode?;
+    private _numericFormatGroup?;
+    private _precision?;
+    private _thousandSeparator?;
+    private _commaDecimals?;
+    private _isAuto?;
+    private _format?;
+    private _durationFormat?;
+    private _durationLevels;
+    private _maxDurationLevel?;
+    private _aggregationFunc?;
+    private _aggregationWeightColumn?;
+    private _isFormula?;
+    private _displayAsElement;
+    private _precisionElement;
+    private _aggregationElement;
+    private _aggregationWeightElement;
+    private _durationLevelsElement;
+    private _durationFormatElement;
+    private _renderDurationLevelMenu;
+    private _handleSlottableRequest;
+    private _sendEvent;
+    private _parseSavedNumericFormatSettings;
+    private _setNumericDisplayAs;
+    private _setNumericSeparators;
+    private _setPrecision;
+    private _setNumericFormat;
+    private _setAggregationFunc;
+    private _setAggregationWeight;
+    private _setDurationLevels;
+    private _setDurationFormat;
+    private _fillTimeDurationLevels;
+    protected willUpdate(changedProperties: Map<string, any>): void;
+    private _renderDurationLevelsSettings;
+    private _renderDurationFormatSettings;
+    private _renderNumericDisplayAsSettings;
+    private _renderNumericFormatSettings;
+    private _renderAggregationSettings;
+    protected render(): TemplateResult;
+}
+export {};

package/components/display-settings-numeric/helpers/constants.d.ts

@@ -0,0 +1,19 @@
+export type NumericSeparatorFormatKeys = 'Auto' | '1,000.00' | '1.000,00' | '1000.00' | '1000,00';
+export type DurationFormat = 'time' | 'short' | 'long';
+export type DisplayAsFormatLabel = 'general' | 'scientific' | 'percentage';
+export declare const AGGREGATIONS: Record<string, () => string>;
+export declare const DISPLAY_AS_LABELS: Record<DisplayAsFormatLabel, string>;
+export declare const DURATION_FORMATS: Record<DurationFormat, () => string>;
+export declare const NUMERIC_SEPARATOR_FORMATS: Record<NumericSeparatorFormatKeys, {
+    auto: boolean;
+    label: () => string;
+    thousandSeparator?: ',' | '.';
+    decimalSeparator?: ',' | '.';
+    hiddenFor?: DisplayAsFormatLabel;
+}>;
+export declare const DURATION: {
+    levels: {
+        level: number;
+        label: string;
+    }[];
+};

package/components/display-settings-numeric/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoDisplaySettingsNumeric } from './display-settings-numeric';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-display-settings-numeric': LuzmoDisplaySettingsNumeric;
+    }
+}
+export { LuzmoDisplaySettingsNumeric } from './display-settings-numeric';
+export type { DisplaySettingsSlotContentChangedEventDetail } from '../display-settings/types';

package/components/display-settings-period-over-period/display-settings-period-over-period.d.ts

@@ -0,0 +1,76 @@
+import { Column } from '@luzmo/dashboard-contents-types';
+import '@luzmo/lucero/accordion';
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/action-group';
+import '@luzmo/lucero/checkbox';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/menu';
+import '@luzmo/lucero/number-field';
+import '@luzmo/lucero/picker';
+import { LuzmoElement } from '../../utils/base';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { PeriodOverPeriodCondition } from '../../utils/time/period-over-period-condition.const';
+declare const LuzmoDisplaySettingsPeriodOverPeriod_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-display-settings-period-over-period
+ * @fires {CustomEvent<DisplaySettingsSlotContentChangedEventDetail>} luzmo-slot-content-changed - Event that is fired when the slot content is changed
+ */
+export declare class LuzmoDisplaySettingsPeriodOverPeriod extends LuzmoDisplaySettingsPeriodOverPeriod_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The slotContent that is passed to the settings
+     */
+    slotContent: any;
+    /** Which period-over-period UI variant to render, based on available datetime columns and comparison filters. */
+    periodOverPeriodUiType: PeriodOverPeriodCondition;
+    /**
+     * Offer the "Periods" offset when there is no datetime category (an offset date column is needed). The item
+     * then shifts by the length of the period selected by its date filters.
+     */
+    allowPeriodsWithoutDatetimeColumn: boolean;
+    /** Hide the "Past value" comparison type, e.g. for items that only show the change. */
+    hidePastValue: boolean;
+    /** Datetime columns from the linked dataset available as offset/comparison date columns. */
+    linkedDatasetDatetimeColumns: (Column & {
+        datasetId: string;
+    })[];
+    private _periodComparisonElement;
+    private _numberPeriodsElement;
+    private _periodLevelElement;
+    private _offsetDateColumnElement;
+    private _incompletePeriodsElement;
+    private _periodComparison?;
+    private _rangeType?;
+    private _numberPeriods?;
+    private _periodLevel?;
+    private _incompletePeriods?;
+    private _minLevel?;
+    private _offsetDateColumn?;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private setPeriodComparison;
+    private setNumberOfPeriods;
+    private setPeriodLevel;
+    private setOffsetDateColumn;
+    private setIncompletePeriods;
+    private setRangeType;
+    private sendEvent;
+    private incompletePeriodsSetting;
+    private relativeOffsetSetting;
+    private rangeTypeSetting;
+    private _handleRangeTypeClick;
+    private offsetDateColumnSetting;
+    private comparisonTypeItems;
+    private typeOfComparisonSetting;
+    private renderPeriodSettings;
+    private renderOldUiPeriodSettings;
+    renderOldUi(): TemplateResult;
+    protected render(): TemplateResult;
+    private needsOffsetDatetimeColumn;
+    private setInitialOffsetDateColumn;
+}
+export {};

package/components/display-settings-period-over-period/helpers/constants.d.ts

@@ -0,0 +1,44 @@
+export declare const PERIOD_OVER_PERIOD_VALUES: Record<PeriodOverPeriodType, () => string>;
+export declare const LEVEL_LIST: {
+    key: string;
+    i18n: () => string;
+}[];
+export declare enum RangeTypeListKeys {
+    Relative = "relative",
+    UserDefined = "user-defined"
+}
+export declare const RANGE_TYPE_LIST: {
+    key: RangeTypeListKeys;
+    i18n: () => string;
+}[];
+/**
+ * Period over period comparison type:
+ * 'none' - turned off,
+ * 'past' - absolute value comparison to the past,
+ * 'absoluteChange' - absolute change comparison to the past,
+ * 'percentageChange' - percentage change comparison to the past
+ */
+export type PeriodOverPeriodType = 'none' | 'past' | 'absoluteChange' | 'percentageChange';
+export interface PeriodOverPeriod {
+    /**
+     * Period over period comparison type
+     */
+    type: PeriodOverPeriodType;
+    /**
+     * Period of time level
+     * 0 - period, 1 - year, 2 - quarter, 3 - month, 4 - week, 5 - day... 9 - millisecond
+     */
+    level: number;
+    /**
+     * Number of periods
+     */
+    quantity: number;
+    /**
+     * Turn ON/OFF period to date comparison
+     */
+    periodToDate: boolean;
+    /**
+     * Category date level to disallow smaller Period-Over-Period levels. For internal use only
+     */
+    minLevel: number;
+}

package/components/display-settings-period-over-period/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoDisplaySettingsPeriodOverPeriod } from './display-settings-period-over-period';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-display-settings-period-over-period': LuzmoDisplaySettingsPeriodOverPeriod;
+    }
+}
+export { LuzmoDisplaySettingsPeriodOverPeriod } from './display-settings-period-over-period';
+export type { DisplaySettingsSlotContentChangedEventDetail } from '../display-settings/types';

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

@@ -0,0 +1,77 @@
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/menu';
+import '@luzmo/lucero/select';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { ColumnSubtype, ColumnType } from '@luzmo/dashboard-contents-types';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+declare const LuzmoFilterExpressionPicker_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-filter-expression-picker
+ * @fires {CustomEvent} luzmo-expression-selected - Fired when the user selects a filter expression (operator); `detail.expression` holds the chosen expression.
+ */
+export declare class LuzmoFilterExpressionPicker extends LuzmoFilterExpressionPicker_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The filter object
+     */
+    filter?: any;
+    /**
+     * 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;
+    /**
+     * Whether the picker is disabled
+     */
+    disabled: boolean;
+    /** @internal */
+    readonly: boolean;
+    /** @internal */
+    quiet: boolean;
+    /**
+     * The type of the column
+     */
+    type?: ColumnType;
+    /**
+     * The subtype of the column
+     */
+    subtype?: ColumnSubtype;
+    /**
+     * Whether the expression is invalid
+     */
+    invalid: boolean;
+    /**
+     * Whether the column is a formula
+     */
+    isFormula: boolean;
+    /**
+     * The rich expression, mainly bc WTD, YTD, MTD, QTD are not valid expressions -> to_date
+     */
+    private _richExpression?;
+    /**
+     * The unit, if WTD, YTD, MTD, QTD
+     */
+    private _unit?;
+    private _expressionConfigurations;
+    private _sendChangeEvent;
+    setExpression(event: CustomEvent): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    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-item/filter-item.d.ts

@@ -0,0 +1,142 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import '@luzmo/lucero/badge';
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/progress-circle';
+import '@luzmo/lucero/tooltip';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+import { type FilterTextContext } from '../../utils/filters/filter-text';
+import type { FilterColumnDisplay, FilterItemDisplay } from './../../utils/filters/presentation';
+import './../data-fields-select';
+import './../filter-expression-picker';
+import './../filter-value-picker';
+import type { FilterParameter } from './../filters/types';
+declare const LuzmoFilterItem_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-filter-item
+ * @attr column-display - Visual treatment of the column or formula reference in text display.
+ * @fires {CustomEvent} luzmo-filter-changed - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
+ * @csspart filter-item-text - The read-only filter sentence rendered by `display="text"`.
+ * @csspart filter-item-text-field - A column or formula reference in the read-only sentence.
+ * @cssprop --luzmo-filter-item-column-badge-color - Border for outline badges, tint for subtle badges, and background for filled badges.
+ * @cssprop --luzmo-filter-item-column-badge-font-color - Label and icon color for column badges.
+ * @cssprop --luzmo-filter-item-text-font-size - Font size of the text display. Defaults follow `size` (`--luzmo-font-size-s` through `--luzmo-font-size-xl`).
+ * @cssprop --luzmo-filter-item-text-expression-color - Color of the expression in a text display. Defaults to the sentence color.
+ * @cssprop --luzmo-filter-item-text-expression-font-weight - Weight of the expression in a text display. Defaults to normal.
+ * @cssprop --luzmo-filter-item-text-icon-gap - Space between a field icon and its name in a text display. Defaults to `--luzmo-spacing-1`, and `--luzmo-spacing-2` at `l` and `xl`.
+ * @cssprop --luzmo-filter-item-gap - Gap between the field, expression and value controls of a filter row.
+ * @cssprop --luzmo-filter-item-field-width - Width of the data field column. Defaults to its content width.
+ * @cssprop --luzmo-filter-item-expression-width - Width of the expression column. Defaults to its content width.
+ * @cssprop --luzmo-filter-item-value-width - Width of the value and parameter button cell. Defaults to its content width.
+ * @cssprop --luzmo-filter-item-value-grow - Whether the value cell absorbs remaining row width. Set to `1` to grow; defaults to `0`.
+ * @cssprop --luzmo-filter-item-field-min-width - Smallest width the data field select may shrink to in a narrow filter row.
+ * @cssprop --luzmo-filter-item-value-min-width - Smallest width of the value and parameter button cell in a narrow filter row.
+ */
+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 content
+     */
+    contentLanguage: string;
+    /**
+     * The time zone to use for the date picker
+     */
+    timeZone?: string;
+    /**
+     * The dataset ids to fetch columns & formulas
+     */
+    datasetIds?: string[];
+    /**
+     * The filter to display
+     */
+    filter: any;
+    /** Presentation of the filter item: editable controls or a read-only sentence. */
+    display: FilterItemDisplay;
+    /** Presentation of column and formula references in text display. */
+    columnDisplay: FilterColumnDisplay;
+    /** Removes rich-editor control chrome while keeping the controls editable. */
+    quiet: boolean;
+    /** Prevents changes while preserving the selected display and visual treatment. */
+    readonly: boolean;
+    /** Disables every rich-editor control and applies its disabled treatment. */
+    disabled: boolean;
+    /** @internal Shared context supplied by `luzmo-filters` to avoid duplicate metadata and hierarchy requests. */
+    textContext?: FilterTextContext;
+    /**
+     * Whether parameter-backed filter values can be created and selected.
+     */
+    allowParameters: boolean;
+    /**
+     * Consumer-owned parameter definitions available for selection.
+     */
+    parameters: FilterParameter[];
+    private _type?;
+    private _subType?;
+    private _isFormula?;
+    private _error?;
+    private _loading;
+    private _datasetsDataFields;
+    private _hierarchyLabels;
+    private _hierarchyLabelsLoading;
+    private _hierarchyRequest;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Clears the type, subtype, and formula state
+     */
+    private _clearTypeState;
+    /**
+     * Fetches hierarchy values from the databroker
+     */
+    private _fetchDatasetDataFields;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _loadHierarchyLabelsForText;
+    private _sendChangeEvent;
+    private setFilterDataField;
+    private setFilterExpression;
+    private setFilterValue;
+    private handleFilterParameterSelected;
+    private handleFilterParameterRemoved;
+    /**
+     * Check if the column/formula in the filter cannot be referenced
+     * (because datasetIds is empty or the column doesn't exist in loaded datasets)
+     */
+    private _cannotReferenceColumn;
+    protected renderDataFieldPicker(): TemplateResult<1>;
+    protected renderExpressionPicker(): TemplateResult<1>;
+    protected renderValuePicker(): TemplateResult<1>;
+    protected renderParameterPicker(): TemplateResult | null;
+    private _filterTextContext;
+    /** Column badges sit one step below the component size. Badge sizes start at xs and end at xl. */
+    private get _columnBadgeSize();
+    private _textFieldIcon;
+    private _renderTextField;
+    private _renderTextValue;
+    private _renderTextDisplay;
+    protected render(): TemplateResult;
+}
+export {};

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

@@ -0,0 +1,8 @@
+import { LuzmoFilterItem } from './filter-item';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-filter-item': LuzmoFilterItem;
+    }
+}
+export { LuzmoFilterItem } from './filter-item';
+export type { FilterColumnDisplay, FilterItemDisplay } from '../../utils/filters/presentation';