@odoo/o-spreadsheet 19.2.11 → 19.3.2

package/dist/types/components/side_panel/components/collapsible/side_panel_collapsible.d.ts

@@ -0,0 +1,25 @@
+import { Component } from "@odoo/owl";
+import { Collapse } from "../collapse/collapse";
+export declare class SidePanelCollapsible extends Component {
+    static template: string;
+    static props: {
+        slots: ObjectConstructor;
+        title: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        isInitiallyCollapsed: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+        class: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+    };
+    static components: {
+        Collapse: typeof Collapse;
+    };
+    private state;
+    toggle(): void;
+}

package/dist/types/components/side_panel/components/radio_selection/radio_selection.d.ts

@@ -0,0 +1,32 @@
+import { Component } from "@odoo/owl";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+interface Choice {
+    value: unknown;
+    label: string;
+}
+interface Props {
+    choices: Choice[];
+    onChange: (value: unknown) => void;
+    selectedValue: string;
+    name: string;
+    direction: "horizontal" | "vertical";
+}
+export declare class RadioSelection extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static props: {
+        choices: ArrayConstructor;
+        onChange: FunctionConstructor;
+        selectedValue: {
+            optional: boolean;
+        };
+        name: StringConstructor;
+        direction: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+    };
+    static defaultProps: {
+        direction: string;
+    };
+}
+export {};

package/dist/types/components/side_panel/components/round_color_picker/round_color_picker.d.ts

@@ -0,0 +1,44 @@
+import { Component } from "@odoo/owl";
+import { Rect } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { ColorPicker } from "../../../color_picker/color_picker";
+import { Section } from "../section/section";
+interface Props {
+    currentColor?: string;
+    onColorPicked: (color: string) => void;
+    title?: string;
+    disableNoColor?: boolean;
+}
+export declare class RoundColorPicker extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        Section: typeof Section;
+        ColorPicker: typeof ColorPicker;
+    };
+    static props: {
+        currentColor: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        onColorPicked: FunctionConstructor;
+        disableNoColor: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+    };
+    colorPickerButtonRef: {
+        el: HTMLElement | null;
+    };
+    private state;
+    setup(): void;
+    closePicker(): void;
+    togglePicker(): void;
+    onColorPicked(color: string): void;
+    get colorPickerAnchorRect(): Rect;
+    get buttonStyle(): string;
+}
+export {};

package/dist/types/components/side_panel/components/section/section.d.ts

@@ -0,0 +1,20 @@
+import { Component } from "@odoo/owl";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+interface Props {
+    class?: string;
+}
+export declare class Section extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static props: {
+        class: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        slots: ObjectConstructor;
+    };
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/cell_is_rule_editor.d.ts

@@ -0,0 +1,23 @@
+import { Component } from "@odoo/owl";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { Store } from "../../../../types/store_engine";
+import { ColorPickerWidget } from "../../../color_picker/color_picker_widget";
+import { getTextDecoration } from "../../../helpers";
+import { Select } from "../../../select/select";
+import { ConditionalFormattingEditorStore } from "./cf_editor_store";
+interface Props {
+    store: Store<ConditionalFormattingEditorStore>;
+}
+export declare class CellIsRuleEditor extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        ColorPickerWidget: typeof ColorPickerWidget;
+        Select: typeof Select;
+    };
+    static props: {
+        store: ObjectConstructor;
+    };
+    getTextDecoration: typeof getTextDecoration;
+    get rule(): import("../../../..").CellIsRule;
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/cf_editor.d.ts

