@masterteam/components 0.0.88 → 0.0.90

package/fesm2022/masterteam-components-property-filter-builder.mjs

@@ -0,0 +1,383 @@
+import * as i0 from '@angular/core';
+import { input, model, booleanAttribute, output, signal, computed, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Button } from '@masterteam/components/button';
+import { DateField } from '@masterteam/components/date-field';
+import { SelectField } from '@masterteam/components/select-field';
+import { TextField } from '@masterteam/components/text-field';
+import * as i2 from 'primeng/popover';
+import { PopoverModule } from 'primeng/popover';
+
+const DEFAULT_MAX_FILTERS = 20;
+function toLabel(value) {
+    const normalized = value.split('.').pop() ?? value;
+    return normalized
+        .replace(/[_-]/g, ' ')
+        .replace(/([a-z])([A-Z])/g, '$1 $2')
+        .trim()
+        .replace(/\b\w/g, (char) => char.toUpperCase());
+}
+function normalizeFieldOption(value) {
+    if (typeof value === 'string') {
+        return {
+            key: value,
+            label: toLabel(value),
+        };
+    }
+    if (!value?.key) {
+        return null;
+    }
+    return {
+        key: value.key,
+        label: value.label?.trim() || toLabel(value.key),
+        viewType: value.viewType,
+    };
+}
+function inferValueMode(operator) {
+    switch (operator) {
+        case 'In':
+            return 'multi';
+        case 'Between':
+            return 'range';
+        case 'IsNull':
+        case 'IsNotNull':
+            return 'none';
+        default:
+            return 'single';
+    }
+}
+function normalizeOperatorOption(value) {
+    if (typeof value === 'string') {
+        return {
+            key: value,
+            label: toLabel(value),
+            valueMode: inferValueMode(value),
+        };
+    }
+    if (!value?.key) {
+        return null;
+    }
+    return {
+        key: value.key,
+        label: value.label?.trim() || toLabel(value.key),
+        valueMode: value.valueMode ?? inferValueMode(value.key),
+    };
+}
+function toStringValue(value) {
+    if (value === null || value === undefined)
+        return '';
+    return String(value);
+}
+function normalizeFieldType(viewType) {
+    const normalized = viewType?.toLowerCase().trim() ?? '';
+    if (normalized === 'number' ||
+        normalized === 'decimal' ||
+        normalized === 'integer' ||
+        normalized === 'percentage' ||
+        normalized === 'progress') {
+        return 'number';
+    }
+    if (normalized === 'datetime' || normalized === 'datetimeoffset') {
+        return 'datetime';
+    }
+    if (normalized === 'date') {
+        return 'date';
+    }
+    if (normalized === 'boolean' || normalized === 'bool') {
+        return 'boolean';
+    }
+    return 'text';
+}
+function toInputType(viewType) {
+    const normalized = normalizeFieldType(viewType);
+    if (normalized === 'number')
+        return 'number';
+    if (normalized === 'date')
+        return 'date';
+    if (normalized === 'datetime')
+        return 'datetime-local';
+    return 'text';
+}
+function parseBoolean(value) {
+    const normalized = value.toLowerCase();
+    if (normalized === 'true' || normalized === '1' || normalized === 'yes') {
+        return true;
+    }
+    if (normalized === 'false' || normalized === '0' || normalized === 'no') {
+        return false;
+    }
+    return value;
+}
+function parseValueByViewType(rawValue, viewType) {
+    if (rawValue === null || rawValue === undefined)
+        return '';
+    if (rawValue instanceof Date) {
+        return rawValue.toISOString();
+    }
+    const value = String(rawValue).trim();
+    if (!value.length)
+        return '';
+    switch (normalizeFieldType(viewType)) {
+        case 'number': {
+            const parsed = Number(value);
+            return Number.isFinite(parsed) ? parsed : value;
+        }
+        case 'boolean':
+            return parseBoolean(value);
+        default:
+            return value;
+    }
+}
+function hasInputValue(rawValue) {
+    if (rawValue === null || rawValue === undefined)
+        return false;
+    if (rawValue instanceof Date)
+        return true;
+    return String(rawValue).trim().length > 0;
+}
+class PropertyFilterBuilder {
+    schema = input(null, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    filters = model([], ...(ngDevMode ? [{ debugName: "filters" }] : []));
+    title = input('Advanced Filters', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    buttonLabel = input('Filter', ...(ngDevMode ? [{ debugName: "buttonLabel" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    applied = output();
+    cleared = output();
+    rowSeed = signal(0, ...(ngDevMode ? [{ debugName: "rowSeed" }] : []));
+    syncedSignature = signal('', ...(ngDevMode ? [{ debugName: "syncedSignature" }] : []));
+    drafts = signal([], ...(ngDevMode ? [{ debugName: "drafts" }] : []));
+    fieldOptions = computed(() => (this.schema()?.allowedFields ?? [])
+        .map(normalizeFieldOption)
+        .filter((entry) => entry !== null), ...(ngDevMode ? [{ debugName: "fieldOptions" }] : []));
+    operatorOptions = computed(() => (this.schema()?.allowedOperators ?? []).map(normalizeOperatorOption).filter((entry) => entry !== null), ...(ngDevMode ? [{ debugName: "operatorOptions" }] : []));
+    hasSchema = computed(() => this.fieldOptions().length > 0 && this.operatorOptions().length > 0, ...(ngDevMode ? [{ debugName: "hasSchema" }] : []));
+    maxFilters = computed(() => Math.max(1, this.schema()?.maxFilters ?? DEFAULT_MAX_FILTERS), ...(ngDevMode ? [{ debugName: "maxFilters" }] : []));
+    canAddFilter = computed(() => {
+        return this.hasSchema() && this.drafts().length < this.maxFilters();
+    }, ...(ngDevMode ? [{ debugName: "canAddFilter" }] : []));
+    activeFilterCount = computed(() => this.filters().length, ...(ngDevMode ? [{ debugName: "activeFilterCount" }] : []));
+    constructor() {
+        effect(() => {
+            const fields = this.fieldOptions();
+            const operators = this.operatorOptions();
+            const appliedFilters = this.filters();
+            const signature = JSON.stringify({
+                fieldKeys: fields.map((field) => field.key),
+                operatorKeys: operators.map((operator) => operator.key),
+                filters: appliedFilters,
+            });
+            const hasDrafts = untracked(() => this.drafts().length > 0);
+            const lastSyncedSignature = untracked(() => this.syncedSignature());
+            if (!fields.length || !operators.length) {
+                this.drafts.set([]);
+                this.syncedSignature.set(signature);
+                return;
+            }
+            if (hasDrafts && lastSyncedSignature === signature) {
+                return;
+            }
+            if (!appliedFilters.length) {
+                this.drafts.set([this.createDraft(fields[0].key, operators[0].key)]);
+                this.syncedSignature.set(signature);
+                return;
+            }
+            const nextDrafts = appliedFilters.map((rule) => {
+                const operatorKey = operators.some((option) => option.key === rule.op)
+                    ? rule.op
+                    : operators[0].key;
+                const fieldKey = fields.some((option) => option.key === rule.field)
+                    ? rule.field
+                    : fields[0].key;
+                const mode = this.getValueMode(operatorKey);
+                return this.createDraft(fieldKey, operatorKey, mode === 'range' ? '' : this.toDraftValue(rule), mode === 'range' ? toStringValue(rule.from) : '', mode === 'range' ? toStringValue(rule.to) : '');
+            });
+            this.drafts.set(nextDrafts.length
+                ? nextDrafts
+                : [this.createDraft(fields[0].key, operators[0].key)]);
+            this.syncedSignature.set(signature);
+        });
+    }
+    onPopoverToggle(event, popover) {
+        if (!this.hasSchema() || this.disabled()) {
+            return;
+        }
+        popover.toggle(event);
+    }
+    addFilter() {
+        const fields = this.fieldOptions();
+        const operators = this.operatorOptions();
+        if (!fields.length || !operators.length)
+            return;
+        this.drafts.update((current) => {
+            if (current.length >= this.maxFilters()) {
+                return current;
+            }
+            return [...current, this.createDraft(fields[0].key, operators[0].key)];
+        });
+    }
+    removeFilter(index) {
+        this.drafts.update((current) => {
+            if (current.length <= 1) {
+                return current;
+            }
+            return current.filter((_, rowIndex) => rowIndex !== index);
+        });
+    }
+    clearAll(popover) {
+        const fields = this.fieldOptions();
+        const operators = this.operatorOptions();
+        if (fields.length && operators.length) {
+            this.drafts.set([this.createDraft(fields[0].key, operators[0].key)]);
+        }
+        else {
+            this.drafts.set([]);
+        }
+        this.filters.set([]);
+        this.cleared.emit();
+        popover.hide();
+    }
+    apply(popover) {
+        const rules = this.buildRulesFromDrafts();
+        this.filters.set(rules);
+        this.applied.emit(rules);
+        popover.hide();
+    }
+    onFieldChange(index, field) {
+        this.patchDraft(index, { field: field || '' });
+    }
+    onOperatorChange(index, op) {
+        const mode = this.getValueMode(op);
+        this.patchDraft(index, {
+            op: op || '',
+            value: mode === 'range' ? '' : (this.drafts()[index]?.value ?? ''),
+            from: mode === 'range' ? (this.drafts()[index]?.from ?? '') : '',
+            to: mode === 'range' ? (this.drafts()[index]?.to ?? '') : '',
+        });
+    }
+    onValueChange(index, value) {
+        this.patchDraft(index, { value: value ?? '' });
+    }
+    onFromChange(index, from) {
+        this.patchDraft(index, { from: from ?? '' });
+    }
+    onToChange(index, to) {
+        this.patchDraft(index, { to: to ?? '' });
+    }
+    getValueMode(op) {
+        return (this.operatorOptions().find((option) => option.key === op)?.valueMode ??
+            inferValueMode(op));
+    }
+    getValueInputType(field, op) {
+        if (this.getValueMode(op) === 'multi') {
+            return 'text';
+        }
+        return toInputType(this.getFieldViewType(field));
+    }
+    isDateField(field) {
+        const normalized = normalizeFieldType(this.getFieldViewType(field));
+        return normalized === 'date' || normalized === 'datetime';
+    }
+    isDateTimeField(field) {
+        return normalizeFieldType(this.getFieldViewType(field)) === 'datetime';
+    }
+    buildRulesFromDrafts() {
+        return this.drafts()
+            .map((draft) => {
+            if (!draft.field || !draft.op) {
+                return null;
+            }
+            const mode = this.getValueMode(draft.op);
+            const viewType = this.getFieldViewType(draft.field);
+            const rule = {
+                field: draft.field,
+                op: draft.op,
+            };
+            if (mode === 'none') {
+                return rule;
+            }
+            if (mode === 'range') {
+                if (!hasInputValue(draft.from) && !hasInputValue(draft.to)) {
+                    return null;
+                }
+                if (hasInputValue(draft.from)) {
+                    rule.from = parseValueByViewType(draft.from, viewType);
+                }
+                if (hasInputValue(draft.to)) {
+                    rule.to = parseValueByViewType(draft.to, viewType);
+                }
+                return rule;
+            }
+            if (!hasInputValue(draft.value)) {
+                return null;
+            }
+            if (mode === 'multi') {
+                const values = String(draft.value)
+                    .split(',')
+                    .map((value) => value.trim())
+                    .filter((value) => value.length > 0)
+                    .map((value) => parseValueByViewType(value, viewType));
+                if (!values.length) {
+                    return null;
+                }
+                rule.values = values;
+                return rule;
+            }
+            rule.value = parseValueByViewType(draft.value, viewType);
+            return rule;
+        })
+            .filter((rule) => rule !== null)
+            .slice(0, this.maxFilters());
+    }
+    getFieldViewType(fieldKey) {
+        return this.fieldOptions().find((option) => option.key === fieldKey)
+            ?.viewType;
+    }
+    patchDraft(index, patch) {
+        this.drafts.update((current) => current.map((row, rowIndex) => rowIndex === index
+            ? {
+                ...row,
+                ...patch,
+            }
+            : row));
+    }
+    createDraft(field, op, value = '', from = '', to = '') {
+        this.rowSeed.update((seed) => seed + 1);
+        return {
+            id: `pfb-${this.rowSeed()}`,
+            field,
+            op,
+            value,
+            from,
+            to,
+        };
+    }
+    toDraftValue(rule) {
+        if (Array.isArray(rule.values)) {
+            return rule.values.map((entry) => toStringValue(entry)).join(', ');
+        }
+        return toStringValue(rule.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: PropertyFilterBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: PropertyFilterBuilder, isStandalone: true, selector: "mt-property-filter-builder", inputs: { schema: { classPropertyName: "schema", publicName: "schema", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filters: "filtersChange", applied: "applied", cleared: "cleared" }, host: { classAttribute: "block" }, ngImport: i0, template: "<mt-button\r\n  [label]=\"buttonLabel()\"\r\n  severity=\"secondary\"\r\n  icon=\"general.filter-funnel-01\"\r\n  [badge]=\"activeFilterCount() > 0 ? activeFilterCount().toString() : undefined\"\r\n  [disabled]=\"disabled() || !hasSchema()\"\r\n  (onClick)=\"onPopoverToggle($event, popover)\"\r\n/>\r\n\r\n<p-popover #popover [style]=\"{ width: 'min(980px, 92vw)' }\" appendTo=\"body\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <div\r\n      class=\"flex items-center justify-between border-b border-surface-200 pb-3\"\r\n    >\r\n      <div class=\"flex flex-col\">\r\n        <h3 class=\"m-0 text-lg font-semibold\">{{ title() }}</h3>\r\n      </div>\r\n\r\n      <mt-button\r\n        variant=\"text\"\r\n        severity=\"secondary\"\r\n        label=\"Clear all\"\r\n        (onClick)=\"clearAll(popover)\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-3\">\r\n      @for (draft of drafts(); track draft.id; let index = $index) {\r\n        <div\r\n          class=\"grid grid-cols-[80px_minmax(0,1fr)_auto] items-center gap-2 max-lg:grid-cols-1 max-lg:items-start\"\r\n        >\r\n          <div class=\"text-sm text-color\" [class.invisible]=\"index > 0\">\r\n            Where\r\n          </div>\r\n\r\n          <div\r\n            class=\"grid grid-cols-[minmax(170px,1fr)_minmax(170px,1fr)_minmax(220px,2fr)] gap-3 max-lg:grid-cols-1\"\r\n          >\r\n            <mt-select-field\r\n              [hasPlaceholderPrefix]=\"false\"\r\n              placeholder=\"Property\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"key\"\r\n              [options]=\"fieldOptions()\"\r\n              [showClear]=\"false\"\r\n              [ngModel]=\"draft.field\"\r\n              (ngModelChange)=\"onFieldChange(index, $event)\"\r\n            />\r\n\r\n            <mt-select-field\r\n              [hasPlaceholderPrefix]=\"false\"\r\n              placeholder=\"Condition\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"key\"\r\n              [options]=\"operatorOptions()\"\r\n              [showClear]=\"false\"\r\n              [ngModel]=\"draft.op\"\r\n              (ngModelChange)=\"onOperatorChange(index, $event)\"\r\n            />\r\n\r\n            @switch (getValueMode(draft.op)) {\r\n              @case (\"none\") {\r\n                <div\r\n                  class=\"flex min-h-10 items-center rounded-lg border border-dashed border-surface-300 px-3 text-sm text-color-secondary\"\r\n                >\r\n                  No value required\r\n                </div>\r\n              }\r\n              @case (\"range\") {\r\n                <div class=\"grid grid-cols-2 gap-2 max-lg:grid-cols-1\">\r\n                  @if (isDateField(draft.field)) {\r\n                    <mt-date-field\r\n                      [placeholder]=\"'From'\"\r\n                      [showTime]=\"isDateTimeField(draft.field)\"\r\n                      [showIcon]=\"false\"\r\n                      [ngModel]=\"draft.from\"\r\n                      (ngModelChange)=\"onFromChange(index, $event)\"\r\n                    />\r\n                    <mt-date-field\r\n                      [placeholder]=\"'To'\"\r\n                      [showTime]=\"isDateTimeField(draft.field)\"\r\n                      [showIcon]=\"false\"\r\n                      [ngModel]=\"draft.to\"\r\n                      (ngModelChange)=\"onToChange(index, $event)\"\r\n                    />\r\n                  } @else {\r\n                    <mt-text-field\r\n                      [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                      [placeholder]=\"'From'\"\r\n                      [ngModel]=\"draft.from\"\r\n                      (ngModelChange)=\"onFromChange(index, $event)\"\r\n                    />\r\n                    <mt-text-field\r\n                      [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                      [placeholder]=\"'To'\"\r\n                      [ngModel]=\"draft.to\"\r\n                      (ngModelChange)=\"onToChange(index, $event)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @default {\r\n                @if (\r\n                  getValueMode(draft.op) !== \"multi\" && isDateField(draft.field)\r\n                ) {\r\n                  <mt-date-field\r\n                    [placeholder]=\"'Value'\"\r\n                    [showTime]=\"isDateTimeField(draft.field)\"\r\n                    [showIcon]=\"false\"\r\n                    [ngModel]=\"draft.value\"\r\n                    (ngModelChange)=\"onValueChange(index, $event)\"\r\n                  />\r\n                } @else {\r\n                  <mt-text-field\r\n                    [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                    [placeholder]=\"\r\n                      getValueMode(draft.op) === 'multi'\r\n                        ? 'Value (comma separated)'\r\n                        : 'Value'\r\n                    \"\r\n                    [ngModel]=\"draft.value\"\r\n                    (ngModelChange)=\"onValueChange(index, $event)\"\r\n                  />\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n\r\n          <mt-button\r\n            icon=\"general.x-close\"\r\n            severity=\"secondary\"\r\n            variant=\"text\"\r\n            [disabled]=\"drafts().length <= 1\"\r\n            (onClick)=\"removeFilter(index)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"flex items-center justify-between max-lg:flex-col max-lg:items-stretch max-lg:gap-3\"\r\n    >\r\n      <mt-button\r\n        label=\"Add Filter\"\r\n        icon=\"general.plus\"\r\n        [disabled]=\"!canAddFilter()\"\r\n        (onClick)=\"addFilter()\"\r\n      />\r\n\r\n      <div class=\"flex gap-2 max-lg:w-full\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          label=\"Cancel\"\r\n          (onClick)=\"popover.hide()\"\r\n        />\r\n        <mt-button label=\"Apply\" (onClick)=\"apply(popover)\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</p-popover>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i2.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: PropertyFilterBuilder, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-property-filter-builder', standalone: true, imports: [
+                        FormsModule,
+                        Button,
+                        DateField,
+                        PopoverModule,
+                        SelectField,
+                        TextField,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'block',
+                    }, template: "<mt-button\r\n  [label]=\"buttonLabel()\"\r\n  severity=\"secondary\"\r\n  icon=\"general.filter-funnel-01\"\r\n  [badge]=\"activeFilterCount() > 0 ? activeFilterCount().toString() : undefined\"\r\n  [disabled]=\"disabled() || !hasSchema()\"\r\n  (onClick)=\"onPopoverToggle($event, popover)\"\r\n/>\r\n\r\n<p-popover #popover [style]=\"{ width: 'min(980px, 92vw)' }\" appendTo=\"body\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <div\r\n      class=\"flex items-center justify-between border-b border-surface-200 pb-3\"\r\n    >\r\n      <div class=\"flex flex-col\">\r\n        <h3 class=\"m-0 text-lg font-semibold\">{{ title() }}</h3>\r\n      </div>\r\n\r\n      <mt-button\r\n        variant=\"text\"\r\n        severity=\"secondary\"\r\n        label=\"Clear all\"\r\n        (onClick)=\"clearAll(popover)\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-3\">\r\n      @for (draft of drafts(); track draft.id; let index = $index) {\r\n        <div\r\n          class=\"grid grid-cols-[80px_minmax(0,1fr)_auto] items-center gap-2 max-lg:grid-cols-1 max-lg:items-start\"\r\n        >\r\n          <div class=\"text-sm text-color\" [class.invisible]=\"index > 0\">\r\n            Where\r\n          </div>\r\n\r\n          <div\r\n            class=\"grid grid-cols-[minmax(170px,1fr)_minmax(170px,1fr)_minmax(220px,2fr)] gap-3 max-lg:grid-cols-1\"\r\n          >\r\n            <mt-select-field\r\n              [hasPlaceholderPrefix]=\"false\"\r\n              placeholder=\"Property\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"key\"\r\n              [options]=\"fieldOptions()\"\r\n              [showClear]=\"false\"\r\n              [ngModel]=\"draft.field\"\r\n              (ngModelChange)=\"onFieldChange(index, $event)\"\r\n            />\r\n\r\n            <mt-select-field\r\n              [hasPlaceholderPrefix]=\"false\"\r\n              placeholder=\"Condition\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"key\"\r\n              [options]=\"operatorOptions()\"\r\n              [showClear]=\"false\"\r\n              [ngModel]=\"draft.op\"\r\n              (ngModelChange)=\"onOperatorChange(index, $event)\"\r\n            />\r\n\r\n            @switch (getValueMode(draft.op)) {\r\n              @case (\"none\") {\r\n                <div\r\n                  class=\"flex min-h-10 items-center rounded-lg border border-dashed border-surface-300 px-3 text-sm text-color-secondary\"\r\n                >\r\n                  No value required\r\n                </div>\r\n              }\r\n              @case (\"range\") {\r\n                <div class=\"grid grid-cols-2 gap-2 max-lg:grid-cols-1\">\r\n                  @if (isDateField(draft.field)) {\r\n                    <mt-date-field\r\n                      [placeholder]=\"'From'\"\r\n                      [showTime]=\"isDateTimeField(draft.field)\"\r\n                      [showIcon]=\"false\"\r\n                      [ngModel]=\"draft.from\"\r\n                      (ngModelChange)=\"onFromChange(index, $event)\"\r\n                    />\r\n                    <mt-date-field\r\n                      [placeholder]=\"'To'\"\r\n                      [showTime]=\"isDateTimeField(draft.field)\"\r\n                      [showIcon]=\"false\"\r\n                      [ngModel]=\"draft.to\"\r\n                      (ngModelChange)=\"onToChange(index, $event)\"\r\n                    />\r\n                  } @else {\r\n                    <mt-text-field\r\n                      [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                      [placeholder]=\"'From'\"\r\n                      [ngModel]=\"draft.from\"\r\n                      (ngModelChange)=\"onFromChange(index, $event)\"\r\n                    />\r\n                    <mt-text-field\r\n                      [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                      [placeholder]=\"'To'\"\r\n                      [ngModel]=\"draft.to\"\r\n                      (ngModelChange)=\"onToChange(index, $event)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @default {\r\n                @if (\r\n                  getValueMode(draft.op) !== \"multi\" && isDateField(draft.field)\r\n                ) {\r\n                  <mt-date-field\r\n                    [placeholder]=\"'Value'\"\r\n                    [showTime]=\"isDateTimeField(draft.field)\"\r\n                    [showIcon]=\"false\"\r\n                    [ngModel]=\"draft.value\"\r\n                    (ngModelChange)=\"onValueChange(index, $event)\"\r\n                  />\r\n                } @else {\r\n                  <mt-text-field\r\n                    [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                    [placeholder]=\"\r\n                      getValueMode(draft.op) === 'multi'\r\n                        ? 'Value (comma separated)'\r\n                        : 'Value'\r\n                    \"\r\n                    [ngModel]=\"draft.value\"\r\n                    (ngModelChange)=\"onValueChange(index, $event)\"\r\n                  />\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n\r\n          <mt-button\r\n            icon=\"general.x-close\"\r\n            severity=\"secondary\"\r\n            variant=\"text\"\r\n            [disabled]=\"drafts().length <= 1\"\r\n            (onClick)=\"removeFilter(index)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"flex items-center justify-between max-lg:flex-col max-lg:items-stretch max-lg:gap-3\"\r\n    >\r\n      <mt-button\r\n        label=\"Add Filter\"\r\n        icon=\"general.plus\"\r\n        [disabled]=\"!canAddFilter()\"\r\n        (onClick)=\"addFilter()\"\r\n      />\r\n\r\n      <div class=\"flex gap-2 max-lg:w-full\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          label=\"Cancel\"\r\n          (onClick)=\"popover.hide()\"\r\n        />\r\n        <mt-button label=\"Apply\" (onClick)=\"apply(popover)\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</p-popover>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { schema: [{ type: i0.Input, args: [{ isSignal: true, alias: "schema", required: false }] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }, { type: i0.Output, args: ["filtersChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], applied: [{ type: i0.Output, args: ["applied"] }], cleared: [{ type: i0.Output, args: ["cleared"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PropertyFilterBuilder };
+//# sourceMappingURL=masterteam-components-property-filter-builder.mjs.map

package/fesm2022/masterteam-components-property-filter-builder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-property-filter-builder.mjs","sources":["../../../../packages/masterteam/components/property-filter-builder/property-filter-builder.ts","../../../../packages/masterteam/components/property-filter-builder/property-filter-builder.html","../../../../packages/masterteam/components/property-filter-builder/masterteam-components-property-filter-builder.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  booleanAttribute,\r\n  computed,\r\n  effect,\r\n  input,\r\n  model,\r\n  output,\r\n  signal,\r\n  untracked,\r\n} from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { DateField } from '@masterteam/components/date-field';\r\nimport { SelectField } from '@masterteam/components/select-field';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { PopoverModule } from 'primeng/popover';\r\n\r\nexport type PropertyFilterBuilderValueMode =\r\n  | 'single'\r\n  | 'multi'\r\n  | 'range'\r\n  | 'none';\r\n\r\nexport interface PropertyFilterBuilderFieldOption {\r\n  key: string;\r\n  label?: string;\r\n  viewType?: string;\r\n}\r\n\r\nexport interface PropertyFilterBuilderOperatorOption {\r\n  key: string;\r\n  label?: string;\r\n  valueMode?: PropertyFilterBuilderValueMode;\r\n}\r\n\r\nexport interface PropertyFilterBuilderSchema {\r\n  allowedFields: Array<string | PropertyFilterBuilderFieldOption>;\r\n  allowedOperators: Array<string | PropertyFilterBuilderOperatorOption>;\r\n  maxFilters?: number;\r\n}\r\n\r\nexport interface PropertyFilterBuilderRule {\r\n  field: string;\r\n  op: string;\r\n  value?: unknown;\r\n  values?: unknown[];\r\n  from?: unknown;\r\n  to?: unknown;\r\n}\r\n\r\ninterface PropertyFilterBuilderDraft {\r\n  id: string;\r\n  field: string;\r\n  op: string;\r\n  value: unknown;\r\n  from: unknown;\r\n  to: unknown;\r\n}\r\n\r\ninterface SelectOption {\r\n  key: string;\r\n  label: string;\r\n  viewType?: string;\r\n}\r\n\r\nconst DEFAULT_MAX_FILTERS = 20;\r\n\r\nfunction toLabel(value: string): string {\r\n  const normalized = value.split('.').pop() ?? value;\r\n  return normalized\r\n    .replace(/[_-]/g, ' ')\r\n    .replace(/([a-z])([A-Z])/g, '$1 $2')\r\n    .trim()\r\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\r\n}\r\n\r\nfunction normalizeFieldOption(\r\n  value: string | PropertyFilterBuilderFieldOption,\r\n): SelectOption | null {\r\n  if (typeof value === 'string') {\r\n    return {\r\n      key: value,\r\n      label: toLabel(value),\r\n    };\r\n  }\r\n\r\n  if (!value?.key) {\r\n    return null;\r\n  }\r\n\r\n  return {\r\n    key: value.key,\r\n    label: value.label?.trim() || toLabel(value.key),\r\n    viewType: value.viewType,\r\n  };\r\n}\r\n\r\nfunction inferValueMode(operator: string): PropertyFilterBuilderValueMode {\r\n  switch (operator) {\r\n    case 'In':\r\n      return 'multi';\r\n    case 'Between':\r\n      return 'range';\r\n    case 'IsNull':\r\n    case 'IsNotNull':\r\n      return 'none';\r\n    default:\r\n      return 'single';\r\n  }\r\n}\r\n\r\nfunction normalizeOperatorOption(\r\n  value: string | PropertyFilterBuilderOperatorOption,\r\n): (SelectOption & { valueMode: PropertyFilterBuilderValueMode }) | null {\r\n  if (typeof value === 'string') {\r\n    return {\r\n      key: value,\r\n      label: toLabel(value),\r\n      valueMode: inferValueMode(value),\r\n    };\r\n  }\r\n\r\n  if (!value?.key) {\r\n    return null;\r\n  }\r\n\r\n  return {\r\n    key: value.key,\r\n    label: value.label?.trim() || toLabel(value.key),\r\n    valueMode: value.valueMode ?? inferValueMode(value.key),\r\n  };\r\n}\r\n\r\nfunction toStringValue(value: unknown): string {\r\n  if (value === null || value === undefined) return '';\r\n  return String(value);\r\n}\r\n\r\ntype NormalizedFieldType = 'text' | 'number' | 'date' | 'datetime' | 'boolean';\r\n\r\nfunction normalizeFieldType(viewType: string | undefined): NormalizedFieldType {\r\n  const normalized = viewType?.toLowerCase().trim() ?? '';\r\n\r\n  if (\r\n    normalized === 'number' ||\r\n    normalized === 'decimal' ||\r\n    normalized === 'integer' ||\r\n    normalized === 'percentage' ||\r\n    normalized === 'progress'\r\n  ) {\r\n    return 'number';\r\n  }\r\n\r\n  if (normalized === 'datetime' || normalized === 'datetimeoffset') {\r\n    return 'datetime';\r\n  }\r\n\r\n  if (normalized === 'date') {\r\n    return 'date';\r\n  }\r\n\r\n  if (normalized === 'boolean' || normalized === 'bool') {\r\n    return 'boolean';\r\n  }\r\n\r\n  return 'text';\r\n}\r\n\r\nfunction toInputType(viewType: string | undefined): string {\r\n  const normalized = normalizeFieldType(viewType);\r\n  if (normalized === 'number') return 'number';\r\n  if (normalized === 'date') return 'date';\r\n  if (normalized === 'datetime') return 'datetime-local';\r\n  return 'text';\r\n}\r\n\r\nfunction parseBoolean(value: string): boolean | string {\r\n  const normalized = value.toLowerCase();\r\n  if (normalized === 'true' || normalized === '1' || normalized === 'yes') {\r\n    return true;\r\n  }\r\n  if (normalized === 'false' || normalized === '0' || normalized === 'no') {\r\n    return false;\r\n  }\r\n  return value;\r\n}\r\n\r\nfunction parseValueByViewType(\r\n  rawValue: unknown,\r\n  viewType: string | undefined,\r\n): unknown {\r\n  if (rawValue === null || rawValue === undefined) return '';\r\n  if (rawValue instanceof Date) {\r\n    return rawValue.toISOString();\r\n  }\r\n\r\n  const value = String(rawValue).trim();\r\n  if (!value.length) return '';\r\n\r\n  switch (normalizeFieldType(viewType)) {\r\n    case 'number': {\r\n      const parsed = Number(value);\r\n      return Number.isFinite(parsed) ? parsed : value;\r\n    }\r\n    case 'boolean':\r\n      return parseBoolean(value);\r\n    default:\r\n      return value;\r\n  }\r\n}\r\n\r\nfunction hasInputValue(rawValue: unknown): boolean {\r\n  if (rawValue === null || rawValue === undefined) return false;\r\n  if (rawValue instanceof Date) return true;\r\n  return String(rawValue).trim().length > 0;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-property-filter-builder',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    Button,\r\n    DateField,\r\n    PopoverModule,\r\n    SelectField,\r\n    TextField,\r\n  ],\r\n  templateUrl: './property-filter-builder.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'block',\r\n  },\r\n})\r\nexport class PropertyFilterBuilder {\r\n  readonly schema = input<PropertyFilterBuilderSchema | null>(null);\r\n  readonly filters = model<PropertyFilterBuilderRule[]>([]);\r\n  readonly title = input<string>('Advanced Filters');\r\n  readonly buttonLabel = input<string>('Filter');\r\n  readonly disabled = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly applied = output<PropertyFilterBuilderRule[]>();\r\n  readonly cleared = output<void>();\r\n\r\n  private readonly rowSeed = signal(0);\r\n  private readonly syncedSignature = signal('');\r\n  protected readonly drafts = signal<PropertyFilterBuilderDraft[]>([]);\r\n\r\n  protected readonly fieldOptions = computed(() =>\r\n    (this.schema()?.allowedFields ?? [])\r\n      .map(normalizeFieldOption)\r\n      .filter((entry): entry is SelectOption => entry !== null),\r\n  );\r\n\r\n  protected readonly operatorOptions = computed(() =>\r\n    (this.schema()?.allowedOperators ?? []).map(normalizeOperatorOption).filter(\r\n      (\r\n        entry,\r\n      ): entry is SelectOption & {\r\n        valueMode: PropertyFilterBuilderValueMode;\r\n      } => entry !== null,\r\n    ),\r\n  );\r\n\r\n  protected readonly hasSchema = computed(\r\n    () => this.fieldOptions().length > 0 && this.operatorOptions().length > 0,\r\n  );\r\n\r\n  protected readonly maxFilters = computed(() =>\r\n    Math.max(1, this.schema()?.maxFilters ?? DEFAULT_MAX_FILTERS),\r\n  );\r\n\r\n  protected readonly canAddFilter = computed(() => {\r\n    return this.hasSchema() && this.drafts().length < this.maxFilters();\r\n  });\r\n\r\n  protected readonly activeFilterCount = computed(() => this.filters().length);\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const fields = this.fieldOptions();\r\n      const operators = this.operatorOptions();\r\n      const appliedFilters = this.filters();\r\n      const signature = JSON.stringify({\r\n        fieldKeys: fields.map((field) => field.key),\r\n        operatorKeys: operators.map((operator) => operator.key),\r\n        filters: appliedFilters,\r\n      });\r\n      const hasDrafts = untracked(() => this.drafts().length > 0);\r\n      const lastSyncedSignature = untracked(() => this.syncedSignature());\r\n\r\n      if (!fields.length || !operators.length) {\r\n        this.drafts.set([]);\r\n        this.syncedSignature.set(signature);\r\n        return;\r\n      }\r\n\r\n      if (hasDrafts && lastSyncedSignature === signature) {\r\n        return;\r\n      }\r\n\r\n      if (!appliedFilters.length) {\r\n        this.drafts.set([this.createDraft(fields[0].key, operators[0].key)]);\r\n        this.syncedSignature.set(signature);\r\n        return;\r\n      }\r\n\r\n      const nextDrafts = appliedFilters.map((rule) => {\r\n        const operatorKey = operators.some((option) => option.key === rule.op)\r\n          ? rule.op\r\n          : operators[0].key;\r\n        const fieldKey = fields.some((option) => option.key === rule.field)\r\n          ? rule.field\r\n          : fields[0].key;\r\n        const mode = this.getValueMode(operatorKey);\r\n\r\n        return this.createDraft(\r\n          fieldKey,\r\n          operatorKey,\r\n          mode === 'range' ? '' : this.toDraftValue(rule),\r\n          mode === 'range' ? toStringValue(rule.from) : '',\r\n          mode === 'range' ? toStringValue(rule.to) : '',\r\n        );\r\n      });\r\n\r\n      this.drafts.set(\r\n        nextDrafts.length\r\n          ? nextDrafts\r\n          : [this.createDraft(fields[0].key, operators[0].key)],\r\n      );\r\n      this.syncedSignature.set(signature);\r\n    });\r\n  }\r\n\r\n  onPopoverToggle(\r\n    event: Event,\r\n    popover: { toggle: (event: Event) => void },\r\n  ): void {\r\n    if (!this.hasSchema() || this.disabled()) {\r\n      return;\r\n    }\r\n    popover.toggle(event);\r\n  }\r\n\r\n  addFilter(): void {\r\n    const fields = this.fieldOptions();\r\n    const operators = this.operatorOptions();\r\n    if (!fields.length || !operators.length) return;\r\n\r\n    this.drafts.update((current) => {\r\n      if (current.length >= this.maxFilters()) {\r\n        return current;\r\n      }\r\n\r\n      return [...current, this.createDraft(fields[0].key, operators[0].key)];\r\n    });\r\n  }\r\n\r\n  removeFilter(index: number): void {\r\n    this.drafts.update((current) => {\r\n      if (current.length <= 1) {\r\n        return current;\r\n      }\r\n      return current.filter((_, rowIndex) => rowIndex !== index);\r\n    });\r\n  }\r\n\r\n  clearAll(popover: { hide: () => void }): void {\r\n    const fields = this.fieldOptions();\r\n    const operators = this.operatorOptions();\r\n\r\n    if (fields.length && operators.length) {\r\n      this.drafts.set([this.createDraft(fields[0].key, operators[0].key)]);\r\n    } else {\r\n      this.drafts.set([]);\r\n    }\r\n\r\n    this.filters.set([]);\r\n    this.cleared.emit();\r\n    popover.hide();\r\n  }\r\n\r\n  apply(popover: { hide: () => void }): void {\r\n    const rules = this.buildRulesFromDrafts();\r\n    this.filters.set(rules);\r\n    this.applied.emit(rules);\r\n    popover.hide();\r\n  }\r\n\r\n  onFieldChange(index: number, field: string): void {\r\n    this.patchDraft(index, { field: field || '' });\r\n  }\r\n\r\n  onOperatorChange(index: number, op: string): void {\r\n    const mode = this.getValueMode(op);\r\n    this.patchDraft(index, {\r\n      op: op || '',\r\n      value: mode === 'range' ? '' : (this.drafts()[index]?.value ?? ''),\r\n      from: mode === 'range' ? (this.drafts()[index]?.from ?? '') : '',\r\n      to: mode === 'range' ? (this.drafts()[index]?.to ?? '') : '',\r\n    });\r\n  }\r\n\r\n  onValueChange(index: number, value: unknown): void {\r\n    this.patchDraft(index, { value: value ?? '' });\r\n  }\r\n\r\n  onFromChange(index: number, from: unknown): void {\r\n    this.patchDraft(index, { from: from ?? '' });\r\n  }\r\n\r\n  onToChange(index: number, to: unknown): void {\r\n    this.patchDraft(index, { to: to ?? '' });\r\n  }\r\n\r\n  getValueMode(op: string): PropertyFilterBuilderValueMode {\r\n    return (\r\n      this.operatorOptions().find((option) => option.key === op)?.valueMode ??\r\n      inferValueMode(op)\r\n    );\r\n  }\r\n\r\n  getValueInputType(field: string, op: string): string {\r\n    if (this.getValueMode(op) === 'multi') {\r\n      return 'text';\r\n    }\r\n    return toInputType(this.getFieldViewType(field));\r\n  }\r\n\r\n  isDateField(field: string): boolean {\r\n    const normalized = normalizeFieldType(this.getFieldViewType(field));\r\n    return normalized === 'date' || normalized === 'datetime';\r\n  }\r\n\r\n  isDateTimeField(field: string): boolean {\r\n    return normalizeFieldType(this.getFieldViewType(field)) === 'datetime';\r\n  }\r\n\r\n  private buildRulesFromDrafts(): PropertyFilterBuilderRule[] {\r\n    return this.drafts()\r\n      .map((draft) => {\r\n        if (!draft.field || !draft.op) {\r\n          return null;\r\n        }\r\n\r\n        const mode = this.getValueMode(draft.op);\r\n        const viewType = this.getFieldViewType(draft.field);\r\n        const rule: PropertyFilterBuilderRule = {\r\n          field: draft.field,\r\n          op: draft.op,\r\n        };\r\n\r\n        if (mode === 'none') {\r\n          return rule;\r\n        }\r\n\r\n        if (mode === 'range') {\r\n          if (!hasInputValue(draft.from) && !hasInputValue(draft.to)) {\r\n            return null;\r\n          }\r\n          if (hasInputValue(draft.from)) {\r\n            rule.from = parseValueByViewType(draft.from, viewType);\r\n          }\r\n          if (hasInputValue(draft.to)) {\r\n            rule.to = parseValueByViewType(draft.to, viewType);\r\n          }\r\n          return rule;\r\n        }\r\n\r\n        if (!hasInputValue(draft.value)) {\r\n          return null;\r\n        }\r\n\r\n        if (mode === 'multi') {\r\n          const values = String(draft.value)\r\n            .split(',')\r\n            .map((value) => value.trim())\r\n            .filter((value) => value.length > 0)\r\n            .map((value) => parseValueByViewType(value, viewType));\r\n\r\n          if (!values.length) {\r\n            return null;\r\n          }\r\n\r\n          rule.values = values;\r\n          return rule;\r\n        }\r\n\r\n        rule.value = parseValueByViewType(draft.value, viewType);\r\n        return rule;\r\n      })\r\n      .filter((rule): rule is PropertyFilterBuilderRule => rule !== null)\r\n      .slice(0, this.maxFilters());\r\n  }\r\n\r\n  private getFieldViewType(fieldKey: string): string | undefined {\r\n    return this.fieldOptions().find((option) => option.key === fieldKey)\r\n      ?.viewType;\r\n  }\r\n\r\n  private patchDraft(\r\n    index: number,\r\n    patch: Partial<PropertyFilterBuilderDraft>,\r\n  ): void {\r\n    this.drafts.update((current) =>\r\n      current.map((row, rowIndex) =>\r\n        rowIndex === index\r\n          ? {\r\n              ...row,\r\n              ...patch,\r\n            }\r\n          : row,\r\n      ),\r\n    );\r\n  }\r\n\r\n  private createDraft(\r\n    field: string,\r\n    op: string,\r\n    value: unknown = '',\r\n    from: unknown = '',\r\n    to: unknown = '',\r\n  ): PropertyFilterBuilderDraft {\r\n    this.rowSeed.update((seed) => seed + 1);\r\n    return {\r\n      id: `pfb-${this.rowSeed()}`,\r\n      field,\r\n      op,\r\n      value,\r\n      from,\r\n      to,\r\n    };\r\n  }\r\n\r\n  private toDraftValue(rule: PropertyFilterBuilderRule): string {\r\n    if (Array.isArray(rule.values)) {\r\n      return rule.values.map((entry) => toStringValue(entry)).join(', ');\r\n    }\r\n\r\n    return toStringValue(rule.value);\r\n  }\r\n}\r\n","<mt-button\r\n  [label]=\"buttonLabel()\"\r\n  severity=\"secondary\"\r\n  icon=\"general.filter-funnel-01\"\r\n  [badge]=\"activeFilterCount() > 0 ? activeFilterCount().toString() : undefined\"\r\n  [disabled]=\"disabled() || !hasSchema()\"\r\n  (onClick)=\"onPopoverToggle($event, popover)\"\r\n/>\r\n\r\n<p-popover #popover [style]=\"{ width: 'min(980px, 92vw)' }\" appendTo=\"body\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <div\r\n      class=\"flex items-center justify-between border-b border-surface-200 pb-3\"\r\n    >\r\n      <div class=\"flex flex-col\">\r\n        <h3 class=\"m-0 text-lg font-semibold\">{{ title() }}</h3>\r\n      </div>\r\n\r\n      <mt-button\r\n        variant=\"text\"\r\n        severity=\"secondary\"\r\n        label=\"Clear all\"\r\n        (onClick)=\"clearAll(popover)\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-3\">\r\n      @for (draft of drafts(); track draft.id; let index = $index) {\r\n        <div\r\n          class=\"grid grid-cols-[80px_minmax(0,1fr)_auto] items-center gap-2 max-lg:grid-cols-1 max-lg:items-start\"\r\n        >\r\n          <div class=\"text-sm text-color\" [class.invisible]=\"index > 0\">\r\n            Where\r\n          </div>\r\n\r\n          <div\r\n            class=\"grid grid-cols-[minmax(170px,1fr)_minmax(170px,1fr)_minmax(220px,2fr)] gap-3 max-lg:grid-cols-1\"\r\n          >\r\n            <mt-select-field\r\n              [hasPlaceholderPrefix]=\"false\"\r\n              placeholder=\"Property\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"key\"\r\n              [options]=\"fieldOptions()\"\r\n              [showClear]=\"false\"\r\n              [ngModel]=\"draft.field\"\r\n              (ngModelChange)=\"onFieldChange(index, $event)\"\r\n            />\r\n\r\n            <mt-select-field\r\n              [hasPlaceholderPrefix]=\"false\"\r\n              placeholder=\"Condition\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"key\"\r\n              [options]=\"operatorOptions()\"\r\n              [showClear]=\"false\"\r\n              [ngModel]=\"draft.op\"\r\n              (ngModelChange)=\"onOperatorChange(index, $event)\"\r\n            />\r\n\r\n            @switch (getValueMode(draft.op)) {\r\n              @case (\"none\") {\r\n                <div\r\n                  class=\"flex min-h-10 items-center rounded-lg border border-dashed border-surface-300 px-3 text-sm text-color-secondary\"\r\n                >\r\n                  No value required\r\n                </div>\r\n              }\r\n              @case (\"range\") {\r\n                <div class=\"grid grid-cols-2 gap-2 max-lg:grid-cols-1\">\r\n                  @if (isDateField(draft.field)) {\r\n                    <mt-date-field\r\n                      [placeholder]=\"'From'\"\r\n                      [showTime]=\"isDateTimeField(draft.field)\"\r\n                      [showIcon]=\"false\"\r\n                      [ngModel]=\"draft.from\"\r\n                      (ngModelChange)=\"onFromChange(index, $event)\"\r\n                    />\r\n                    <mt-date-field\r\n                      [placeholder]=\"'To'\"\r\n                      [showTime]=\"isDateTimeField(draft.field)\"\r\n                      [showIcon]=\"false\"\r\n                      [ngModel]=\"draft.to\"\r\n                      (ngModelChange)=\"onToChange(index, $event)\"\r\n                    />\r\n                  } @else {\r\n                    <mt-text-field\r\n                      [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                      [placeholder]=\"'From'\"\r\n                      [ngModel]=\"draft.from\"\r\n                      (ngModelChange)=\"onFromChange(index, $event)\"\r\n                    />\r\n                    <mt-text-field\r\n                      [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                      [placeholder]=\"'To'\"\r\n                      [ngModel]=\"draft.to\"\r\n                      (ngModelChange)=\"onToChange(index, $event)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @default {\r\n                @if (\r\n                  getValueMode(draft.op) !== \"multi\" && isDateField(draft.field)\r\n                ) {\r\n                  <mt-date-field\r\n                    [placeholder]=\"'Value'\"\r\n                    [showTime]=\"isDateTimeField(draft.field)\"\r\n                    [showIcon]=\"false\"\r\n                    [ngModel]=\"draft.value\"\r\n                    (ngModelChange)=\"onValueChange(index, $event)\"\r\n                  />\r\n                } @else {\r\n                  <mt-text-field\r\n                    [type]=\"getValueInputType(draft.field, draft.op)\"\r\n                    [placeholder]=\"\r\n                      getValueMode(draft.op) === 'multi'\r\n                        ? 'Value (comma separated)'\r\n                        : 'Value'\r\n                    \"\r\n                    [ngModel]=\"draft.value\"\r\n                    (ngModelChange)=\"onValueChange(index, $event)\"\r\n                  />\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n\r\n          <mt-button\r\n            icon=\"general.x-close\"\r\n            severity=\"secondary\"\r\n            variant=\"text\"\r\n            [disabled]=\"drafts().length <= 1\"\r\n            (onClick)=\"removeFilter(index)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"flex items-center justify-between max-lg:flex-col max-lg:items-stretch max-lg:gap-3\"\r\n    >\r\n      <mt-button\r\n        label=\"Add Filter\"\r\n        icon=\"general.plus\"\r\n        [disabled]=\"!canAddFilter()\"\r\n        (onClick)=\"addFilter()\"\r\n      />\r\n\r\n      <div class=\"flex gap-2 max-lg:w-full\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          label=\"Cancel\"\r\n          (onClick)=\"popover.hide()\"\r\n        />\r\n        <mt-button label=\"Apply\" (onClick)=\"apply(popover)\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</p-popover>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}