@yuuvis/client-framework 3.17.1 → 3.19.0

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

@@ -149,6 +149,20 @@ function isValuelessOperator(operator) {
         operator === 'empty' ||
         operator === 'not_empty');
 }
+/**
+ * The chip's full label for a condition (`"Name like foo"`). The value segment is omitted for
+ * a valueless operator and for an unset placeholder, so the chip reads cleanly instead of
+ * carrying a trailing space.
+ *
+ * Shared by the commit path and by the label re-resolution a loaded state goes through, so a
+ * restored chip is composed exactly like a freshly built one.
+ */
+function composeConditionLabel(fieldLabel, operator, operatorLabel, value) {
+    if (isValuelessOperator(operator))
+        return `${fieldLabel} ${operatorLabel}`;
+    const valueLabel = Array.isArray(value) ? value.join(', ') : value;
+    return valueLabel ? `${fieldLabel} ${operatorLabel} ${valueLabel}` : `${fieldLabel} ${operatorLabel}`;
+}
 /**
  * Whether a condition is an *unset placeholder*: it uses a value-requiring operator
  * (eq / like / gt / …) but carries no value yet. Such conditions are kept in the tree
@@ -322,14 +336,19 @@ const FULLTEXT_SCOPE_COLUMN = {
 /**
  * Build the whole-object full-text clause: a single `CONTAINS('term')` predicate, optionally scoped
  * to a column and AND-ed with a type restriction. Returns `''` when the term is blank.
+ *
+ * @param fulltext The full-text unit. An empty `types` list means "all types".
+ * @param scopeTypes The types the search is scoped to (the host's `types` allow-list). When
+ * the unit picks no concrete type, "all types" means *any of these* — so the restriction is
+ * still emitted. Pass an empty list for an unscoped search: then "all types" restricts nothing.
  */