@@ -0,0 +1,45 @@
+import { Component } from "@odoo/owl";
+import { ConditionalFormat } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { SelectionInput } from "../../../selection_input/selection_input";
+import { ValidationMessages } from "../../../validation_messages/validation_messages";
+import { BadgeSelection } from "../../components/badge_selection/badge_selection";
+import { Section } from "../../components/section/section";
+import { CellIsRuleEditor } from "./cell_is_rule_editor";
+import { ColorScaleRuleEditor } from "./color_scale_rule_editor";
+import { DataBarRuleEditor } from "./data_bar_rule_editor";
+import { IconSetRuleEditor } from "./icon_set_rule_editor";
+interface Props {
+    cf: ConditionalFormat;
+    isNewCf: boolean;
+    onCloseSidePanel: () => void;
+}
+export declare class ConditionalFormattingEditor extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        SelectionInput: typeof SelectionInput;
+        Section: typeof Section;
+        BadgeSelection: typeof BadgeSelection;
+        ValidationMessages: typeof ValidationMessages;
+        CellIsRuleEditor: typeof CellIsRuleEditor;
+        ColorScaleRuleEditor: typeof ColorScaleRuleEditor;
+        IconSetRuleEditor: typeof IconSetRuleEditor;
+        DataBarRuleEditor: typeof DataBarRuleEditor;
+    };
+    static props: {
+        cf: ObjectConstructor;
+        isNewCf: BooleanConstructor;
+        onCloseSidePanel: FunctionConstructor;
+    };
+    private activeSheetId;
+    private store;
+    setup(): void;
+    get isEditedCfRemoved(): boolean;
+    get cfTypesValues(): {
+        value: string;
+        label: string;
+    }[];
+    onSave(): void;
+    onCancel(): void;
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/cf_editor_store.d.ts

@@ -0,0 +1,97 @@
+import { ComponentConstructor } from "@odoo/owl";
+import { Get } from "../../../../store_engine";
+import { SpreadsheetStore } from "../../../../stores";
+import { CancelledReason, CellIsRule, Color, ColorScaleRule, ConditionalFormat, ConditionalFormattingOperatorValues, DataBarRule, GenericCriterion, GenericDateCriterion, IconSetRule, IconThreshold, ThresholdType, ValueAndLabel } from "../../../../types";
+type CFType = "CellIsRule" | "ColorScaleRule" | "IconSetRule" | "DataBarRule";
+interface Rules {
+    cellIs: CellIsRule;
+    colorScale: ColorScaleRule;
+    iconSet: IconSetRule;
+    dataBar: DataBarRule;
+}
+type CFMenu = "cellIsRule-textColor" | "cellIsRule-fillColor" | "colorScale-minimumColor" | "colorScale-midpointColor" | "colorScale-maximumColor" | "iconSet-lowerIcon" | "iconSet-middleIcon" | "iconSet-upperIcon";
+interface State {
+    currentCFType: CFType;
+    errors: CancelledReason[];
+    rules: Rules;
+    openedMenu?: CFMenu;
+    ranges: string[];
+    hasEditedCf: boolean;
+}
+export declare class ConditionalFormattingEditorStore extends SpreadsheetStore {
+    mutators: readonly ["updateConditionalFormat", "closeMenus"];
+    icons: Record<string, {
+        template: string;
+        svg: import("../../../../types/image").ImageSVG;
+    }>;
+    iconSets: {
+        arrows: {
+            good: string;
+            neutral: string;
+            bad: string;
+        };
+        smiley: {
+            good: string;
+            neutral: string;
+            bad: string;
+        };
+        dots: {
+            good: string;
+            neutral: string;
+            bad: string;
+        };
+    };
+    state: State;
+    private cfId;
+    constructor(get: Get, cf: ConditionalFormat, isNewCf: boolean);
+    updateConditionalFormat(newCf: Partial<ConditionalFormat> & {
+        suppressErrors?: boolean;
+    }): void;
+    get isRangeValid(): boolean;
+    get errorMessages(): string[];
+    onRangeUpdate(ranges: string[]): void;
+    onRangeConfirmed(): void;
+    changeRuleType(ruleType: CFType): void;
+    private getEditedRule;
+    /*****************************************************************************
+     * Cell Is Rule
+     ****************************************************************************/
+    get cfCriterions(): ValueAndLabel[];
+    get criterionComponent(): ComponentConstructor | undefined;
+    get genericCriterion(): GenericDateCriterion | GenericCriterion;
+    onRuleValuesChanged(criterion: GenericCriterion): void;
+    toggleStyle(tool: string): void;
+    setColor(target: string, color: Color): void;
+    editOperator(operator: ConditionalFormattingOperatorValues): void;
+    /*****************************************************************************
+     * Color Scale Rule
+     ****************************************************************************/
+    get previewGradient(): string;
+    onMidpointChange(type: any): void;
+    updateThresholdType(threshold: "minimum" | "maximum", thresholdType: ThresholdType): void;
+    updateThresholdValue(threshold: "minimum" | "midpoint" | "maximum", value: string): void;
+    setColorScaleColor(target: string, color: Color): void;
+    /*****************************************************************************
+     * Icon Set
+     ****************************************************************************/
+    reverseIcons(): void;
+    setIconSet(iconSet: "arrows" | "smiley" | "dots"): void;
+    setIcon(target: "upper" | "middle" | "lower", icon: string): void;
+    setInflectionOperator(inflectionPoint: "lowerInflectionPoint" | "upperInflectionPoint", operator: "gt" | "ge"): void;
+    setInflectionValue(inflectionPoint: "lowerInflectionPoint" | "upperInflectionPoint", value: string): void;
+    setInflectionType(inflectionPoint: "lowerInflectionPoint" | "upperInflectionPoint", type: IconThreshold["type"]): void;
+    /*****************************************************************************
+     * DataBar
+     ****************************************************************************/
+    get rangeValues(): string[];
+    updateDataBarColor(color: Color): void;
+    onDataBarRangeUpdate(ranges: string[]): void;
+    onDataBarRangeChange(): void;
+    /*****************************************************************************
+     * Common
+     ****************************************************************************/
+    toggleMenu(menu: CFMenu): void;
+    closeMenus(): void;
+    private getDefaultRules;
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/color_scale_rule_editor.d.ts

@@ -0,0 +1,18 @@
+import { Component } from "@odoo/owl";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { Store } from "../../../../types/store_engine";
+import { ConditionalFormattingEditorStore } from "./cf_editor_store";
+import { ColorScaleRuleEditorThreshold } from "./color_scale_rule_editor_threshold";
+interface Props {
+    store: Store<ConditionalFormattingEditorStore>;
+}
+export declare class ColorScaleRuleEditor extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        ColorScaleRuleEditorThreshold: typeof ColorScaleRuleEditorThreshold;
+    };
+    static props: {
+        store: ObjectConstructor;
+    };
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/color_scale_rule_editor_threshold.d.ts

