@yuuvis/client-framework 2.16.0 → 2.18.0

package/fesm2022/yuuvis-client-framework-token-search.mjs

@@ -0,0 +1,503 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, viewChild, signal, computed, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { SystemService } from '@yuuvis/client-core';
+import { debounceTime } from 'rxjs/operators';
+
+// ── Constants ────────────────────────────────────────────────────────────────
+const OPERATOR_LABELS = {
+    contains: 'contains',
+    like: 'like',
+    eq: '=',
+    gt: '>',
+    gte: '>=',
+    lt: '<',
+    lte: '<='
+};
+const CMIS_OPERATOR = {
+    eq: '=',
+    gt: '>',
+    gte: '>=',
+    lt: '<',
+    lte: '<='
+};
+const DATE_PRESETS = [
+    { id: 'today', label: 'Today' },
+    { id: 'thisWeek', label: 'This week' },
+    { id: 'thisMonth', label: 'This month' },
+    { id: 'thisYear', label: 'This year' }
+];
+const PLACEHOLDER = {
+    type: 'Search by type\u2026',
+    field: 'Pick a field\u2026',
+    operator: 'Select operator\u2026',
+    value: 'Enter value, press Enter\u2026'
+};
+// ── CMIS helpers (pure functions) ────────────────────────────────────────────
+function escapeCmis(value) {
+    return value.replace(/'/g, "''").replace(/\\/g, '\\\\');
+}
+function quoteIfString(value, fieldType) {
+    if (fieldType === 'string' || fieldType === 'datetime') {
+        return `'${escapeCmis(value)}'`;
+    }
+    return value;
+}
+function datePresetToRange(preset) {
+    const now = new Date();
+    const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+    let from;
+    let to;
+    switch (preset) {
+        case 'today':
+            from = startOfDay(now);
+            to = new Date(from.getTime() + 86400000);
+            break;
+        case 'thisWeek': {
+            const day = now.getDay();
+            from = startOfDay(new Date(now.getTime() - day * 86400000));
+            to = new Date(from.getTime() + 7 * 86400000);
+            break;
+        }
+        case 'thisMonth':
+            from = new Date(now.getFullYear(), now.getMonth(), 1);
+            to = new Date(now.getFullYear(), now.getMonth() + 1, 1);
+            break;
+        case 'thisYear':
+        default:
+            from = new Date(now.getFullYear(), 0, 1);
+            to = new Date(now.getFullYear() + 1, 0, 1);
+            break;
+    }
+    return { from: from.toISOString(), to: to.toISOString() };
+}
+function buildConditionClause(c) {
+    const op = c.operator;
+    if (op === 'like')
+        return `${c.fieldId} LIKE '%${escapeCmis(c.value)}%'`;
+    if (op === 'contains')
+        return `CONTAINS(${c.fieldId}, '${escapeCmis(c.value)}')`;
+    if (op.startsWith('date:')) {
+        const { from, to } = datePresetToRange(op.slice(5));
+        return `${c.fieldId} >= '${from}' AND ${c.fieldId} < '${to}'`;
+    }
+    const cmisOp = CMIS_OPERATOR[op] ?? '=';
+    return `${c.fieldId} ${cmisOp} ${quoteIfString(c.value, c.fieldType)}`;
+}
+function parseTokenGroups(tokens) {
+    const groups = [];
+    const combinators = [];
+    let i = 0;
+    while (i < tokens.length) {
+        const t = tokens[i];
+        if (t.kind === 'combinator') {
+            combinators.push(t.id);
+            i++;
+            continue;
+        }
+        if (t.kind === 'type') {
+            const typeId = t.id;
+            const field = tokens[i + 1];
+            const op = tokens[i + 2];
+            const maybeVal = tokens[i + 3];
+            const hasValue = maybeVal?.kind === 'value';
+            groups.push({
+                typeId,
+                isSot: t.isSot,
+                fieldId: field?.id ?? '',
+                fieldType: field?.fieldType ?? 'string',
+                operator: op?.id ?? 'eq',
+                value: hasValue ? maybeVal.id : ''
+            });
+            i += hasValue ? 4 : 3;
+            continue;
+        }
+        i++;
+    }
+    return { groups, combinators };
+}
+function buildCmisFromTokens(tokens) {
+    const { groups, combinators } = parseTokenGroups(tokens);
+    if (groups.length === 0)
+        return '';
+    const clauses = groups.map((g) => {
+        const typeCond = g.isSot
+            ? `system:secondaryObjectTypeIds IN ('${g.typeId}')`
+            : `objectTypeId = '${g.typeId}'`;
+        const fieldCond = buildConditionClause(g);
+        return `(${typeCond} AND ${fieldCond})`;
+    });
+    const joined = clauses.reduce((acc, clause, idx) => {
+        if (idx === 0)
+            return clause;
+        const comb = combinators[idx - 1] ?? 'AND';
+        return `${acc} ${comb} ${clause}`;
+    }, '');
+    return `SELECT * FROM system:object WHERE ${joined}`;
+}
+let _uid = 0;
+function uid() {
+    return `t${++_uid}`;
+}
+// ── Component ────────────────────────────────────────────────────────────────
+class TokenSearchComponent {
+    #system;
+    #host;
+    constructor() {
+        this.#system = inject(SystemService);
+        this.#host = inject((ElementRef));
+        this.types = input([]);
+        this.queryChange = output();
+        // ── Single input control ─────────────────────────────────────────────────
+        this.searchCtrl = new FormControl('');
+        this.searchInput = viewChild('searchInput');
+        // ── State ────────────────────────────────────────────────────────────────
+        this.tokens = signal([]);
+        this.step = signal('type');
+        this.inputTerm = signal('');
+        /** Pending state for the group currently being built (not yet committed) */
+        this.pendingTypeId = signal(null);
+        this.pendingTypeLabel = signal('');
+        this.pendingTypeIsSot = signal(false);
+        this.pendingField = signal(null);
+        this.pendingOperator = signal(null);
+        // ── Computed ─────────────────────────────────────────────────────────────
+        this.objectTypes = computed(() => this.#system.getObjectTypes(true, 'search').filter((t) => this.types().includes(t.id)));
+        this.placeholderText = computed(() => PLACEHOLDER[this.step()]);
+        this.suggestions = computed(() => {
+            const step = this.step();
+            const term = this.inputTerm().toLowerCase();
+            if (step === 'type') {
+                const existingTypeIds = new Set(this.tokens().filter((t) => t.kind === 'type').map((t) => t.id));
+                const all = this.objectTypes()
+                    .filter((t) => !existingTypeIds.has(t.id))
+                    .map((t) => ({ kind: 'type', id: t.id, label: t.label ?? t.id }));
+                return term ? all.filter((s) => s.label.toLowerCase().includes(term) || s.id.toLowerCase().includes(term)) : all;
+            }
+            if (step === 'field') {
+                const typeId = this.pendingTypeId();
+                if (!typeId)
+                    return [];
+                const ot = this.objectTypes().find((t) => t.id === typeId);
+                if (!ot)
+                    return [];
+                const all = ot.fields
+                    .filter((f) => f.queryable !== false)
+                    .map((f) => ({ kind: 'field', id: f.id, label: f.label ?? f.name ?? f.id, fieldType: f.propertyType }));
+                return term ? all.filter((s) => s.label.toLowerCase().includes(term) || s.id.toLowerCase().includes(term)) : all;
+            }
+            if (step === 'operator') {
+                const field = this.pendingField();
+                return field ? this.#operatorsForFieldType(field.fieldType ?? 'string') : [];
+            }
+            return [];
+        });
+        this.cmisQuery = computed(() => buildCmisFromTokens(this.tokens()));
+        // ── Display function for autocomplete ────────────────────────────────────
+        this.displayFn = () => '';
+        this.searchCtrl.valueChanges
+            .pipe(debounceTime(150), takeUntilDestroyed())
+            .subscribe((val) => this.inputTerm.set(typeof val === 'string' ? val : ''));
+        effect(() => {
+            this.queryChange.emit(this.cmisQuery());
+        });
+    }
+    // ── Suggestion selected ──────────────────────────────────────────────────
+    onSuggestionSelected(event) {
+        const item = event.option.value;
+        switch (this.step()) {
+            case 'type': {
+                const selectedType = this.objectTypes().find((type) => type.id === item.id);
+                this.pendingTypeId.set(item.id);
+                this.pendingTypeLabel.set(item.label);
+                this.pendingTypeIsSot.set(!!selectedType?.isSot);
+                this.step.set('field');
+                this.#clearInput();
+                break;
+            }
+            case 'field':
+                this.pendingField.set(item);
+                this.step.set('operator');
+                this.#clearInput();
+                break;
+            case 'operator': {
+                if (item.kind === 'date-preset') {
+                    this.#commitGroup(item.id, item.label, item.id.slice(5));
+                }
+                else if (item.id === 'eq_true' || item.id === 'eq_false') {
+                    const val = item.id === 'eq_true' ? 'true' : 'false';
+                    this.#commitGroup(item.id, item.label, val);
+                }
+                else {
+                    this.pendingOperator.set(item);
+                    this.step.set('value');
+                    this.#clearInput();
+                }
+                break;
+            }
+        }
+    }
+    // ── Keyboard handler ──────────────────────────────────────────────────────
+    onKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+                if (this.step() !== 'value')
+                    return;
+                {
+                    const term = (this.searchCtrl.value ?? '').trim();
+                    if (!term)
+                        return;
+                    const pendingOp = this.pendingOperator();
+                    if (!pendingOp)
+                        return;
+                    this.#commitGroup(pendingOp.id, pendingOp.label, term);
+                }
+                break;
+            case 'Escape':
+                this.#cancelPending();
+                break;
+            case 'Backspace':
+                {
+                    const val = this.searchCtrl.value ?? '';
+                    if (val.length > 0)
+                        return; // normal text deletion
+                    event.preventDefault();
+                    const step = this.step();
+                    if (step === 'value') {
+                        this.pendingOperator.set(null);
+                        this.step.set('operator');
+                        this.#clearInput();
+                    }
+                    else if (step === 'operator') {
+                        this.pendingField.set(null);
+                        this.step.set('field');
+                        this.#clearInput();
+                    }
+                    else if (step === 'field') {
+                        this.pendingTypeId.set(null);
+                        this.pendingTypeLabel.set('');
+                        this.pendingTypeIsSot.set(false);
+                        this.step.set('type');
+                        this.#clearInput();
+                    }
+                    else if (this.tokens().length > 0) {
+                        this.#removeLastGroup();
+                    }
+                }
+                break;
+        }
+    }
+    // ── Token click ──────────────────────────────────────────────────────────
+    onTokenClick(index) {
+        const token = this.tokens()[index];
+        if (token.kind === 'combinator') {
+            this.#toggleCombinator(index);
+            return;
+        }
+        // Find the group boundaries
+        const { start, end } = this.#findGroupBounds(index);
+        const groupTokens = this.tokens().slice(start, end);
+        // Remove the group (and adjacent combinator)
+        this.#removeGroupAt(start, end);
+        // Pre-populate pending state from the group
+        const typeToken = groupTokens.find((t) => t.kind === 'type');
+        const fieldToken = groupTokens.find((t) => t.kind === 'field');
+        const opToken = groupTokens.find((t) => t.kind === 'operator');
+        if (typeToken) {
+            this.pendingTypeId.set(typeToken.id);
+            this.pendingTypeLabel.set(typeToken.label);
+            this.pendingTypeIsSot.set(!!typeToken.isSot);
+        }
+        // Determine which step to start editing from
+        if (token.kind === 'type') {
+            this.step.set('type');
+        }
+        else if (token.kind === 'field') {
+            if (typeToken) {
+                this.pendingTypeId.set(typeToken.id);
+                this.pendingTypeLabel.set(typeToken.label);
+                this.pendingTypeIsSot.set(!!typeToken.isSot);
+            }
+            this.step.set('field');
+        }
+        else if (token.kind === 'operator') {
+            if (fieldToken)
+                this.pendingField.set({ kind: 'field', id: fieldToken.id, label: fieldToken.label, fieldType: fieldToken.fieldType });
+            this.step.set('operator');
+        }
+        else if (token.kind === 'value') {
+            if (fieldToken)
+                this.pendingField.set({ kind: 'field', id: fieldToken.id, label: fieldToken.label, fieldType: fieldToken.fieldType });
+            if (opToken)
+                this.pendingOperator.set({ kind: 'operator', id: opToken.id, label: opToken.label });
+            this.step.set('value');
+            this.searchCtrl.setValue(token.label, { emitEvent: false });
+        }
+        this.#focusInput();
+    }
+    // ── Remove token via × button ────────────────────────────────────────────
+    removeTokenGroup(index) {
+        const { start, end } = this.#findGroupBounds(index);
+        this.#removeGroupAt(start, end);
+    }
+    // ── Click on search bar focuses input ────────────────────────────────────
+    onBarClick(event) {
+        if (event.target.closest('.token'))
+            return;
+        this.#focusInput();
+    }
+    // ── Private helpers ──────────────────────────────────────────────────────
+    #commitGroup(operatorId, operatorLabel, value) {
+        const typeId = this.pendingTypeId();
+        const typeLabel = this.pendingTypeLabel();
+        const field = this.pendingField();
+        const newTokens = [];
+        // Combinator before group if tokens already exist
+        if (this.tokens().length > 0) {
+            newTokens.push({ kind: 'combinator', uid: uid(), id: 'AND', label: 'AND' });
+        }
+        // Type token
+        newTokens.push({ kind: 'type', uid: uid(), id: typeId, label: typeLabel, isSot: this.pendingTypeIsSot() || undefined });
+        // Field token
+        newTokens.push({ kind: 'field', uid: uid(), id: field.id, label: field.label, typeId, fieldType: field.fieldType });
+        // Operator token
+        newTokens.push({ kind: 'operator', uid: uid(), id: operatorId, label: operatorLabel, typeId });
+        // Value token (for non-terminal operators)
+        const isTerminal = operatorId.startsWith('date:') || operatorId === 'eq_true' || operatorId === 'eq_false';
+        if (!isTerminal) {
+            newTokens.push({ kind: 'value', uid: uid(), id: value, label: value, typeId, fieldType: field.fieldType, operator: operatorId });
+        }
+        this.tokens.update((tokens) => [...tokens, ...newTokens]);
+        this.#cancelPending();
+    }
+    #cancelPending() {
+        this.pendingTypeId.set(null);
+        this.pendingTypeLabel.set('');
+        this.pendingTypeIsSot.set(false);
+        this.pendingField.set(null);
+        this.pendingOperator.set(null);
+        this.step.set('type');
+        this.#clearInput();
+    }
+    #clearInput() {
+        this.searchCtrl.setValue('', { emitEvent: false });
+        this.inputTerm.set('');
+        setTimeout(() => this.#focusInput());
+    }
+    #focusInput() {
+        this.searchInput()?.nativeElement.focus();
+    }
+    #toggleCombinator(index) {
+        this.tokens.update((tokens) => tokens.map((t, i) => {
+            if (i !== index)
+                return t;
+            const newId = t.id === 'AND' ? 'OR' : 'AND';
+            return { ...t, id: newId, label: newId };
+        }));
+    }
+    /** Find the start (inclusive) and end (exclusive) of the group containing the token at `index`. */
+    #findGroupBounds(index) {
+        const tokens = this.tokens();
+        // Walk backward to find the type token (or combinator boundary)
+        let start = index;
+        while (start > 0 && tokens[start - 1].kind !== 'combinator') {
+            start--;
+        }
+        // Walk forward to find the next combinator or end
+        let end = index + 1;
+        while (end < tokens.length && tokens[end].kind !== 'combinator') {
+            end++;
+        }
+        return { start, end };
+    }
+    /** Remove a group and its adjacent combinator. */
+    #removeGroupAt(start, end) {
+        this.tokens.update((tokens) => {
+            const result = [...tokens];
+            // Also remove the combinator before or after the group
+            if (start > 0 && result[start - 1]?.kind === 'combinator') {
+                result.splice(start - 1, end - start + 1);
+            }
+            else if (end < result.length && result[end]?.kind === 'combinator') {
+                result.splice(start, end - start + 1);
+            }
+            else {
+                result.splice(start, end - start);
+            }
+            return result;
+        });
+    }
+    #removeLastGroup() {
+        const tokens = this.tokens();
+        if (tokens.length === 0)
+            return;
+        // Find start of last group
+        let start = tokens.length - 1;
+        while (start > 0 && tokens[start - 1].kind !== 'combinator') {
+            start--;
+        }
+        // Include preceding combinator if exists
+        const removeFrom = start > 0 && tokens[start - 1].kind === 'combinator' ? start - 1 : start;
+        this.tokens.update((t) => t.slice(0, removeFrom));
+    }
+    #operatorsForFieldType(fieldType) {
+        const base = (ids) => ids.map((id) => ({ kind: 'operator', id, label: OPERATOR_LABELS[id] ?? id }));
+        switch (fieldType) {
+            case 'integer':
+            case 'decimal':
+                return base(['eq', 'gt', 'gte', 'lt', 'lte']);
+            case 'datetime':
+                return [
+                    ...base(['eq', 'gt', 'gte', 'lt', 'lte']),
+                    ...DATE_PRESETS.map((p) => ({ kind: 'date-preset', id: `date:${p.id}`, label: p.label }))
+                ];
+            case 'boolean':
+                return [
+                    { kind: 'operator', id: 'eq_true', label: '= true' },
+                    { kind: 'operator', id: 'eq_false', label: '= false' }
+                ];
+            default:
+                return base(['contains', 'like', 'eq']);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TokenSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TokenSearchComponent, isStandalone: true, selector: "yuv-token-search", inputs: { types: { classPropertyName: "types", publicName: "types", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryChange: "queryChange" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"search-bar\" (click)=\"onBarClick($event)\">\n  <!-- Committed tokens -->\n  @for (token of tokens(); track token.uid; let i = $index) {\n    <button\n      class=\"token\"\n      [class.token--type]=\"token.kind === 'type'\"\n      [class.token--field]=\"token.kind === 'field'\"\n      [class.token--operator]=\"token.kind === 'operator'\"\n      [class.token--value]=\"token.kind === 'value'\"\n      [class.token--combinator]=\"token.kind === 'combinator'\"\n      (click)=\"onTokenClick(i)\"\n      [attr.aria-label]=\"token.label\"\n    >\n      @if (token.kind === 'type') {\n        <mat-icon class=\"token__icon\">category</mat-icon>\n      }\n      @if (token.kind === 'field') {\n        <mat-icon class=\"token__icon\">tune</mat-icon>\n      }\n      <span class=\"token__label\">{{ token.label }}</span>\n      @if (token.kind !== 'combinator') {\n        <span\n          class=\"token__remove\"\n          (click)=\"$event.stopPropagation(); removeTokenGroup(i)\"\n          matTooltip=\"Remove\"\n        >\n          <mat-icon>close</mat-icon>\n        </span>\n      }\n    </button>\n  }\n\n  <!-- Pending type pill -->\n  @if (pendingTypeId()) {\n    <span class=\"token token--type token--pending\">\n      <mat-icon class=\"token__icon\">category</mat-icon>\n      <span class=\"token__label\">{{ pendingTypeLabel() }}</span>\n    </span>\n  }\n\n  <!-- Pending field pill -->\n  @if (pendingField(); as field) {\n    <span class=\"token token--field token--pending\">\n      <mat-icon class=\"token__icon\">tune</mat-icon>\n      <span class=\"token__label\">{{ field.label }}</span>\n    </span>\n  }\n\n  <!-- Pending operator pill -->\n  @if (pendingOperator(); as op) {\n    <span class=\"token token--operator token--pending\">\n      <span class=\"token__label\">{{ op.label }}</span>\n    </span>\n  }\n\n  <!-- Single input -->\n  <input\n    #searchInput\n    [formControl]=\"searchCtrl\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholderText()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n</div>\n\n<!-- Autocomplete panel -->\n<mat-autocomplete #auto [displayWith]=\"displayFn\" (optionSelected)=\"onSuggestionSelected($event)\">\n  @for (s of suggestions(); track s.id) {\n    <mat-option [value]=\"s\">\n      <div class=\"suggestion\">\n        <mat-icon class=\"suggestion__icon\">\n          @switch (s.kind) {\n            @case ('type') { category }\n            @case ('field') { tune }\n            @case ('date-preset') { calendar_today }\n            @default { manage_search }\n          }\n        </mat-icon>\n        <span class=\"suggestion__label\">{{ s.label }}</span>\n        @if (s.fieldType) {\n          <span class=\"suggestion__type\">{{ s.fieldType }}</span>\n        }\n      </div>\n    </mat-option>\n  }\n</mat-autocomplete>\n", styles: [":host{display:block}.search-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-3xs);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-l);background:var(--ymt-surface);min-height:44px;cursor:text;transition:border-color .15s}.search-bar:focus-within{border-color:var(--ymt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ymt-primary) 15%,transparent)}.search-bar input{flex:1 1 120px;min-width:120px;border:none;outline:none;background:transparent;font:inherit;font-size:.9em;padding:var(--ymt-spacing-2xs) 0}.search-bar input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.token{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);height:28px;padding:0 var(--ymt-spacing-xs);border-radius:var(--ymt-corner-s);border:1px solid var(--ymt-outline-variant);background:var(--ymt-surface-container);font:inherit;font-size:.82em;cursor:pointer;white-space:nowrap;outline:none;transition:border-color .15s,background .15s}.token:hover{border-color:var(--ymt-outline)}.token:focus-visible{border-color:var(--ymt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ymt-primary) 25%,transparent)}.token--type{background:var(--ymt-primary-container);color:var(--ymt-on-primary-container);font-weight:500}.token--field{background:color-mix(in srgb,var(--ymt-primary) 10%,transparent);color:var(--ymt-primary);font-weight:500}.token--operator{background:var(--ymt-surface-container-high);color:var(--ymt-text-color-subtle);font-style:italic}.token--value{max-width:160px;overflow:hidden;text-overflow:ellipsis}.token--combinator{background:var(--ymt-surface-container-high);font-weight:600;font-size:.75em;letter-spacing:.04em;color:var(--ymt-text-color-subtle);border-color:transparent}.token--pending{opacity:.7;border-style:dashed;cursor:default}.token__icon{font-size:var(--ymt-sizing-xs);width:var(--ymt-sizing-xs);height:var(--ymt-sizing-xs);opacity:.8}.token__label{line-height:1}.token__remove{display:inline-flex;align-items:center;margin-left:var(--ymt-spacing-4xs);opacity:0;transition:opacity .1s,color .1s}.token__remove mat-icon{font-size:14px;width:14px;height:14px}.token:hover .token__remove{opacity:.6}.token__remove:hover{opacity:1;color:var(--ymt-error)}.suggestion{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}.suggestion__icon{font-size:var(--ymt-sizing-s);width:var(--ymt-sizing-s);height:var(--ymt-sizing-s);opacity:.6}.suggestion__label{flex:1}.suggestion__type{font-size:.75em;opacity:.5;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TokenSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-token-search', imports: [
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        MatIconModule,
+                        MatTooltipModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"search-bar\" (click)=\"onBarClick($event)\">\n  <!-- Committed tokens -->\n  @for (token of tokens(); track token.uid; let i = $index) {\n    <button\n      class=\"token\"\n      [class.token--type]=\"token.kind === 'type'\"\n      [class.token--field]=\"token.kind === 'field'\"\n      [class.token--operator]=\"token.kind === 'operator'\"\n      [class.token--value]=\"token.kind === 'value'\"\n      [class.token--combinator]=\"token.kind === 'combinator'\"\n      (click)=\"onTokenClick(i)\"\n      [attr.aria-label]=\"token.label\"\n    >\n      @if (token.kind === 'type') {\n        <mat-icon class=\"token__icon\">category</mat-icon>\n      }\n      @if (token.kind === 'field') {\n        <mat-icon class=\"token__icon\">tune</mat-icon>\n      }\n      <span class=\"token__label\">{{ token.label }}</span>\n      @if (token.kind !== 'combinator') {\n        <span\n          class=\"token__remove\"\n          (click)=\"$event.stopPropagation(); removeTokenGroup(i)\"\n          matTooltip=\"Remove\"\n        >\n          <mat-icon>close</mat-icon>\n        </span>\n      }\n    </button>\n  }\n\n  <!-- Pending type pill -->\n  @if (pendingTypeId()) {\n    <span class=\"token token--type token--pending\">\n      <mat-icon class=\"token__icon\">category</mat-icon>\n      <span class=\"token__label\">{{ pendingTypeLabel() }}</span>\n    </span>\n  }\n\n  <!-- Pending field pill -->\n  @if (pendingField(); as field) {\n    <span class=\"token token--field token--pending\">\n      <mat-icon class=\"token__icon\">tune</mat-icon>\n      <span class=\"token__label\">{{ field.label }}</span>\n    </span>\n  }\n\n  <!-- Pending operator pill -->\n  @if (pendingOperator(); as op) {\n    <span class=\"token token--operator token--pending\">\n      <span class=\"token__label\">{{ op.label }}</span>\n    </span>\n  }\n\n  <!-- Single input -->\n  <input\n    #searchInput\n    [formControl]=\"searchCtrl\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholderText()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n</div>\n\n<!-- Autocomplete panel -->\n<mat-autocomplete #auto [displayWith]=\"displayFn\" (optionSelected)=\"onSuggestionSelected($event)\">\n  @for (s of suggestions(); track s.id) {\n    <mat-option [value]=\"s\">\n      <div class=\"suggestion\">\n        <mat-icon class=\"suggestion__icon\">\n          @switch (s.kind) {\n            @case ('type') { category }\n            @case ('field') { tune }\n            @case ('date-preset') { calendar_today }\n            @default { manage_search }\n          }\n        </mat-icon>\n        <span class=\"suggestion__label\">{{ s.label }}</span>\n        @if (s.fieldType) {\n          <span class=\"suggestion__type\">{{ s.fieldType }}</span>\n        }\n      </div>\n    </mat-option>\n  }\n</mat-autocomplete>\n", styles: [":host{display:block}.search-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-3xs);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-l);background:var(--ymt-surface);min-height:44px;cursor:text;transition:border-color .15s}.search-bar:focus-within{border-color:var(--ymt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ymt-primary) 15%,transparent)}.search-bar input{flex:1 1 120px;min-width:120px;border:none;outline:none;background:transparent;font:inherit;font-size:.9em;padding:var(--ymt-spacing-2xs) 0}.search-bar input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.token{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);height:28px;padding:0 var(--ymt-spacing-xs);border-radius:var(--ymt-corner-s);border:1px solid var(--ymt-outline-variant);background:var(--ymt-surface-container);font:inherit;font-size:.82em;cursor:pointer;white-space:nowrap;outline:none;transition:border-color .15s,background .15s}.token:hover{border-color:var(--ymt-outline)}.token:focus-visible{border-color:var(--ymt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ymt-primary) 25%,transparent)}.token--type{background:var(--ymt-primary-container);color:var(--ymt-on-primary-container);font-weight:500}.token--field{background:color-mix(in srgb,var(--ymt-primary) 10%,transparent);color:var(--ymt-primary);font-weight:500}.token--operator{background:var(--ymt-surface-container-high);color:var(--ymt-text-color-subtle);font-style:italic}.token--value{max-width:160px;overflow:hidden;text-overflow:ellipsis}.token--combinator{background:var(--ymt-surface-container-high);font-weight:600;font-size:.75em;letter-spacing:.04em;color:var(--ymt-text-color-subtle);border-color:transparent}.token--pending{opacity:.7;border-style:dashed;cursor:default}.token__icon{font-size:var(--ymt-sizing-xs);width:var(--ymt-sizing-xs);height:var(--ymt-sizing-xs);opacity:.8}.token__label{line-height:1}.token__remove{display:inline-flex;align-items:center;margin-left:var(--ymt-spacing-4xs);opacity:0;transition:opacity .1s,color .1s}.token__remove mat-icon{font-size:14px;width:14px;height:14px}.token:hover .token__remove{opacity:.6}.token__remove:hover{opacity:1;color:var(--ymt-error)}.suggestion{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}.suggestion__icon{font-size:var(--ymt-sizing-s);width:var(--ymt-sizing-s);height:var(--ymt-sizing-s);opacity:.6}.suggestion__label{flex:1}.suggestion__type{font-size:.75em;opacity:.5;font-style:italic}\n"] }]
+        }], ctorParameters: () => [] });
+
+const cmp = [TokenSearchComponent];
+class YuvTokenSearchModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuvTokenSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: YuvTokenSearchModule, imports: [TokenSearchComponent], exports: [TokenSearchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuvTokenSearchModule, imports: [cmp] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuvTokenSearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: cmp,
+                    exports: cmp
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TokenSearchComponent, YuvTokenSearchModule };
+//# sourceMappingURL=yuuvis-client-framework-token-search.mjs.map