-function buildFulltextClause(fulltext) {
+function buildFulltextClause(fulltext, scopeTypes = []) {
     const term = fulltext.term.trim();
     if (!term)
         return '';
     const column = FULLTEXT_SCOPE_COLUMN[fulltext.scope];
     const contains = column ? `${column} CONTAINS('${escapeCmis(term)}')` : `CONTAINS('${escapeCmis(term)}')`;
-    const typeCond = buildTypeClause(fulltext.types);
+    const typeCond = buildTypeClause(fulltext.types.length > 0 ? fulltext.types : scopeTypes);
     return typeCond ? `(${typeCond} AND ${contains})` : contains;
 }
 /**
@@ -341,11 +360,14 @@ function buildFulltextClause(fulltext) {
  * @param blocks The type blocks with their conditions.
  * @param combinator How the top-level units combine (`AND` / `OR`).
  * @param fulltext Optional whole-object full-text unit.
+ * @param scopeTypes The types the whole search is scoped to (the host's `types` allow-list).
+ * Applied to the full-text unit when it targets "all types"; the blocks always carry their own
+ * (already scoped) types. Empty = unscoped, i.e. "all types" restricts nothing.
  * @returns A `SELECT * FROM system:object WHERE …` statement, or `''`.
  */
-function buildCmisQuery(blocks, combinator, fulltext) {
+function buildCmisQuery(blocks, combinator, fulltext, scopeTypes = []) {
     const units = [];
-    const fulltextClause = fulltext ? buildFulltextClause(fulltext) : '';
+    const fulltextClause = fulltext ? buildFulltextClause(fulltext, scopeTypes) : '';
     if (fulltextClause !== '')
         units.push(fulltextClause);
     for (const block of blocks) {
@@ -503,11 +525,15 @@ _('yuv.smart-search.date-preset.this-year');
 _('yuv.smart-search.operator.like');
 _('yuv.smart-search.operator.empty');
 _('yuv.smart-search.operator.not-empty');
+_('yuv.smart-search.operator.eq-true');
+_('yuv.smart-search.operator.eq-false');
 /* eslint-disable id-length */
 const OPERATOR_LABEL_KEYS = {
     like: 'yuv.smart-search.operator.like',
     empty: 'yuv.smart-search.operator.empty',
-    not_empty: 'yuv.smart-search.operator.not-empty'
+    not_empty: 'yuv.smart-search.operator.not-empty',
+    eq_true: 'yuv.smart-search.operator.eq-true',
+    eq_false: 'yuv.smart-search.operator.eq-false'
 };
 const OPERATOR_SYMBOLS = {
     eq: '=',
@@ -518,12 +544,24 @@ const OPERATOR_SYMBOLS = {
     lte: '<='
 };
 /* eslint-enable id-length */
+/** Value equality for a normalized condition value (a string or a list of strings). */
+function sameConditionValue(left, right) {
+    if (Array.isArray(left) || Array.isArray(right)) {
+        return (Array.isArray(left) &&
+            Array.isArray(right) &&
+            left.length === right.length &&
+            left.every((entry, index) => entry === right[index]));
+    }
+    return left === right;
+}
 const DATE_PRESETS = [
     { id: 'today', labelKey: 'yuv.smart-search.date-preset.today' },
     { id: 'thisWeek', labelKey: 'yuv.smart-search.date-preset.this-week' },
     { id: 'thisMonth', labelKey: 'yuv.smart-search.date-preset.this-month' },
     { id: 'thisYear', labelKey: 'yuv.smart-search.date-preset.this-year' }
 ];
+/** Operator id (`date:<preset>`) → translation key, so a committed preset can be re-labelled. */
+const DATE_PRESET_LABEL_KEYS = Object.fromEntries(DATE_PRESETS.map((preset) => [`date:${preset.id}`, preset.labelKey]));
 /**
  * State + mutators for SmartSearch, shared between the host component and the
  * recursive `SmartSearchGroupComponent`. Provided at the host component level
@@ -536,7 +574,10 @@ class SmartSearchEditController {
     constructor() {
         this.#system = inject(SystemService);
         this.#translate = inject(TranslateService);
-        /** The set of object type IDs that can be used as search blocks. */
+        /**
+         * The set of object type IDs the search is scoped to. Empty = unscoped: every
+         * searchable type of the schema is a candidate and nothing is restricted.
+         */
         this.allowedTypes = signal([], ...(ngDevMode ? [{ debugName: "allowedTypes" }] : /* istanbul ignore next */ []));
         /** ObjectTypeField IDs to exclude from the field-step autocomplete suggestions. */
         this.skipProperties = signal([], ...(ngDevMode ? [{ debugName: "skipProperties" }] : /* istanbul ignore next */ []));
@@ -579,6 +620,12 @@ class SmartSearchEditController {
         this.fulltext = signal({ term: '', scope: 'all', types: [] }, ...(ngDevMode ? [{ debugName: "fulltext" }] : /* istanbul ignore next */ []));
         /** Whether the dynamic-conditions feature is enabled (mirrors the host `supportDynamicConditions` input). */
         this.supportDynamic = signal(false, ...(ngDevMode ? [{ debugName: "supportDynamic" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether the host renders a plain full-text search (mirrors its `fulltextOnly` input).
+         * The condition builder is hidden and {@link cmisQuery} is built from {@link fulltext}
+         * alone, so blocks a loaded state carries can't contribute invisible clauses.
+         */
+        this.fulltextOnly = signal(false, ...(ngDevMode ? [{ debugName: "fulltextOnly" }] : /* istanbul ignore next */ []));
         /**
          * Form mode: replace the builder with a generated form of the user-marked dynamic
          * conditions. View state only — the template ({@link blocks}) is never mutated; the
@@ -599,6 +646,20 @@ class SmartSearchEditController {
         /** Whether any condition is marked dynamic (gates the form-mode toggle). */
         this.hasDynamicConditions = computed(() => this.blocks().some((block) => this.#anyDynamic(block.conditions)), ...(ngDevMode ? [{ debugName: "hasDynamicConditions" }] : /* istanbul ignore next */ []));
         this.objectTypes = computed(() => this.#system.getObjectTypes(true, 'search').filter((type) => this.allowedTypes().includes(type.id)), ...(ngDevMode ? [{ debugName: "objectTypes" }] : /* istanbul ignore next */ []));
+        /**
+         * The types an "all types" pick resolves to. With a configured allow-list, "all types"
+         * means *any of the allowed types* — not every type of the system — so the restriction
+         * is still emitted. Without one the list is empty and "all types" restricts nothing.
+         *
+         * Resolved id-by-id against the schema (rather than from {@link objectTypes}) so an
+         * allowed id the current schema doesn't know still narrows the query instead of silently
+         * widening it; `isSot` decides whether the id lands in the primary or the secondary
+         * object-type clause.
+         */
+        this.scopeTypes = computed(() => this.allowedTypes().map((id) => {
+            const known = this.#system.getObjectType(id, true);
+            return { id, label: known?.label ?? id, isSot: known?.isSot };
+        }), ...(ngDevMode ? [{ debugName: "scopeTypes" }] : /* istanbul ignore next */ []));
         /** Fields for the active top-level block, used by the field-step suggestions. */
         this.activeBlockFields = computed(() => this.#sharedFields(this.activeBlock()?.types ?? []), ...(ngDevMode ? [{ debugName: "activeBlockFields" }] : /* istanbul ignore next */ []));
         /**
@@ -652,10 +713,13 @@ class SmartSearchEditController {
         this.unitCount = computed(() => (this.fulltext().term.trim() ? 1 : 0) + this.blocks().length, ...(ngDevMode ? [{ debugName: "unitCount" }] : /* istanbul ignore next */ []));
         this.showCombinator = computed(() => this.unitCount() >= 2, ...(ngDevMode ? [{ debugName: "showCombinator" }] : /* istanbul ignore next */ []));
         this.cmisQuery = computed(() => {
+            // Full-text only: the blocks are not rendered, so they must not be queried either.
+            if (this.fulltextOnly())
+                return buildCmisQuery([], this.combinator(), this.fulltext(), this.scopeTypes());
             // In form mode, overlay the form's entered values onto the (untouched) template so
             // the emitted query reflects the user's fill-out without mutating the saved blocks.
             const blocks = this.formMode() ? overlayConditionValues(this.blocks(), this.#formValues()) : this.blocks();
-            return buildCmisQuery(blocks, this.combinator(), this.fulltext());
+            return buildCmisQuery(blocks, this.combinator(), this.fulltext(), this.scopeTypes());
         }, ...(ngDevMode ? [{ debugName: "cmisQuery" }] : /* istanbul ignore next */ []));
         /** The active input control for the current step. */
         this.activeCtrl = computed(() => {
@@ -688,7 +752,16 @@ class SmartSearchEditController {
             fulltext: JSON.parse(JSON.stringify(this.fulltext()))
         };
     }
-    /** Replace the current state with a saved one, normalizing legacy blocks and cancelling any in-progress edit. */
+    /**
+     * Replace the current state with a saved one, normalizing legacy blocks and cancelling any
+     * in-progress edit.
+     *
+     * Everything a persisted state carries for display only — type, field and operator labels and
+     * the composed condition label — is re-resolved against the live schema and the *current* UI
+     * language (see {@link #resolveType} / {@link #relabelNodes}), so a query saved in one language
+     * reads in the language it is restored in. The persisted strings act as the fallback for ids the
+     * schema or the translations can no longer resolve.
+     */
     loadState(state) {
         this.cancelPending();
         // Form-mode overlay keys reference the old tree; drop form mode on reload.
@@ -696,7 +769,7 @@ class SmartSearchEditController {
         this.blocks.set(state.blocks.map((block) => this.#normalizeBlock(block)));
         this.combinator.set(state.combinator);
         const fulltext = state.fulltext ?? { term: '', scope: 'all', types: [] };
-        this.fulltext.set({ ...fulltext, types: fulltext.types.map((type) => this.#resolveIsSot(type)) });
+        this.fulltext.set({ ...fulltext, types: fulltext.types.map((type) => this.#resolveType(type)) });
     }
     /** Reset all search state back to its initial empty values. */
     reset() {
@@ -764,9 +837,27 @@ class SmartSearchEditController {
         else
             this.enterFormMode();
     }
-    /** Record a value entered in the form for a dynamic condition (drives the overlaid {@link cmisQuery}). */
+    /**
+     * Record a value entered in the form for a dynamic condition (drives the overlaid
+     * {@link cmisQuery}). No-op when unchanged, so re-applying a row's current value —
+     * e.g. flushing the debounced controls on submit — can't churn the query.
+     */
     setFormValue(condition, raw) {
-        this.#formValues.update((current) => new Map(current).set(condition, normalizeConditionValue(raw)));
+        const next = normalizeConditionValue(raw);
+        const current = this.#formValues().get(condition);
+        if (current !== undefined && sameConditionValue(current, next))
+            return;
+        this.#formValues.update((values) => new Map(values).set(condition, next));
+    }
+    /**
+     * Re-apply every generated form row's current control value. The row controls are
+     * debounced, so a submit fired immediately after typing would otherwise read a stale
+     * overlay. Rows whose value already matches are skipped by {@link setFormValue}.
+     */
+    flushFormValues() {
+        for (const field of this.formFields()) {
+            this.setFormValue(field.condition, field.control.value);
+        }
     }
     /** Whether any condition in `nodes` (recursively) is marked dynamic and has a fillable value. */
     #anyDynamic(nodes) {
@@ -782,8 +873,10 @@ class SmartSearchEditController {
         return this.resolveFieldDefinition(block.types, fieldId);
     }
     // ── Full-text unit ────────────────────────────────────────────────────────
-    /** Set the full-text search term. */
+    /** Set the full-text search term. No-op when unchanged, so re-setting it can't churn {@link cmisQuery}. */
     setFulltextTerm(term) {
+        if (this.fulltext().term === term)
+            return;
         this.fulltext.update((current) => ({ ...current, term }));
     }
     /** Set the full-text search scope (`all` / `metadata` / `content`). */
@@ -957,7 +1050,12 @@ class SmartSearchEditController {
         this.pendingField.set(fieldItem);
         this.pendingOperatorLabel.set(this.operatorLabel(condition.operator));
         this.fieldCtrl.setValue(condition.fieldLabel, { emitEvent: false });
-        this.operatorCtrl.setValue(this.operatorLabel(condition.operator), { emitEvent: false });
+        // The operator is shown as a pill (from pendingOperatorLabel), so its control stays
+        // empty: it is the filter box for picking a *replacement*, not a text rendition of
+        // the current operator. Prefilling it would both make the label look editable and
+        // filter the operator suggestions down to itself.
+        this.operatorCtrl.setValue('', { emitEvent: false });
+        this.inputTerm.set('');
         this.step.set(isValuelessOperator(condition.operator) ? 'operator' : 'value');
     }
     /** Jump back to the field step and clear the input so the user can re-type. */
@@ -1054,14 +1152,25 @@ class SmartSearchEditController {
     operatorsForField(field) {
         return this.#operatorsForInternalType(field.internalType ?? 'string');
     }
-    /** Human-readable label for an operator id: a math symbol (`=`, `≠`, …), a translated key, or the id itself. */
+    /**
+     * Human-readable label for an operator id: a math symbol (`=`, `≠`, …), a translated
+     * key, a translated date-preset label (`date:thisMonth` → “This month”) or the id itself.
+     */
     operatorLabel(operator) {
         const symbol = OPERATOR_SYMBOLS[operator];
         if (symbol)
             return symbol;
-        const key = OPERATOR_LABEL_KEYS[operator];
+        const key = OPERATOR_LABEL_KEYS[operator] ?? DATE_PRESET_LABEL_KEYS[operator];
         return key ? this.#translate.instant(key) : operator;
     }
+    /**
+     * Whether {@link operatorLabel} can produce a real label for an operator id, i.e. whether it is
+     * one the builder offers. `false` for anything externally authored, where `operatorLabel` falls
+     * back to echoing the id.
+     */
+    #isKnownOperator(operator) {
+        return operator in OPERATOR_SYMBOLS || operator in OPERATOR_LABEL_KEYS || operator in DATE_PRESET_LABEL_KEYS;
+    }
     /** Build a condition record from a date preset / boolean operator / value. */
     buildCommitCondition(field, operatorId, operatorLabelText, value, internalTypeOverride) {
         if (operatorId.startsWith('date:')) {
@@ -1072,7 +1181,7 @@ class SmartSearchEditController {
                 operator: operatorId,
                 operatorLabel: operatorLabelText,
                 value: operatorId.slice(DATE_PREFIX_LEN$1),
-                conditionLabel: `${field.label} ${operatorLabelText}`
+                conditionLabel: composeConditionLabel(field.label, operatorId, operatorLabelText, '')
             };
         }
         if (operatorId === 'empty' || operatorId === 'not_empty') {
@@ -1083,7 +1192,7 @@ class SmartSearchEditController {
                 operator: operatorId,
                 operatorLabel: operatorLabelText,
                 value: '',
-                conditionLabel: `${field.label} ${operatorLabelText}`
+                conditionLabel: composeConditionLabel(field.label, operatorId, operatorLabelText, '')
             };
         }
         if (operatorId === 'eq_true' || operatorId === 'eq_false') {
@@ -1095,10 +1204,9 @@ class SmartSearchEditController {
                 operator: 'eq',
                 operatorLabel: '=',
                 value: val,
-                conditionLabel: `${field.label} = ${val}`
+                conditionLabel: composeConditionLabel(field.label, 'eq', '=', val)
             };
         }
-        const valueLabel = Array.isArray(value) ? value.join(', ') : value;
         return {
             fieldId: field.id,
             internalType: internalTypeOverride ?? field.internalType ?? 'string',
@@ -1106,11 +1214,7 @@ class SmartSearchEditController {
             operator: operatorId,
             operatorLabel: operatorLabelText,
             value,
-            // Omit the value segment for an unset placeholder so the chip/aria label reads
-            // cleanly ("Name like") instead of carrying a trailing space.
-            conditionLabel: valueLabel
-                ? `${field.label} ${operatorLabelText} ${valueLabel}`
-                : `${field.label} ${operatorLabelText}`
+            conditionLabel: composeConditionLabel(field.label, operatorId, operatorLabelText, value)
         };
     }
     /**
@@ -1165,9 +1269,9 @@ class SmartSearchEditController {
             this.#blockSeq = Math.max(this.#blockSeq, Number(match[1]));
     }
     /**
-     * Normalize a block coming from a loaded state. Ensures an `id`, and migrates
-     * legacy single-type blocks (`typeId`/`typeLabel`/`isSot`) into the `types[]`
-     * shape so older saved states remain loadable.
+     * Normalize a block coming from a loaded state. Ensures an `id`, migrates legacy
+     * single-type blocks (`typeId`/`typeLabel`/`isSot`) into the `types[]` shape so older
+     * saved states remain loadable, and re-resolves every display label the state carried.
      */
     #normalizeBlock(block) {
         const legacy = block;
@@ -1178,23 +1282,72 @@ class SmartSearchEditController {
         this.#trackSeq(id);
         return {
             id,
-            types: types.map((type) => this.#resolveIsSot(type)),
-            conditions: legacy.conditions ?? [],
+            types: types.map((type) => this.#resolveType(type)),
+            conditions: this.#relabelNodes(legacy.conditions ?? []),
             conditionCombinator: legacy.conditionCombinator ?? 'AND'
         };
     }
     /**
-     * Re-derive a type's `isSot` flag from the live schema. `isSot` drives whether the
-     * type restriction is emitted as `objectTypeId = …` or `system:secondaryObjectTypeIds
-     * IN (…)`, so it must reflect the schema's current classification rather than whatever
-     * was carried in by a persisted state (legacy saved queries predate the flag, and
-     * externally-constructed types may omit it). Resolved via the schema (not the
-     * `allowedTypes`-filtered list) so a saved type outside the current allow-list is still
-     * corrected; unknown ids are left untouched.
+     * Re-derive a type's display label and its `isSot` flag from the live schema.
+     *
+     * `isSot` drives whether the type restriction is emitted as `objectTypeId = …` or
+     * `system:secondaryObjectTypeIds IN (…)`, so it must reflect the schema's current
+     * classification rather than whatever was carried in by a persisted state (legacy saved
+     * queries predate the flag, and externally-constructed types may omit it). Resolved via the
+     * schema (not the `allowedTypes`-filtered list) so a saved type outside the current allow-list
+     * is still corrected; unknown ids keep their flag untouched.
+     *
+     * The label is presentation only, but a persisted one freezes the language the state was saved
+     * in — so it is re-resolved the same way the type suggestions are built, falling back to the
+     * persisted label for an id the current translations don't cover.
      */
-    #resolveIsSot(type) {
+    #resolveType(type) {
+        const resolved = { ...type, label: this.#resolveLabel(type.id, type.label) };
         const known = this.#system.getObjectType(type.id);
-        return known ? { ...type, isSot: known.isSot } : type;
+        return known ? { ...resolved, isSot: known.isSot } : resolved;
+    }
+    /**
+     * Localized label for a schema id (object type, field or table column), falling back to the
+     * label a persisted state carried and finally to the bare id. Mirrors the resolution the
+     * suggestion lists use ({@link #sharedFields} / {@link #columnSuggestions}), so a restored chip
+     * reads like a freshly built one.
+     */
+    #resolveLabel(id, persisted) {
+        return this.#system.getLocalizedLabel(id) || persisted || id;
+    }
+    /**
+     * Re-resolve the display labels of a condition tree coming from a loaded state, preserving its
+     * structure and everything that drives the query (`fieldId`, `operator`, `value`, `dynamic`).
+     * Recurses through groups and table conditions.
+     */
+    #relabelNodes(nodes) {
+        return nodes.map((node) => {
+            if (isTableCondition(node)) {
+                return {
+                    ...node,
+                    fieldLabel: this.#resolveLabel(node.fieldId, node.fieldLabel),
+                    conditions: this.#relabelNodes(node.conditions)
+                };
+            }
+            if (isConditionGroup(node))
+                return { ...node, conditions: this.#relabelNodes(node.conditions) };
+            return this.#relabelCondition(node);
+        });
+    }
+    /** Re-resolve a single condition's field / operator / chip labels (see {@link #relabelNodes}). */
+    #relabelCondition(condition) {
+        const fieldLabel = this.#resolveLabel(condition.fieldId, condition.fieldLabel);
+        // For an operator the builder doesn't know, operatorLabel() would echo the raw id — keep the
+        // persisted label instead.
+        const operatorLabel = this.#isKnownOperator(condition.operator)
+            ? this.operatorLabel(condition.operator)
+            : condition.operatorLabel || condition.operator;
+        return {
+            ...condition,
+            fieldLabel,
+            operatorLabel,
+            conditionLabel: composeConditionLabel(fieldLabel, condition.operator, operatorLabel, condition.value)
+        };
     }
     /**
      * Fields shared by *all* given types (the intersection by field id), shaped as
@@ -1318,11 +1471,7 @@ class SmartSearchEditController {
                 ];
             case 'boolean':
             case 'boolean:switch':
-                return [
-                    { kind: 'operator', id: 'eq_true', label: this.#translate.instant('yuv.smart-search.operator.eq-true') },
-                    { kind: 'operator', id: 'eq_false', label: this.#translate.instant('yuv.smart-search.operator.eq-false') },
-                    ...empty()
-                ];
+                return [...base(['eq_true', 'eq_false']), ...empty()];
             case 'string:catalog':
             case 'string:catalog:i18n':
             case 'string:catalog:dynamic':
@@ -1453,6 +1602,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
 
 const DEBOUNCE_MS = 150;
 const DATE_PREFIX_LEN = 5;
+/** `keyCode` browsers report while an IME composition session is active. */
+const IME_KEY_CODE = 229;
 /**
  * Visual query builder that turns guided, chip-based user input into a CMIS query.
  *
@@ -1462,15 +1613,26 @@ const DATE_PREFIX_LEN = 5;
  * - one or more **type blocks**, each targeting one or more object types and holding
  *   field conditions, nested groups and table-column conditions.
  *
+ * Set {@link fulltextOnly} to drop the second part entirely and render a plain full-text
+ * search bar.
+ *
  * Conditions are built step by step (type → field → operator → value) with an inline
  * autocomplete editor; the value step renders the field's real metadata widget
  * (datepicker, catalog select, organization picker, …). The resulting CMIS query is
  * emitted through {@link queryChange} on every change and can be saved/restored as a
- * plain-data {@link SmartSearchState} via {@link getState} / {@link loadState}.
+ * plain-data {@link SmartSearchState} via {@link getState} / {@link loadState}. A restored
+ * state is re-labelled in the current UI language (see {@link loadState}).
  *
  * State and mutators live in {@link SmartSearchEditController} (provided per instance);
  * this component owns only the UI concerns (focus, autocomplete plumbing, blur handling).
  *
+ * **Submitting.** {@link queryChange} is a live preview — it fires on every change. To run
+ * a search only when the user is done, bind {@link querySubmit}: it emits when ENTER
+ * reaches the component without an inner widget having claimed it, the way a plain HTML
+ * form submits on ENTER. Widgets that own ENTER for their own purpose keep it: the
+ * suggestion autocomplete picks an option, a catalog select picks a value, and the inline
+ * editor commits the condition it is building. Only the *next* ENTER then submits.
+ *
  * @example
  * ```html
  * <!-- Restrict the picker to two object types and skip a noisy property -->
@@ -1509,9 +1671,14 @@ class SmartSearchComponent {
         this.#host = inject((ElementRef));
         this.ctrl = inject(SmartSearchEditController);
         /**
-         * Object-type ids that may be searched. Restricts the type picker (both the
-         * full-text type filter and the type-block multi-select) to these types. When
-         * empty, no type is offered — set at least one id to enable building blocks.
+         * Object-type ids that may be searched — the scope of the whole search. Restricts
+         * the type picker (both the full-text type filter and the type-block multi-select)
+         * to these types, and narrows the emitted query: picking *All types* in the
+         * full-text filter then means "any of these types" (`objectTypeId IN (…)`), not
+         * every type the system knows.
+         *
+         * When empty the search is unscoped — *All types* restricts nothing — and no type
+         * is offered in the picker, so only a full-text search can be built.
          */
         this.types = input([], ...(ngDevMode ? [{ debugName: "types" }] : /* istanbul ignore next */ []));
         /**
@@ -1520,6 +1687,14 @@ class SmartSearchComponent {
          * table columns alike.
          */
         this.skipProperties = input([], ...(ngDevMode ? [{ debugName: "skipProperties" }] : /* istanbul ignore next */ []));
+        /**
+         * Renders the component as a plain full-text search: only the full-text bar (term, scope
+         * and the object-type filter) is shown — no type blocks, no condition builder, no
+         * form-mode toggle. The emitted query is built from the full-text unit alone, so a
+         * previously {@link loadState loaded} state's blocks do not contribute while this is set.
+         * {@link types} keeps its meaning: the search stays scoped to those types.
+         */
+        this.fulltextOnly = input(false, ...(ngDevMode ? [{ debugName: "fulltextOnly" }] : /* istanbul ignore next */ []));
         /**
          * Enables the **dynamic conditions** feature. When `true`, each committed condition can
          * be marked dynamic and a form-mode toggle appears that swaps the builder for a generated
@@ -1534,6 +1709,14 @@ class SmartSearchComponent {
          * non-empty values.
          */
         this.queryChange = output();
+        /**
+         * Emits the current CMIS query when the user presses ENTER and no inner widget
+         * claimed that key — the smart-search equivalent of submitting a form. Bind this
+         * (rather than {@link queryChange}) to run the search only once the user is done
+         * building it. Like {@link queryChange}, `''` means "no query"; an empty search
+         * still submits.
+         */
+        this.querySubmit = output();
         this.auto = viewChild.required('auto');
         /** Trigger of the currently-focused autocomplete input — used to re-open the
          * panel after a type pick so the multi-select stays open. */
@@ -1542,6 +1725,14 @@ class SmartSearchComponent {
         this.fulltextTermCtrl = new FormControl('');
         /** Sentinel option value representing "no type restriction" in the type multi-select. */
         this.ALL_TYPES = '__all__';
+        /**
+         * Empty `matChipInputSeparatorKeyCodes` for the add-type input. The directive defaults
+         * to `[ENTER]` and then calls `preventDefault()` on *every* Enter to end a chip — but
+         * we never bind `matChipInputTokenEnd`, so that only served to hide the key from
+         * {@link onHostEnter}. A stable reference: a `[]` literal in the template would be a
+         * new array on each change-detection run.
+         */
+        this.NO_SEPARATOR_KEYS = [];
         /**
          * Guard that prevents `onInlineBlur` from cancelling the pending condition
          * when we programmatically open the inline editor.
@@ -1630,6 +1821,17 @@ class SmartSearchComponent {
         effect(() => {
             this.ctrl.skipProperties.set(this.skipProperties());
         });
+        // Mirror the full-text-only opt-in into the controller (it also drops the blocks from
+        // the emitted query). Turning it on discards an in-progress condition edit and form
+        // mode, so flipping the flag at runtime can't leave hidden UI state active.
+        effect(() => {
+            const only = this.fulltextOnly();
+            this.ctrl.fulltextOnly.set(only);
+            if (only) {
+                this.ctrl.cancelPending();
+                this.ctrl.exitFormMode();
+            }
+        });
         // Mirror the dynamic-conditions opt-in into the controller; leaving the feature
         // disabled also forces form mode off.
         effect(() => {
@@ -1708,7 +1910,15 @@ class SmartSearchComponent {
     getState() {
         return this.ctrl.getState();
     }
-    /** Restore a previously {@link getState saved} search, replacing the current one. */
+    /**
+     * Restore a previously {@link getState saved} search, replacing the current one.
+     *
+     * The display labels a state carries (type, field and operator labels and the chip's composed
+     * condition label) are re-resolved against the live schema and the *current* UI language, so a
+     * search saved in one language reads in the language it is restored in. Ids the schema or the
+     * translations can no longer resolve keep the label the state carried. Nothing that drives the
+     * emitted query is affected.
+     */
     loadState(state) {
         this.ctrl.loadState(state);
         // The full-text term input is a local control, not bound to the signal (scope and
@@ -1882,37 +2092,103 @@ class SmartSearchComponent {
      * pick, so Enter commits the staged types — even while the autocomplete panel
      * is open. While the user is typing a filter term, Enter is left to the
      * autocomplete so it can select the highlighted option.
+     *
+     * Unlike {@link onEnter} this deliberately lets an unusable Enter fall through:
+     * the add-type input is the resting state of an empty search, so Enter with
+     * nothing staged has to reach {@link onHostEnter} and submit.
      */
-    onTypeEnter() {
+    onTypeEnter(event) {
+        if (event.defaultPrevented)
+            return;
         // The ENTER that selected an autocomplete option must not also confirm the
         // block — regardless of whether this handler runs before or after the
         // autocomplete closes its panel.
         if (this._suppressTypeConfirm)
             return;
+        if (this.auto().isOpen)
+            return;
         const term = this.ctrl.fieldCtrl.value;
         if (typeof term === 'string' && term.trim())
             return;
         if (this.ctrl.draftTypes().length === 0)
             return;
+        // Claim the key so it doesn't also submit the search.
+        event.preventDefault();
         this.confirmTypes();
     }
     /**
-     * Enter / confirm-button handler for the value step. Commits the in-progress
-     * condition when a value is present. No-op while the autocomplete panel is open
-     * (Enter selects the highlighted option there) or before the value step.
+     * Enter / confirm-button handler for the inline editor. Commits the in-progress
+     * condition once it has a field and an operator. No-op while the autocomplete
+     * panel is open (Enter selects the highlighted option there).
+     *
+     * Bound on the editor wrapper, so it covers every step — including the value
+     * step's real metadata widget — and runs after the widgets' own key handling.
+     * The `event` is optional because the confirm button calls this from a click.
      */
-    onEnter() {
+    onEnter(event) {
+        if (event?.defaultPrevented)
+            return;
         if (this.auto().isOpen)
             return;
-        if (this.ctrl.step() !== 'value')
+        if (event && this.#isMultilineTarget(event))
             return;
-        // No value guard: a blank value commits an unset placeholder (fill-in template).
-        const raw = this.ctrl.valueCtrl.value;
+        // The inline editor owns Enter while it is open: commit when the condition is
+        // ready, otherwise swallow the key — a half-built condition must not submit.
+        event?.preventDefault();
         const field = this.ctrl.pendingField();
         const fieldOp = field?.operator ?? '';
         if (!field || !fieldOp)
             return;
+        // A valueless operator (`is empty`, a date preset) is complete the moment it is
+        // set, and the editor parks on the operator step for it — so confirm has to work
+        // from there too, otherwise re-opening such a chip is a dead end with no way out.
+        const onOperatorStep = this.ctrl.step() === 'operator';
+        if (this.ctrl.step() !== 'value' && !(onOperatorStep && isValuelessOperator(fieldOp)))
+            return;
+        // No value guard: a blank value commits an unset placeholder (fill-in template).
+        // The operator step has no value widget; buildCommitCondition derives the value a
+        // valueless operator carries (the date preset id, or '') from the operator itself.
+        const raw = onOperatorStep ? '' : this.ctrl.valueCtrl.value;
         this.ctrl.commitCondition(this.ctrl.buildCommitCondition(field, fieldOp, this.ctrl.operatorLabel(fieldOp), normalizeConditionValue(raw)));
+        // Committing unmounts the editor, which would drop focus to <body>. Hand it to
+        // the add-type input so the next Enter (or the next condition) has a target.
+        setTimeout(() => this.#focusTypeInput());
+    }
+    /**
+     * Enter that bubbled all the way up to the component host without being claimed:
+     * submit the search, the way a plain HTML form does.
+     *
+     * Everything inside that owns Enter marks the event handled via `preventDefault()`
+     * — Material's autocomplete and select do, and so do {@link onEnter} /
+     * {@link onTypeEnter} — so this only sees the "nothing else wanted it" case. The
+     * remaining guards cover keys the browser itself is still acting on.
+     */
+    onHostEnter(event) {
+        if (event.defaultPrevented)
+            return;
+        // Confirming an IME candidate, not submitting.
+        if (this.#isComposing(event))
+            return;
+        // Enter inserts a newline here; Shift+Enter never reaches us (Angular's
+        // `keydown.enter` matches modifiers exactly).
+        if (this.#isMultilineTarget(event))
+            return;
+        // A native button/link already turned this Enter into a click.
+        if (this.#isActivationTarget(event))
+            return;
+        // A suggestion panel is up but Material left the key untouched (no active option).
+        if (this.auto().isOpen)
+            return;
+        // A raw value renderer mounted its UI in the CDK overlay (mat-select panel,
+        // datepicker dialog) — same reasoning as onInlineBlur.
+        if (document.querySelector('.cdk-overlay-container .cdk-overlay-pane'))
+            return;
+        // The Enter that staged a type can land here after the panel already closed
+        // (matChipInput reorders the keydown listeners — see _suppressTypeConfirm).
+        if (this._suppressTypeConfirm || this._pickerJustSelected)
+            return;
+        this.#flushPendingInput();
+        this.querySubmit.emit(this.ctrl.cmisQuery());
     }
     /**
      * Called when the inline-input wrapper loses focus.
@@ -1986,8 +2262,13 @@ class SmartSearchComponent {
             this.ctrl.cancelPending();
         });
     }
-    /** Abandon the in-progress condition edit, discarding any partial input. */
+    /**
+     * Abandon the in-progress condition edit, discarding any partial input. When an
+     * existing condition was opened for editing it is put back verbatim rather than
+     * lost — cancelling an edit means "leave it as it was", the same as the blur path.
+     */
     cancelPending() {
+        this.ctrl.restoreEditingSnapshot();
         this.ctrl.cancelPending();
     }
     /** Jump the inline editor back to the field step so the user can re-pick the field. */
@@ -2094,8 +2375,9 @@ class SmartSearchComponent {
         }
         else {
             this.ctrl.pendingField.set({ ...field, operator: item.id });
+            // The pill reads from pendingOperatorLabel; the control is only the filter box.
             this.ctrl.pendingOperatorLabel.set(item.label);
-            this.ctrl.operatorCtrl.setValue(item.label, { emitEvent: false });
+            this.ctrl.operatorCtrl.setValue('', { emitEvent: false });
             this.ctrl.inputTerm.set('');
             this.ctrl.step.set('value');
             this._suppressNextBlur = true;
@@ -2115,15 +2397,57 @@ class SmartSearchComponent {
         const raw = this.ctrl.valueCtrl.value;
         this.ctrl.commitCondition(this.ctrl.buildCommitCondition(field, operator, this.ctrl.operatorLabel(operator), normalizeConditionValue(raw)));
     }
+    // ── Submit-on-Enter internals (see onHostEnter) ────────────────────────────
+    /**
+     * Apply the debounced inputs (full-text term, fill-out form rows) to the query state
+     * right now. Enter typically arrives well inside the debounce window, so without this
+     * a submit would emit the query as it stood one keystroke ago. Both mutators ignore an
+     * unchanged value, so this is free when nothing is pending.
+     */
+    #flushPendingInput() {
+        this.ctrl.setFulltextTerm(this.fulltextTermCtrl.value ?? '');
+        if (this.ctrl.formMode())
+            this.ctrl.flushFormValues();
+    }
+    /** Whether the key is confirming an IME candidate rather than acting on its own. */
+    #isComposing(event) {
+        const keyEvent = event;
+        return !!keyEvent.isComposing || keyEvent.keyCode === IME_KEY_CODE;
+    }
+    /** Whether the key landed in a control where Enter inserts a line break. */
+    #isMultilineTarget(event) {
+        const target = event.target;
+        return !!target?.closest?.('textarea, [contenteditable]:not([contenteditable="false"])');
+    }
+    /**
+     * Whether the key landed on an element the browser activates with Enter. Native
+     * buttons fire a click *and* let the keydown bubble, so without this an Enter on
+     * e.g. the block-remove button would also submit the search.
+     */
+    #isActivationTarget(event) {
+        const target = event.target;
+        return !!target?.closest?.('button, a[href], [role="button"], summary');
+    }
     #focusInput() {
         this.#host.nativeElement.querySelector('.inline-input input')?.focus();
     }
+    /** Focus the add-type input — the editor's resting place once a condition is committed. */
+    #focusTypeInput() {
+        const input = this.#host.nativeElement.querySelector('.add-type-row input');
+        if (!input)
+            return;
+        input.focus();
+        // Focusing an autocomplete input pops its panel open. The user just finished a
+        // condition and didn't ask for type suggestions — and an open panel would swallow
+        // the Enter that submits the search. Typing reopens it.
+        this.trigger()?.closePanel();
+    }
     /** Focus the "Add condition" (+) button of a block — used after confirming its types. */
     #focusAddCondition(blockId) {
         this.#host.nativeElement.querySelector(`.block[data-block-id="${blockId}"] .add-condition-btn`)?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SmartSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: SmartSearchComponent, isStandalone: true, selector: "yuv-smart-search", inputs: { types: { classPropertyName: "types", publicName: "types", isSignal: true, isRequired: false, transformFunction: null }, skipProperties: { classPropertyName: "skipProperties", publicName: "skipProperties", isSignal: true, isRequired: false, transformFunction: null }, supportDynamicConditions: { classPropertyName: "supportDynamicConditions", publicName: "supportDynamicConditions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryChange: "queryChange" }, providers: [SmartSearchEditController], viewQueries: [{ propertyName: "auto", first: true, predicate: ["auto"], descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"smart-search\" halo-container halo-container-skip=\"true\">\n  <!-- Condition chip template \u2014 passed down into the recursive group component. -->\n  <ng-template #chipTpl let-condition let-container=\"container\" let-i=\"index\">\n    <div\n      class=\"condition-chip\"\n      [class.condition-chip--unset]=\"isUnset(condition)\"\n      [class.condition-chip--dynamic]=\"condition.dynamic\"\n      tabindex=\"0\"\n      role=\"button\"\n      [attr.aria-label]=\"'yuv.smart-search.condition.edit-aria' | translate: { label: condition.conditionLabel }\"\n      (click)=\"editCondition(container, condition, i)\"\n      (keydown.space)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n      (keydown.enter)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n    >\n      @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      }\n\n      <span class=\"condition-chip__part condition-chip__field\">\n        <!-- <mat-icon>tune</mat-icon> -->\n        {{ condition.fieldLabel }}\n      </span>\n      <span class=\"condition-chip__part condition-chip__op\">{{ condition.operatorLabel }}</span>\n      <span class=\"condition-chip__part condition-chip__value\">\n        @if (isUnset(condition)) {\n          <span class=\"condition-chip__placeholder\">{{ 'yuv.smart-search.condition.unset-value' | translate }}</span>\n        } @else if (valueRendererInput(condition); as rendererInput) {\n          <ng-container *yuvRenderer=\"rendererInput\" />\n        } @else {\n          {{ condition.value }}\n        }\n      </span>\n      <!-- @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      } -->\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"condition-chip__remove\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'yuv.smart-search.condition.remove' | translate\"\n        (click)=\"$event.stopPropagation(); removeCondition(container, condition)\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- Inline editor template \u2014 rendered inside whichever container is active. -->\n  <ng-template #editorTpl>\n    <div class=\"inline-input\" tabindex=\"-1\" (focusout)=\"onInlineBlur($event)\" (keydown.escape)=\"cancelPending()\">\n      @if (ctrl.step() !== 'field' && ctrl.pendingField()) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'field'\"\n          (click)=\"editField()\"\n          [matTooltip]=\"'yuv.smart-search.field.change' | translate\"\n        >\n          {{ ctrl.pendingField()?.label }}\n        </button>\n      }\n\n      @if (ctrl.step() === 'value' && ctrl.operatorCtrl.value) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'operator'\"\n          (click)=\"editOperator()\"\n          [matTooltip]=\"'yuv.smart-search.operator.change' | translate\"\n        >\n          {{ ctrl.operatorCtrl.value }}\n        </button>\n      }\n\n      @if (ctrl.step() === 'field') {\n        <input\n          [formControl]=\"ctrl.fieldCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.field.pick' | translate\"\n          (keydown.enter)=\"onEnter()\"\n        />\n      } @else if (ctrl.step() === 'operator') {\n        <input\n          [formControl]=\"ctrl.operatorCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.operator.select' | translate\"\n          (keydown.enter)=\"onEnter()\"\n        />\n      } @else if (ctrl.step() === 'value') {\n        @let otf = valueFieldDef();\n        @if (otf) {\n          <yuv-metadata-form-field variant=\"raw\" [field]=\"otf\" situation=\"EDIT\" [formControl]=\"ctrl.valueCtrl\" />\n        } @else {\n          <input\n            [formControl]=\"ctrl.valueCtrl\"\n            [matAutocomplete]=\"auto\"\n            [placeholder]=\"'yuv.smart-search.value.enter' | translate\"\n            (keydown.enter)=\"onEnter()\"\n          />\n        }\n      }\n\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"confirm-btn\"\n        [disabled]=\"!ctrl.isConditionComplete()\"\n        (click)=\"onEnter()\"\n        [matTooltip]=\"'yuv.smart-search.confirm' | translate\"\n      >\n        <mat-icon>check</mat-icon>\n      </button>\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"cancel-btn\"\n        (click)=\"cancelPending()\"\n        [matTooltip]=\"'yuv.smart-search.cancel' | translate\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- \u2500\u2500 Toolbar: Essentials \u21C4 Full Form mode switch (only when the dynamic feature is enabled) \u2500\u2500 -->\n  @if (supportDynamicConditions() && (hasDynamicConditions() || formMode())) {\n    <div class=\"toolbar\">\n      <div class=\"toolbar__mode\" role=\"group\" [attr.aria-label]=\"'yuv.smart-search.mode.label' | translate\">\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"formMode()\"\n          [attr.aria-pressed]=\"formMode()\"\n          (click)=\"enterFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.essentials' | translate }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"!formMode()\"\n          [attr.aria-pressed]=\"!formMode()\"\n          (click)=\"exitFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.full' | translate }}\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- \u2500\u2500 Generated fill-out form of the dynamic conditions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (formMode()) {\n    <div class=\"dynamic-form\">\n      @for (grp of formBlocks(); track grp.block.id; let last = $last) {\n        <div class=\"dynamic-form__block\">\n          <!-- Muted header listing the block's target types (a block matches any of them). -->\n          <div class=\"dynamic-form__block-header\">\n            @for (t of grp.block.types; track t.id) {\n              @if (!$first) {\n                <span class=\"dynamic-form__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n              }\n              <span class=\"dynamic-form__type\">{{ t.label }}</span>\n            }\n          </div>\n\n          <div class=\"dynamic-form__rows\">\n            @for (f of grp.fields; track f.condition) {\n              <div class=\"dynamic-form__row\">\n                <span class=\"dynamic-form__label\">{{ f.condition.fieldLabel }}</span>\n                <span class=\"dynamic-form__op\">{{ f.condition.operatorLabel }}</span>\n                <div class=\"dynamic-form__value\">\n                  @if (f.def) {\n                    <yuv-metadata-form-field variant=\"raw\" [field]=\"f.def\" situation=\"EDIT\" [formControl]=\"f.control\" />\n                  } @else {\n                    <input [formControl]=\"f.control\" [placeholder]=\"'yuv.smart-search.value.enter' | translate\" />\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Blocks are type-scoped and always combine with OR (\"this type as well as that type\"). -->\n        @if (!last) {\n          <div class=\"combinator\">\n            <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n          </div>\n        }\n      } @empty {\n        <span class=\"dynamic-form__empty\">{{ 'yuv.smart-search.mode.empty' | translate }}</span>\n      }\n    </div>\n  } @else {\n    <!-- \u2500\u2500 Full-text search bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"fulltext\" [class.muted]=\"!fulltext().term.trim() && ctrl.blocks().length\">\n      <!-- Row 1: full-width term -->\n      <div class=\"fulltext__term\">\n        <mat-icon class=\"fulltext__icon\">search</mat-icon>\n        <input\n          class=\"fulltext__input\"\n          [formControl]=\"fulltextTermCtrl\"\n          [placeholder]=\"'yuv.smart-search.fulltext.placeholder' | translate\"\n        />\n      </div>\n\n      <!-- Row 2: scope (single) + types (multiple) -->\n      <div class=\"fulltext__filters\">\n        <mat-select\n          class=\"fulltext__scope\"\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltext().scope\"\n          (selectionChange)=\"setFulltextScope($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.scope.label' | translate\"\n        >\n          <mat-option value=\"all\">{{ 'yuv.smart-search.fulltext.scope.all' | translate }}</mat-option>\n          <mat-option value=\"metadata\">{{ 'yuv.smart-search.fulltext.scope.metadata' | translate }}</mat-option>\n          <mat-option value=\"content\">{{ 'yuv.smart-search.fulltext.scope.content' | translate }}</mat-option>\n        </mat-select>\n\n        <mat-select\n          class=\"fulltext__types\"\n          multiple\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltextTypeSelection()\"\n          (selectionChange)=\"onFulltextTypesChange($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.types.label' | translate\"\n        >\n          <mat-option [value]=\"ALL_TYPES\">{{ 'yuv.smart-search.fulltext.types.all' | translate }}</mat-option>\n          @for (t of objectTypes(); track t.id) {\n            <mat-option [value]=\"t.id\">{{ t.label ?? t.id }}</mat-option>\n          }\n        </mat-select>\n      </div>\n    </div>\n\n    <!-- Joiner between the full-text unit and the condition blocks. Top-level units\n         always combine with OR (\"looking for this as well as that\"), so this is a\n         static label rather than a toggle. -->\n    @if (fulltext().term.trim() && ctrl.blocks().length) {\n      <div class=\"combinator\">\n        <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Step 1: Type blocks \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (block of ctrl.blocks(); track block.id) {\n      <div class=\"block\" [attr.data-block-id]=\"block.id\" [class.block--active]=\"ctrl.activeBlock() === block\">\n        <div class=\"block__header\">\n          <div class=\"block__types\">\n            @for (t of block.types; track t.id) {\n              @if (!$first) {\n                <span class=\"block__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n              }\n              <span class=\"block__type\">\n                <span class=\"block__type-label\">{{ t.label }}</span>\n              </span>\n            }\n          </div>\n          <button\n            ymtIconButton\n            icon-button-size=\"extra-small\"\n            class=\"block__remove\"\n            (click)=\"removeBlock(block)\"\n            [matTooltip]=\"'yuv.smart-search.type.remove' | translate\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n\n        <div class=\"block__conditions\">\n          <yuv-smart-search-group [group]=\"block\" [bare]=\"true\" [chipTpl]=\"chipTpl\" [editorTpl]=\"editorTpl\" />\n        </div>\n      </div>\n\n      <!-- Static joiner between blocks \u2014 blocks are type-scoped, so they always\n           combine with OR (\"this type as well as that type\"). -->\n      @if (!$last && ctrl.showCombinator()) {\n        <div class=\"combinator\">\n          <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n        </div>\n      }\n    }\n\n    <!-- \u2500\u2500 Step 1 input: add a type block (multi-select) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (ctrl.step() === 'type') {\n      <div class=\"add-type-row\">\n        <button\n          type=\"button\"\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"add-type-row__icon\"\n          (click)=\"typeInput.focus()\"\n          [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n        >\n          <mat-icon>add_circle_outline</mat-icon>\n        </button>\n\n        <!-- Staged draft types as removable Material chips -->\n        <mat-chip-grid\n          #typeChipGrid\n          class=\"add-type-row__chips\"\n          [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n        >\n          @for (t of ctrl.draftTypes(); track t.id) {\n            <mat-chip-row (removed)=\"ctrl.removeDraftType(t.id)\">\n              {{ t.label }}\n              <button matChipRemove [attr.aria-label]=\"'yuv.smart-search.type.remove-draft' | translate\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-chip-row>\n          }\n          <input\n            #typeInput\n            [formControl]=\"ctrl.fieldCtrl\"\n            [placeholder]=\"'yuv.smart-search.add-type' | translate\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"typeChipGrid\"\n            (keydown.enter)=\"onTypeEnter()\"\n            (keydown.escape)=\"cancelPending()\"\n          />\n        </mat-chip-grid>\n\n        @if (ctrl.draftTypes().length) {\n          <button\n            ymtIconButton\n            icon-button-size=\"extra-small\"\n            class=\"add-type-row__confirm\"\n            (click)=\"confirmTypes()\"\n            [matTooltip]=\"'yuv.smart-search.type.confirm' | translate\"\n          >\n            <mat-icon>check</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  }\n\n  <!-- \u2500\u2500 Shared autocomplete panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <mat-autocomplete\n    #auto\n    panelWidth=\"auto\"\n    [displayWith]=\"displayFn\"\n    (optionSelected)=\"onSuggestionSelected($event)\"\n    (closed)=\"onPickerClosed()\"\n  >\n    @for (s of ctrl.suggestions(); track s.id) {\n      <mat-option [value]=\"s\">\n        <div class=\"suggestion\">\n          @if (s.kind !== 'type') {\n            <mat-icon class=\"suggestion__icon\">\n              @switch (s.kind) {\n                @case ('field') {\n                  tune\n                }\n                @case ('date-preset') {\n                  calendar_today\n                }\n                @default {\n                  manage_search\n                }\n              }\n            </mat-icon>\n          }\n          <span class=\"suggestion__label\">{{ s.label }}</span>\n        </div>\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n", styles: [":host{display:block;--outline: rgb(from var(--ymt-text-color) r g b / .5);--focus-visible-border-color: var(--ymt-primary);--focus-visible-border-shadow-color: rgb(from var(--ymt-primary) r g b / .3)}::ng-deep .smart-search-select-panel.mat-mdc-select-panel{min-width:max-content}::ng-deep .smart-search-select-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{white-space:nowrap}.smart-search{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.fulltext{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px solid var(--outline);border-radius:var(--ymt-corner-s);transition:opacity .15s}.fulltext.muted{opacity:.7}.fulltext.muted:hover,.fulltext.muted:focus-within{opacity:1}.fulltext__term{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}.fulltext__icon{color:var(--ymt-text-color-subtle)}.fulltext__input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.fulltext__input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.fulltext__filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ymt-spacing-s)}.fulltext__scope,.fulltext__types{width:auto;font-size:.9em;color:var(--ymt-text-color-subtle);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding-inline:var(--ymt-spacing-xs)}.fulltext__scope:focus-visible,.fulltext__types:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.block{border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden;transition:border-color .15s;padding:var(--ymt-spacing-2xs)}.block:focus-within{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 3px var(--focus-visible-border-shadow-color)}.block__header{border-radius:var(--ymt-corner-xs);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);background:var(--ymt-surface-container-high)}.block__types{flex:1;display:flex;align-items:center;flex-wrap:wrap}.block__type{display:inline-flex;align-items:center;gap:var(--ymt-spacing-2xs)}.block__type-sep{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-xs)}.block__remove{margin-inline-start:auto;opacity:.7}.block__conditions{display:flex;flex-direction:column;align-items:stretch;gap:var(--ymt-spacing-2xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);min-height:44px}.condition-chip{display:flex;flex:1;align-items:center;gap:0;border-radius:var(--ymt-corner-xs);border:1px solid var(--outline);cursor:pointer;overflow:hidden;outline:none;gap:var(--ymt-spacing-2xs)}.condition-chip:hover{border-color:var(--ymt-outline)}.condition-chip:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__part{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);padding:0 var(--ymt-spacing-xs);height:100%;white-space:nowrap;color:var(--ymt-text-color)}.condition-chip__part:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding:0}.condition-chip__value{flex:1;overflow:hidden;text-overflow:ellipsis;min-height:24px;--tile-slot-padding: 0;--yuv-renderer-display: inline-flex}.condition-chip__remove{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__remove:hover{color:var(--ymt-text-color)}.condition-chip__placeholder{font:var(--ymt-font-body-subtle);font-style:italic;color:var(--ymt-text-color-subtle);opacity:.8}.condition-chip__dynamic{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__dynamic:hover{color:var(--ymt-text-color)}.condition-chip--dynamic{outline:2px solid var(--ymt-inverse-surface);outline-offset:1px}.condition-chip--dynamic .condition-chip__dynamic{border-radius:0;background-color:var(--ymt-inverse-surface);color:var(--ymt-on-inverse-surface)}.toolbar{display:flex;justify-content:flex-end;align-items:center;background:var(--ymt-surface-container-high);border-radius:var(--ymt-corner-xs);border:1px solid var(--ymt-outline);padding:var(--ymt-spacing-3xs)}.toolbar__mode{display:inline-flex;gap:0}.toolbar__mode-btn{--bg: transparent;--fg: var(--ymt-text-color);--mdc-shape-small: var(--ymt-corner-xs);font-size:.82em;background-color:var(--bg);color:var(--fg);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);border:1px solid var(--ymt-inverse-surface);cursor:pointer}.toolbar__mode-btn:focus-visible{box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.toolbar__mode-btn:first-child{border-radius:var(--mdc-shape-small) 0 0 var(--mdc-shape-small)}.toolbar__mode-btn:last-child{border-radius:0 var(--mdc-shape-small) var(--mdc-shape-small) 0}.toolbar__mode-btn--active{--bg: var(--ymt-inverse-surface);--fg: var(--ymt-on-inverse-surface)}.dynamic-form{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.dynamic-form__block{container-type:inline-size;border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden}.dynamic-form__block-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);font:var(--ymt-font-body-subtle)}.dynamic-form__type-sep{text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-2xs)}.dynamic-form__rows{display:grid;grid-template-columns:max-content max-content 1fr;row-gap:var(--ymt-spacing-s);column-gap:var(--ymt-spacing-xs);overflow:auto;padding:var(--ymt-spacing-s)}.dynamic-form__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.dynamic-form__label{color:var(--ymt-text-color)}.dynamic-form__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);border:1px solid var(--outline);padding-inline:var(--ymt-spacing-2xs);border-radius:var(--ymt-corner-xs)}.dynamic-form__value{flex:1;padding:var(--ymt-spacing-xs);border:1px solid var(--outline);border-radius:var(--ymt-corner-xs)}.dynamic-form__value input{width:100%;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.dynamic-form__empty{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}@container (max-width: 499px){.dynamic-form__rows{grid-template-columns:1fr auto}.dynamic-form__row{grid-template-columns:subgrid;grid-column:1/-1;row-gap:var(--ymt-spacing-2xs)}.dynamic-form__value{grid-column:1/-1}}.inline-input{display:flex;align-items:center;gap:var(--ymt-spacing-2xs);flex:1;border:1px dashed var(--outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-2xs);background:var(--ymt-surface)}.inline-input yuv-metadata-form-field{border-radius:var(--ymt-corner-xs)}.inline-input yuv-metadata-form-field:focus-within{outline:1px solid var(--focus-visible-border-color)}.inline-input .part-pill{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);white-space:nowrap;font:inherit;font-size:var(--ymt-font-body-subtle-size);color:var(--ymt-text-color);background:var(--ymt-surface-container);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-4xs) var(--ymt-spacing-xs);cursor:pointer;transition:border-color .1s,background .1s}.inline-input .part-pill:hover{background:var(--ymt-surface-container-high)}.inline-input .part-pill:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill--active{border-color:var(--ymt-primary);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill mat-icon{font-size:var(--ymt-sizing-xs);width:var(--ymt-sizing-xs);height:var(--ymt-sizing-xs)}.inline-input yuv-metadata-form-field{flex:1;min-width:150px}.inline-input input{flex:1;border:none;outline:none;background:transparent}.inline-input .confirm-btn:not(:disabled){opacity:1;color:var(--ymt-color-accent)}.combinator{display:flex;justify-content:center;gap:0}.combinator__label{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs)}.add-type-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px dashed var(--ymt-outline);border-radius:var(--ymt-corner-s);color:var(--ymt-text-color-subtle)}.add-type-row__icon{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.add-type-row__icon mat-icon{font-size:var(--ymt-sizing-m);width:var(--ymt-sizing-m);height:var(--ymt-sizing-m);opacity:.5}.add-type-row__icon:hover mat-icon{opacity:.8}.add-type-row__confirm{color:var(--ymt-primary)}.add-type-row__chips{flex:1;min-width:120px}.add-type-row input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;font-size:.9em;color:inherit}.add-type-row input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.condition-combinator{display:flex;align-self:center}.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);--icon-size: var(--ymt-sizing-s);opacity:.6}.suggestion__label{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.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$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MetadataFormFieldComponent, selector: "yuv-metadata-form-field", inputs: ["formChangedSubject", "field", "variant", "situation"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "component", type: SmartSearchGroupComponent, selector: "yuv-smart-search-group", inputs: ["group", "bare", "chipTpl", "editorTpl"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: SmartSearchComponent, isStandalone: true, selector: "yuv-smart-search", inputs: { types: { classPropertyName: "types", publicName: "types", isSignal: true, isRequired: false, transformFunction: null }, skipProperties: { classPropertyName: "skipProperties", publicName: "skipProperties", isSignal: true, isRequired: false, transformFunction: null }, fulltextOnly: { classPropertyName: "fulltextOnly", publicName: "fulltextOnly", isSignal: true, isRequired: false, transformFunction: null }, supportDynamicConditions: { classPropertyName: "supportDynamicConditions", publicName: "supportDynamicConditions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryChange: "queryChange", querySubmit: "querySubmit" }, host: { listeners: { "keydown.enter": "onHostEnter($event)" } }, providers: [SmartSearchEditController], viewQueries: [{ propertyName: "auto", first: true, predicate: ["auto"], descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"smart-search\" halo-container halo-container-skip=\"true\">\n  <!-- Condition chip template \u2014 passed down into the recursive group component. -->\n  <ng-template #chipTpl let-condition let-container=\"container\" let-i=\"index\">\n    <div\n      class=\"condition-chip\"\n      [class.condition-chip--unset]=\"isUnset(condition)\"\n      [class.condition-chip--dynamic]=\"condition.dynamic\"\n      tabindex=\"0\"\n      role=\"button\"\n      [attr.aria-label]=\"'yuv.smart-search.condition.edit-aria' | translate: { label: condition.conditionLabel }\"\n      (click)=\"editCondition(container, condition, i)\"\n      (keydown.space)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n      (keydown.enter)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n    >\n      @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      }\n\n      <span class=\"condition-chip__part condition-chip__field\">\n        <!-- <mat-icon>tune</mat-icon> -->\n        {{ condition.fieldLabel }}\n      </span>\n      <span class=\"condition-chip__part condition-chip__op\">{{ condition.operatorLabel }}</span>\n      <!-- A valueless operator states the whole condition on its own (`is empty`, or a date\n           preset whose label already reads \u201CThis year\u201D), so it gets no value segment: the\n           stored value is an internal marker (`thisYear`), not something to show the user. -->\n      @if (!isValueless(condition.operator)) {\n        <span class=\"condition-chip__part condition-chip__value\">\n          @if (isUnset(condition)) {\n            <span class=\"condition-chip__placeholder\">{{ 'yuv.smart-search.condition.unset-value' | translate }}</span>\n          } @else if (valueRendererInput(condition); as rendererInput) {\n            <ng-container *yuvRenderer=\"rendererInput\" />\n          } @else {\n            {{ condition.value }}\n          }\n        </span>\n      }\n      <!-- @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      } -->\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"condition-chip__remove\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'yuv.smart-search.condition.remove' | translate\"\n        (click)=\"$event.stopPropagation(); removeCondition(container, condition)\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- Inline editor template \u2014 rendered inside whichever container is active. -->\n  <ng-template #editorTpl>\n    <!-- Enter is bound on the wrapper, not per input, so it also covers the value step's\n         real metadata widget and runs after each widget's own key handling. -->\n    <div\n      class=\"inline-input\"\n      tabindex=\"-1\"\n      (focusout)=\"onInlineBlur($event)\"\n      (keydown.enter)=\"onEnter($event)\"\n      (keydown.escape)=\"cancelPending()\"\n    >\n      @if (ctrl.step() !== 'field' && ctrl.pendingField()) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'field'\"\n          (click)=\"editField()\"\n          [matTooltip]=\"'yuv.smart-search.field.change' | translate\"\n        >\n          {{ ctrl.pendingField()?.label }}\n        </button>\n      }\n\n      <!-- The operator is always a pill, never editable text: at the value step it is the\n           way back to the operator picker, and at the operator step it shows what is\n           currently set while the (empty) input below filters the replacement list. -->\n      @if (ctrl.step() !== 'field' && ctrl.pendingOperatorLabel()) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'operator'\"\n          (click)=\"editOperator()\"\n          [matTooltip]=\"'yuv.smart-search.operator.change' | translate\"\n        >\n          {{ ctrl.pendingOperatorLabel() }}\n        </button>\n      }\n\n      @if (ctrl.step() === 'field') {\n        <input\n          [formControl]=\"ctrl.fieldCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.field.pick' | translate\"\n        />\n      } @else if (ctrl.step() === 'operator') {\n        <input\n          [formControl]=\"ctrl.operatorCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.operator.select' | translate\"\n        />\n      } @else if (ctrl.step() === 'value') {\n        @let otf = valueFieldDef();\n        @if (otf) {\n          <yuv-metadata-form-field variant=\"raw\" [field]=\"otf\" situation=\"EDIT\" [formControl]=\"ctrl.valueCtrl\" />\n        } @else {\n          <input\n            [formControl]=\"ctrl.valueCtrl\"\n            [matAutocomplete]=\"auto\"\n            [placeholder]=\"'yuv.smart-search.value.enter' | translate\"\n          />\n        }\n      }\n\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"confirm-btn\"\n        [disabled]=\"!ctrl.isConditionComplete()\"\n        (click)=\"onEnter()\"\n        [matTooltip]=\"'yuv.smart-search.confirm' | translate\"\n      >\n        <mat-icon>check</mat-icon>\n      </button>\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"cancel-btn\"\n        (click)=\"cancelPending()\"\n        [matTooltip]=\"'yuv.smart-search.cancel' | translate\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- \u2500\u2500 Toolbar: Essentials \u21C4 Full Form mode switch (only when the dynamic feature is enabled) \u2500\u2500 -->\n  @if (!fulltextOnly() && supportDynamicConditions() && (hasDynamicConditions() || formMode())) {\n    <div class=\"toolbar\">\n      <div class=\"toolbar__mode\" role=\"group\" [attr.aria-label]=\"'yuv.smart-search.mode.label' | translate\">\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"formMode()\"\n          [attr.aria-pressed]=\"formMode()\"\n          (click)=\"enterFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.essentials' | translate }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"!formMode()\"\n          [attr.aria-pressed]=\"!formMode()\"\n          (click)=\"exitFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.full' | translate }}\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- \u2500\u2500 Generated fill-out form of the dynamic conditions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (formMode()) {\n    <div class=\"dynamic-form\">\n      @for (grp of formBlocks(); track grp.block.id; let last = $last) {\n        <div class=\"dynamic-form__block\">\n          <!-- Muted header listing the block's target types (a block matches any of them). -->\n          <div class=\"dynamic-form__block-header\">\n            @for (t of grp.block.types; track t.id) {\n              @if (!$first) {\n                <span class=\"dynamic-form__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n              }\n              <span class=\"dynamic-form__type\">{{ t.label }}</span>\n            }\n          </div>\n\n          <div class=\"dynamic-form__rows\">\n            @for (f of grp.fields; track f.condition) {\n              <div class=\"dynamic-form__row\">\n                <span class=\"dynamic-form__label\">{{ f.condition.fieldLabel }}</span>\n                <span class=\"dynamic-form__op\">{{ f.condition.operatorLabel }}</span>\n                <div class=\"dynamic-form__value\">\n                  @if (f.def) {\n                    <yuv-metadata-form-field variant=\"raw\" [field]=\"f.def\" situation=\"EDIT\" [formControl]=\"f.control\" />\n                  } @else {\n                    <input [formControl]=\"f.control\" [placeholder]=\"'yuv.smart-search.value.enter' | translate\" />\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Blocks are type-scoped and always combine with OR (\"this type as well as that type\"). -->\n        @if (!last) {\n          <div class=\"combinator\">\n            <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n          </div>\n        }\n      } @empty {\n        <span class=\"dynamic-form__empty\">{{ 'yuv.smart-search.mode.empty' | translate }}</span>\n      }\n    </div>\n  } @else {\n    <!-- \u2500\u2500 Full-text search bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Muting hints \"the blocks carry the search, not me\" \u2014 with the blocks hidden there\n         is nothing to defer to, so the only visible control never greys out. -->\n    <div class=\"fulltext\" [class.muted]=\"!fulltextOnly() && !fulltext().term.trim() && ctrl.blocks().length\">\n      <!-- Row 1: full-width term -->\n      <div class=\"fulltext__term\">\n        <mat-icon class=\"fulltext__icon\">search</mat-icon>\n        <input\n          class=\"fulltext__input\"\n          [formControl]=\"fulltextTermCtrl\"\n          [placeholder]=\"'yuv.smart-search.fulltext.placeholder' | translate\"\n        />\n      </div>\n\n      <!-- Row 2: scope (single) + types (multiple) -->\n      <div class=\"fulltext__filters\">\n        <mat-select\n          class=\"fulltext__scope\"\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltext().scope\"\n          (selectionChange)=\"setFulltextScope($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.scope.label' | translate\"\n        >\n          <mat-option value=\"all\">{{ 'yuv.smart-search.fulltext.scope.all' | translate }}</mat-option>\n          <mat-option value=\"metadata\">{{ 'yuv.smart-search.fulltext.scope.metadata' | translate }}</mat-option>\n          <mat-option value=\"content\">{{ 'yuv.smart-search.fulltext.scope.content' | translate }}</mat-option>\n        </mat-select>\n\n        <mat-select\n          class=\"fulltext__types\"\n          multiple\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltextTypeSelection()\"\n          (selectionChange)=\"onFulltextTypesChange($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.types.label' | translate\"\n        >\n          <mat-option [value]=\"ALL_TYPES\">{{ 'yuv.smart-search.fulltext.types.all' | translate }}</mat-option>\n          @for (t of objectTypes(); track t.id) {\n            <mat-option [value]=\"t.id\">{{ t.label ?? t.id }}</mat-option>\n          }\n        </mat-select>\n      </div>\n    </div>\n\n    <!-- \u2500\u2500 Condition builder (hidden in full-text-only mode) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (!fulltextOnly()) {\n      <!-- Joiner between the full-text unit and the condition blocks. Top-level units\n           always combine with OR (\"looking for this as well as that\"), so this is a\n           static label rather than a toggle. -->\n      @if (fulltext().term.trim() && ctrl.blocks().length) {\n        <div class=\"combinator\">\n          <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n        </div>\n      }\n\n      <!-- \u2500\u2500 Step 1: Type blocks \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n      @for (block of ctrl.blocks(); track block.id) {\n        <div class=\"block\" [attr.data-block-id]=\"block.id\" [class.block--active]=\"ctrl.activeBlock() === block\">\n          <div class=\"block__header\">\n            <div class=\"block__types\">\n              @for (t of block.types; track t.id) {\n                @if (!$first) {\n                  <span class=\"block__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n                }\n                <span class=\"block__type\">\n                  <span class=\"block__type-label\">{{ t.label }}</span>\n                </span>\n              }\n            </div>\n            <button\n              ymtIconButton\n              icon-button-size=\"extra-small\"\n              class=\"block__remove\"\n              (click)=\"removeBlock(block)\"\n              [matTooltip]=\"'yuv.smart-search.type.remove' | translate\"\n            >\n              <mat-icon>close</mat-icon>\n            </button>\n          </div>\n\n          <div class=\"block__conditions\">\n            <yuv-smart-search-group [group]=\"block\" [bare]=\"true\" [chipTpl]=\"chipTpl\" [editorTpl]=\"editorTpl\" />\n          </div>\n        </div>\n\n        <!-- Static joiner between blocks \u2014 blocks are type-scoped, so they always\n             combine with OR (\"this type as well as that type\"). -->\n        @if (!$last && ctrl.showCombinator()) {\n          <div class=\"combinator\">\n            <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n          </div>\n        }\n      }\n\n      <!-- \u2500\u2500 Step 1 input: add a type block (multi-select) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n      @if (ctrl.step() === 'type') {\n        <div class=\"add-type-row\">\n          <button\n            type=\"button\"\n            ymtIconButton\n            icon-button-size=\"extra-small\"\n            class=\"add-type-row__icon\"\n            (click)=\"typeInput.focus()\"\n            [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n          >\n            <mat-icon>add_circle_outline</mat-icon>\n          </button>\n\n          <!-- Staged draft types as removable Material chips -->\n          <mat-chip-grid\n            #typeChipGrid\n            class=\"add-type-row__chips\"\n            [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n          >\n            @for (t of ctrl.draftTypes(); track t.id) {\n              <mat-chip-row (removed)=\"ctrl.removeDraftType(t.id)\">\n                {{ t.label }}\n                <button matChipRemove [attr.aria-label]=\"'yuv.smart-search.type.remove-draft' | translate\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </mat-chip-row>\n            }\n            <input\n              #typeInput\n              [formControl]=\"ctrl.fieldCtrl\"\n              [placeholder]=\"'yuv.smart-search.add-type' | translate\"\n              [matAutocomplete]=\"auto\"\n              [matChipInputFor]=\"typeChipGrid\"\n              [matChipInputSeparatorKeyCodes]=\"NO_SEPARATOR_KEYS\"\n              (keydown.enter)=\"onTypeEnter($event)\"\n              (keydown.escape)=\"cancelPending()\"\n            />\n          </mat-chip-grid>\n\n          @if (ctrl.draftTypes().length) {\n            <button\n              ymtIconButton\n              icon-button-size=\"extra-small\"\n              class=\"add-type-row__confirm\"\n              (click)=\"confirmTypes()\"\n              [matTooltip]=\"'yuv.smart-search.type.confirm' | translate\"\n            >\n              <mat-icon>check</mat-icon>\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n\n  <!-- \u2500\u2500 Shared autocomplete panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <mat-autocomplete\n    #auto\n    panelWidth=\"auto\"\n    [displayWith]=\"displayFn\"\n    (optionSelected)=\"onSuggestionSelected($event)\"\n    (closed)=\"onPickerClosed()\"\n  >\n    @for (s of ctrl.suggestions(); track s.id) {\n      <mat-option [value]=\"s\">\n        <div class=\"suggestion\">\n          @if (s.kind !== 'type') {\n            <mat-icon class=\"suggestion__icon\">\n              @switch (s.kind) {\n                @case ('field') {\n                  tune\n                }\n                @case ('date-preset') {\n                  calendar_today\n                }\n                @default {\n                  manage_search\n                }\n              }\n            </mat-icon>\n          }\n          <span class=\"suggestion__label\">{{ s.label }}</span>\n        </div>\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n", styles: [":host{display:block;--outline: rgb(from var(--ymt-text-color) r g b / .5);--focus-visible-border-color: var(--ymt-primary);--focus-visible-border-shadow-color: rgb(from var(--ymt-primary) r g b / .3)}::ng-deep .smart-search-select-panel.mat-mdc-select-panel{min-width:max-content}::ng-deep .smart-search-select-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{white-space:nowrap}.smart-search{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.fulltext{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px solid var(--outline);border-radius:var(--ymt-corner-s);transition:opacity .15s}.fulltext.muted{opacity:.7}.fulltext.muted:hover,.fulltext.muted:focus-within{opacity:1}.fulltext__term{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}.fulltext__icon{color:var(--ymt-text-color-subtle)}.fulltext__input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.fulltext__input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.fulltext__filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ymt-spacing-s)}.fulltext__scope,.fulltext__types{width:auto;font-size:.9em;color:var(--ymt-text-color-subtle);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding-inline:var(--ymt-spacing-xs)}.fulltext__scope:focus-visible,.fulltext__types:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.block{border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden;transition:border-color .15s;padding:var(--ymt-spacing-2xs)}.block:focus-within{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 3px var(--focus-visible-border-shadow-color)}.block__header{border-radius:var(--ymt-corner-xs);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);background:var(--ymt-surface-container-high)}.block__types{flex:1;display:flex;align-items:center;flex-wrap:wrap}.block__type{display:inline-flex;align-items:center;gap:var(--ymt-spacing-2xs)}.block__type-sep{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-xs)}.block__remove{margin-inline-start:auto;opacity:.7}.block__conditions{display:flex;flex-direction:column;align-items:stretch;gap:var(--ymt-spacing-2xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);min-height:44px}.condition-chip{display:flex;flex:1;align-items:center;gap:0;border-radius:var(--ymt-corner-xs);border:1px solid var(--outline);cursor:pointer;overflow:hidden;outline:none;gap:var(--ymt-spacing-2xs)}.condition-chip:hover{border-color:var(--ymt-outline)}.condition-chip:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__part{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);padding:0 var(--ymt-spacing-xs);height:100%;white-space:nowrap;color:var(--ymt-text-color)}.condition-chip__part:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding:0}.condition-chip__value{flex:1;overflow:hidden;text-overflow:ellipsis;min-height:24px;--tile-slot-padding: 0;--yuv-renderer-display: inline-flex}.condition-chip__remove{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__remove:hover{color:var(--ymt-text-color)}.condition-chip__placeholder{font:var(--ymt-font-body-subtle);font-style:italic;color:var(--ymt-text-color-subtle);opacity:.8}.condition-chip__dynamic{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__dynamic:hover{color:var(--ymt-text-color)}.condition-chip--dynamic{outline:2px solid var(--ymt-inverse-surface);outline-offset:1px}.condition-chip--dynamic .condition-chip__dynamic{border-radius:0;background-color:var(--ymt-inverse-surface);color:var(--ymt-on-inverse-surface)}.toolbar{display:flex;justify-content:flex-end;align-items:center;background:var(--ymt-surface-container-high);border-radius:var(--ymt-corner-xs);border:1px solid var(--ymt-outline);padding:var(--ymt-spacing-3xs)}.toolbar__mode{display:inline-flex;gap:0}.toolbar__mode-btn{--bg: transparent;--fg: var(--ymt-text-color);--mdc-shape-small: var(--ymt-corner-xs);font-size:.82em;background-color:var(--bg);color:var(--fg);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);border:1px solid var(--ymt-inverse-surface);cursor:pointer}.toolbar__mode-btn:focus-visible{box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.toolbar__mode-btn:first-child{border-radius:var(--mdc-shape-small) 0 0 var(--mdc-shape-small)}.toolbar__mode-btn:last-child{border-radius:0 var(--mdc-shape-small) var(--mdc-shape-small) 0}.toolbar__mode-btn--active{--bg: var(--ymt-inverse-surface);--fg: var(--ymt-on-inverse-surface)}.dynamic-form{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.dynamic-form__block{container-type:inline-size;border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden}.dynamic-form__block-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);font:var(--ymt-font-body-subtle)}.dynamic-form__type-sep{text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-2xs)}.dynamic-form__rows{display:grid;grid-template-columns:max-content max-content 1fr;row-gap:var(--ymt-spacing-s);column-gap:var(--ymt-spacing-xs);overflow:auto;padding:var(--ymt-spacing-s)}.dynamic-form__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.dynamic-form__label{color:var(--ymt-text-color)}.dynamic-form__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);border:1px solid var(--outline);padding-inline:var(--ymt-spacing-2xs);border-radius:var(--ymt-corner-xs)}.dynamic-form__value{flex:1;padding:var(--ymt-spacing-xs);border:1px solid var(--outline);border-radius:var(--ymt-corner-xs)}.dynamic-form__value input{width:100%;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.dynamic-form__empty{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}@container (max-width: 499px){.dynamic-form__rows{grid-template-columns:1fr auto}.dynamic-form__row{grid-template-columns:subgrid;grid-column:1/-1;row-gap:var(--ymt-spacing-2xs)}.dynamic-form__value{grid-column:1/-1}}.inline-input{display:flex;align-items:center;gap:var(--ymt-spacing-2xs);flex:1;border:1px dashed var(--outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-2xs);background:var(--ymt-surface)}.inline-input yuv-metadata-form-field{border-radius:var(--ymt-corner-xs)}.inline-input yuv-metadata-form-field:focus-within{outline:1px solid var(--focus-visible-border-color)}.inline-input .part-pill{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);white-space:nowrap;font:inherit;font-size:var(--ymt-font-body-subtle-size);color:var(--ymt-text-color);background:var(--ymt-surface-container);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-4xs) var(--ymt-spacing-xs);cursor:pointer;transition:border-color .1s,background .1s}.inline-input .part-pill:hover{background:var(--ymt-surface-container-high)}.inline-input .part-pill:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill--active{border-color:var(--ymt-primary);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill mat-icon{font-size:var(--ymt-sizing-xs);width:var(--ymt-sizing-xs);height:var(--ymt-sizing-xs)}.inline-input yuv-metadata-form-field{flex:1;min-width:150px}.inline-input input{flex:1;border:none;outline:none;background:transparent}.inline-input .confirm-btn:not(:disabled){opacity:1;color:var(--ymt-color-accent)}.combinator{display:flex;justify-content:center;gap:0}.combinator__label{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs)}.add-type-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px dashed var(--ymt-outline);border-radius:var(--ymt-corner-s);color:var(--ymt-text-color-subtle)}.add-type-row__icon{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.add-type-row__icon mat-icon{font-size:var(--ymt-sizing-m);width:var(--ymt-sizing-m);height:var(--ymt-sizing-m);opacity:.5}.add-type-row__icon:hover mat-icon{opacity:.8}.add-type-row__confirm{color:var(--ymt-primary)}.add-type-row__chips{flex:1;min-width:120px}.add-type-row input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;font-size:.9em;color:inherit}.add-type-row input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.condition-combinator{display:flex;align-self:center}.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);--icon-size: var(--ymt-sizing-s);opacity:.6}.suggestion__label{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.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$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MetadataFormFieldComponent, selector: "yuv-metadata-form-field", inputs: ["formChangedSubject", "field", "variant", "situation"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "component", type: SmartSearchGroupComponent, selector: "yuv-smart-search-group", inputs: ["group", "bare", "chipTpl", "editorTpl"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SmartSearchComponent, decorators: [{
             type: Component,
@@ -2141,8 +2465,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                         RendererDirective,
                         SmartSearchGroupComponent,
                         TranslatePipe
-                    ], providers: [SmartSearchEditController], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"smart-search\" halo-container halo-container-skip=\"true\">\n  <!-- Condition chip template \u2014 passed down into the recursive group component. -->\n  <ng-template #chipTpl let-condition let-container=\"container\" let-i=\"index\">\n    <div\n      class=\"condition-chip\"\n      [class.condition-chip--unset]=\"isUnset(condition)\"\n      [class.condition-chip--dynamic]=\"condition.dynamic\"\n      tabindex=\"0\"\n      role=\"button\"\n      [attr.aria-label]=\"'yuv.smart-search.condition.edit-aria' | translate: { label: condition.conditionLabel }\"\n      (click)=\"editCondition(container, condition, i)\"\n      (keydown.space)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n      (keydown.enter)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n    >\n      @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      }\n\n      <span class=\"condition-chip__part condition-chip__field\">\n        <!-- <mat-icon>tune</mat-icon> -->\n        {{ condition.fieldLabel }}\n      </span>\n      <span class=\"condition-chip__part condition-chip__op\">{{ condition.operatorLabel }}</span>\n      <span class=\"condition-chip__part condition-chip__value\">\n        @if (isUnset(condition)) {\n          <span class=\"condition-chip__placeholder\">{{ 'yuv.smart-search.condition.unset-value' | translate }}</span>\n        } @else if (valueRendererInput(condition); as rendererInput) {\n          <ng-container *yuvRenderer=\"rendererInput\" />\n        } @else {\n          {{ condition.value }}\n        }\n      </span>\n      <!-- @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      } -->\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"condition-chip__remove\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'yuv.smart-search.condition.remove' | translate\"\n        (click)=\"$event.stopPropagation(); removeCondition(container, condition)\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- Inline editor template \u2014 rendered inside whichever container is active. -->\n  <ng-template #editorTpl>\n    <div class=\"inline-input\" tabindex=\"-1\" (focusout)=\"onInlineBlur($event)\" (keydown.escape)=\"cancelPending()\">\n      @if (ctrl.step() !== 'field' && ctrl.pendingField()) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'field'\"\n          (click)=\"editField()\"\n          [matTooltip]=\"'yuv.smart-search.field.change' | translate\"\n        >\n          {{ ctrl.pendingField()?.label }}\n        </button>\n      }\n\n      @if (ctrl.step() === 'value' && ctrl.operatorCtrl.value) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'operator'\"\n          (click)=\"editOperator()\"\n          [matTooltip]=\"'yuv.smart-search.operator.change' | translate\"\n        >\n          {{ ctrl.operatorCtrl.value }}\n        </button>\n      }\n\n      @if (ctrl.step() === 'field') {\n        <input\n          [formControl]=\"ctrl.fieldCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.field.pick' | translate\"\n          (keydown.enter)=\"onEnter()\"\n        />\n      } @else if (ctrl.step() === 'operator') {\n        <input\n          [formControl]=\"ctrl.operatorCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.operator.select' | translate\"\n          (keydown.enter)=\"onEnter()\"\n        />\n      } @else if (ctrl.step() === 'value') {\n        @let otf = valueFieldDef();\n        @if (otf) {\n          <yuv-metadata-form-field variant=\"raw\" [field]=\"otf\" situation=\"EDIT\" [formControl]=\"ctrl.valueCtrl\" />\n        } @else {\n          <input\n            [formControl]=\"ctrl.valueCtrl\"\n            [matAutocomplete]=\"auto\"\n            [placeholder]=\"'yuv.smart-search.value.enter' | translate\"\n            (keydown.enter)=\"onEnter()\"\n          />\n        }\n      }\n\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"confirm-btn\"\n        [disabled]=\"!ctrl.isConditionComplete()\"\n        (click)=\"onEnter()\"\n        [matTooltip]=\"'yuv.smart-search.confirm' | translate\"\n      >\n        <mat-icon>check</mat-icon>\n      </button>\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"cancel-btn\"\n        (click)=\"cancelPending()\"\n        [matTooltip]=\"'yuv.smart-search.cancel' | translate\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- \u2500\u2500 Toolbar: Essentials \u21C4 Full Form mode switch (only when the dynamic feature is enabled) \u2500\u2500 -->\n  @if (supportDynamicConditions() && (hasDynamicConditions() || formMode())) {\n    <div class=\"toolbar\">\n      <div class=\"toolbar__mode\" role=\"group\" [attr.aria-label]=\"'yuv.smart-search.mode.label' | translate\">\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"formMode()\"\n          [attr.aria-pressed]=\"formMode()\"\n          (click)=\"enterFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.essentials' | translate }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"!formMode()\"\n          [attr.aria-pressed]=\"!formMode()\"\n          (click)=\"exitFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.full' | translate }}\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- \u2500\u2500 Generated fill-out form of the dynamic conditions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (formMode()) {\n    <div class=\"dynamic-form\">\n      @for (grp of formBlocks(); track grp.block.id; let last = $last) {\n        <div class=\"dynamic-form__block\">\n          <!-- Muted header listing the block's target types (a block matches any of them). -->\n          <div class=\"dynamic-form__block-header\">\n            @for (t of grp.block.types; track t.id) {\n              @if (!$first) {\n                <span class=\"dynamic-form__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n              }\n              <span class=\"dynamic-form__type\">{{ t.label }}</span>\n            }\n          </div>\n\n          <div class=\"dynamic-form__rows\">\n            @for (f of grp.fields; track f.condition) {\n              <div class=\"dynamic-form__row\">\n                <span class=\"dynamic-form__label\">{{ f.condition.fieldLabel }}</span>\n                <span class=\"dynamic-form__op\">{{ f.condition.operatorLabel }}</span>\n                <div class=\"dynamic-form__value\">\n                  @if (f.def) {\n                    <yuv-metadata-form-field variant=\"raw\" [field]=\"f.def\" situation=\"EDIT\" [formControl]=\"f.control\" />\n                  } @else {\n                    <input [formControl]=\"f.control\" [placeholder]=\"'yuv.smart-search.value.enter' | translate\" />\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Blocks are type-scoped and always combine with OR (\"this type as well as that type\"). -->\n        @if (!last) {\n          <div class=\"combinator\">\n            <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n          </div>\n        }\n      } @empty {\n        <span class=\"dynamic-form__empty\">{{ 'yuv.smart-search.mode.empty' | translate }}</span>\n      }\n    </div>\n  } @else {\n    <!-- \u2500\u2500 Full-text search bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"fulltext\" [class.muted]=\"!fulltext().term.trim() && ctrl.blocks().length\">\n      <!-- Row 1: full-width term -->\n      <div class=\"fulltext__term\">\n        <mat-icon class=\"fulltext__icon\">search</mat-icon>\n        <input\n          class=\"fulltext__input\"\n          [formControl]=\"fulltextTermCtrl\"\n          [placeholder]=\"'yuv.smart-search.fulltext.placeholder' | translate\"\n        />\n      </div>\n\n      <!-- Row 2: scope (single) + types (multiple) -->\n      <div class=\"fulltext__filters\">\n        <mat-select\n          class=\"fulltext__scope\"\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltext().scope\"\n          (selectionChange)=\"setFulltextScope($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.scope.label' | translate\"\n        >\n          <mat-option value=\"all\">{{ 'yuv.smart-search.fulltext.scope.all' | translate }}</mat-option>\n          <mat-option value=\"metadata\">{{ 'yuv.smart-search.fulltext.scope.metadata' | translate }}</mat-option>\n          <mat-option value=\"content\">{{ 'yuv.smart-search.fulltext.scope.content' | translate }}</mat-option>\n        </mat-select>\n\n        <mat-select\n          class=\"fulltext__types\"\n          multiple\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltextTypeSelection()\"\n          (selectionChange)=\"onFulltextTypesChange($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.types.label' | translate\"\n        >\n          <mat-option [value]=\"ALL_TYPES\">{{ 'yuv.smart-search.fulltext.types.all' | translate }}</mat-option>\n          @for (t of objectTypes(); track t.id) {\n            <mat-option [value]=\"t.id\">{{ t.label ?? t.id }}</mat-option>\n          }\n        </mat-select>\n      </div>\n    </div>\n\n    <!-- Joiner between the full-text unit and the condition blocks. Top-level units\n         always combine with OR (\"looking for this as well as that\"), so this is a\n         static label rather than a toggle. -->\n    @if (fulltext().term.trim() && ctrl.blocks().length) {\n      <div class=\"combinator\">\n        <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Step 1: Type blocks \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (block of ctrl.blocks(); track block.id) {\n      <div class=\"block\" [attr.data-block-id]=\"block.id\" [class.block--active]=\"ctrl.activeBlock() === block\">\n        <div class=\"block__header\">\n          <div class=\"block__types\">\n            @for (t of block.types; track t.id) {\n              @if (!$first) {\n                <span class=\"block__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n              }\n              <span class=\"block__type\">\n                <span class=\"block__type-label\">{{ t.label }}</span>\n              </span>\n            }\n          </div>\n          <button\n            ymtIconButton\n            icon-button-size=\"extra-small\"\n            class=\"block__remove\"\n            (click)=\"removeBlock(block)\"\n            [matTooltip]=\"'yuv.smart-search.type.remove' | translate\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n\n        <div class=\"block__conditions\">\n          <yuv-smart-search-group [group]=\"block\" [bare]=\"true\" [chipTpl]=\"chipTpl\" [editorTpl]=\"editorTpl\" />\n        </div>\n      </div>\n\n      <!-- Static joiner between blocks \u2014 blocks are type-scoped, so they always\n           combine with OR (\"this type as well as that type\"). -->\n      @if (!$last && ctrl.showCombinator()) {\n        <div class=\"combinator\">\n          <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n        </div>\n      }\n    }\n\n    <!-- \u2500\u2500 Step 1 input: add a type block (multi-select) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (ctrl.step() === 'type') {\n      <div class=\"add-type-row\">\n        <button\n          type=\"button\"\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"add-type-row__icon\"\n          (click)=\"typeInput.focus()\"\n          [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n        >\n          <mat-icon>add_circle_outline</mat-icon>\n        </button>\n\n        <!-- Staged draft types as removable Material chips -->\n        <mat-chip-grid\n          #typeChipGrid\n          class=\"add-type-row__chips\"\n          [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n        >\n          @for (t of ctrl.draftTypes(); track t.id) {\n            <mat-chip-row (removed)=\"ctrl.removeDraftType(t.id)\">\n              {{ t.label }}\n              <button matChipRemove [attr.aria-label]=\"'yuv.smart-search.type.remove-draft' | translate\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-chip-row>\n          }\n          <input\n            #typeInput\n            [formControl]=\"ctrl.fieldCtrl\"\n            [placeholder]=\"'yuv.smart-search.add-type' | translate\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"typeChipGrid\"\n            (keydown.enter)=\"onTypeEnter()\"\n            (keydown.escape)=\"cancelPending()\"\n          />\n        </mat-chip-grid>\n\n        @if (ctrl.draftTypes().length) {\n          <button\n            ymtIconButton\n            icon-button-size=\"extra-small\"\n            class=\"add-type-row__confirm\"\n            (click)=\"confirmTypes()\"\n            [matTooltip]=\"'yuv.smart-search.type.confirm' | translate\"\n          >\n            <mat-icon>check</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  }\n\n  <!-- \u2500\u2500 Shared autocomplete panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <mat-autocomplete\n    #auto\n    panelWidth=\"auto\"\n    [displayWith]=\"displayFn\"\n    (optionSelected)=\"onSuggestionSelected($event)\"\n    (closed)=\"onPickerClosed()\"\n  >\n    @for (s of ctrl.suggestions(); track s.id) {\n      <mat-option [value]=\"s\">\n        <div class=\"suggestion\">\n          @if (s.kind !== 'type') {\n            <mat-icon class=\"suggestion__icon\">\n              @switch (s.kind) {\n                @case ('field') {\n                  tune\n                }\n                @case ('date-preset') {\n                  calendar_today\n                }\n                @default {\n                  manage_search\n                }\n              }\n            </mat-icon>\n          }\n          <span class=\"suggestion__label\">{{ s.label }}</span>\n        </div>\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n", styles: [":host{display:block;--outline: rgb(from var(--ymt-text-color) r g b / .5);--focus-visible-border-color: var(--ymt-primary);--focus-visible-border-shadow-color: rgb(from var(--ymt-primary) r g b / .3)}::ng-deep .smart-search-select-panel.mat-mdc-select-panel{min-width:max-content}::ng-deep .smart-search-select-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{white-space:nowrap}.smart-search{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.fulltext{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px solid var(--outline);border-radius:var(--ymt-corner-s);transition:opacity .15s}.fulltext.muted{opacity:.7}.fulltext.muted:hover,.fulltext.muted:focus-within{opacity:1}.fulltext__term{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}.fulltext__icon{color:var(--ymt-text-color-subtle)}.fulltext__input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.fulltext__input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.fulltext__filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ymt-spacing-s)}.fulltext__scope,.fulltext__types{width:auto;font-size:.9em;color:var(--ymt-text-color-subtle);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding-inline:var(--ymt-spacing-xs)}.fulltext__scope:focus-visible,.fulltext__types:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.block{border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden;transition:border-color .15s;padding:var(--ymt-spacing-2xs)}.block:focus-within{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 3px var(--focus-visible-border-shadow-color)}.block__header{border-radius:var(--ymt-corner-xs);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);background:var(--ymt-surface-container-high)}.block__types{flex:1;display:flex;align-items:center;flex-wrap:wrap}.block__type{display:inline-flex;align-items:center;gap:var(--ymt-spacing-2xs)}.block__type-sep{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-xs)}.block__remove{margin-inline-start:auto;opacity:.7}.block__conditions{display:flex;flex-direction:column;align-items:stretch;gap:var(--ymt-spacing-2xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);min-height:44px}.condition-chip{display:flex;flex:1;align-items:center;gap:0;border-radius:var(--ymt-corner-xs);border:1px solid var(--outline);cursor:pointer;overflow:hidden;outline:none;gap:var(--ymt-spacing-2xs)}.condition-chip:hover{border-color:var(--ymt-outline)}.condition-chip:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__part{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);padding:0 var(--ymt-spacing-xs);height:100%;white-space:nowrap;color:var(--ymt-text-color)}.condition-chip__part:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding:0}.condition-chip__value{flex:1;overflow:hidden;text-overflow:ellipsis;min-height:24px;--tile-slot-padding: 0;--yuv-renderer-display: inline-flex}.condition-chip__remove{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__remove:hover{color:var(--ymt-text-color)}.condition-chip__placeholder{font:var(--ymt-font-body-subtle);font-style:italic;color:var(--ymt-text-color-subtle);opacity:.8}.condition-chip__dynamic{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__dynamic:hover{color:var(--ymt-text-color)}.condition-chip--dynamic{outline:2px solid var(--ymt-inverse-surface);outline-offset:1px}.condition-chip--dynamic .condition-chip__dynamic{border-radius:0;background-color:var(--ymt-inverse-surface);color:var(--ymt-on-inverse-surface)}.toolbar{display:flex;justify-content:flex-end;align-items:center;background:var(--ymt-surface-container-high);border-radius:var(--ymt-corner-xs);border:1px solid var(--ymt-outline);padding:var(--ymt-spacing-3xs)}.toolbar__mode{display:inline-flex;gap:0}.toolbar__mode-btn{--bg: transparent;--fg: var(--ymt-text-color);--mdc-shape-small: var(--ymt-corner-xs);font-size:.82em;background-color:var(--bg);color:var(--fg);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);border:1px solid var(--ymt-inverse-surface);cursor:pointer}.toolbar__mode-btn:focus-visible{box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.toolbar__mode-btn:first-child{border-radius:var(--mdc-shape-small) 0 0 var(--mdc-shape-small)}.toolbar__mode-btn:last-child{border-radius:0 var(--mdc-shape-small) var(--mdc-shape-small) 0}.toolbar__mode-btn--active{--bg: var(--ymt-inverse-surface);--fg: var(--ymt-on-inverse-surface)}.dynamic-form{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.dynamic-form__block{container-type:inline-size;border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden}.dynamic-form__block-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);font:var(--ymt-font-body-subtle)}.dynamic-form__type-sep{text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-2xs)}.dynamic-form__rows{display:grid;grid-template-columns:max-content max-content 1fr;row-gap:var(--ymt-spacing-s);column-gap:var(--ymt-spacing-xs);overflow:auto;padding:var(--ymt-spacing-s)}.dynamic-form__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.dynamic-form__label{color:var(--ymt-text-color)}.dynamic-form__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);border:1px solid var(--outline);padding-inline:var(--ymt-spacing-2xs);border-radius:var(--ymt-corner-xs)}.dynamic-form__value{flex:1;padding:var(--ymt-spacing-xs);border:1px solid var(--outline);border-radius:var(--ymt-corner-xs)}.dynamic-form__value input{width:100%;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.dynamic-form__empty{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}@container (max-width: 499px){.dynamic-form__rows{grid-template-columns:1fr auto}.dynamic-form__row{grid-template-columns:subgrid;grid-column:1/-1;row-gap:var(--ymt-spacing-2xs)}.dynamic-form__value{grid-column:1/-1}}.inline-input{display:flex;align-items:center;gap:var(--ymt-spacing-2xs);flex:1;border:1px dashed var(--outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-2xs);background:var(--ymt-surface)}.inline-input yuv-metadata-form-field{border-radius:var(--ymt-corner-xs)}.inline-input yuv-metadata-form-field:focus-within{outline:1px solid var(--focus-visible-border-color)}.inline-input .part-pill{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);white-space:nowrap;font:inherit;font-size:var(--ymt-font-body-subtle-size);color:var(--ymt-text-color);background:var(--ymt-surface-container);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-4xs) var(--ymt-spacing-xs);cursor:pointer;transition:border-color .1s,background .1s}.inline-input .part-pill:hover{background:var(--ymt-surface-container-high)}.inline-input .part-pill:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill--active{border-color:var(--ymt-primary);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill mat-icon{font-size:var(--ymt-sizing-xs);width:var(--ymt-sizing-xs);height:var(--ymt-sizing-xs)}.inline-input yuv-metadata-form-field{flex:1;min-width:150px}.inline-input input{flex:1;border:none;outline:none;background:transparent}.inline-input .confirm-btn:not(:disabled){opacity:1;color:var(--ymt-color-accent)}.combinator{display:flex;justify-content:center;gap:0}.combinator__label{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs)}.add-type-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px dashed var(--ymt-outline);border-radius:var(--ymt-corner-s);color:var(--ymt-text-color-subtle)}.add-type-row__icon{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.add-type-row__icon mat-icon{font-size:var(--ymt-sizing-m);width:var(--ymt-sizing-m);height:var(--ymt-sizing-m);opacity:.5}.add-type-row__icon:hover mat-icon{opacity:.8}.add-type-row__confirm{color:var(--ymt-primary)}.add-type-row__chips{flex:1;min-width:120px}.add-type-row input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;font-size:.9em;color:inherit}.add-type-row input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.condition-combinator{display:flex;align-self:center}.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);--icon-size: var(--ymt-sizing-s);opacity:.6}.suggestion__label{flex:1}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { types: [{ type: i0.Input, args: [{ isSignal: true, alias: "types", required: false }] }], skipProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipProperties", required: false }] }], supportDynamicConditions: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportDynamicConditions", required: false }] }], queryChange: [{ type: i0.Output, args: ["queryChange"] }], auto: [{ type: i0.ViewChild, args: ['auto', { isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatAutocompleteTrigger), { isSignal: true }] }] } });
+                    ], providers: [SmartSearchEditController], host: { '(keydown.enter)': 'onHostEnter($event)' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"smart-search\" halo-container halo-container-skip=\"true\">\n  <!-- Condition chip template \u2014 passed down into the recursive group component. -->\n  <ng-template #chipTpl let-condition let-container=\"container\" let-i=\"index\">\n    <div\n      class=\"condition-chip\"\n      [class.condition-chip--unset]=\"isUnset(condition)\"\n      [class.condition-chip--dynamic]=\"condition.dynamic\"\n      tabindex=\"0\"\n      role=\"button\"\n      [attr.aria-label]=\"'yuv.smart-search.condition.edit-aria' | translate: { label: condition.conditionLabel }\"\n      (click)=\"editCondition(container, condition, i)\"\n      (keydown.space)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n      (keydown.enter)=\"$event.preventDefault(); editCondition(container, condition, i)\"\n    >\n      @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      }\n\n      <span class=\"condition-chip__part condition-chip__field\">\n        <!-- <mat-icon>tune</mat-icon> -->\n        {{ condition.fieldLabel }}\n      </span>\n      <span class=\"condition-chip__part condition-chip__op\">{{ condition.operatorLabel }}</span>\n      <!-- A valueless operator states the whole condition on its own (`is empty`, or a date\n           preset whose label already reads \u201CThis year\u201D), so it gets no value segment: the\n           stored value is an internal marker (`thisYear`), not something to show the user. -->\n      @if (!isValueless(condition.operator)) {\n        <span class=\"condition-chip__part condition-chip__value\">\n          @if (isUnset(condition)) {\n            <span class=\"condition-chip__placeholder\">{{ 'yuv.smart-search.condition.unset-value' | translate }}</span>\n          } @else if (valueRendererInput(condition); as rendererInput) {\n            <ng-container *yuvRenderer=\"rendererInput\" />\n          } @else {\n            {{ condition.value }}\n          }\n        </span>\n      }\n      <!-- @if (supportDynamicConditions() && !isValueless(condition.operator)) {\n        <button\n          ymtIconButton\n          icon-button-size=\"extra-small\"\n          class=\"condition-chip__dynamic\"\n          tabindex=\"-1\"\n          [attr.aria-pressed]=\"!!condition.dynamic\"\n          [matTooltip]=\"\n            (condition.dynamic\n              ? 'yuv.smart-search.condition.unmark-dynamic'\n              : 'yuv.smart-search.condition.mark-dynamic'\n            ) | translate\n          \"\n          (click)=\"$event.stopPropagation(); toggleDynamic(container, condition)\"\n        >\n          <mat-icon>bolt</mat-icon>\n        </button>\n      } -->\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"condition-chip__remove\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'yuv.smart-search.condition.remove' | translate\"\n        (click)=\"$event.stopPropagation(); removeCondition(container, condition)\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- Inline editor template \u2014 rendered inside whichever container is active. -->\n  <ng-template #editorTpl>\n    <!-- Enter is bound on the wrapper, not per input, so it also covers the value step's\n         real metadata widget and runs after each widget's own key handling. -->\n    <div\n      class=\"inline-input\"\n      tabindex=\"-1\"\n      (focusout)=\"onInlineBlur($event)\"\n      (keydown.enter)=\"onEnter($event)\"\n      (keydown.escape)=\"cancelPending()\"\n    >\n      @if (ctrl.step() !== 'field' && ctrl.pendingField()) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'field'\"\n          (click)=\"editField()\"\n          [matTooltip]=\"'yuv.smart-search.field.change' | translate\"\n        >\n          {{ ctrl.pendingField()?.label }}\n        </button>\n      }\n\n      <!-- The operator is always a pill, never editable text: at the value step it is the\n           way back to the operator picker, and at the operator step it shows what is\n           currently set while the (empty) input below filters the replacement list. -->\n      @if (ctrl.step() !== 'field' && ctrl.pendingOperatorLabel()) {\n        <button\n          class=\"part-pill\"\n          [class.part-pill--active]=\"ctrl.step() === 'operator'\"\n          (click)=\"editOperator()\"\n          [matTooltip]=\"'yuv.smart-search.operator.change' | translate\"\n        >\n          {{ ctrl.pendingOperatorLabel() }}\n        </button>\n      }\n\n      @if (ctrl.step() === 'field') {\n        <input\n          [formControl]=\"ctrl.fieldCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.field.pick' | translate\"\n        />\n      } @else if (ctrl.step() === 'operator') {\n        <input\n          [formControl]=\"ctrl.operatorCtrl\"\n          [matAutocomplete]=\"auto\"\n          [placeholder]=\"'yuv.smart-search.operator.select' | translate\"\n        />\n      } @else if (ctrl.step() === 'value') {\n        @let otf = valueFieldDef();\n        @if (otf) {\n          <yuv-metadata-form-field variant=\"raw\" [field]=\"otf\" situation=\"EDIT\" [formControl]=\"ctrl.valueCtrl\" />\n        } @else {\n          <input\n            [formControl]=\"ctrl.valueCtrl\"\n            [matAutocomplete]=\"auto\"\n            [placeholder]=\"'yuv.smart-search.value.enter' | translate\"\n          />\n        }\n      }\n\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"confirm-btn\"\n        [disabled]=\"!ctrl.isConditionComplete()\"\n        (click)=\"onEnter()\"\n        [matTooltip]=\"'yuv.smart-search.confirm' | translate\"\n      >\n        <mat-icon>check</mat-icon>\n      </button>\n      <button\n        ymtIconButton\n        icon-button-size=\"extra-small\"\n        class=\"cancel-btn\"\n        (click)=\"cancelPending()\"\n        [matTooltip]=\"'yuv.smart-search.cancel' | translate\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </ng-template>\n\n  <!-- \u2500\u2500 Toolbar: Essentials \u21C4 Full Form mode switch (only when the dynamic feature is enabled) \u2500\u2500 -->\n  @if (!fulltextOnly() && supportDynamicConditions() && (hasDynamicConditions() || formMode())) {\n    <div class=\"toolbar\">\n      <div class=\"toolbar__mode\" role=\"group\" [attr.aria-label]=\"'yuv.smart-search.mode.label' | translate\">\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"formMode()\"\n          [attr.aria-pressed]=\"formMode()\"\n          (click)=\"enterFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.essentials' | translate }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"toolbar__mode-btn\"\n          [class.toolbar__mode-btn--active]=\"!formMode()\"\n          [attr.aria-pressed]=\"!formMode()\"\n          (click)=\"exitFormMode()\"\n        >\n          {{ 'yuv.smart-search.mode.full' | translate }}\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- \u2500\u2500 Generated fill-out form of the dynamic conditions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (formMode()) {\n    <div class=\"dynamic-form\">\n      @for (grp of formBlocks(); track grp.block.id; let last = $last) {\n        <div class=\"dynamic-form__block\">\n          <!-- Muted header listing the block's target types (a block matches any of them). -->\n          <div class=\"dynamic-form__block-header\">\n            @for (t of grp.block.types; track t.id) {\n              @if (!$first) {\n                <span class=\"dynamic-form__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n              }\n              <span class=\"dynamic-form__type\">{{ t.label }}</span>\n            }\n          </div>\n\n          <div class=\"dynamic-form__rows\">\n            @for (f of grp.fields; track f.condition) {\n              <div class=\"dynamic-form__row\">\n                <span class=\"dynamic-form__label\">{{ f.condition.fieldLabel }}</span>\n                <span class=\"dynamic-form__op\">{{ f.condition.operatorLabel }}</span>\n                <div class=\"dynamic-form__value\">\n                  @if (f.def) {\n                    <yuv-metadata-form-field variant=\"raw\" [field]=\"f.def\" situation=\"EDIT\" [formControl]=\"f.control\" />\n                  } @else {\n                    <input [formControl]=\"f.control\" [placeholder]=\"'yuv.smart-search.value.enter' | translate\" />\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Blocks are type-scoped and always combine with OR (\"this type as well as that type\"). -->\n        @if (!last) {\n          <div class=\"combinator\">\n            <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n          </div>\n        }\n      } @empty {\n        <span class=\"dynamic-form__empty\">{{ 'yuv.smart-search.mode.empty' | translate }}</span>\n      }\n    </div>\n  } @else {\n    <!-- \u2500\u2500 Full-text search bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Muting hints \"the blocks carry the search, not me\" \u2014 with the blocks hidden there\n         is nothing to defer to, so the only visible control never greys out. -->\n    <div class=\"fulltext\" [class.muted]=\"!fulltextOnly() && !fulltext().term.trim() && ctrl.blocks().length\">\n      <!-- Row 1: full-width term -->\n      <div class=\"fulltext__term\">\n        <mat-icon class=\"fulltext__icon\">search</mat-icon>\n        <input\n          class=\"fulltext__input\"\n          [formControl]=\"fulltextTermCtrl\"\n          [placeholder]=\"'yuv.smart-search.fulltext.placeholder' | translate\"\n        />\n      </div>\n\n      <!-- Row 2: scope (single) + types (multiple) -->\n      <div class=\"fulltext__filters\">\n        <mat-select\n          class=\"fulltext__scope\"\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltext().scope\"\n          (selectionChange)=\"setFulltextScope($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.scope.label' | translate\"\n        >\n          <mat-option value=\"all\">{{ 'yuv.smart-search.fulltext.scope.all' | translate }}</mat-option>\n          <mat-option value=\"metadata\">{{ 'yuv.smart-search.fulltext.scope.metadata' | translate }}</mat-option>\n          <mat-option value=\"content\">{{ 'yuv.smart-search.fulltext.scope.content' | translate }}</mat-option>\n        </mat-select>\n\n        <mat-select\n          class=\"fulltext__types\"\n          multiple\n          [panelWidth]=\"null\"\n          panelClass=\"smart-search-select-panel\"\n          [value]=\"fulltextTypeSelection()\"\n          (selectionChange)=\"onFulltextTypesChange($event.value)\"\n          [aria-label]=\"'yuv.smart-search.fulltext.types.label' | translate\"\n        >\n          <mat-option [value]=\"ALL_TYPES\">{{ 'yuv.smart-search.fulltext.types.all' | translate }}</mat-option>\n          @for (t of objectTypes(); track t.id) {\n            <mat-option [value]=\"t.id\">{{ t.label ?? t.id }}</mat-option>\n          }\n        </mat-select>\n      </div>\n    </div>\n\n    <!-- \u2500\u2500 Condition builder (hidden in full-text-only mode) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (!fulltextOnly()) {\n      <!-- Joiner between the full-text unit and the condition blocks. Top-level units\n           always combine with OR (\"looking for this as well as that\"), so this is a\n           static label rather than a toggle. -->\n      @if (fulltext().term.trim() && ctrl.blocks().length) {\n        <div class=\"combinator\">\n          <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n        </div>\n      }\n\n      <!-- \u2500\u2500 Step 1: Type blocks \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n      @for (block of ctrl.blocks(); track block.id) {\n        <div class=\"block\" [attr.data-block-id]=\"block.id\" [class.block--active]=\"ctrl.activeBlock() === block\">\n          <div class=\"block__header\">\n            <div class=\"block__types\">\n              @for (t of block.types; track t.id) {\n                @if (!$first) {\n                  <span class=\"block__type-sep\">{{ 'yuv.smart-search.combinator.or' | translate }}</span>\n                }\n                <span class=\"block__type\">\n                  <span class=\"block__type-label\">{{ t.label }}</span>\n                </span>\n              }\n            </div>\n            <button\n              ymtIconButton\n              icon-button-size=\"extra-small\"\n              class=\"block__remove\"\n              (click)=\"removeBlock(block)\"\n              [matTooltip]=\"'yuv.smart-search.type.remove' | translate\"\n            >\n              <mat-icon>close</mat-icon>\n            </button>\n          </div>\n\n          <div class=\"block__conditions\">\n            <yuv-smart-search-group [group]=\"block\" [bare]=\"true\" [chipTpl]=\"chipTpl\" [editorTpl]=\"editorTpl\" />\n          </div>\n        </div>\n\n        <!-- Static joiner between blocks \u2014 blocks are type-scoped, so they always\n             combine with OR (\"this type as well as that type\"). -->\n        @if (!$last && ctrl.showCombinator()) {\n          <div class=\"combinator\">\n            <span class=\"combinator__label\">{{ 'yuv.smart-search.combinator.as-well-as' | translate }}</span>\n          </div>\n        }\n      }\n\n      <!-- \u2500\u2500 Step 1 input: add a type block (multi-select) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n      @if (ctrl.step() === 'type') {\n        <div class=\"add-type-row\">\n          <button\n            type=\"button\"\n            ymtIconButton\n            icon-button-size=\"extra-small\"\n            class=\"add-type-row__icon\"\n            (click)=\"typeInput.focus()\"\n            [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n          >\n            <mat-icon>add_circle_outline</mat-icon>\n          </button>\n\n          <!-- Staged draft types as removable Material chips -->\n          <mat-chip-grid\n            #typeChipGrid\n            class=\"add-type-row__chips\"\n            [attr.aria-label]=\"'yuv.smart-search.add-type' | translate\"\n          >\n            @for (t of ctrl.draftTypes(); track t.id) {\n              <mat-chip-row (removed)=\"ctrl.removeDraftType(t.id)\">\n                {{ t.label }}\n                <button matChipRemove [attr.aria-label]=\"'yuv.smart-search.type.remove-draft' | translate\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </mat-chip-row>\n            }\n            <input\n              #typeInput\n              [formControl]=\"ctrl.fieldCtrl\"\n              [placeholder]=\"'yuv.smart-search.add-type' | translate\"\n              [matAutocomplete]=\"auto\"\n              [matChipInputFor]=\"typeChipGrid\"\n              [matChipInputSeparatorKeyCodes]=\"NO_SEPARATOR_KEYS\"\n              (keydown.enter)=\"onTypeEnter($event)\"\n              (keydown.escape)=\"cancelPending()\"\n            />\n          </mat-chip-grid>\n\n          @if (ctrl.draftTypes().length) {\n            <button\n              ymtIconButton\n              icon-button-size=\"extra-small\"\n              class=\"add-type-row__confirm\"\n              (click)=\"confirmTypes()\"\n              [matTooltip]=\"'yuv.smart-search.type.confirm' | translate\"\n            >\n              <mat-icon>check</mat-icon>\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n\n  <!-- \u2500\u2500 Shared autocomplete panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <mat-autocomplete\n    #auto\n    panelWidth=\"auto\"\n    [displayWith]=\"displayFn\"\n    (optionSelected)=\"onSuggestionSelected($event)\"\n    (closed)=\"onPickerClosed()\"\n  >\n    @for (s of ctrl.suggestions(); track s.id) {\n      <mat-option [value]=\"s\">\n        <div class=\"suggestion\">\n          @if (s.kind !== 'type') {\n            <mat-icon class=\"suggestion__icon\">\n              @switch (s.kind) {\n                @case ('field') {\n                  tune\n                }\n                @case ('date-preset') {\n                  calendar_today\n                }\n                @default {\n                  manage_search\n                }\n              }\n            </mat-icon>\n          }\n          <span class=\"suggestion__label\">{{ s.label }}</span>\n        </div>\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n", styles: [":host{display:block;--outline: rgb(from var(--ymt-text-color) r g b / .5);--focus-visible-border-color: var(--ymt-primary);--focus-visible-border-shadow-color: rgb(from var(--ymt-primary) r g b / .3)}::ng-deep .smart-search-select-panel.mat-mdc-select-panel{min-width:max-content}::ng-deep .smart-search-select-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{white-space:nowrap}.smart-search{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.fulltext{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px solid var(--outline);border-radius:var(--ymt-corner-s);transition:opacity .15s}.fulltext.muted{opacity:.7}.fulltext.muted:hover,.fulltext.muted:focus-within{opacity:1}.fulltext__term{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}.fulltext__icon{color:var(--ymt-text-color-subtle)}.fulltext__input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.fulltext__input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.fulltext__filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ymt-spacing-s)}.fulltext__scope,.fulltext__types{width:auto;font-size:.9em;color:var(--ymt-text-color-subtle);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding-inline:var(--ymt-spacing-xs)}.fulltext__scope:focus-visible,.fulltext__types:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.block{border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden;transition:border-color .15s;padding:var(--ymt-spacing-2xs)}.block:focus-within{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 3px var(--focus-visible-border-shadow-color)}.block__header{border-radius:var(--ymt-corner-xs);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);background:var(--ymt-surface-container-high)}.block__types{flex:1;display:flex;align-items:center;flex-wrap:wrap}.block__type{display:inline-flex;align-items:center;gap:var(--ymt-spacing-2xs)}.block__type-sep{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-xs)}.block__remove{margin-inline-start:auto;opacity:.7}.block__conditions{display:flex;flex-direction:column;align-items:stretch;gap:var(--ymt-spacing-2xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);min-height:44px}.condition-chip{display:flex;flex:1;align-items:center;gap:0;border-radius:var(--ymt-corner-xs);border:1px solid var(--outline);cursor:pointer;overflow:hidden;outline:none;gap:var(--ymt-spacing-2xs)}.condition-chip:hover{border-color:var(--ymt-outline)}.condition-chip:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__part{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);padding:0 var(--ymt-spacing-xs);height:100%;white-space:nowrap;color:var(--ymt-text-color)}.condition-chip__part:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.condition-chip__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding:0}.condition-chip__value{flex:1;overflow:hidden;text-overflow:ellipsis;min-height:24px;--tile-slot-padding: 0;--yuv-renderer-display: inline-flex}.condition-chip__remove{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__remove:hover{color:var(--ymt-text-color)}.condition-chip__placeholder{font:var(--ymt-font-body-subtle);font-style:italic;color:var(--ymt-text-color-subtle);opacity:.8}.condition-chip__dynamic{--mat-icon-button-container-shape: 0;color:var(--ymt-text-color-subtle)}.condition-chip__dynamic:hover{color:var(--ymt-text-color)}.condition-chip--dynamic{outline:2px solid var(--ymt-inverse-surface);outline-offset:1px}.condition-chip--dynamic .condition-chip__dynamic{border-radius:0;background-color:var(--ymt-inverse-surface);color:var(--ymt-on-inverse-surface)}.toolbar{display:flex;justify-content:flex-end;align-items:center;background:var(--ymt-surface-container-high);border-radius:var(--ymt-corner-xs);border:1px solid var(--ymt-outline);padding:var(--ymt-spacing-3xs)}.toolbar__mode{display:inline-flex;gap:0}.toolbar__mode-btn{--bg: transparent;--fg: var(--ymt-text-color);--mdc-shape-small: var(--ymt-corner-xs);font-size:.82em;background-color:var(--bg);color:var(--fg);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);border:1px solid var(--ymt-inverse-surface);cursor:pointer}.toolbar__mode-btn:focus-visible{box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.toolbar__mode-btn:first-child{border-radius:var(--mdc-shape-small) 0 0 var(--mdc-shape-small)}.toolbar__mode-btn:last-child{border-radius:0 var(--mdc-shape-small) var(--mdc-shape-small) 0}.toolbar__mode-btn--active{--bg: var(--ymt-inverse-surface);--fg: var(--ymt-on-inverse-surface)}.dynamic-form{display:flex;flex-direction:column;gap:var(--ymt-spacing-xs)}.dynamic-form__block{container-type:inline-size;border:1px solid var(--outline);border-radius:var(--ymt-corner-s);overflow:hidden}.dynamic-form__block-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);font:var(--ymt-font-body-subtle)}.dynamic-form__type-sep{text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:0 var(--ymt-spacing-2xs)}.dynamic-form__rows{display:grid;grid-template-columns:max-content max-content 1fr;row-gap:var(--ymt-spacing-s);column-gap:var(--ymt-spacing-xs);overflow:auto;padding:var(--ymt-spacing-s)}.dynamic-form__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.dynamic-form__label{color:var(--ymt-text-color)}.dynamic-form__op{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);border:1px solid var(--outline);padding-inline:var(--ymt-spacing-2xs);border-radius:var(--ymt-corner-xs)}.dynamic-form__value{flex:1;padding:var(--ymt-spacing-xs);border:1px solid var(--outline);border-radius:var(--ymt-corner-xs)}.dynamic-form__value input{width:100%;border:none;outline:none;background:transparent;font:inherit;color:var(--ymt-text-color)}.dynamic-form__empty{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}@container (max-width: 499px){.dynamic-form__rows{grid-template-columns:1fr auto}.dynamic-form__row{grid-template-columns:subgrid;grid-column:1/-1;row-gap:var(--ymt-spacing-2xs)}.dynamic-form__value{grid-column:1/-1}}.inline-input{display:flex;align-items:center;gap:var(--ymt-spacing-2xs);flex:1;border:1px dashed var(--outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-2xs);background:var(--ymt-surface)}.inline-input yuv-metadata-form-field{border-radius:var(--ymt-corner-xs)}.inline-input yuv-metadata-form-field:focus-within{outline:1px solid var(--focus-visible-border-color)}.inline-input .part-pill{display:inline-flex;align-items:center;gap:var(--ymt-spacing-4xs);white-space:nowrap;font:inherit;font-size:var(--ymt-font-body-subtle-size);color:var(--ymt-text-color);background:var(--ymt-surface-container);border:1px solid var(--ymt-outline);border-radius:var(--ymt-corner-xs);padding:var(--ymt-spacing-4xs) var(--ymt-spacing-xs);cursor:pointer;transition:border-color .1s,background .1s}.inline-input .part-pill:hover{background:var(--ymt-surface-container-high)}.inline-input .part-pill:focus-visible{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill--active{border-color:var(--ymt-primary);box-shadow:0 0 0 2px var(--focus-visible-border-shadow-color)}.inline-input .part-pill mat-icon{font-size:var(--ymt-sizing-xs);width:var(--ymt-sizing-xs);height:var(--ymt-sizing-xs)}.inline-input yuv-metadata-form-field{flex:1;min-width:150px}.inline-input input{flex:1;border:none;outline:none;background:transparent}.inline-input .confirm-btn:not(:disabled){opacity:1;color:var(--ymt-color-accent)}.combinator{display:flex;justify-content:center;gap:0}.combinator__label{font:var(--ymt-font-body-subtle);text-transform:lowercase;color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs)}.add-type-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-xs) var(--ymt-spacing-s);border:1px dashed var(--ymt-outline);border-radius:var(--ymt-corner-s);color:var(--ymt-text-color-subtle)}.add-type-row__icon{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.add-type-row__icon mat-icon{font-size:var(--ymt-sizing-m);width:var(--ymt-sizing-m);height:var(--ymt-sizing-m);opacity:.5}.add-type-row__icon:hover mat-icon{opacity:.8}.add-type-row__confirm{color:var(--ymt-primary)}.add-type-row__chips{flex:1;min-width:120px}.add-type-row input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font:inherit;font-size:.9em;color:inherit}.add-type-row input::placeholder{color:var(--ymt-text-color-subtle);opacity:.7}.condition-combinator{display:flex;align-self:center}.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);--icon-size: var(--ymt-sizing-s);opacity:.6}.suggestion__label{flex:1}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { types: [{ type: i0.Input, args: [{ isSignal: true, alias: "types", required: false }] }], skipProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipProperties", required: false }] }], fulltextOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "fulltextOnly", required: false }] }], supportDynamicConditions: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportDynamicConditions", required: false }] }], queryChange: [{ type: i0.Output, args: ["queryChange"] }], querySubmit: [{ type: i0.Output, args: ["querySubmit"] }], auto: [{ type: i0.ViewChild, args: ['auto', { isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatAutocompleteTrigger), { isSignal: true }] }] } });
 
 /**
  * Convenience NgModule that imports and re-exports {@link SmartSearchComponent}.