@@ -0,0 +1,31 @@
+import { Component } from "@odoo/owl";
+import { ColorScaleThreshold, ValueAndLabel } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { Store } from "../../../../types/store_engine";
+import { StandaloneComposer } from "../../../composer/standalone_composer/standalone_composer";
+import { Select } from "../../../select/select";
+import { RoundColorPicker } from "../../components/round_color_picker/round_color_picker";
+import { ConditionalFormattingEditorStore } from "./cf_editor_store";
+interface Props {
+    store: Store<ConditionalFormattingEditorStore>;
+    thresholdType: "minimum" | "midpoint" | "maximum";
+}
+export declare class ColorScaleRuleEditorThreshold extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        RoundColorPicker: typeof RoundColorPicker;
+        StandaloneComposer: typeof StandaloneComposer;
+        Select: typeof Select;
+    };
+    static props: {
+        store: ObjectConstructor;
+        thresholdType: StringConstructor;
+    };
+    get rule(): import("../../../..").ColorScaleRule;
+    get threshold(): ColorScaleThreshold | import("../../../..").ColorScaleMidPointThreshold | undefined;
+    getThresholdColor(threshold?: ColorScaleThreshold): import("../../../..").Color;
+    isValueInvalid(): boolean;
+    getColorScaleComposerProps(): StandaloneComposer["props"];
+    getThresholdTypeSelectOptions(): ValueAndLabel[];
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/data_bar_rule_editor.d.ts