package/fesm2022/yuuvis-client-framework-token-search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-framework-token-search.mjs","sources":["../../../../../libs/yuuvis/client-framework/token-search/src/lib/token-search.component.ts","../../../../../libs/yuuvis/client-framework/token-search/src/lib/token-search.component.html","../../../../../libs/yuuvis/client-framework/token-search/src/lib/token-search.module.ts","../../../../../libs/yuuvis/client-framework/token-search/src/yuuvis-client-framework-token-search.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { GenericObjectType, SystemService } from '@yuuvis/client-core';\nimport { debounceTime } from 'rxjs/operators';\nimport { BuildStep, SearchToken, SuggestionItem } from './token-search.interface';\n\n// ── Constants ────────────────────────────────────────────────────────────────\n\nconst OPERATOR_LABELS: Record<string, string> = {\n  contains: 'contains',\n  like: 'like',\n  eq: '=',\n  gt: '>',\n  gte: '>=',\n  lt: '<',\n  lte: '<='\n};\n\nconst CMIS_OPERATOR: Record<string, string> = {\n  eq: '=',\n  gt: '>',\n  gte: '>=',\n  lt: '<',\n  lte: '<='\n};\n\nconst DATE_PRESETS: { id: string; label: string }[] = [\n  { id: 'today', label: 'Today' },\n  { id: 'thisWeek', label: 'This week' },\n  { id: 'thisMonth', label: 'This month' },\n  { id: 'thisYear', label: 'This year' }\n];\n\nconst PLACEHOLDER: Record<BuildStep, string> = {\n  type: 'Search by type\\u2026',\n  field: 'Pick a field\\u2026',\n  operator: 'Select operator\\u2026',\n  value: 'Enter value, press Enter\\u2026'\n};\n\n// ── CMIS helpers (pure functions) ────────────────────────────────────────────\n\nfunction escapeCmis(value: string): string {\n  return value.replace(/'/g, \"''\").replace(/\\\\/g, '\\\\\\\\');\n}\n\nfunction quoteIfString(value: string, fieldType: string): string {\n  if (fieldType === 'string' || fieldType === 'datetime') {\n    return `'${escapeCmis(value)}'`;\n  }\n  return value;\n}\n\nfunction datePresetToRange(preset: string): { from: string; to: string } {\n  const now = new Date();\n  const startOfDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate());\n  let from: Date;\n  let to: Date;\n  switch (preset) {\n    case 'today':\n      from = startOfDay(now);\n      to = new Date(from.getTime() + 86400000);\n      break;\n    case 'thisWeek': {\n      const day = now.getDay();\n      from = startOfDay(new Date(now.getTime() - day * 86400000));\n      to = new Date(from.getTime() + 7 * 86400000);\n      break;\n    }\n    case 'thisMonth':\n      from = new Date(now.getFullYear(), now.getMonth(), 1);\n      to = new Date(now.getFullYear(), now.getMonth() + 1, 1);\n      break;\n    case 'thisYear':\n    default:\n      from = new Date(now.getFullYear(), 0, 1);\n      to = new Date(now.getFullYear() + 1, 0, 1);\n      break;\n  }\n  return { from: from.toISOString(), to: to.toISOString() };\n}\n\ninterface ConditionParts {\n  fieldId: string;\n  fieldType: string;\n  operator: string;\n  value: string;\n}\n\nfunction buildConditionClause(c: ConditionParts): string {\n  const op = c.operator;\n  if (op === 'like') return `${c.fieldId} LIKE '%${escapeCmis(c.value)}%'`;\n  if (op === 'contains') return `CONTAINS(${c.fieldId}, '${escapeCmis(c.value)}')`;\n  if (op.startsWith('date:')) {\n    const { from, to } = datePresetToRange(op.slice(5));\n    return `${c.fieldId} >= '${from}' AND ${c.fieldId} < '${to}'`;\n  }\n  const cmisOp = CMIS_OPERATOR[op] ?? '=';\n  return `${c.fieldId} ${cmisOp} ${quoteIfString(c.value, c.fieldType)}`;\n}\n\n// ── Parse tokens into groups and build CMIS ──────────────────────────────────\n\ninterface TokenGroup {\n  typeId: string;\n  isSot?: boolean;\n  fieldId: string;\n  fieldType: string;\n  operator: string;\n  value: string;\n}\n\nfunction parseTokenGroups(tokens: SearchToken[]): { groups: TokenGroup[]; combinators: string[] } {\n  const groups: TokenGroup[] = [];\n  const combinators: string[] = [];\n  let i = 0;\n  while (i < tokens.length) {\n    const t = tokens[i];\n    if (t.kind === 'combinator') {\n      combinators.push(t.id);\n      i++;\n      continue;\n    }\n    if (t.kind === 'type') {\n      const typeId = t.id;\n      const field = tokens[i + 1];\n      const op = tokens[i + 2];\n      const maybeVal = tokens[i + 3];\n      const hasValue = maybeVal?.kind === 'value';\n      groups.push({\n        typeId,\n        isSot: t.isSot,\n        fieldId: field?.id ?? '',\n        fieldType: field?.fieldType ?? 'string',\n        operator: op?.id ?? 'eq',\n        value: hasValue ? maybeVal.id : ''\n      });\n      i += hasValue ? 4 : 3;\n      continue;\n    }\n    i++;\n  }\n  return { groups, combinators };\n}\n\nfunction buildCmisFromTokens(tokens: SearchToken[]): string {\n  const { groups, combinators } = parseTokenGroups(tokens);\n  if (groups.length === 0) return '';\n\n  const clauses = groups.map((g) => {\n    const typeCond = g.isSot\n      ? `system:secondaryObjectTypeIds IN ('${g.typeId}')`\n      : `objectTypeId = '${g.typeId}'`;\n    const fieldCond = buildConditionClause(g);\n    return `(${typeCond} AND ${fieldCond})`;\n  });\n\n  const joined = clauses.reduce((acc, clause, idx) => {\n    if (idx === 0) return clause;\n    const comb = combinators[idx - 1] ?? 'AND';\n    return `${acc} ${comb} ${clause}`;\n  }, '');\n\n  return `SELECT * FROM system:object WHERE ${joined}`;\n}\n\nlet _uid = 0;\nfunction uid(): string {\n  return `t${++_uid}`;\n}\n\n// ── Component ────────────────────────────────────────────────────────────────\n\n@Component({\n  selector: 'yuv-token-search',\n  imports: [\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n    MatIconModule,\n    MatTooltipModule\n  ],\n  templateUrl: './token-search.component.html',\n  styleUrl: './token-search.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TokenSearchComponent {\n  #system = inject(SystemService);\n  #host = inject(ElementRef<HTMLElement>);\n\n  types = input<string[]>([]);\n  queryChange = output<string>();\n\n  // ── Single input control ─────────────────────────────────────────────────\n  searchCtrl = new FormControl('');\n  searchInput = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n\n  // ── State ────────────────────────────────────────────────────────────────\n  tokens = signal<SearchToken[]>([]);\n  step = signal<BuildStep>('type');\n  inputTerm = signal('');\n\n  /** Pending state for the group currently being built (not yet committed) */\n  pendingTypeId = signal<string | null>(null);\n  pendingTypeLabel = signal<string>('');\n  pendingTypeIsSot = signal<boolean>(false);\n  pendingField = signal<SuggestionItem | null>(null);\n  pendingOperator = signal<SuggestionItem | null>(null);\n\n  // ── Computed ─────────────────────────────────────────────────────────────\n  objectTypes = computed<GenericObjectType[]>(() =>\n    this.#system.getObjectTypes(true, 'search').filter((t) => this.types().includes(t.id))\n  );\n\n  placeholderText = computed(() => PLACEHOLDER[this.step()]);\n\n  suggestions = computed<SuggestionItem[]>(() => {\n    const step = this.step();\n    const term = this.inputTerm().toLowerCase();\n\n    if (step === 'type') {\n      const existingTypeIds = new Set(this.tokens().filter((t) => t.kind === 'type').map((t) => t.id));\n      const all: SuggestionItem[] = this.objectTypes()\n        .filter((t) => !existingTypeIds.has(t.id))\n        .map((t) => ({ kind: 'type', id: t.id, label: t.label ?? t.id }));\n      return term ? all.filter((s) => s.label.toLowerCase().includes(term) || s.id.toLowerCase().includes(term)) : all;\n    }\n\n    if (step === 'field') {\n      const typeId = this.pendingTypeId();\n      if (!typeId) return [];\n      const ot = this.objectTypes().find((t) => t.id === typeId);\n      if (!ot) return [];\n      const all: SuggestionItem[] = ot.fields\n        .filter((f) => f.queryable !== false)\n        .map((f) => ({ kind: 'field' as const, id: f.id, label: f.label ?? f.name ?? f.id, fieldType: f.propertyType }));\n      return term ? all.filter((s) => s.label.toLowerCase().includes(term) || s.id.toLowerCase().includes(term)) : all;\n    }\n\n    if (step === 'operator') {\n      const field = this.pendingField();\n      return field ? this.#operatorsForFieldType(field.fieldType ?? 'string') : [];\n    }\n\n    return [];\n  });\n\n  cmisQuery = computed(() => buildCmisFromTokens(this.tokens()));\n\n  constructor() {\n    this.searchCtrl.valueChanges\n      .pipe(debounceTime(150), takeUntilDestroyed())\n      .subscribe((val) => this.inputTerm.set(typeof val === 'string' ? val : ''));\n\n    effect(() => {\n      this.queryChange.emit(this.cmisQuery());\n    });\n  }\n\n  // ── Display function for autocomplete ────────────────────────────────────\n  displayFn = (): string => '';\n\n  // ── Suggestion selected ──────────────────────────────────────────────────\n  onSuggestionSelected(event: MatAutocompleteSelectedEvent): void {\n    const item: SuggestionItem = event.option.value;\n\n    switch (this.step()) {\n      case 'type': {\n        const selectedType = this.objectTypes().find((type) => type.id === item.id);\n        this.pendingTypeId.set(item.id);\n        this.pendingTypeLabel.set(item.label);\n        this.pendingTypeIsSot.set(!!selectedType?.isSot);\n        this.step.set('field');\n        this.#clearInput();\n        break;\n      }\n\n      case 'field':\n        this.pendingField.set(item);\n        this.step.set('operator');\n        this.#clearInput();\n        break;\n\n      case 'operator': {\n        if (item.kind === 'date-preset') {\n          this.#commitGroup(item.id, item.label, item.id.slice(5));\n        } else if (item.id === 'eq_true' || item.id === 'eq_false') {\n          const val = item.id === 'eq_true' ? 'true' : 'false';\n          this.#commitGroup(item.id, item.label, val);\n        } else {\n          this.pendingOperator.set(item);\n          this.step.set('value');\n          this.#clearInput();\n        }\n        break;\n      }\n    }\n  }\n\n  // ── Keyboard handler ──────────────────────────────────────────────────────\n  onKeydown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'Enter':\n        if (this.step() !== 'value') return;\n        {\n          const term = (this.searchCtrl.value ?? '').trim();\n          if (!term) return;\n          const pendingOp = this.pendingOperator();\n          if (!pendingOp) return;\n          this.#commitGroup(pendingOp.id, pendingOp.label, term);\n        }\n        break;\n\n      case 'Escape':\n        this.#cancelPending();\n        break;\n\n      case 'Backspace':\n        {\n          const val = this.searchCtrl.value ?? '';\n          if (val.length > 0) return; // normal text deletion\n\n          event.preventDefault();\n\n          const step = this.step();\n          if (step === 'value') {\n            this.pendingOperator.set(null);\n            this.step.set('operator');\n            this.#clearInput();\n          } else if (step === 'operator') {\n            this.pendingField.set(null);\n            this.step.set('field');\n            this.#clearInput();\n          } else if (step === 'field') {\n            this.pendingTypeId.set(null);\n            this.pendingTypeLabel.set('');\n            this.pendingTypeIsSot.set(false);\n            this.step.set('type');\n            this.#clearInput();\n          } else if (this.tokens().length > 0) {\n            this.#removeLastGroup();\n          }\n        }\n        break;\n    }\n  }\n\n  // ── Token click ──────────────────────────────────────────────────────────\n  onTokenClick(index: number): void {\n    const token = this.tokens()[index];\n    if (token.kind === 'combinator') {\n      this.#toggleCombinator(index);\n      return;\n    }\n    // Find the group boundaries\n    const { start, end } = this.#findGroupBounds(index);\n    const groupTokens = this.tokens().slice(start, end);\n\n    // Remove the group (and adjacent combinator)\n    this.#removeGroupAt(start, end);\n\n    // Pre-populate pending state from the group\n    const typeToken = groupTokens.find((t) => t.kind === 'type');\n    const fieldToken = groupTokens.find((t) => t.kind === 'field');\n    const opToken = groupTokens.find((t) => t.kind === 'operator');\n\n    if (typeToken) {\n      this.pendingTypeId.set(typeToken.id);\n      this.pendingTypeLabel.set(typeToken.label);\n      this.pendingTypeIsSot.set(!!typeToken.isSot);\n    }\n\n    // Determine which step to start editing from\n    if (token.kind === 'type') {\n      this.step.set('type');\n    } else if (token.kind === 'field') {\n      if (typeToken) {\n        this.pendingTypeId.set(typeToken.id);\n        this.pendingTypeLabel.set(typeToken.label);\n        this.pendingTypeIsSot.set(!!typeToken.isSot);\n      }\n      this.step.set('field');\n    } else if (token.kind === 'operator') {\n      if (fieldToken) this.pendingField.set({ kind: 'field', id: fieldToken.id, label: fieldToken.label, fieldType: fieldToken.fieldType });\n      this.step.set('operator');\n    } else if (token.kind === 'value') {\n      if (fieldToken) this.pendingField.set({ kind: 'field', id: fieldToken.id, label: fieldToken.label, fieldType: fieldToken.fieldType });\n      if (opToken) this.pendingOperator.set({ kind: 'operator', id: opToken.id, label: opToken.label });\n      this.step.set('value');\n      this.searchCtrl.setValue(token.label, { emitEvent: false });\n    }\n\n    this.#focusInput();\n  }\n\n  // ── Remove token via × button ────────────────────────────────────────────\n  removeTokenGroup(index: number): void {\n    const { start, end } = this.#findGroupBounds(index);\n    this.#removeGroupAt(start, end);\n  }\n\n  // ── Click on search bar focuses input ────────────────────────────────────\n  onBarClick(event: MouseEvent): void {\n    if ((event.target as HTMLElement).closest('.token')) return;\n    this.#focusInput();\n  }\n\n  // ── Private helpers ──────────────────────────────────────────────────────\n\n  #commitGroup(operatorId: string, operatorLabel: string, value: string): void {\n    const typeId = this.pendingTypeId()!;\n    const typeLabel = this.pendingTypeLabel();\n    const field = this.pendingField()!;\n\n    const newTokens: SearchToken[] = [];\n\n    // Combinator before group if tokens already exist\n    if (this.tokens().length > 0) {\n      newTokens.push({ kind: 'combinator', uid: uid(), id: 'AND', label: 'AND' });\n    }\n\n    // Type token\n    newTokens.push({ kind: 'type', uid: uid(), id: typeId, label: typeLabel, isSot: this.pendingTypeIsSot() || undefined });\n\n    // Field token\n    newTokens.push({ kind: 'field', uid: uid(), id: field.id, label: field.label, typeId, fieldType: field.fieldType });\n\n    // Operator token\n    newTokens.push({ kind: 'operator', uid: uid(), id: operatorId, label: operatorLabel, typeId });\n\n    // Value token (for non-terminal operators)\n    const isTerminal = operatorId.startsWith('date:') || operatorId === 'eq_true' || operatorId === 'eq_false';\n    if (!isTerminal) {\n      newTokens.push({ kind: 'value', uid: uid(), id: value, label: value, typeId, fieldType: field.fieldType, operator: operatorId });\n    }\n\n    this.tokens.update((tokens) => [...tokens, ...newTokens]);\n    this.#cancelPending();\n  }\n\n  #cancelPending(): void {\n    this.pendingTypeId.set(null);\n    this.pendingTypeLabel.set('');\n    this.pendingTypeIsSot.set(false);\n    this.pendingField.set(null);\n    this.pendingOperator.set(null);\n    this.step.set('type');\n    this.#clearInput();\n  }\n\n  #clearInput(): void {\n    this.searchCtrl.setValue('', { emitEvent: false });\n    this.inputTerm.set('');\n    setTimeout(() => this.#focusInput());\n  }\n\n  #focusInput(): void {\n    this.searchInput()?.nativeElement.focus();\n  }\n\n  #toggleCombinator(index: number): void {\n    this.tokens.update((tokens) =>\n      tokens.map((t, i) => {\n        if (i !== index) return t;\n        const newId = t.id === 'AND' ? 'OR' : 'AND';\n        return { ...t, id: newId, label: newId };\n      })\n    );\n  }\n\n  /** Find the start (inclusive) and end (exclusive) of the group containing the token at `index`. */\n  #findGroupBounds(index: number): { start: number; end: number } {\n    const tokens = this.tokens();\n\n    // Walk backward to find the type token (or combinator boundary)\n    let start = index;\n    while (start > 0 && tokens[start - 1].kind !== 'combinator') {\n      start--;\n    }\n\n    // Walk forward to find the next combinator or end\n    let end = index + 1;\n    while (end < tokens.length && tokens[end].kind !== 'combinator') {\n      end++;\n    }\n\n    return { start, end };\n  }\n\n  /** Remove a group and its adjacent combinator. */\n  #removeGroupAt(start: number, end: number): void {\n    this.tokens.update((tokens) => {\n      const result = [...tokens];\n      // Also remove the combinator before or after the group\n      if (start > 0 && result[start - 1]?.kind === 'combinator') {\n        result.splice(start - 1, end - start + 1);\n      } else if (end < result.length && result[end]?.kind === 'combinator') {\n        result.splice(start, end - start + 1);\n      } else {\n        result.splice(start, end - start);\n      }\n      return result;\n    });\n  }\n\n  #removeLastGroup(): void {\n    const tokens = this.tokens();\n    if (tokens.length === 0) return;\n\n    // Find start of last group\n    let start = tokens.length - 1;\n    while (start > 0 && tokens[start - 1].kind !== 'combinator') {\n      start--;\n    }\n    // Include preceding combinator if exists\n    const removeFrom = start > 0 && tokens[start - 1].kind === 'combinator' ? start - 1 : start;\n    this.tokens.update((t) => t.slice(0, removeFrom));\n  }\n\n  #operatorsForFieldType(fieldType: string): SuggestionItem[] {\n    const base = (ids: string[]): SuggestionItem[] =>\n      ids.map((id) => ({ kind: 'operator', id, label: OPERATOR_LABELS[id] ?? id }));\n\n    switch (fieldType) {\n      case 'integer':\n      case 'decimal':\n        return base(['eq', 'gt', 'gte', 'lt', 'lte']);\n      case 'datetime':\n        return [\n          ...base(['eq', 'gt', 'gte', 'lt', 'lte']),\n          ...DATE_PRESETS.map((p) => ({ kind: 'date-preset' as const, id: `date:${p.id}`, label: p.label }))\n        ];\n      case 'boolean':\n        return [\n          { kind: 'operator', id: 'eq_true', label: '= true' },\n          { kind: 'operator', id: 'eq_false', label: '= false' }\n        ];\n      default:\n        return base(['contains', 'like', 'eq']);\n    }\n  }\n}\n","<div class=\"search-bar\" (click)=\"onBarClick($event)\">\n  <!-- Committed tokens -->\n  @for (token of tokens(); track token.uid; let i = $index) {\n    <button\n      class=\"token\"\n      [class.token--type]=\"token.kind === 'type'\"\n      [class.token--field]=\"token.kind === 'field'\"\n      [class.token--operator]=\"token.kind === 'operator'\"\n      [class.token--value]=\"token.kind === 'value'\"\n      [class.token--combinator]=\"token.kind === 'combinator'\"\n      (click)=\"onTokenClick(i)\"\n      [attr.aria-label]=\"token.label\"\n    >\n      @if (token.kind === 'type') {\n        <mat-icon class=\"token__icon\">category</mat-icon>\n      }\n      @if (token.kind === 'field') {\n        <mat-icon class=\"token__icon\">tune</mat-icon>\n      }\n      <span class=\"token__label\">{{ token.label }}</span>\n      @if (token.kind !== 'combinator') {\n        <span\n          class=\"token__remove\"\n          (click)=\"$event.stopPropagation(); removeTokenGroup(i)\"\n          matTooltip=\"Remove\"\n        >\n          <mat-icon>close</mat-icon>\n        </span>\n      }\n    </button>\n  }\n\n  <!-- Pending type pill -->\n  @if (pendingTypeId()) {\n    <span class=\"token token--type token--pending\">\n      <mat-icon class=\"token__icon\">category</mat-icon>\n      <span class=\"token__label\">{{ pendingTypeLabel() }}</span>\n    </span>\n  }\n\n  <!-- Pending field pill -->\n  @if (pendingField(); as field) {\n    <span class=\"token token--field token--pending\">\n      <mat-icon class=\"token__icon\">tune</mat-icon>\n      <span class=\"token__label\">{{ field.label }}</span>\n    </span>\n  }\n\n  <!-- Pending operator pill -->\n  @if (pendingOperator(); as op) {\n    <span class=\"token token--operator token--pending\">\n      <span class=\"token__label\">{{ op.label }}</span>\n    </span>\n  }\n\n  <!-- Single input -->\n  <input\n    #searchInput\n    [formControl]=\"searchCtrl\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholderText()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n</div>\n\n<!-- Autocomplete panel -->\n<mat-autocomplete #auto [displayWith]=\"displayFn\" (optionSelected)=\"onSuggestionSelected($event)\">\n  @for (s of suggestions(); track s.id) {\n    <mat-option [value]=\"s\">\n      <div class=\"suggestion\">\n        <mat-icon class=\"suggestion__icon\">\n          @switch (s.kind) {\n            @case ('type') { category }\n            @case ('field') { tune }\n            @case ('date-preset') { calendar_today }\n            @default { manage_search }\n          }\n        </mat-icon>\n        <span class=\"suggestion__label\">{{ s.label }}</span>\n        @if (s.fieldType) {\n          <span class=\"suggestion__type\">{{ s.fieldType }}</span>\n        }\n      </div>\n    </mat-option>\n  }\n</mat-autocomplete>\n","import { NgModule } from '@angular/core';\nimport { TokenSearchComponent } from './token-search.component';\n\nconst cmp = [TokenSearchComponent];\n\n@NgModule({\n  imports: cmp,\n  exports: cmp\n})\nexport class YuvTokenSearchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/overflow-menu/lib/overflow-menu.interface.d.ts

@@ -1,6 +1,7 @@
 export interface OverflowMenuItem {
     id: string;
     icon: string;
+    svgIcon?: string;
     label: string;
     active?: boolean;
     group?: string;