@malva-ui/core 0.1.13 → 0.1.14

package/esm2022/file-upload/malva-ui-core-file-upload.js

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=malva-ui-core-file-upload.js.map

package/esm2022/file-upload/malva-ui-core-file-upload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"malva-ui-core-file-upload.js","sourceRoot":"","sources":["../../../../../libs/core/file-upload/src/malva-ui-core-file-upload.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/filter/index.js

@@ -1,4 +0,0 @@
-export * from './lib/filter.types';
-export * from './lib/filter/filter';
-export * from './lib/smart-filter-bar/smart-filter-bar';
-//# sourceMappingURL=index.js.map

package/esm2022/filter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/filter/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yCAAyC,CAAC","sourcesContent":["export * from './lib/filter.types';\nexport * from './lib/filter/filter';\nexport * from './lib/smart-filter-bar/smart-filter-bar';\n"]}

package/esm2022/filter/lib/filter/filter.js

@@ -1,552 +0,0 @@
-import { DOCUMENT } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, effect, inject, input, model, output, signal, viewChild, viewChildren, } from '@angular/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { LucideCheck, LucideChevronDown, LucidePlus, LucideTrash2, LucideX, } from '@lucide/angular';
-import { mlvNextId } from '@malva-ui/cdk/utils';
-import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvInput } from '@malva-ui/core/input';
-import { MlvPopup, MlvPopupContent, MlvPopupTrigger, } from '@malva-ui/core/popup';
-import { MlvSelect } from '@malva-ui/core/select';
-import { MLV_FILTER_I18N, MlvI18nResolverService } from '@malva-ui/i18n';
-import * as i0 from "@angular/core";
-/** Default operators for free-form filters. */
-const DEFAULT_OPERATORS = [
-    'contains',
-    'not-contains',
-    'equals',
-    'not-equals',
-];
-/** Returns whether an operator requires no operand. */
-function isValuelessOperator(operator) {
-    return operator === 'empty' || operator === 'not-empty';
-}
-/** Returns a defensive shallow copy of filter conditions and array operands. */
-function cloneConditions(conditions) {
-    return conditions.map((condition) => ({
-        ...condition,
-        value: Array.isArray(condition.value)
-            ? [...condition.value]
-            : condition.value,
-    }));
-}
-/** Compact filter trigger and in-place condition editor. */
-export class MlvFilter {
-    /** @private Document used for conservative focus restoration. */
-    _document = inject(DOCUMENT);
-    /** @protected Reactive translated strings for filters. */
-    _i18n = inject(MLV_FILTER_I18N);
-    /** @private ICU resolver for parameterized translated strings. */
-    _resolver = inject(MlvI18nResolverService);
-    /** Visible filter name. */
-    label = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    /** Optional domain key for consumers coordinating multiple filter instances. */
-    key = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
-    /** Bounded values shown as a listbox. */
-    options = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    /** Explicit editor override. Options are inferred when choices are provided. */
-    editor = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "editor" }] : /* istanbul ignore next */ []));
-    /** Whether a bounded editor accepts multiple values. */
-    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /** Whether a free-form editor may add multiple conditions. */
-    allowMultipleConditions = input(false, { ...(ngDevMode ? { debugName: "allowMultipleConditions" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /** Operators available to a free-form editor. */
-    operators = input(DEFAULT_OPERATORS, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "operators" }] : /* istanbul ignore next */ []));
-    /** Optional user-facing labels for domain-specific operator vocabulary. */
-    operatorLabels = input({}, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "operatorLabels" }] : /* istanbul ignore next */ []));
-    /** Operator assigned to a newly-created free-form condition. */
-    defaultOperator = input('contains', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "defaultOperator" }] : /* istanbul ignore next */ []));
-    /** Optional placeholder for free-form values. */
-    placeholder = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    /** Whether edits publish immediately or wait for the Apply action. */
-    applyMode = input('live', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "applyMode" }] : /* istanbul ignore next */ []));
-    /** Prevents opening and editing the filter. */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /** Shows progress and prevents editing while filter metadata is loading. */
-    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /** Whether the filter trigger represents an invalid field value. */
-    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /** Id reference describing the filter trigger's validation state. */
-    ariaDescribedBy = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
-    /** Applied conditions. */
-    conditions = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "conditions" }] : /* istanbul ignore next */ []));
-    /** Combination rule used when more than one condition is present. */
-    conditionStrategy = model('or', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "conditionStrategy" }] : /* istanbul ignore next */ []));
-    /** Whether the condition editor is open. */
-    opened = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
-    /** Emitted whenever live editing or Apply commits conditions. */
-    applied = output();
-    /** Emitted when the clear action removes every condition. */
-    cleared = output();
-    /** @protected Unique id linking the trigger to its popup content. */
-    _panelId = mlvNextId('mlv-filter-panel');
-    /** @private Working conditions kept separate for explicit-apply mode. */
-    _draftConditions = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_draftConditions" }] : /* istanbul ignore next */ []));
-    /** @private Working condition strategy kept separate until Apply. */
-    _draftStrategy = signal('or', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_draftStrategy" }] : /* istanbul ignore next */ []));
-    /** @private Roving-focus index for the bounded options list. */
-    _activeOptionIndex = signal(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_activeOptionIndex" }] : /* istanbul ignore next */ []));
-    /** @private Trigger element used for focus restoration. */
-    _trigger = viewChild('trigger', { ...(ngDevMode ? { debugName: "_trigger" } : /* istanbul ignore next */ {}), read: (ElementRef) });
-    /** @private Rendered bounded-option buttons used for roving focus. */
-    _optionButtons = viewChildren('optionButton', { ...(ngDevMode ? { debugName: "_optionButtons" } : /* istanbul ignore next */ {}), read: (ElementRef) });
-    /** @private Rendered value fields used to focus the free-form editor. */
-    _conditionInputs = viewChildren(MlvInput, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_conditionInputs" }] : /* istanbul ignore next */ []));
-    /** @protected Resolved editor based on the explicit input and available options. */
-    _resolvedEditor = computed(() => this.editor() ?? (this.options().length > 0 ? 'options' : 'text'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedEditor" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the current editor is a bounded options list. */
-    _usesOptions = computed(() => this._resolvedEditor() === 'options', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_usesOptions" }] : /* istanbul ignore next */ []));
-    /** @protected Whether an open editor must reject every state-changing action. */
-    _editorDisabled = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_editorDisabled" }] : /* istanbul ignore next */ []));
-    /** @protected Valid new-condition operator, constrained to the allowed list. */
-    _resolvedDefaultOperator = computed(() => {
-        const operators = this.operators();
-        const requested = this.defaultOperator();
-        return operators.includes(requested)
-            ? requested
-            : (operators[0] ?? 'contains');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedDefaultOperator" }] : /* istanbul ignore next */ []));
-    /** @protected Snapshot used by the editor template. */
-    _draft = this._draftConditions.asReadonly();
-    /** @protected Draft strategy used by the editor template. */
-    _strategy = this._draftStrategy.asReadonly();
-    /** @protected Resolved value placeholder with an i18n fallback. */
-    _resolvedPlaceholder = computed(() => this.placeholder() ?? this._i18n().valuePlaceholder, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedPlaceholder" }] : /* istanbul ignore next */ []));
-    /** @protected Operator-to-select-option adapter. */
-    _operatorTransform = (operator) => ({ value: operator, label: this._operatorLabel(operator) });
-    /** @protected Strategy-to-select-option adapter. */
-    _strategyTransform = (strategy) => ({ value: strategy, label: this._i18n()[strategy] });
-    /** @protected Strategies available when multiple conditions exist. */
-    _strategies = [
-        'and',
-        'or',
-    ];
-    /** @protected Number of selected scalar values represented by the conditions. */
-    valueCount = computed(() => this._displayValues(this.conditions()).length, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valueCount" }] : /* istanbul ignore next */ []));
-    /** @protected Whether at least one meaningful condition is applied. */
-    hasValue = computed(() => this.conditions().some((condition) => this._isConditionMeaningful(condition)), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
-    /** @protected First applied value rendered in the compact trigger. */
-    primaryValue = computed(() => this._displayValues(this.conditions())[0] ?? '', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "primaryValue" }] : /* istanbul ignore next */ []));
-    /** @protected Number of values hidden behind the `+ n more` summary. */
-    additionalValueCount = computed(() => Math.max(0, this.valueCount() - 1), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "additionalValueCount" }] : /* istanbul ignore next */ []));
-    /** @protected Accessible description of the current applied state. */
-    _triggerAriaLabel = computed(() => {
-        if (!this.hasValue()) {
-            return this._resolveMessage('openFilter', { label: this.label() });
-        }
-        return `${this.label()}: ${this.primaryValue()}${this.additionalValueCount() > 0 ? ` ${this._moreValuesLabel()}` : ''}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_triggerAriaLabel" }] : /* istanbul ignore next */ []));
-    /** @protected Translated accessible label for the clear action. */
-    _clearAriaLabel = computed(() => this._resolveMessage('clearFilter', { label: this.label() }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_clearAriaLabel" }] : /* istanbul ignore next */ []));
-    /** @protected Translated compact summary for values beyond the first. */
-    _moreValuesLabel = computed(() => this._resolveMessage('moreValues', {
-        count: this.additionalValueCount(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_moreValuesLabel" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            const conditions = this.conditions();
-            const strategy = this.conditionStrategy();
-            if (!this.opened()) {
-                this._draftConditions.set(cloneConditions(conditions));
-                this._draftStrategy.set(strategy);
-            }
-        });
-    }
-    /** @protected Prepares and focuses the editor after the overlay attaches. */
-    _onOpened() {
-        if (!this._usesOptions() && this._draftConditions().length === 0) {
-            this._draftConditions.set([this._newCondition()]);
-        }
-        queueMicrotask(() => {
-            if (this._usesOptions()) {
-                const selectedIndex = this.options().findIndex((option) => this._isOptionSelected(option));
-                const firstEnabledIndex = this.options().findIndex((option) => !option.disabled);
-                const index = selectedIndex >= 0 ? selectedIndex : Math.max(0, firstEnabledIndex);
-                this._activeOptionIndex.set(index);
-                this._optionButtons()[index]?.nativeElement.focus();
-            }
-            else {
-                this._conditionInputs()[0]?.focus();
-            }
-        });
-    }
-    /** @protected Resynchronises drafts and restores focus after a keyboard/action close. */
-    _onClosed() {
-        this._draftConditions.set(cloneConditions(this.conditions()));
-        this._draftStrategy.set(this.conditionStrategy());
-        if (this._document.activeElement === this._document.body) {
-            this._trigger()?.nativeElement.focus();
-        }
-    }
-    /** @protected Removes all applied and in-progress values. */
-    _clear(event) {
-        event?.stopPropagation();
-        if (this._editorDisabled())
-            return;
-        this._draftConditions.set([]);
-        this.conditions.set([]);
-        this.applied.emit([]);
-        this.cleared.emit();
-        this.opened.set(false);
-        if (event) {
-            queueMicrotask(() => this._trigger()?.nativeElement.focus());
-        }
-    }
-    /** @protected Clears the editor draft while preserving explicit-mode rollback. */
-    _clearDraft() {
-        if (this._editorDisabled())
-            return;
-        this._draftConditions.set([]);
-        if (this.applyMode() === 'explicit')
-            return;
-        this.conditions.set([]);
-        this.applied.emit([]);
-        this.cleared.emit();
-        this.opened.set(false);
-    }
-    /** @protected Discards uncommitted edits and closes the editor. */
-    _cancel() {
-        this._draftConditions.set(cloneConditions(this.conditions()));
-        this._draftStrategy.set(this.conditionStrategy());
-        this.opened.set(false);
-    }
-    /** @protected Commits meaningful draft conditions and closes the editor. */
-    _apply() {
-        if (this._editorDisabled())
-            return;
-        const hadAppliedConditions = this.conditions().some((condition) => this._isConditionMeaningful(condition));
-        const conditions = this._draftConditions().filter((condition) => this._isConditionMeaningful(condition));
-        this.conditions.set(cloneConditions(conditions));
-        this.conditionStrategy.set(this._draftStrategy());
-        this.applied.emit(cloneConditions(conditions));
-        if (hadAppliedConditions && conditions.length === 0)
-            this.cleared.emit();
-        this.opened.set(false);
-    }
-    /** @protected Selects or deselects one bounded option. */
-    _toggleOption(option) {
-        if (option.disabled || this.disabled() || this.loading())
-            return;
-        if (this.multiple()) {
-            const selected = this._selectedOptionValues();
-            const index = selected.findIndex((value) => Object.is(value, option.value));
-            const next = [...selected];
-            if (index >= 0)
-                next.splice(index, 1);
-            else
-                next.push(option.value);
-            this._draftConditions.set(next.length > 0 ? [{ operator: 'in', value: next }] : []);
-            this._commitLive(false);
-            return;
-        }
-        this._draftConditions.set([{ operator: 'equals', value: option.value }]);
-        this._commitLive(true);
-    }
-    /** @protected Roving tabindex for one bounded option. */
-    _optionTabIndex(index) {
-        return this._activeOptionIndex() === index ? 0 : -1;
-    }
-    /** @protected Updates the roving-focus index when an option receives focus. */
-    _setActiveOption(index) {
-        this._activeOptionIndex.set(index);
-    }
-    /** @protected Whether an option is selected in the working state. */
-    _isOptionSelected(option) {
-        return this._selectedOptionValues().some((value) => Object.is(value, option.value));
-    }
-    /** @protected Moves focus through the listbox without adding tab stops. */
-    _onOptionKeydown(event, index) {
-        const buttons = this._optionButtons();
-        if (buttons.length === 0)
-            return;
-        let target = index;
-        const direction = event.key === 'ArrowDown' ? 1 : -1;
-        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-            for (let offset = 1; offset <= buttons.length; offset += 1) {
-                const candidate = (index + direction * offset + buttons.length) % buttons.length;
-                if (!this.options()[candidate]?.disabled) {
-                    target = candidate;
-                    break;
-                }
-            }
-        }
-        else if (event.key === 'Home') {
-            target = this.options().findIndex((option) => !option.disabled);
-        }
-        else if (event.key === 'End') {
-            target = this.options()
-                .map((option) => !option.disabled)
-                .lastIndexOf(true);
-        }
-        else
-            return;
-        if (target < 0)
-            return;
-        event.preventDefault();
-        this._activeOptionIndex.set(target);
-        buttons[target]?.nativeElement.focus();
-    }
-    /** @protected Updates one condition's operator. */
-    _setOperator(index, operator) {
-        if (this._editorDisabled())
-            return;
-        const next = cloneConditions(this._draftConditions());
-        const current = next[index] ?? this._newCondition();
-        let value = current.value;
-        if (isValuelessOperator(operator))
-            value = null;
-        else if (operator === 'between' && current.operator !== 'between') {
-            value = ['', ''];
-        }
-        else if (current.operator === 'between' ||
-            isValuelessOperator(current.operator)) {
-            value = '';
-        }
-        next[index] = {
-            ...current,
-            operator,
-            value,
-        };
-        this._draftConditions.set(next);
-        this._commitLive(false);
-    }
-    /** @protected Updates one condition's operand. */
-    _setConditionValue(index, value) {
-        if (this._editorDisabled())
-            return;
-        const next = cloneConditions(this._draftConditions());
-        const current = next[index] ?? this._newCondition();
-        next[index] = { ...current, value: this._normalizeValue(value) };
-        this._draftConditions.set(next);
-        this._commitLive(false);
-    }
-    /** @protected Returns one side of a between-condition range. */
-    _conditionRangeValue(condition, rangeIndex) {
-        return Array.isArray(condition.value)
-            ? (condition.value[rangeIndex] ?? '')
-            : '';
-    }
-    /** @protected Updates one side of a between-condition range. */
-    _setConditionRangeValue(conditionIndex, rangeIndex, value) {
-        if (this._editorDisabled())
-            return;
-        const next = cloneConditions(this._draftConditions());
-        const current = next[conditionIndex] ?? this._newCondition();
-        const range = Array.isArray(current.value) ? [...current.value] : ['', ''];
-        range[rangeIndex] = this._normalizeValue(value);
-        next[conditionIndex] = { ...current, value: range };
-        this._draftConditions.set(next);
-        this._commitLive(false);
-    }
-    /** @protected Updates the combination rule for working conditions. */
-    _setStrategy(strategy) {
-        if (this._editorDisabled())
-            return;
-        this._draftStrategy.set(strategy);
-        if (this.applyMode() === 'live') {
-            this.conditionStrategy.set(strategy);
-        }
-    }
-    /** @protected Adds another free-form condition and focuses it. */
-    _addCondition() {
-        if (this._editorDisabled())
-            return;
-        const previousInputCount = this._conditionInputs().length;
-        this._draftConditions.update((conditions) => [
-            ...conditions,
-            this._newCondition(),
-        ]);
-        queueMicrotask(() => {
-            const inputs = this._conditionInputs();
-            inputs[previousInputCount]?.focus();
-        });
-    }
-    /** @protected Removes one working condition. */
-    _removeCondition(index) {
-        if (this._editorDisabled())
-            return;
-        this._draftConditions.update((conditions) => conditions.filter((_, conditionIndex) => conditionIndex !== index));
-        if (this._draftConditions().length === 0) {
-            this._draftConditions.set([this._newCondition()]);
-        }
-        this._commitLive(false);
-    }
-    /** @private Creates an empty free-form condition. */
-    _newCondition() {
-        const operator = this._resolvedDefaultOperator();
-        return {
-            id: mlvNextId('mlv-filter-condition'),
-            operator,
-            value: isValuelessOperator(operator)
-                ? null
-                : operator === 'between'
-                    ? ['', '']
-                    : '',
-        };
-    }
-    /** @private Publishes draft state immediately when live mode is active. */
-    _commitLive(close) {
-        if (this.applyMode() !== 'live' || this._editorDisabled())
-            return;
-        const meaningful = this._draftConditions().filter((condition) => this._isConditionMeaningful(condition));
-        this.conditions.set(cloneConditions(meaningful));
-        this.applied.emit(cloneConditions(meaningful));
-        if (close)
-            this.opened.set(false);
-    }
-    /** @private Returns the selected values represented by the draft state. */
-    _selectedOptionValues() {
-        return this._draftConditions().flatMap((condition) => Array.isArray(condition.value) ? condition.value : [condition.value]);
-    }
-    /** @private Normalizes number-editor input while preserving empty/invalid drafts. */
-    _normalizeValue(value) {
-        const parsedNumber = typeof value === 'string' ? Number(value) : NaN;
-        return this._resolvedEditor() === 'number' &&
-            typeof value === 'string' &&
-            value !== '' &&
-            Number.isFinite(parsedNumber)
-            ? parsedNumber
-            : value;
-    }
-    /** @private Converts applied operands into compact, human-readable labels. */
-    _displayValues(conditions) {
-        return conditions.flatMap((condition) => {
-            if (isValuelessOperator(condition.operator)) {
-                return [this._operatorLabel(condition.operator)];
-            }
-            if (condition.operator === 'between' &&
-                Array.isArray(condition.value) &&
-                condition.value.length === 2) {
-                return [
-                    `${String(condition.value[0])} – ${String(condition.value[1])}`,
-                ];
-            }
-            const values = Array.isArray(condition.value)
-                ? condition.value
-                : [condition.value];
-            return values
-                .filter((value) => value !== null && value !== undefined && value !== '')
-                .map((value) => {
-                const option = this.options().find((candidate) => Object.is(candidate.value, value));
-                return option?.label ?? String(value);
-            });
-        });
-    }
-    /** @private Whether a condition has an operator-complete operand. */
-    _isConditionMeaningful(condition) {
-        if (isValuelessOperator(condition.operator))
-            return true;
-        if (condition.operator === 'between' && Array.isArray(condition.value)) {
-            return (condition.value.length === 2 &&
-                condition.value.every((value) => value !== null && value !== undefined && value !== ''));
-        }
-        if (Array.isArray(condition.value))
-            return condition.value.length > 0;
-        return (condition.value !== null &&
-            condition.value !== undefined &&
-            condition.value !== '');
-    }
-    /** @private Resolves translated labels for built-in operators. */
-    _operatorLabel(operator) {
-        const override = this.operatorLabels()[operator];
-        if (override)
-            return override;
-        const i18n = this._i18n();
-        switch (operator) {
-            case 'contains':
-                return i18n.contains;
-            case 'not-contains':
-                return i18n.notContains;
-            case 'starts-with':
-                return i18n.startsWith;
-            case 'ends-with':
-                return i18n.endsWith;
-            case 'equals':
-                return i18n.equals;
-            case 'not-equals':
-                return i18n.notEquals;
-            case 'greater-than':
-                return i18n.greaterThan;
-            case 'greater-than-or-equal':
-                return i18n.greaterThanOrEqual;
-            case 'less-than':
-                return i18n.lessThan;
-            case 'less-than-or-equal':
-                return i18n.lessThanOrEqual;
-            case 'between':
-                return i18n.between;
-            case 'in':
-                return i18n.in;
-            case 'not-in':
-                return i18n.notIn;
-            case 'empty':
-                return i18n.empty;
-            case 'not-empty':
-                return i18n.notEmpty;
-        }
-    }
-    /** @private Resolves one ICU message from the filter translation slice. */
-    _resolveMessage(key, params) {
-        return this._resolver.resolve(this._i18n(), key, params);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvFilter, isStandalone: true, selector: "mlv-filter", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, allowMultipleConditions: { classPropertyName: "allowMultipleConditions", publicName: "allowMultipleConditions", isSignal: true, isRequired: false, transformFunction: null }, operators: { classPropertyName: "operators", publicName: "operators", isSignal: true, isRequired: false, transformFunction: null }, operatorLabels: { classPropertyName: "operatorLabels", publicName: "operatorLabels", isSignal: true, isRequired: false, transformFunction: null }, defaultOperator: { classPropertyName: "defaultOperator", publicName: "defaultOperator", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, applyMode: { classPropertyName: "applyMode", publicName: "applyMode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, conditions: { classPropertyName: "conditions", publicName: "conditions", isSignal: true, isRequired: false, transformFunction: null }, conditionStrategy: { classPropertyName: "conditionStrategy", publicName: "conditionStrategy", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { conditions: "conditionsChange", conditionStrategy: "conditionStrategyChange", opened: "openedChange", applied: "applied", cleared: "cleared" }, host: { properties: { "class.mlv-filter--applied": "hasValue()", "class.mlv-filter--invalid": "invalid()", "class.mlv-filter--open": "opened()", "class.mlv-filter--disabled": "disabled()", "class.mlv-filter--loading": "loading()", "attr.aria-busy": "loading() || null" }, classAttribute: "mlv-filter" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["trigger"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_optionButtons", predicate: ["optionButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_conditionInputs", predicate: MlvInput, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mlv-filter__control\" role=\"group\" [attr.aria-label]=\"label()\">\n  <button\n    #trigger\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    class=\"mlv-filter__trigger\"\n    [class.mlv-filter__trigger--applied]=\"hasValue()\"\n    [mlvPopupTrigger]=\"filterPopup\"\n    [ariaHasPopup]=\"'dialog'\"\n    [disabled]=\"_editorDisabled()\"\n    [loading]=\"loading()\"\n    [attr.aria-controls]=\"_panelId\"\n    [attr.aria-label]=\"_triggerAriaLabel()\"\n    [attr.aria-invalid]=\"invalid() || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy() || null\"\n  >\n    <span class=\"mlv-filter__summary\">\n      @if (hasValue()) {\n      <span class=\"mlv-filter__label\">{{ label() }}:</span>\n      <strong class=\"mlv-filter__value\">{{ primaryValue() }}</strong>\n      @if (additionalValueCount() > 0) {\n      <span class=\"mlv-filter__more\">{{ _moreValuesLabel() }}</span>\n      } } @else {\n      <span class=\"mlv-filter__label\">{{ label() }}</span>\n      }\n    </span>\n    <svg\n      mlvButtonIcon\n      lucideChevronDown\n      [size]=\"14\"\n      aria-hidden=\"true\"\n      class=\"mlv-filter__chevron\"\n    ></svg>\n  </button>\n\n  @if (hasValue()) {\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    shape=\"square\"\n    class=\"mlv-filter__clear\"\n    [disabled]=\"disabled() || loading()\"\n    [attr.aria-label]=\"_clearAriaLabel()\"\n    (click)=\"_clear($event)\"\n  >\n    <svg mlvButtonIcon lucideX [size]=\"14\" aria-hidden=\"true\"></svg>\n  </button>\n  }\n</div>\n\n<mlv-popup\n  #filterPopup\n  [(opened)]=\"opened\"\n  [position]=\"['bottom-start', 'top-start']\"\n  [hasShadow]=\"true\"\n  panelRole=\"dialog\"\n  [ariaLabel]=\"_triggerAriaLabel()\"\n  minWidth=\"14rem\"\n  maxWidth=\"28rem\"\n  (afterOpened)=\"_onOpened()\"\n  (afterClosed)=\"_onClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div class=\"mlv-filter__panel\" [id]=\"_panelId\">\n      <div class=\"mlv-filter__panel-header\">\n        <span class=\"mlv-filter__panel-title\">{{ label() }}</span>\n        @if (_draft().length > 0) {\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          class=\"mlv-filter__panel-clear\"\n          [disabled]=\"_editorDisabled()\"\n          (click)=\"_clearDraft()\"\n        >\n          {{ _i18n().clear }}\n        </button>\n        }\n      </div>\n\n      @if (_usesOptions()) {\n      <div\n        class=\"mlv-filter__options\"\n        role=\"listbox\"\n        [attr.aria-label]=\"label()\"\n        [attr.aria-multiselectable]=\"multiple() || null\"\n      >\n        @for (option of options(); track option.value; let index = $index) {\n        <button\n          #optionButton\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          class=\"mlv-filter__option\"\n          role=\"option\"\n          [disabled]=\"_editorDisabled() || (option.disabled ?? false)\"\n          [attr.aria-selected]=\"_isOptionSelected(option)\"\n          [attr.tabindex]=\"_optionTabIndex(index)\"\n          (focus)=\"_setActiveOption(index)\"\n          (click)=\"_toggleOption(option)\"\n          (keydown)=\"_onOptionKeydown($event, index)\"\n        >\n          <span class=\"mlv-filter__option-label\">{{ option.label }}</span>\n          @if (_isOptionSelected(option)) {\n          <svg mlvButtonIcon lucideCheck [size]=\"16\" aria-hidden=\"true\"></svg>\n          }\n        </button>\n        } @empty {\n        <span class=\"mlv-filter__empty\">{{ _i18n().selectValue }}</span>\n        }\n      </div>\n      } @else {\n      <div class=\"mlv-filter__conditions\">\n        @if (_draft().length > 1) {\n        <mlv-select\n          class=\"mlv-filter__strategy\"\n          [options]=\"_strategies\"\n          [toOption]=\"_strategyTransform\"\n          [value]=\"_strategy()\"\n          [ariaLabel]=\"label()\"\n          [disabled]=\"_editorDisabled()\"\n          mobileMode=\"off\"\n          (valueChange)=\"_setStrategy($any($event))\"\n        />\n        } @for ( condition of _draft(); track condition.id || $index; let index\n        = $index ) {\n        <div class=\"mlv-filter__condition\">\n          <mlv-select\n            class=\"mlv-filter__operator\"\n            [options]=\"operators()\"\n            [toOption]=\"_operatorTransform\"\n            [value]=\"condition.operator\"\n            [ariaLabel]=\"label() + ' ' + (index + 1)\"\n            [disabled]=\"_editorDisabled()\"\n            mobileMode=\"off\"\n            (valueChange)=\"_setOperator(index, $any($event))\"\n          />\n\n          @if ( condition.operator !== 'empty' && condition.operator !==\n          'not-empty' ) { @if (condition.operator === 'between') {\n          <div class=\"mlv-filter__range\">\n            <mlv-input\n              class=\"mlv-filter__input\"\n              [type]=\"_resolvedEditor() === 'number' ? 'number' : 'text'\"\n              [value]=\"$any(_conditionRangeValue(condition, 0))\"\n              [placeholder]=\"_resolvedPlaceholder()\"\n              [ariaLabel]=\"label() + ' ' + (index + 1) + ' 1'\"\n              [disabled]=\"_editorDisabled()\"\n              (valueChange)=\"_setConditionRangeValue(index, 0, $event)\"\n              (keydown.enter)=\"applyMode() === 'explicit' && _apply()\"\n            />\n            <span class=\"mlv-filter__range-separator\" aria-hidden=\"true\"\n              >\u2013</span\n            >\n            <mlv-input\n              class=\"mlv-filter__input\"\n              [type]=\"_resolvedEditor() === 'number' ? 'number' : 'text'\"\n              [value]=\"$any(_conditionRangeValue(condition, 1))\"\n              [placeholder]=\"_resolvedPlaceholder()\"\n              [ariaLabel]=\"label() + ' ' + (index + 1) + ' 2'\"\n              [disabled]=\"_editorDisabled()\"\n              (valueChange)=\"_setConditionRangeValue(index, 1, $event)\"\n              (keydown.enter)=\"applyMode() === 'explicit' && _apply()\"\n            />\n          </div>\n          } @else {\n          <mlv-input\n            class=\"mlv-filter__input\"\n            [type]=\"_resolvedEditor() === 'number' ? 'number' : 'text'\"\n            [value]=\"$any(condition.value)\"\n            [placeholder]=\"_resolvedPlaceholder()\"\n            [ariaLabel]=\"label() + ' ' + (index + 1)\"\n            [disabled]=\"_editorDisabled()\"\n            (valueChange)=\"_setConditionValue(index, $event)\"\n            (keydown.enter)=\"applyMode() === 'explicit' && _apply()\"\n          />\n          } } @if (allowMultipleConditions() && _draft().length > 1) {\n          <button\n            mlvButton\n            type=\"button\"\n            shape=\"square\"\n            variant=\"transparent\"\n            class=\"mlv-filter__remove-condition\"\n            [disabled]=\"_editorDisabled()\"\n            [attr.aria-label]=\"_i18n().removeCondition\"\n            (click)=\"_removeCondition(index)\"\n          >\n            <svg\n              mlvButtonIcon\n              lucideTrash2\n              [size]=\"16\"\n              aria-hidden=\"true\"\n            ></svg>\n          </button>\n          }\n        </div>\n        } @if (allowMultipleConditions()) {\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          class=\"mlv-filter__add-condition\"\n          [disabled]=\"_editorDisabled()\"\n          (click)=\"_addCondition()\"\n        >\n          <svg mlvButtonIcon lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n          {{ _i18n().addCondition }}\n        </button>\n        }\n      </div>\n      } @if (applyMode() === 'explicit') {\n      <div class=\"mlv-filter__panel-footer\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          (click)=\"_cancel()\"\n        >\n          {{ _i18n().cancel }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          [disabled]=\"_editorDisabled()\"\n          (click)=\"_apply()\"\n        >\n          {{ _i18n().apply }}\n        </button>\n      </div>\n      }\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: [".mlv-filter{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-filter *{box-sizing:border-box}.mlv-filter,.mlv-filter__control{display:inline-flex;min-width:0;max-width:100%}.mlv-filter__trigger{min-width:0;max-width:100%;justify-content:space-between}.mlv-filter__trigger--applied{border-start-end-radius:0;border-end-end-radius:0}.mlv-filter__clear{flex:none;margin-inline-start:-.0625rem;border-start-start-radius:0;border-end-start-radius:0}.mlv-filter__summary{display:inline-flex;align-items:baseline;min-width:0;gap:.25rem;overflow:hidden}.mlv-filter__label,.mlv-filter__more{flex:none;font-weight:var(--mlv-typography-body-m-weight)}.mlv-filter__value{min-width:0;overflow:hidden;color:var(--mlv-text-primary);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mlv-filter__chevron{flex:none;transition-property:transform;transition-duration:var(--mlv-duration-fast);transition-timing-function:var(--mlv-ease-out)}.mlv-filter--open .mlv-filter__chevron{transform:rotate(180deg)}.mlv-filter--invalid .mlv-filter__trigger{--mlv-btn-box-shadow: inset 0 0 0 .0625rem var(--mlv-border-error)}.mlv-filter__panel{display:flex;width:min(26rem,100vw - 2rem);max-width:100%;flex-direction:column;color:var(--mlv-text-primary)}.mlv-filter__panel-header,.mlv-filter__panel-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem}.mlv-filter__panel-header{border-bottom:.0625rem solid var(--mlv-border-subtle)}.mlv-filter__panel-footer{justify-content:flex-end;border-top:.0625rem solid var(--mlv-border-subtle)}.mlv-filter__panel-title{font-weight:600}.mlv-filter__panel-clear{--mlv-btn-height: var(--mlv-height-xs);--mlv-btn-padding: var(--mlv-padding-xs)}.mlv-filter__options{display:flex;max-height:20rem;flex-direction:column;gap:.125rem;overflow-y:auto;padding:.375rem}.mlv-filter__option{--mlv-btn-height: var(--mlv-height-s);--mlv-btn-padding: var(--mlv-padding-s);width:100%;justify-content:space-between;color:var(--mlv-text-primary)}.mlv-filter__option[aria-selected=true]{--mlv-btn-bg: var(--mlv-background-accent-1-pale);--mlv-btn-bg-hover: var(--mlv-background-accent-1-pale-hover);--mlv-btn-text-color: var(--mlv-text-action)}.mlv-filter__option-label{overflow:hidden;text-align:start;text-overflow:ellipsis}.mlv-filter__empty{padding:.75rem;color:var(--mlv-text-secondary);text-align:center}.mlv-filter__conditions{display:flex;flex-direction:column;gap:.625rem;padding:.75rem}.mlv-filter__condition{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(10rem,1.2fr) auto;align-items:start;gap:.5rem}.mlv-filter__operator,.mlv-filter__input,.mlv-filter__strategy,.mlv-filter__range{min-width:0}.mlv-filter__range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.375rem}.mlv-filter__range-separator{color:var(--mlv-text-secondary)}.mlv-filter__remove-condition{margin-top:.125rem}.mlv-filter__add-condition{align-self:flex-start}@media(max-width:30rem){.mlv-filter__condition{grid-template-columns:1fr auto}.mlv-filter__operator,.mlv-filter__input,.mlv-filter__range{grid-column:1}.mlv-filter__remove-condition{grid-column:2;grid-row:1/span 2}}@media(prefers-reduced-motion:reduce){.mlv-filter,.mlv-filter *,.mlv-filter:before,.mlv-filter:after,[class^=mlv-filter__],[class*=\" mlv-filter__\"],[class^=mlv-filter--],[class*=\" mlv-filter--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "component", type: MlvSelect, selector: "mlv-select", inputs: ["value", "options", "searchFn", "searchDebounce", "multiple", "placeholder", "toOption", "compareWith", "searchable", "searchPlaceholder", "matcher", "mobileMode", "mlvDensity", "mobileTitle"], outputs: ["valueChange"] }, { kind: "component", type: LucideCheck, selector: "svg[lucideCheck]" }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: LucidePlus, selector: "svg[lucidePlus]" }, { kind: "component", type: LucideTrash2, selector: "svg[lucideTrash2]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFilter, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-filter', imports: [
-                        MlvButton,
-                        MlvButtonIcon,
-                        MlvInput,
-                        MlvPopup,
-                        MlvPopupContent,
-                        MlvPopupTrigger,
-                        MlvSelect,
-                        LucideCheck,
-                        LucideChevronDown,
-                        LucidePlus,
-                        LucideTrash2,
-                        LucideX,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'mlv-filter',
-                        '[class.mlv-filter--applied]': 'hasValue()',
-                        '[class.mlv-filter--invalid]': 'invalid()',
-                        '[class.mlv-filter--open]': 'opened()',
-                        '[class.mlv-filter--disabled]': 'disabled()',
-                        '[class.mlv-filter--loading]': 'loading()',
-                        '[attr.aria-busy]': 'loading() || null',
-                    }, template: "<div class=\"mlv-filter__control\" role=\"group\" [attr.aria-label]=\"label()\">\n  <button\n    #trigger\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    class=\"mlv-filter__trigger\"\n    [class.mlv-filter__trigger--applied]=\"hasValue()\"\n    [mlvPopupTrigger]=\"filterPopup\"\n    [ariaHasPopup]=\"'dialog'\"\n    [disabled]=\"_editorDisabled()\"\n    [loading]=\"loading()\"\n    [attr.aria-controls]=\"_panelId\"\n    [attr.aria-label]=\"_triggerAriaLabel()\"\n    [attr.aria-invalid]=\"invalid() || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy() || null\"\n  >\n    <span class=\"mlv-filter__summary\">\n      @if (hasValue()) {\n      <span class=\"mlv-filter__label\">{{ label() }}:</span>\n      <strong class=\"mlv-filter__value\">{{ primaryValue() }}</strong>\n      @if (additionalValueCount() > 0) {\n      <span class=\"mlv-filter__more\">{{ _moreValuesLabel() }}</span>\n      } } @else {\n      <span class=\"mlv-filter__label\">{{ label() }}</span>\n      }\n    </span>\n    <svg\n      mlvButtonIcon\n      lucideChevronDown\n      [size]=\"14\"\n      aria-hidden=\"true\"\n      class=\"mlv-filter__chevron\"\n    ></svg>\n  </button>\n\n  @if (hasValue()) {\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    shape=\"square\"\n    class=\"mlv-filter__clear\"\n    [disabled]=\"disabled() || loading()\"\n    [attr.aria-label]=\"_clearAriaLabel()\"\n    (click)=\"_clear($event)\"\n  >\n    <svg mlvButtonIcon lucideX [size]=\"14\" aria-hidden=\"true\"></svg>\n  </button>\n  }\n</div>\n\n<mlv-popup\n  #filterPopup\n  [(opened)]=\"opened\"\n  [position]=\"['bottom-start', 'top-start']\"\n  [hasShadow]=\"true\"\n  panelRole=\"dialog\"\n  [ariaLabel]=\"_triggerAriaLabel()\"\n  minWidth=\"14rem\"\n  maxWidth=\"28rem\"\n  (afterOpened)=\"_onOpened()\"\n  (afterClosed)=\"_onClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div class=\"mlv-filter__panel\" [id]=\"_panelId\">\n      <div class=\"mlv-filter__panel-header\">\n        <span class=\"mlv-filter__panel-title\">{{ label() }}</span>\n        @if (_draft().length > 0) {\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          class=\"mlv-filter__panel-clear\"\n          [disabled]=\"_editorDisabled()\"\n          (click)=\"_clearDraft()\"\n        >\n          {{ _i18n().clear }}\n        </button>\n        }\n      </div>\n\n      @if (_usesOptions()) {\n      <div\n        class=\"mlv-filter__options\"\n        role=\"listbox\"\n        [attr.aria-label]=\"label()\"\n        [attr.aria-multiselectable]=\"multiple() || null\"\n      >\n        @for (option of options(); track option.value; let index = $index) {\n        <button\n          #optionButton\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          class=\"mlv-filter__option\"\n          role=\"option\"\n          [disabled]=\"_editorDisabled() || (option.disabled ?? false)\"\n          [attr.aria-selected]=\"_isOptionSelected(option)\"\n          [attr.tabindex]=\"_optionTabIndex(index)\"\n          (focus)=\"_setActiveOption(index)\"\n          (click)=\"_toggleOption(option)\"\n          (keydown)=\"_onOptionKeydown($event, index)\"\n        >\n          <span class=\"mlv-filter__option-label\">{{ option.label }}</span>\n          @if (_isOptionSelected(option)) {\n          <svg mlvButtonIcon lucideCheck [size]=\"16\" aria-hidden=\"true\"></svg>\n          }\n        </button>\n        } @empty {\n        <span class=\"mlv-filter__empty\">{{ _i18n().selectValue }}</span>\n        }\n      </div>\n      } @else {\n      <div class=\"mlv-filter__conditions\">\n        @if (_draft().length > 1) {\n        <mlv-select\n          class=\"mlv-filter__strategy\"\n          [options]=\"_strategies\"\n          [toOption]=\"_strategyTransform\"\n          [value]=\"_strategy()\"\n          [ariaLabel]=\"label()\"\n          [disabled]=\"_editorDisabled()\"\n          mobileMode=\"off\"\n          (valueChange)=\"_setStrategy($any($event))\"\n        />\n        } @for ( condition of _draft(); track condition.id || $index; let index\n        = $index ) {\n        <div class=\"mlv-filter__condition\">\n          <mlv-select\n            class=\"mlv-filter__operator\"\n            [options]=\"operators()\"\n            [toOption]=\"_operatorTransform\"\n            [value]=\"condition.operator\"\n            [ariaLabel]=\"label() + ' ' + (index + 1)\"\n            [disabled]=\"_editorDisabled()\"\n            mobileMode=\"off\"\n            (valueChange)=\"_setOperator(index, $any($event))\"\n          />\n\n          @if ( condition.operator !== 'empty' && condition.operator !==\n          'not-empty' ) { @if (condition.operator === 'between') {\n          <div class=\"mlv-filter__range\">\n            <mlv-input\n              class=\"mlv-filter__input\"\n              [type]=\"_resolvedEditor() === 'number' ? 'number' : 'text'\"\n              [value]=\"$any(_conditionRangeValue(condition, 0))\"\n              [placeholder]=\"_resolvedPlaceholder()\"\n              [ariaLabel]=\"label() + ' ' + (index + 1) + ' 1'\"\n              [disabled]=\"_editorDisabled()\"\n              (valueChange)=\"_setConditionRangeValue(index, 0, $event)\"\n              (keydown.enter)=\"applyMode() === 'explicit' && _apply()\"\n            />\n            <span class=\"mlv-filter__range-separator\" aria-hidden=\"true\"\n              >\u2013</span\n            >\n            <mlv-input\n              class=\"mlv-filter__input\"\n              [type]=\"_resolvedEditor() === 'number' ? 'number' : 'text'\"\n              [value]=\"$any(_conditionRangeValue(condition, 1))\"\n              [placeholder]=\"_resolvedPlaceholder()\"\n              [ariaLabel]=\"label() + ' ' + (index + 1) + ' 2'\"\n              [disabled]=\"_editorDisabled()\"\n              (valueChange)=\"_setConditionRangeValue(index, 1, $event)\"\n              (keydown.enter)=\"applyMode() === 'explicit' && _apply()\"\n            />\n          </div>\n          } @else {\n          <mlv-input\n            class=\"mlv-filter__input\"\n            [type]=\"_resolvedEditor() === 'number' ? 'number' : 'text'\"\n            [value]=\"$any(condition.value)\"\n            [placeholder]=\"_resolvedPlaceholder()\"\n            [ariaLabel]=\"label() + ' ' + (index + 1)\"\n            [disabled]=\"_editorDisabled()\"\n            (valueChange)=\"_setConditionValue(index, $event)\"\n            (keydown.enter)=\"applyMode() === 'explicit' && _apply()\"\n          />\n          } } @if (allowMultipleConditions() && _draft().length > 1) {\n          <button\n            mlvButton\n            type=\"button\"\n            shape=\"square\"\n            variant=\"transparent\"\n            class=\"mlv-filter__remove-condition\"\n            [disabled]=\"_editorDisabled()\"\n            [attr.aria-label]=\"_i18n().removeCondition\"\n            (click)=\"_removeCondition(index)\"\n          >\n            <svg\n              mlvButtonIcon\n              lucideTrash2\n              [size]=\"16\"\n              aria-hidden=\"true\"\n            ></svg>\n          </button>\n          }\n        </div>\n        } @if (allowMultipleConditions()) {\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          class=\"mlv-filter__add-condition\"\n          [disabled]=\"_editorDisabled()\"\n          (click)=\"_addCondition()\"\n        >\n          <svg mlvButtonIcon lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n          {{ _i18n().addCondition }}\n        </button>\n        }\n      </div>\n      } @if (applyMode() === 'explicit') {\n      <div class=\"mlv-filter__panel-footer\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          (click)=\"_cancel()\"\n        >\n          {{ _i18n().cancel }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          [disabled]=\"_editorDisabled()\"\n          (click)=\"_apply()\"\n        >\n          {{ _i18n().apply }}\n        </button>\n      </div>\n      }\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: [".mlv-filter{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-filter *{box-sizing:border-box}.mlv-filter,.mlv-filter__control{display:inline-flex;min-width:0;max-width:100%}.mlv-filter__trigger{min-width:0;max-width:100%;justify-content:space-between}.mlv-filter__trigger--applied{border-start-end-radius:0;border-end-end-radius:0}.mlv-filter__clear{flex:none;margin-inline-start:-.0625rem;border-start-start-radius:0;border-end-start-radius:0}.mlv-filter__summary{display:inline-flex;align-items:baseline;min-width:0;gap:.25rem;overflow:hidden}.mlv-filter__label,.mlv-filter__more{flex:none;font-weight:var(--mlv-typography-body-m-weight)}.mlv-filter__value{min-width:0;overflow:hidden;color:var(--mlv-text-primary);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mlv-filter__chevron{flex:none;transition-property:transform;transition-duration:var(--mlv-duration-fast);transition-timing-function:var(--mlv-ease-out)}.mlv-filter--open .mlv-filter__chevron{transform:rotate(180deg)}.mlv-filter--invalid .mlv-filter__trigger{--mlv-btn-box-shadow: inset 0 0 0 .0625rem var(--mlv-border-error)}.mlv-filter__panel{display:flex;width:min(26rem,100vw - 2rem);max-width:100%;flex-direction:column;color:var(--mlv-text-primary)}.mlv-filter__panel-header,.mlv-filter__panel-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem}.mlv-filter__panel-header{border-bottom:.0625rem solid var(--mlv-border-subtle)}.mlv-filter__panel-footer{justify-content:flex-end;border-top:.0625rem solid var(--mlv-border-subtle)}.mlv-filter__panel-title{font-weight:600}.mlv-filter__panel-clear{--mlv-btn-height: var(--mlv-height-xs);--mlv-btn-padding: var(--mlv-padding-xs)}.mlv-filter__options{display:flex;max-height:20rem;flex-direction:column;gap:.125rem;overflow-y:auto;padding:.375rem}.mlv-filter__option{--mlv-btn-height: var(--mlv-height-s);--mlv-btn-padding: var(--mlv-padding-s);width:100%;justify-content:space-between;color:var(--mlv-text-primary)}.mlv-filter__option[aria-selected=true]{--mlv-btn-bg: var(--mlv-background-accent-1-pale);--mlv-btn-bg-hover: var(--mlv-background-accent-1-pale-hover);--mlv-btn-text-color: var(--mlv-text-action)}.mlv-filter__option-label{overflow:hidden;text-align:start;text-overflow:ellipsis}.mlv-filter__empty{padding:.75rem;color:var(--mlv-text-secondary);text-align:center}.mlv-filter__conditions{display:flex;flex-direction:column;gap:.625rem;padding:.75rem}.mlv-filter__condition{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(10rem,1.2fr) auto;align-items:start;gap:.5rem}.mlv-filter__operator,.mlv-filter__input,.mlv-filter__strategy,.mlv-filter__range{min-width:0}.mlv-filter__range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.375rem}.mlv-filter__range-separator{color:var(--mlv-text-secondary)}.mlv-filter__remove-condition{margin-top:.125rem}.mlv-filter__add-condition{align-self:flex-start}@media(max-width:30rem){.mlv-filter__condition{grid-template-columns:1fr auto}.mlv-filter__operator,.mlv-filter__input,.mlv-filter__range{grid-column:1}.mlv-filter__remove-condition{grid-column:2;grid-row:1/span 2}}@media(prefers-reduced-motion:reduce){.mlv-filter,.mlv-filter *,.mlv-filter:before,.mlv-filter:after,[class^=mlv-filter__],[class*=\" mlv-filter__\"],[class^=mlv-filter--],[class*=\" mlv-filter--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], allowMultipleConditions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMultipleConditions", required: false }] }], operators: [{ type: i0.Input, args: [{ isSignal: true, alias: "operators", required: false }] }], operatorLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "operatorLabels", required: false }] }], defaultOperator: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOperator", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], applyMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyMode", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], conditions: [{ type: i0.Input, args: [{ isSignal: true, alias: "conditions", required: false }] }, { type: i0.Output, args: ["conditionsChange"] }], conditionStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "conditionStrategy", required: false }] }, { type: i0.Output, args: ["conditionStrategyChange"] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], applied: [{ type: i0.Output, args: ["applied"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], _trigger: [{ type: i0.ViewChild, args: ['trigger', { ...{
-                            read: (ElementRef),
-                        }, isSignal: true }] }], _optionButtons: [{ type: i0.ViewChildren, args: ['optionButton', { ...{
-                            read: (ElementRef),
-                        }, isSignal: true }] }], _conditionInputs: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => MlvInput), { isSignal: true }] }] } });
-//# sourceMappingURL=filter.js.map