@@ -0,0 +1,23 @@
+import { Component } from "@odoo/owl";
+import { colorNumberToHex } from "../../../../helpers";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { Store } from "../../../../types/store_engine";
+import { SelectionInput } from "../../../selection_input/selection_input";
+import { RoundColorPicker } from "../../components/round_color_picker/round_color_picker";
+import { ConditionalFormattingEditorStore } from "./cf_editor_store";
+interface Props {
+    store: Store<ConditionalFormattingEditorStore>;
+}
+export declare class DataBarRuleEditor extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        SelectionInput: typeof SelectionInput;
+        RoundColorPicker: typeof RoundColorPicker;
+    };
+    static props: {
+        store: ObjectConstructor;
+    };
+    get rule(): import("../../../..").DataBarRule;
+    colorNumberToHex: typeof colorNumberToHex;
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_editor/icon_set_rule_editor.d.ts

@@ -0,0 +1,30 @@
+import { Component } from "@odoo/owl";
+import { ValueAndLabel } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { Store } from "../../../../types/store_engine";
+import { StandaloneComposer } from "../../../composer/standalone_composer/standalone_composer";
+import { IconPicker } from "../../../icon_picker/icon_picker";
+import { Select } from "../../../select/select";
+import { ConditionalFormattingEditorStore } from "./cf_editor_store";
+interface Props {
+    store: Store<ConditionalFormattingEditorStore>;
+}
+export declare class IconSetRuleEditor extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        IconPicker: typeof IconPicker;
+        StandaloneComposer: typeof StandaloneComposer;
+        Select: typeof Select;
+    };
+    static props: {
+        store: ObjectConstructor;
+    };
+    get rule(): import("../../../..").IconSetRule;
+    getIconName(iconSet: "arrows" | "smiley" | "dots", iconType: "good" | "neutral" | "bad"): string;
+    getIconTemplate(icon: string): string;
+    isInflectionPointInvalid(inflectionPoint: "lowerInflectionPoint" | "upperInflectionPoint"): boolean;
+    getColorIconSetComposerProps(inflectionPoint: "lowerInflectionPoint" | "upperInflectionPoint"): StandaloneComposer["props"];
+    getThresholdTypeSelectOptions(): ValueAndLabel[];
+    getIconSetOperatorSelectOptions(): ValueAndLabel[];
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_preview/cf_preview.d.ts

@@ -0,0 +1,28 @@
+import { Component } from "@odoo/owl";
+import { ConditionalFormat, Highlight } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+interface Props {
+    conditionalFormat: ConditionalFormat;
+    onMouseDown: (ev: MouseEvent) => void;
+    class: string;
+}
+export declare class ConditionalFormatPreview extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static props: {
+        conditionalFormat: ObjectConstructor;
+        onMouseDown: FunctionConstructor;
+        class: StringConstructor;
+    };
+    icons: Record<string, {
+        template: string;
+        svg: import("../../../../types/image").ImageSVG;
+    }>;
+    private ref;
+    setup(): void;
+    get previewImageStyle(): string;
+    get description(): string;
+    get highlights(): Highlight[];
+    editConditionalFormat(): void;
+    deleteConditionalFormat(): void;
+}
+export {};

package/dist/types/components/side_panel/conditional_formatting/cf_preview_list/cf_preview_list.d.ts

@@ -0,0 +1,24 @@
+import { Component } from "@odoo/owl";
+import { ConditionalFormat } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { ConditionalFormatPreview } from "../cf_preview/cf_preview";
+interface Props {
+    onCloseSidePanel: () => void;
+}
+export declare class ConditionalFormatPreviewList extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static props: {
+        onCloseSidePanel: FunctionConstructor;
+    };
+    static components: {
+        ConditionalFormatPreview: typeof ConditionalFormatPreview;
+    };
+    private dragAndDrop;
+    private cfListRef;
+    get conditionalFormats(): ConditionalFormat[];
+    getPreviewDivStyle(cf: ConditionalFormat): string;
+    onPreviewMouseDown(cf: ConditionalFormat, event: MouseEvent): void;
+    onAddConditionalFormat(): void;
+    private onDragEnd;
+}
+export {};

package/dist/types/components/side_panel/criterion_form/criterion_form.d.ts

@@ -0,0 +1,26 @@
+import { Component } from "@odoo/owl";
+import { GenericCriterion } from "../../../types";
+import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
+interface Props<T extends GenericCriterion> {
+    criterion: T;
+    onCriterionChanged: (criterion: T) => void;
+    disableFormulas?: boolean;
+    autofocus?: boolean;
+}
+export declare abstract class CriterionForm<T extends GenericCriterion = GenericCriterion> extends Component<Props<T>, SpreadsheetChildEnv> {
+    static props: {
+        criterion: ObjectConstructor;
+        onCriterionChanged: FunctionConstructor;
+        disableFormulas: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+    };
+    setup(): void;
+    updateCriterion(criterion: Partial<T>): void;
+}
+export {};

package/dist/types/components/side_panel/criterion_form/criterion_input/criterion_input.d.ts

@@ -0,0 +1,67 @@
+import { Component } from "@odoo/owl";
+import { DataValidationCriterionType } from "../../../../types";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { StandaloneComposer } from "../../../composer/standalone_composer/standalone_composer";
+interface Props {
+    value: string;
+    criterionType: DataValidationCriterionType;
+    onValueChanged: (value: string) => void;
+    onKeyDown?: (ev: KeyboardEvent) => void;
+    focused: boolean;
+    onBlur: () => void;
+    disableFormulas?: boolean;
+}
+export declare class CriterionInput extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static props: {
+        value: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        criterionType: StringConstructor;
+        onValueChanged: FunctionConstructor;
+        onKeyDown: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
+        focused: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+        onBlur: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
+        onFocus: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
+        disableFormulas: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+    };
+    static defaultProps: {
+        value: string;
+        onKeyDown: () => void;
+        focused: boolean;
+        onBlur: () => void;
+    };
+    static components: {
+        StandaloneComposer: typeof StandaloneComposer;
+    };
+    inputRef: {
+        el: HTMLElement | null;
+    };
+    setup(): void;
+    state: {
+        shouldDisplayError: boolean;
+    };
+    get placeholder(): string;
+    get allowedValues(): string;
+    onInputValueChanged(ev: Event): void;
+    onChangeComposerValue(str: string): void;
+    getDataValidationRuleInputComposerProps(): StandaloneComposer["props"];
+    get errorMessage(): string | undefined;
+}
+export {};

package/dist/types/components/side_panel/criterion_form/date_criterion/date_criterion.d.ts

@@ -0,0 +1,15 @@
+import { DateCriterionValue, GenericDateCriterion, ValueAndLabel } from "../../../../types";
+import { Select } from "../../../select/select";
+import { CriterionForm } from "../criterion_form";
+import { CriterionInput } from "../criterion_input/criterion_input";
+export declare class DateCriterionForm extends CriterionForm<GenericDateCriterion> {
+    static template: string;
+    static components: {
+        CriterionInput: typeof CriterionInput;
+        Select: typeof Select;
+    };
+    get currentDateValue(): DateCriterionValue;
+    onValueChanged(value: string): void;
+    onDateValueChanged(dateValue: DateCriterionValue): void;
+    get dateValues(): ValueAndLabel[];
+}

package/dist/types/components/side_panel/criterion_form/double_input_criterion/double_input_criterion.d.ts

@@ -0,0 +1,10 @@
+import { CriterionForm } from "../criterion_form";
+import { CriterionInput } from "../criterion_input/criterion_input";
+export declare class DoubleInputCriterionForm extends CriterionForm {
+    static template: string;
+    static components: {
+        CriterionInput: typeof CriterionInput;
+    };
+    onFirstValueChanged(value: string): void;
+    onSecondValueChanged(value: string): void;
+}

package/dist/types/components/side_panel/criterion_form/single_input_criterion/single_input_criterion.d.ts

@@ -0,0 +1,9 @@
+import { CriterionForm } from "../criterion_form";
+import { CriterionInput } from "../criterion_input/criterion_input";
+export declare class SingleInputCriterionForm extends CriterionForm {
+    static template: string;
+    static components: {
+        CriterionInput: typeof CriterionInput;
+    };
+    onValueChanged(value: string): void;
+}

package/dist/types/components/side_panel/criterion_form/top_10_criterion/top_10_criterion.d.ts

@@ -0,0 +1,17 @@
+import { ValueAndLabel } from "../../../../types";
+import { Top10Criterion } from "../../../../types/data_validation";
+import { Select } from "../../../select/select";
+import { CriterionForm } from "../criterion_form";
+import { CriterionInput } from "../criterion_input/criterion_input";
+export declare class Top10CriterionForm extends CriterionForm<Top10Criterion> {
+    static template: string;
+    static components: {
+        CriterionInput: typeof CriterionInput;
+        Select: typeof Select;
+    };
+    onValueChanged(value: string): void;
+    updateIsBottom(value: "top" | "bottom"): void;
+    updateIsPercent(value: "values" | "percent"): void;
+    get isBottomSelectOptions(): ValueAndLabel[];
+    get isPercentSelectOptions(): ValueAndLabel[];
+}

package/dist/types/components/side_panel/criterion_form/value_in_list_criterion/value_in_list_criterion.d.ts

@@ -0,0 +1,33 @@
+import { Color, IsValueInListCriterion, ValueAndLabel } from "../../../../types";
+import { Select } from "../../../select/select";
+import { RoundColorPicker } from "../../components/round_color_picker/round_color_picker";
+import { CriterionForm } from "../criterion_form";
+import { CriterionInput } from "../criterion_input/criterion_input";
+interface ListItem {
+    value: string;
+    color?: Color;
+}
+interface State {
+    items: ListItem[];
+    focusedValueIndex?: number;
+}
+export declare class ListCriterionForm extends CriterionForm<IsValueInListCriterion> {
+    static template: string;
+    static components: {
+        CriterionInput: typeof CriterionInput;
+        RoundColorPicker: typeof RoundColorPicker;
+        Select: typeof Select;
+    };
+    state: State;
+    setup(): void;
+    private syncCriterion;
+    onValueChanged(index: number, value: string): void;
+    onColorChanged(index: number, color: Color): void;
+    onAddAnotherValue(): void;
+    removeItem(index: number): void;
+    onChangedDisplayStyle(displayStyle: "arrow" | "plainText" | "chip"): void;
+    onKeyDown(ev: KeyboardEvent, index: number): void;
+    onBlurInput(): void;
+    get displayTypeOptions(): ValueAndLabel[];
+}
+export {};

package/dist/types/components/side_panel/criterion_form/value_in_range_criterion/value_in_range_criterion.d.ts

@@ -0,0 +1,22 @@
+import { Color, IsValueInRangeCriterion, ValueAndLabel } from "../../../../types";
+import { Select } from "../../../select/select";
+import { SelectionInput } from "../../../selection_input/selection_input";
+import { RoundColorPicker } from "../../components/round_color_picker/round_color_picker";
+import { CriterionForm } from "../criterion_form";
+export declare class ValueInRangeCriterionForm extends CriterionForm<IsValueInRangeCriterion> {
+    static template: string;
+    static components: {
+        RoundColorPicker: typeof RoundColorPicker;
+        SelectionInput: typeof SelectionInput;
+        Select: typeof Select;
+    };
+    setup(): void;
+    onRangeChanged(rangeXc: string): void;
+    onChangedDisplayStyle(displayStyle: "arrow" | "plainText" | "chip"): void;
+    onColorChanged(color: Color, value: string): void;
+    get values(): Set<{
+        value: string;
+        label: string;
+    }>;
+    get displayTypeOptions(): ValueAndLabel[];
+}