npm - @litigiovirtual/ius-design-components - Versions diffs - 2.5.0 → 2.6.0 - Mend

@litigiovirtual/ius-design-components 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/litigiovirtual-ius-design-components.mjs +475 -70
package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
package/package.json +1 -1
package/types/litigiovirtual-ius-design-components.d.ts +167 -15

package/fesm2022/litigiovirtual-ius-design-components.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, signal, booleanAttribute, Output, Input, ChangeDetectionStrategy, Component, inject, NgZone, ElementRef, numberAttribute, ViewChild, ViewContainerRef, forwardRef, computed, viewChildren, input, output, effect, DestroyRef, Directive, contentChild, isDevMode, TemplateRef, ContentChild, linkedSignal, PLATFORM_ID, viewChild, HostListener, untracked, afterRenderEffect, Injector, afterNextRender, isSignal, Injectable, contentChildren, ViewChildren } from '@angular/core';
+import { EventEmitter, signal, booleanAttribute, Output, Input, ChangeDetectionStrategy, Component, inject, NgZone, ElementRef, numberAttribute, ViewChild, ViewContainerRef, forwardRef, computed, viewChildren, input, output, effect, DestroyRef, Directive, contentChild, isDevMode, TemplateRef, viewChild, afterNextRender, ContentChild, linkedSignal, PLATFORM_ID, HostListener, untracked, afterRenderEffect, Injector, isSignal, Injectable, contentChildren, ViewChildren } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { Subscription, Subject, timer, of, from } from 'rxjs';
@@ -1310,7 +1310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
-let uid$o = 0;
+let uid$p = 0;
 /**
  * TextField — Ius Design v2.
  *
@@ -1349,7 +1349,7 @@ class TextFieldComponent {
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
         this.revealed = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "revealed" }] : /* istanbul ignore next */ []));
-        this.inputId = `ius-tf-${uid$o++}`;
+        this.inputId = `ius-tf-${uid$p++}`;
         this.helpId = `${this.inputId}-help`;
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -1440,7 +1440,7 @@ class TextFieldComponent {
                 useExisting: forwardRef(() => TextFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "@if (label) {\r\n  <label [for]=\"inputId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"!iconHelpTitle && !iconHelpContent\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div class=\"ius-tf__field\">\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  <input\r\n    [id]=\"inputId\"\r\n    class=\"ius-tf__input\"\r\n    [type]=\"inputType\"\r\n    [name]=\"name\"\r\n    [attr.autocomplete]=\"autocomplete || null\"\r\n    [attr.inputmode]=\"inputMode || null\"\r\n    [attr.maxlength]=\"maxLengthAttr\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"value()\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-invalid]=\"error || null\"\r\n    [attr.aria-required]=\"required || null\"\r\n    [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n    (input)=\"onInput($event)\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n\r\n  @if (isPassword) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [attr.aria-label]=\"revealed() ? 'Ocultar contenido' : 'Mostrar contenido'\"\r\n      [attr.aria-pressed]=\"revealed()\"\r\n      tabindex=\"-1\"\r\n      [disabled]=\"disabled\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"toggleReveal()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">{{ revealed() ? 'visibility_off' : 'visibility' }}</span>\r\n    </button>\r\n  } @else if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [class.ius-tf__clear--hidden]=\"!showClearComputed\"\r\n      aria-label=\"Limpiar campo\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      tabindex=\"-1\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix,.ius-tf__sufix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon,.ius-tf__sufix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);min-width:0;padding:0}.ius-tf__input::placeholder{color:var(--_tf-placeholder)}.ius-tf__input:disabled{cursor:not-allowed;color:var(--ius-text-disabled)}:host([data-error=true]) .ius-tf__input{color:var(--ius-text-primary)}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear--hidden{visibility:hidden;pointer-events:none}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (label) {\r\n  <label [for]=\"inputId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"!iconHelpTitle && !iconHelpContent\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div class=\"ius-tf__field\">\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  <input\r\n    [id]=\"inputId\"\r\n    class=\"ius-tf__input\"\r\n    [type]=\"inputType\"\r\n    [attr.name]=\"name ?? null\"\r\n    [attr.autocomplete]=\"autocomplete || null\"\r\n    [attr.inputmode]=\"inputMode || null\"\r\n    [attr.maxlength]=\"maxLengthAttr\"\r\n    [attr.placeholder]=\"placeholder ?? null\"\r\n    [value]=\"value()\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-invalid]=\"error || null\"\r\n    [attr.aria-required]=\"required || null\"\r\n    [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n    (input)=\"onInput($event)\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n\r\n  @if (isPassword) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [attr.aria-label]=\"revealed() ? 'Ocultar contenido' : 'Mostrar contenido'\"\r\n      [attr.aria-pressed]=\"revealed()\"\r\n      tabindex=\"-1\"\r\n      [disabled]=\"disabled\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"toggleReveal()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">{{ revealed() ? 'visibility_off' : 'visibility' }}</span>\r\n    </button>\r\n  } @else if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [class.ius-tf__clear--hidden]=\"!showClearComputed\"\r\n      aria-label=\"Limpiar campo\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      tabindex=\"-1\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix,.ius-tf__sufix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon,.ius-tf__sufix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);min-width:0;padding:0}.ius-tf__input::placeholder{color:var(--_tf-placeholder)}.ius-tf__input:disabled{cursor:not-allowed;color:var(--ius-text-disabled)}:host([data-error=true]) .ius-tf__input{color:var(--ius-text-primary)}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear--hidden{visibility:hidden;pointer-events:none}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
@@ -1456,7 +1456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[attr.data-focused]': 'focused() || null',
                         '[attr.data-error]': 'error || null',
                         '[attr.data-disabled]': 'disabled || null',
-                    }, template: "@if (label) {\r\n  <label [for]=\"inputId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"!iconHelpTitle && !iconHelpContent\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div class=\"ius-tf__field\">\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  <input\r\n    [id]=\"inputId\"\r\n    class=\"ius-tf__input\"\r\n    [type]=\"inputType\"\r\n    [name]=\"name\"\r\n    [attr.autocomplete]=\"autocomplete || null\"\r\n    [attr.inputmode]=\"inputMode || null\"\r\n    [attr.maxlength]=\"maxLengthAttr\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"value()\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-invalid]=\"error || null\"\r\n    [attr.aria-required]=\"required || null\"\r\n    [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n    (input)=\"onInput($event)\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n\r\n  @if (isPassword) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [attr.aria-label]=\"revealed() ? 'Ocultar contenido' : 'Mostrar contenido'\"\r\n      [attr.aria-pressed]=\"revealed()\"\r\n      tabindex=\"-1\"\r\n      [disabled]=\"disabled\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"toggleReveal()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">{{ revealed() ? 'visibility_off' : 'visibility' }}</span>\r\n    </button>\r\n  } @else if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [class.ius-tf__clear--hidden]=\"!showClearComputed\"\r\n      aria-label=\"Limpiar campo\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      tabindex=\"-1\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix,.ius-tf__sufix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon,.ius-tf__sufix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);min-width:0;padding:0}.ius-tf__input::placeholder{color:var(--_tf-placeholder)}.ius-tf__input:disabled{cursor:not-allowed;color:var(--ius-text-disabled)}:host([data-error=true]) .ius-tf__input{color:var(--ius-text-primary)}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear--hidden{visibility:hidden;pointer-events:none}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}\n"] }]
+                    }, template: "@if (label) {\r\n  <label [for]=\"inputId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"!iconHelpTitle && !iconHelpContent\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div class=\"ius-tf__field\">\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  <input\r\n    [id]=\"inputId\"\r\n    class=\"ius-tf__input\"\r\n    [type]=\"inputType\"\r\n    [attr.name]=\"name ?? null\"\r\n    [attr.autocomplete]=\"autocomplete || null\"\r\n    [attr.inputmode]=\"inputMode || null\"\r\n    [attr.maxlength]=\"maxLengthAttr\"\r\n    [attr.placeholder]=\"placeholder ?? null\"\r\n    [value]=\"value()\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-invalid]=\"error || null\"\r\n    [attr.aria-required]=\"required || null\"\r\n    [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n    (input)=\"onInput($event)\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n\r\n  @if (isPassword) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [attr.aria-label]=\"revealed() ? 'Ocultar contenido' : 'Mostrar contenido'\"\r\n      [attr.aria-pressed]=\"revealed()\"\r\n      tabindex=\"-1\"\r\n      [disabled]=\"disabled\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"toggleReveal()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">{{ revealed() ? 'visibility_off' : 'visibility' }}</span>\r\n    </button>\r\n  } @else if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      [class.ius-tf__clear--hidden]=\"!showClearComputed\"\r\n      aria-label=\"Limpiar campo\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      tabindex=\"-1\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix,.ius-tf__sufix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon,.ius-tf__sufix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);min-width:0;padding:0}.ius-tf__input::placeholder{color:var(--_tf-placeholder)}.ius-tf__input:disabled{cursor:not-allowed;color:var(--ius-text-disabled)}:host([data-error=true]) .ius-tf__input{color:var(--ius-text-primary)}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear--hidden{visibility:hidden;pointer-events:none}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -1507,7 +1507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
-let uid$n = 0;
+let uid$o = 0;
 /** Reparte una cadena en `length` casillas (1 carácter por casilla). */
 function toChars(str, length) {
     const out = new Array(length).fill('');
@@ -1567,7 +1567,7 @@ class CodeFieldComponent {
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
         this.indexes = computed(() => this.chars().map((_, i) => i), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "indexes" }] : /* istanbul ignore next */ []));
-        this.baseId = `ius-cf-${uid$n++}`;
+        this.baseId = `ius-cf-${uid$o++}`;
         this.cellRefs = viewChildren('cell', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "cellRefs" }] : /* istanbul ignore next */ []));
         this.onChange = () => { };
@@ -2458,7 +2458,7 @@ const SIZE_MAP = {
     medium: 96,
     large: 140,
 };
-let uid$m = 0;
+let uid$n = 0;
 /**
  * Illustration — Ius Design v2 (familia feedback).
  *
@@ -2483,7 +2483,7 @@ class IllustrationComponent {
     constructor() {
         this.sanitizer = inject(DomSanitizer);
         /** ID único por instancia, para el sufijo de gradientes. */
-        this.instanceId = `i${uid$m++}`;
+        this.instanceId = `i${uid$n++}`;
         this._size = 'medium';
         this.viewBox = '0 0 110 110';
         this.safeInner = '';
@@ -2542,7 +2542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }] } });
-let uid$l = 0;
+let uid$m = 0;
 /**
  * Checkbox — Ius Design v2.
  *
@@ -2580,7 +2580,7 @@ class CheckboxComponent {
         ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         /** Callback con el nuevo booleano (original `onChange(checked)`; nunca `change`). */
         this.checkedChange = new EventEmitter();
-        this.inputId = `ius-cbx-${uid$l++}`;
+        this.inputId = `ius-cbx-${uid$m++}`;
         this.onChange = () => { };
         this.onTouched = () => { };
     }
@@ -3448,6 +3448,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Directive,
             args: [{ selector: '[iusDropdownTrigger]', standalone: true }]
         }] });
+/** Lo que el foco ya alcanza: un disparador propio que lo contiene se monta tal cual (golden `FOCUSABLE`). */
+const FOCUSABLE = 'button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="button"]';
+/** Primera opción que se puede activar del menú abierto. */
+const FIRST_ITEM = '[role="menuitem"]:not([disabled]):not([aria-disabled="true"])';
 /**
  * Dropdown — Ius Design v2 (familia overlays).
  *
@@ -3459,7 +3463,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * El disparador por defecto es un botón ghost texto+chevron (el chevron gira al
  * abrir); `variant="outline"` replica el contenedor del botón de QueryBuilder
  * (mismo borde/radio/padding/altura) para encajar en barras y SegmentGroup. Con
- * `[iusDropdownTrigger]` se proyecta un disparador propio.
+ * `[iusDropdownTrigger]` se proyecta un disparador propio. Si ese disparador no
+ * contiene nada enfocable (StatusChip, Tag), se envuelve en un
+ * `<button class="ius-dropdown__wrap">` con `aria-haspopup="menu"`, `aria-expanded`
+ * y el foco del sistema: Enter/Espacio abren, Flecha abajo abre y enfoca la primera
+ * opción, y Esc desde el menú lo cierra y devuelve el foco al disparador. Uno ya
+ * interactivo (Button, IconButton) se monta tal cual, sin doble botón.
  *
  * No es campo de formulario — eso es **Select**; para una sola acción →
  * Button/IconButton. Fuente de verdad: `Dropdown.jsx` + `Dropdown.d.ts` +
@@ -3498,7 +3507,7 @@ class DropdownComponent {
         ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
         /** Estado inicial del modo no controlado. */
         this.defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Etiqueta accesible del disparador por defecto. */
+        /** Etiqueta accesible del disparador por defecto o del botón que envuelve a uno propio no interactivo. */
         this.ariaLabel = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
         /** Modo `selectable` — espejo de `onChange`. */
@@ -3507,6 +3516,18 @@ class DropdownComponent {
         this.openChange = output();
         this.customTrigger = contentChild(IusDropdownTriggerDirective, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "customTrigger" }] : /* istanbul ignore next */ []));
+        this.customTriggerEl = contentChild(IusDropdownTriggerDirective, { ...(ngDevMode ? { debugName: "customTriggerEl" } : /* istanbul ignore next */ {}), read: ElementRef });
+        /**
+         * El disparador propio no contiene nada enfocable → va dentro de `.ius-dropdown__wrap`.
+         * Se decide tras el primer render (el golden lo hace en `useLayoutEffect`): antes, el
+         * componente proyectado aún no ha pintado su DOM interno.
+         */
+        this.wrapTrigger = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "wrapTrigger" }] : /* istanbul ignore next */ []));
+        this.wrapButton = viewChild('wrapButton', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "wrapButton" }] : /* istanbul ignore next */ []));
+        this.panel = viewChild('panel', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []));
         /** `null` = el usuario todavía no ha abierto/cerrado → manda `defaultOpen`. */
         this.internalOpen = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "internalOpen" }] : /* istanbul ignore next */ []));
@@ -3531,6 +3552,11 @@ class DropdownComponent {
         /** El encabezado del menú solo aplica en modo selección (como el golden). */
         this.menuLabel = computed(() => this.selectable() ? this.label() : undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "menuLabel" }] : /* istanbul ignore next */ []));
+        afterNextRender(() => {
+            const el = this.customTriggerEl()?.nativeElement;
+            if (el && !el.matches(FOCUSABLE) && !el.querySelector(FOCUSABLE))
+                this.wrapTrigger.set(true);
+        });
     }
     onOpenChange(open) {
         if (this.open() === undefined)
@@ -3545,13 +3571,31 @@ class DropdownComponent {
         if (this.isOpen())
             this.onOpenChange(false);
     }
+    /** Flecha abajo sobre el disparador envuelto: abre (si hace falta) y enfoca la primera opción. */
+    onWrapKeydown(event) {
+        if (event.key !== 'ArrowDown')
+            return;
+        event.preventDefault();
+        if (!this.isOpen())
+            this.onOpenChange(true);
+        requestAnimationFrame(() => this.panel()?.nativeElement.querySelector(FIRST_ITEM)?.focus());
+    }
+    /**
+     * Esc desde el menú: el Popover lo cierra; aquí el foco vuelve al disparador envuelto.
+     * EXTENSIÓN del port: el golden no lo hace; lo pide F8 · HU-3 (verificado en su DC).
+     */
+    onPanelEscape() {
+        if (!this.wrapTrigger())
+            return;
+        requestAnimationFrame(() => this.wrapButton()?.nativeElement.focus());
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: DropdownComponent, isStandalone: true, selector: "ius-dropdown", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, triggerIcon: { classPropertyName: "triggerIcon", publicName: "triggerIcon", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange" }, host: { classAttribute: "ius-dropdown" }, queries: [{ propertyName: "customTrigger", first: true, predicate: IusDropdownTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ius-popover\r\n  [placement]=\"placement()\"\r\n  trigger=\"click\"\r\n  [showArrow]=\"false\"\r\n  [open]=\"isOpen()\"\r\n  [dismissable]=\"true\"\r\n  panelClass=\"ius-dropdown-pop\"\r\n  (openChange)=\"onOpenChange($event)\"\r\n>\r\n  <!-- Disparador: propio proyectado \u203A ghost/outline texto+chevron por defecto -->\r\n  @if (customTrigger()) {\r\n    <ng-content select=\"[iusDropdownTrigger]\" />\r\n  } @else {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-dropdown__trigger\"\r\n      [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n      [attr.data-tone]=\"tone() !== 'primary' ? tone() : null\"\r\n      [attr.data-variant]=\"variant() !== 'ghost' ? variant() : null\"\r\n      [attr.aria-haspopup]=\"'menu'\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      [attr.aria-label]=\"ariaLabel() || null\"\r\n    >\r\n      @if (triggerIcon()) {\r\n        <span translate=\"no\" class=\"ius-icon\">{{ triggerIcon() }}</span>\r\n      }\r\n      {{ triggerText() }}\r\n      <span translate=\"no\" class=\"ius-icon ius-dropdown__chev\">expand_more</span>\r\n    </button>\r\n  }\r\n\r\n  <!-- Panel: la superficie Menu (el Popover solo la ancla) -->\r\n  <div iusPopoverContent>\r\n    <ius-menu\r\n      [items]=\"items()\"\r\n      [selectable]=\"selectable()\"\r\n      [value]=\"value()\"\r\n      [label]=\"menuLabel()\"\r\n      [ariaLabel]=\"ariaLabel()\"\r\n      (valueChange)=\"onValueChange($event)\"\r\n      (itemClick)=\"onItemClick()\"\r\n    />\r\n  </div>\r\n</ius-popover>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-dropdown__trigger{appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font:var(--ius-fw-semibold) var(--ius-fs-sm)/1.2 var(--ius-font-body);color:var(--ius-primary-700);padding:var(--ius-space-xxs) var(--ius-space-xs);border-radius:var(--ius-radius-sm);white-space:nowrap;transition:background var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger:hover{background:var(--ius-neutral-2)}.ius-dropdown__trigger[data-tone=neutral]{color:var(--ius-text-secondary)}.ius-dropdown__trigger[data-tone=neutral]:hover,.ius-dropdown__trigger[data-tone=neutral][data-open=true]{color:var(--ius-text-primary)}.ius-dropdown__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-dropdown__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-dropdown__trigger .ius-dropdown__chev{transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger[data-open=true] .ius-dropdown__chev{transform:rotate(180deg)}.ius-dropdown__trigger[data-variant=outline]{border:1px solid var(--ius-stroke);background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);gap:var(--ius-space-xs);font:var(--ius-fw-regular, 400) var(--ius-fs-base)/1 var(--ius-font-body)}.ius-dropdown__trigger[data-variant=outline]:hover{background:var(--ius-neutral-white);border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-dropdown__trigger[data-variant=outline][data-open=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: MenuComponent, selector: "ius-menu", inputs: ["items", "selectable", "value", "label", "ariaLabel"], outputs: ["valueChange", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: DropdownComponent, isStandalone: true, selector: "ius-dropdown", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, triggerIcon: { classPropertyName: "triggerIcon", publicName: "triggerIcon", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange" }, host: { classAttribute: "ius-dropdown" }, queries: [{ propertyName: "customTrigger", first: true, predicate: IusDropdownTriggerDirective, descendants: true, isSignal: true }, { propertyName: "customTriggerEl", first: true, predicate: IusDropdownTriggerDirective, descendants: true, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "wrapButton", first: true, predicate: ["wrapButton"], descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<ius-popover\r\n  [placement]=\"placement()\"\r\n  trigger=\"click\"\r\n  [showArrow]=\"false\"\r\n  [open]=\"isOpen()\"\r\n  [dismissable]=\"true\"\r\n  panelClass=\"ius-dropdown-pop\"\r\n  (openChange)=\"onOpenChange($event)\"\r\n>\r\n  <!-- Disparador: propio proyectado \u203A ghost/outline texto+chevron por defecto -->\r\n  @if (customTrigger()) {\r\n    <!-- Propio NO interactivo (StatusChip, Tag): dentro de un button accesible, como el golden -->\r\n    @if (wrapTrigger()) {\r\n      <button\r\n        #wrapButton\r\n        type=\"button\"\r\n        class=\"ius-dropdown__wrap\"\r\n        [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n        [attr.aria-haspopup]=\"'menu'\"\r\n        [attr.aria-expanded]=\"isOpen()\"\r\n        [attr.aria-label]=\"ariaLabel() || null\"\r\n        (keydown)=\"onWrapKeydown($event)\"\r\n      >\r\n        <ng-container [ngTemplateOutlet]=\"customTriggerTpl\" />\r\n      </button>\r\n    } @else {\r\n      <ng-container [ngTemplateOutlet]=\"customTriggerTpl\" />\r\n    }\r\n  } @else {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-dropdown__trigger\"\r\n      [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n      [attr.data-tone]=\"tone() !== 'primary' ? tone() : null\"\r\n      [attr.data-variant]=\"variant() !== 'ghost' ? variant() : null\"\r\n      [attr.aria-haspopup]=\"'menu'\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      [attr.aria-label]=\"ariaLabel() || null\"\r\n    >\r\n      @if (triggerIcon()) {\r\n        <span translate=\"no\" class=\"ius-icon\">{{ triggerIcon() }}</span>\r\n      }\r\n      {{ triggerText() }}\r\n      <span translate=\"no\" class=\"ius-icon ius-dropdown__chev\">expand_more</span>\r\n    </button>\r\n  }\r\n\r\n  <!-- Panel: la superficie Menu (el Popover solo la ancla) -->\r\n  <div iusPopoverContent #panel (keydown.escape)=\"onPanelEscape()\">\r\n    <ius-menu\r\n      [items]=\"items()\"\r\n      [selectable]=\"selectable()\"\r\n      [value]=\"value()\"\r\n      [label]=\"menuLabel()\"\r\n      [ariaLabel]=\"ariaLabel()\"\r\n      (valueChange)=\"onValueChange($event)\"\r\n      (itemClick)=\"onItemClick()\"\r\n    />\r\n  </div>\r\n</ius-popover>\r\n\r\n<!-- El disparador propio se proyecta una sola vez; las dos ramas de arriba lo montan desde aqu\u00ED. -->\r\n<ng-template #customTriggerTpl><ng-content select=\"[iusDropdownTrigger]\" /></ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-dropdown__trigger{appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font:var(--ius-fw-semibold) var(--ius-fs-sm)/1.2 var(--ius-font-body);color:var(--ius-primary-700);padding:var(--ius-space-xxs) var(--ius-space-xs);border-radius:var(--ius-radius-sm);white-space:nowrap;transition:background var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger:hover{background:var(--ius-neutral-2)}.ius-dropdown__trigger[data-tone=neutral]{color:var(--ius-text-secondary)}.ius-dropdown__trigger[data-tone=neutral]:hover,.ius-dropdown__trigger[data-tone=neutral][data-open=true]{color:var(--ius-text-primary)}.ius-dropdown__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-dropdown__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-dropdown__trigger .ius-dropdown__chev{transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger[data-open=true] .ius-dropdown__chev{transform:rotate(180deg)}.ius-dropdown__trigger[data-variant=outline]{border:1px solid var(--ius-stroke);background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);gap:var(--ius-space-xs);font:var(--ius-fw-regular, 400) var(--ius-fs-base)/1 var(--ius-font-body)}.ius-dropdown__trigger[data-variant=outline]:hover{background:var(--ius-neutral-white);border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-dropdown__trigger[data-variant=outline][data-open=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-dropdown__wrap{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;display:inline-flex;align-items:center;border-radius:var(--ius-radius-pill)}.ius-dropdown__wrap:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: MenuComponent, selector: "ius-menu", inputs: ["items", "selectable", "value", "label", "ariaLabel"], outputs: ["valueChange", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-dropdown', standalone: true, imports: [PopoverComponent, MenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-dropdown' }, template: "<ius-popover\r\n  [placement]=\"placement()\"\r\n  trigger=\"click\"\r\n  [showArrow]=\"false\"\r\n  [open]=\"isOpen()\"\r\n  [dismissable]=\"true\"\r\n  panelClass=\"ius-dropdown-pop\"\r\n  (openChange)=\"onOpenChange($event)\"\r\n>\r\n  <!-- Disparador: propio proyectado \u203A ghost/outline texto+chevron por defecto -->\r\n  @if (customTrigger()) {\r\n    <ng-content select=\"[iusDropdownTrigger]\" />\r\n  } @else {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-dropdown__trigger\"\r\n      [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n      [attr.data-tone]=\"tone() !== 'primary' ? tone() : null\"\r\n      [attr.data-variant]=\"variant() !== 'ghost' ? variant() : null\"\r\n      [attr.aria-haspopup]=\"'menu'\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      [attr.aria-label]=\"ariaLabel() || null\"\r\n    >\r\n      @if (triggerIcon()) {\r\n        <span translate=\"no\" class=\"ius-icon\">{{ triggerIcon() }}</span>\r\n      }\r\n      {{ triggerText() }}\r\n      <span translate=\"no\" class=\"ius-icon ius-dropdown__chev\">expand_more</span>\r\n    </button>\r\n  }\r\n\r\n  <!-- Panel: la superficie Menu (el Popover solo la ancla) -->\r\n  <div iusPopoverContent>\r\n    <ius-menu\r\n      [items]=\"items()\"\r\n      [selectable]=\"selectable()\"\r\n      [value]=\"value()\"\r\n      [label]=\"menuLabel()\"\r\n      [ariaLabel]=\"ariaLabel()\"\r\n      (valueChange)=\"onValueChange($event)\"\r\n      (itemClick)=\"onItemClick()\"\r\n    />\r\n  </div>\r\n</ius-popover>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-dropdown__trigger{appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font:var(--ius-fw-semibold) var(--ius-fs-sm)/1.2 var(--ius-font-body);color:var(--ius-primary-700);padding:var(--ius-space-xxs) var(--ius-space-xs);border-radius:var(--ius-radius-sm);white-space:nowrap;transition:background var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger:hover{background:var(--ius-neutral-2)}.ius-dropdown__trigger[data-tone=neutral]{color:var(--ius-text-secondary)}.ius-dropdown__trigger[data-tone=neutral]:hover,.ius-dropdown__trigger[data-tone=neutral][data-open=true]{color:var(--ius-text-primary)}.ius-dropdown__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-dropdown__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-dropdown__trigger .ius-dropdown__chev{transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger[data-open=true] .ius-dropdown__chev{transform:rotate(180deg)}.ius-dropdown__trigger[data-variant=outline]{border:1px solid var(--ius-stroke);background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);gap:var(--ius-space-xs);font:var(--ius-fw-regular, 400) var(--ius-fs-base)/1 var(--ius-font-body)}.ius-dropdown__trigger[data-variant=outline]:hover{background:var(--ius-neutral-white);border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-dropdown__trigger[data-variant=outline][data-open=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}\n"] }]
-        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], triggerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLabel", required: false }] }], triggerIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerIcon", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], customTrigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusDropdownTriggerDirective), { isSignal: true }] }] } });
+            args: [{ selector: 'ius-dropdown', standalone: true, imports: [NgTemplateOutlet, PopoverComponent, MenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-dropdown' }, template: "<ius-popover\r\n  [placement]=\"placement()\"\r\n  trigger=\"click\"\r\n  [showArrow]=\"false\"\r\n  [open]=\"isOpen()\"\r\n  [dismissable]=\"true\"\r\n  panelClass=\"ius-dropdown-pop\"\r\n  (openChange)=\"onOpenChange($event)\"\r\n>\r\n  <!-- Disparador: propio proyectado \u203A ghost/outline texto+chevron por defecto -->\r\n  @if (customTrigger()) {\r\n    <!-- Propio NO interactivo (StatusChip, Tag): dentro de un button accesible, como el golden -->\r\n    @if (wrapTrigger()) {\r\n      <button\r\n        #wrapButton\r\n        type=\"button\"\r\n        class=\"ius-dropdown__wrap\"\r\n        [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n        [attr.aria-haspopup]=\"'menu'\"\r\n        [attr.aria-expanded]=\"isOpen()\"\r\n        [attr.aria-label]=\"ariaLabel() || null\"\r\n        (keydown)=\"onWrapKeydown($event)\"\r\n      >\r\n        <ng-container [ngTemplateOutlet]=\"customTriggerTpl\" />\r\n      </button>\r\n    } @else {\r\n      <ng-container [ngTemplateOutlet]=\"customTriggerTpl\" />\r\n    }\r\n  } @else {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-dropdown__trigger\"\r\n      [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n      [attr.data-tone]=\"tone() !== 'primary' ? tone() : null\"\r\n      [attr.data-variant]=\"variant() !== 'ghost' ? variant() : null\"\r\n      [attr.aria-haspopup]=\"'menu'\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      [attr.aria-label]=\"ariaLabel() || null\"\r\n    >\r\n      @if (triggerIcon()) {\r\n        <span translate=\"no\" class=\"ius-icon\">{{ triggerIcon() }}</span>\r\n      }\r\n      {{ triggerText() }}\r\n      <span translate=\"no\" class=\"ius-icon ius-dropdown__chev\">expand_more</span>\r\n    </button>\r\n  }\r\n\r\n  <!-- Panel: la superficie Menu (el Popover solo la ancla) -->\r\n  <div iusPopoverContent #panel (keydown.escape)=\"onPanelEscape()\">\r\n    <ius-menu\r\n      [items]=\"items()\"\r\n      [selectable]=\"selectable()\"\r\n      [value]=\"value()\"\r\n      [label]=\"menuLabel()\"\r\n      [ariaLabel]=\"ariaLabel()\"\r\n      (valueChange)=\"onValueChange($event)\"\r\n      (itemClick)=\"onItemClick()\"\r\n    />\r\n  </div>\r\n</ius-popover>\r\n\r\n<!-- El disparador propio se proyecta una sola vez; las dos ramas de arriba lo montan desde aqu\u00ED. -->\r\n<ng-template #customTriggerTpl><ng-content select=\"[iusDropdownTrigger]\" /></ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-dropdown__trigger{appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font:var(--ius-fw-semibold) var(--ius-fs-sm)/1.2 var(--ius-font-body);color:var(--ius-primary-700);padding:var(--ius-space-xxs) var(--ius-space-xs);border-radius:var(--ius-radius-sm);white-space:nowrap;transition:background var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger:hover{background:var(--ius-neutral-2)}.ius-dropdown__trigger[data-tone=neutral]{color:var(--ius-text-secondary)}.ius-dropdown__trigger[data-tone=neutral]:hover,.ius-dropdown__trigger[data-tone=neutral][data-open=true]{color:var(--ius-text-primary)}.ius-dropdown__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-dropdown__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-dropdown__trigger .ius-dropdown__chev{transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dropdown__trigger[data-open=true] .ius-dropdown__chev{transform:rotate(180deg)}.ius-dropdown__trigger[data-variant=outline]{border:1px solid var(--ius-stroke);background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);gap:var(--ius-space-xs);font:var(--ius-fw-regular, 400) var(--ius-fs-base)/1 var(--ius-font-body)}.ius-dropdown__trigger[data-variant=outline]:hover{background:var(--ius-neutral-white);border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-dropdown__trigger[data-variant=outline][data-open=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-dropdown__wrap{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;display:inline-flex;align-items:center;border-radius:var(--ius-radius-pill)}.ius-dropdown__wrap:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], triggerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLabel", required: false }] }], triggerIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerIcon", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], customTrigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusDropdownTriggerDirective), { isSignal: true }] }], customTriggerEl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusDropdownTriggerDirective), { ...{ read: ElementRef }, isSignal: true }] }], wrapButton: [{ type: i0.ViewChild, args: ['wrapButton', { isSignal: true }] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });
 /** Nombre rico proyectado (alternativa al input `name`). */
 class IusAccountItemNameDirective {
@@ -4598,7 +4642,7 @@ function prefersReducedMotion() {
         typeof window.matchMedia === 'function' &&
         window.matchMedia('(prefers-reduced-motion: reduce)').matches);
 }
-let uid$k = 0;
+let uid$l = 0;
 /**
  * CircularProgress — Ius Design v2.
  *
@@ -4619,7 +4663,7 @@ class CircularProgressComponent {
         this.showValue = false;
         /** Congela la cuenta regresiva conservando el tiempo restante (hover del Toast). */
         this.paused = false;
-        this.gid = `ius-cp-${uid$k++}`;
+        this.gid = `ius-cp-${uid$l++}`;
         this.zone = inject(NgZone);
         /** % restante de la cuenta regresiva (100 → 0). */
         this.remaining = signal(100, /* @ts-ignore */
@@ -4781,7 +4825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
-let uid$j = 0;
+let uid$k = 0;
 /**
  *
  * Cargador de **identidad** Litigiovirtual: tres fichas se deslizan por el
@@ -4803,7 +4847,7 @@ class LoadingMarkComponent {
         /** Etiqueta accesible. */
         this.ariaLabel = 'Cargando';
         // IDs únicos por instancia para los <defs> del SVG (gradientes/filtro/máscara).
-        this.id = `lm-${uid$j++}`;
+        this.id = `lm-${uid$k++}`;
         this.baseId = `${this.id}-base`;
         this.glowId = `${this.id}-glow`;
         this.softId = `${this.id}-soft`;
@@ -5632,7 +5676,7 @@ function placeholderContent(kind, providerLabel) {
             };
     }
 }
-let uid$i = 0;
+let uid$j = 0;
 /**
  * CaptchaField — Ius Design v2.
  *
@@ -5781,7 +5825,7 @@ class CaptchaFieldComponent {
         this.phase = signal('loading', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "phase" }] : /* istanbul ignore next */ []));
         this.widgetId = null;
-        this.baseId = `ius-cf-${uid$i++}`;
+        this.baseId = `ius-cf-${uid$j++}`;
         this.hostRef = viewChild('host', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostRef" }] : /* istanbul ignore next */ []));
         this.onChange = () => { };
@@ -7074,7 +7118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
-let uid$h = 0;
+let uid$i = 0;
 /** ¿La lista viene agrupada (`{label, options}`) o plana? */
 function isGrouped(options) {
     return (Array.isArray(options) &&
@@ -7256,7 +7300,7 @@ class SelectComponent {
          * corren en el constructor, antes de que Angular asigne los `@Input`, así que
          * `this.id` valdría siempre `undefined` y el `id` del consumidor se perdería.
          */
-        this.fallbackId = `ius-sel-${uid$h++}`;
+        this.fallbackId = `ius-sel-${uid$i++}`;
         this.onChange = () => { };
         this.onTouched = () => { };
         this.overlay = inject(Overlay);
@@ -7805,13 +7849,13 @@ class SelectComponent {
             this.menuWidth.set(origin.getBoundingClientRect().width);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SelectComponent, isStandalone: true, selector: "ius-select", inputs: { options: "options", multiple: ["multiple", "multiple", booleanAttribute], size: "size", disabled: ["disabled", "disabled", booleanAttribute], error: ["error", "error", booleanAttribute], state: "state", open: ["open", "open", booleanAttribute], value: "value", label: "label", required: ["required", "required", booleanAttribute], placeholder: "placeholder", prefixIcon: "prefixIcon", searchable: ["searchable", "searchable", booleanAttribute], searchPlaceholder: "searchPlaceholder", emptyText: "emptyText", creatable: ["creatable", "creatable", booleanAttribute], createPlaceholder: "createPlaceholder", createLabel: "createLabel", createFactory: "createFactory", maxVisible: ["maxVisible", "maxVisible", numberAttribute], helpText: "helpText", errorText: "errorText", showHelpText: ["showHelpText", "showHelpText", booleanAttribute], showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", showClear: ["showClear", "showClear", booleanAttribute], defaultOpen: ["defaultOpen", "defaultOpen", booleanAttribute], compact: ["compact", "compact", booleanAttribute], defaultValue: "defaultValue", id: "id", name: "name" }, outputs: { valueChange: "valueChange", cleared: "cleared", openChange: "openChange", created: "created" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)", "document:keydown.escape": "onEscape($event)" }, properties: { "class.ius-tf--compact": "compact", "attr.data-size": "size !== 'medium' ? size : null", "attr.data-focused": "focusedAttr()", "attr.data-error": "isError() || null", "attr.data-disabled": "isDisabled() || null", "attr.data-force": "stateInput() || null" }, classAttribute: "ius-tf ius-tf--select" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SelectComponent, isStandalone: true, selector: "ius-select", inputs: { options: "options", multiple: ["multiple", "multiple", booleanAttribute], size: "size", disabled: ["disabled", "disabled", booleanAttribute], error: ["error", "error", booleanAttribute], state: "state", open: ["open", "open", booleanAttribute], value: "value", label: "label", ariaLabel: "ariaLabel", required: ["required", "required", booleanAttribute], placeholder: "placeholder", prefixIcon: "prefixIcon", searchable: ["searchable", "searchable", booleanAttribute], searchPlaceholder: "searchPlaceholder", emptyText: "emptyText", creatable: ["creatable", "creatable", booleanAttribute], createPlaceholder: "createPlaceholder", createLabel: "createLabel", createFactory: "createFactory", maxVisible: ["maxVisible", "maxVisible", numberAttribute], helpText: "helpText", errorText: "errorText", showHelpText: ["showHelpText", "showHelpText", booleanAttribute], showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", showClear: ["showClear", "showClear", booleanAttribute], defaultOpen: ["defaultOpen", "defaultOpen", booleanAttribute], compact: ["compact", "compact", booleanAttribute], defaultValue: "defaultValue", id: "id", name: "name" }, outputs: { valueChange: "valueChange", cleared: "cleared", openChange: "openChange", created: "created" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)", "document:keydown.escape": "onEscape($event)" }, properties: { "class.ius-tf--compact": "compact", "attr.data-size": "size !== 'medium' ? size : null", "attr.data-focused": "focusedAttr()", "attr.data-error": "isError() || null", "attr.data-disabled": "isDisabled() || null", "attr.data-force": "stateInput() || null" }, classAttribute: "ius-tf ius-tf--select" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SelectComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: ["search"], descendants: true, isSignal: true }, { propertyName: "createInput", first: true, predicate: ["createInput"], descendants: true, isSignal: true }, { propertyName: "menuTpl", first: true, predicate: ["menuTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label != null) {\r\n  <label [for]=\"baseId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <!-- El golden envuelve el \u00EDcono en <Popover placement=\"top\" trigger=\"hover\">\r\n           (ambos son los defaults de `ius-popover`) \u2014 mismo patr\u00F3n que TextField. -->\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"iconHelpEmpty\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div\r\n  #field\r\n  [id]=\"baseId\"\r\n  class=\"ius-tf__field\"\r\n  role=\"combobox\"\r\n  [attr.tabindex]=\"isDisabled() ? -1 : 0\"\r\n  [attr.aria-expanded]=\"isOpen()\"\r\n  aria-haspopup=\"listbox\"\r\n  [attr.aria-controls]=\"menuId\"\r\n  [attr.aria-required]=\"required || null\"\r\n  [attr.aria-invalid]=\"isError() || null\"\r\n  (click)=\"toggleOpen()\"\r\n  (keydown)=\"onTriggerKeyDown($event)\"\r\n>\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  @if (multiple && hasValue()) {\r\n    <div class=\"ius-select__chips\">\r\n      @for (val of valueArray(); track val) {\r\n        <ius-chip\r\n          [removable]=\"!isDisabled()\"\r\n          [size]=\"chipSize\"\r\n          [label]=\"labelFor(val)\"\r\n          [disabled]=\"isDisabled()\"\r\n          (removed)=\"removeChip(val)\"\r\n        />\r\n      }\r\n    </div>\r\n  } @else {\r\n    <span class=\"ius-select__value\" [attr.data-placeholder]=\"!hasValue() || null\">\r\n      {{ hasValue() ? labelFor(singleValue()!) : placeholder }}\r\n    </span>\r\n  }\r\n\r\n  <!--\r\n    Espejo de `clearReserved` del golden: el bot\u00F3n entra en el flujo solo si el\r\n    campo es \"clearable-capable\" (showClear !== false y habilitado). Dentro de\r\n    ese caso el slot S\u00CD queda reservado con `visibility`, para que el chevron no\r\n    se desplace al aparecer/quitar el valor (auditor\u00EDa 2026-07-24). Con\r\n    `showClear=false` o `disabled` desaparece del flujo, como el golden.\r\n  -->\r\n  @if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      aria-label=\"Limpiar campo\"\r\n      tabindex=\"-1\"\r\n      [style.visibility]=\"showClearComputed ? 'visible' : 'hidden'\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear($event)\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n\r\n  <span class=\"ius-select__chevron\" aria-hidden=\"true\">\r\n    <span translate=\"no\" class=\"ius-icon\">{{ isOpen() ? 'expand_less' : 'expand_more' }}</span>\r\n  </span>\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  <div\r\n    #menu\r\n    [id]=\"menuId\"\r\n    class=\"ius-selectmenu\"\r\n    role=\"listbox\"\r\n    [attr.aria-multiselectable]=\"multiple || null\"\r\n    [attr.data-size]=\"size !== 'medium' ? size : null\"\r\n    [style.width.px]=\"menuWidth()\"\r\n  >\r\n    @if (searchable) {\r\n      <div class=\"ius-selectmenu__search\">\r\n        <span translate=\"no\" class=\"ius-icon\">search</span>\r\n        <input\r\n          #search\r\n          type=\"text\"\r\n          [placeholder]=\"searchPlaceholder\"\r\n          [attr.aria-label]=\"searchPlaceholder\"\r\n          [value]=\"query()\"\r\n          (input)=\"onSearch($event)\"\r\n          (keydown)=\"onTriggerKeyDown($event)\"\r\n        />\r\n      </div>\r\n    }\r\n\r\n    <div\r\n      class=\"ius-selectmenu__list ius-scroll ius-scroll--sm\"\r\n      [style.max-height.px]=\"listMaxH\"\r\n    >\r\n      @if (visible().flat.length === 0) {\r\n        <div class=\"ius-selectmenu__empty\">{{ emptyText }}</div>\r\n      } @else {\r\n        @for (g of visible().groups; track $index) {\r\n          @if (g.label) {\r\n            <div class=\"ius-selectmenu__group-label\">{{ g.label }}</div>\r\n          }\r\n          @for (item of g.items; track item.opt.value) {\r\n            <ius-option-item\r\n              [label]=\"item.opt.label\"\r\n              [overline]=\"item.opt.overline\"\r\n              [description]=\"item.opt.description\"\r\n              [icon]=\"item.opt.icon\"\r\n              [size]=\"size\"\r\n              [value]=\"item.opt.value\"\r\n              [selected]=\"isChosen(item.opt.value)\"\r\n              [multi]=\"multiple\"\r\n              [active]=\"item.flatIndex === activeIndex()\"\r\n              [disabled]=\"item.opt.disabled || false\"\r\n              (selectClicked)=\"handleSelect(item.opt)\"\r\n            />\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n\r\n    @if (creatable) {\r\n      <!-- Pie \u00ABagregar opci\u00F3n\u00BB: campo propio (independiente de la b\u00FAsqueda) +\r\n           `ius-text-button` con \u00EDcono `add`. El bot\u00F3n se compone, no se\r\n           reimplementa; su interior es inalcanzable desde este SCSS\r\n           (encapsulaci\u00F3n), por eso el `flex: 0 0 auto` del golden se aplica al\r\n           envoltorio `.ius-selectmenu__create-action`, no al `.ius-txtbtn`. -->\r\n      <div class=\"ius-selectmenu__create\">\r\n        <div class=\"ius-selectmenu__create-field\">\r\n          <input\r\n            #createInput\r\n            type=\"text\"\r\n            [placeholder]=\"createPlaceholder\"\r\n            [attr.aria-label]=\"createPlaceholder\"\r\n            [value]=\"draft()\"\r\n            (input)=\"onCreateInput($event)\"\r\n            (keydown)=\"onCreateKeyDown($event)\"\r\n          />\r\n        </div>\r\n        <span class=\"ius-selectmenu__create-action\">\r\n          <ius-text-button\r\n            prefixIcon=\"add\"\r\n            [label]=\"createLabel\"\r\n            [size]=\"createButtonSize\"\r\n            [disabled]=\"createDisabled()\"\r\n            (clicked)=\"addItem()\"\r\n          />\r\n        </span>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}:host(.ius-tf--compact){min-width:0;width:auto;max-width:none}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__field{cursor:pointer;gap:var(--ius-space-xs)}.ius-tf__field{flex-wrap:nowrap;align-items:center}:host(:has(.ius-select__chips)) .ius-tf__field{flex-wrap:wrap;align-items:flex-start}.ius-select__value,.ius-tf__prefix,.ius-select__chevron,.ius-tf__clear{align-self:center}:host(:has(.ius-select__chips)) .ius-select__chevron,:host(:has(.ius-select__chips)) .ius-tf__clear{align-self:flex-start}:host([data-disabled=true]) .ius-tf__field{cursor:not-allowed}.ius-select__value{flex:1 1 auto;min-width:0;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-select__value[data-placeholder=true]{color:var(--_tf-placeholder)}.ius-select__chevron{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-select__chevron .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1;transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-select__chips{display:flex;flex-wrap:wrap;gap:var(--ius-space-xs);flex:1 1 0;min-width:0}.ius-selectmenu{box-sizing:border-box;background:var(--ius-neutral-white);border-radius:var(--ius-radius-lg);box-shadow:var(--ius-elevation-300);padding:var(--ius-space-xs);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);animation:ius-selectmenu-in .12s var(--ius-ease-decelerate)}@keyframes ius-selectmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ius-selectmenu__search{display:flex;align-items:center;gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-xs);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__search:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__search .ius-icon{font-size:var(--ius-icon-md);color:var(--ius-text-tertiary);flex:0 0 auto}.ius-selectmenu__search input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu[data-size=large] .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu[data-size=large] .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}@container style(--ius-control-size: large){.ius-selectmenu:not([data-size]) .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu:not([data-size]) .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}}.ius-selectmenu__list{overflow-y:auto;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-selectmenu__group-label{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ius-text-tertiary);padding:var(--ius-space-xs) var(--ius-space-sm) var(--ius-space-xxs)}.ius-selectmenu__empty{padding:var(--ius-space-lg) var(--ius-space-sm);text-align:center;font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}.ius-selectmenu__create{display:flex;align-items:center;gap:var(--ius-space-xs);border-top:1px solid var(--ius-stroke);margin-top:var(--ius-space-xxs);padding-top:var(--ius-space-xs)}.ius-selectmenu__create-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__create-field:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__create-field input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu__create-action{display:inline-flex;align-items:center;flex:0 0 auto}.ius-selectmenu[data-size=large] .ius-selectmenu__create-field input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}\n"], dependencies: [{ kind: "component", type: OptionItemComponent, selector: "ius-option-item", inputs: ["label", "overline", "description", "icon", "selected", "multi", "active", "disabled", "size", "value", "state"], outputs: ["selectClicked"] }, { kind: "component", type: ChipComponent, selector: "ius-chip", inputs: ["label", "icon", "removable", "size", "disabled", "state", "removeLabel"], outputs: ["removed"] }, { kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: ["search"], descendants: true, isSignal: true }, { propertyName: "createInput", first: true, predicate: ["createInput"], descendants: true, isSignal: true }, { propertyName: "menuTpl", first: true, predicate: ["menuTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label != null) {\r\n  <label [for]=\"baseId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <!-- El golden envuelve el \u00EDcono en <Popover placement=\"top\" trigger=\"hover\">\r\n           (ambos son los defaults de `ius-popover`) \u2014 mismo patr\u00F3n que TextField. -->\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"iconHelpEmpty\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div\r\n  #field\r\n  [id]=\"baseId\"\r\n  class=\"ius-tf__field\"\r\n  role=\"combobox\"\r\n  [attr.aria-label]=\"label == null ? ariaLabel : null\"\r\n  [attr.tabindex]=\"isDisabled() ? -1 : 0\"\r\n  [attr.aria-expanded]=\"isOpen()\"\r\n  aria-haspopup=\"listbox\"\r\n  [attr.aria-controls]=\"menuId\"\r\n  [attr.aria-required]=\"required || null\"\r\n  [attr.aria-invalid]=\"isError() || null\"\r\n  (click)=\"toggleOpen()\"\r\n  (keydown)=\"onTriggerKeyDown($event)\"\r\n>\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  @if (multiple && hasValue()) {\r\n    <div class=\"ius-select__chips\">\r\n      @for (val of valueArray(); track val) {\r\n        <ius-chip\r\n          [removable]=\"!isDisabled()\"\r\n          [size]=\"chipSize\"\r\n          [label]=\"labelFor(val)\"\r\n          [disabled]=\"isDisabled()\"\r\n          (removed)=\"removeChip(val)\"\r\n        />\r\n      }\r\n    </div>\r\n  } @else {\r\n    <span class=\"ius-select__value\" [attr.data-placeholder]=\"!hasValue() || null\">\r\n      {{ hasValue() ? labelFor(singleValue()!) : placeholder }}\r\n    </span>\r\n  }\r\n\r\n  <!--\r\n    Espejo de `clearReserved` del golden: el bot\u00F3n entra en el flujo solo si el\r\n    campo es \"clearable-capable\" (showClear !== false y habilitado). Dentro de\r\n    ese caso el slot S\u00CD queda reservado con `visibility`, para que el chevron no\r\n    se desplace al aparecer/quitar el valor (auditor\u00EDa 2026-07-24). Con\r\n    `showClear=false` o `disabled` desaparece del flujo, como el golden.\r\n  -->\r\n  @if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      aria-label=\"Limpiar campo\"\r\n      tabindex=\"-1\"\r\n      [style.visibility]=\"showClearComputed ? 'visible' : 'hidden'\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear($event)\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n\r\n  <span class=\"ius-select__chevron\" aria-hidden=\"true\">\r\n    <span translate=\"no\" class=\"ius-icon\">{{ isOpen() ? 'expand_less' : 'expand_more' }}</span>\r\n  </span>\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  <div\r\n    #menu\r\n    [id]=\"menuId\"\r\n    class=\"ius-selectmenu\"\r\n    role=\"listbox\"\r\n    [attr.aria-multiselectable]=\"multiple || null\"\r\n    [attr.data-size]=\"size !== 'medium' ? size : null\"\r\n    [style.width.px]=\"menuWidth()\"\r\n  >\r\n    @if (searchable) {\r\n      <div class=\"ius-selectmenu__search\">\r\n        <span translate=\"no\" class=\"ius-icon\">search</span>\r\n        <input\r\n          #search\r\n          type=\"text\"\r\n          [placeholder]=\"searchPlaceholder\"\r\n          [attr.aria-label]=\"searchPlaceholder\"\r\n          [value]=\"query()\"\r\n          (input)=\"onSearch($event)\"\r\n          (keydown)=\"onTriggerKeyDown($event)\"\r\n        />\r\n      </div>\r\n    }\r\n\r\n    <div\r\n      class=\"ius-selectmenu__list ius-scroll ius-scroll--sm\"\r\n      [style.max-height.px]=\"listMaxH\"\r\n    >\r\n      @if (visible().flat.length === 0) {\r\n        <div class=\"ius-selectmenu__empty\">{{ emptyText }}</div>\r\n      } @else {\r\n        @for (g of visible().groups; track $index) {\r\n          @if (g.label) {\r\n            <div class=\"ius-selectmenu__group-label\">{{ g.label }}</div>\r\n          }\r\n          @for (item of g.items; track item.opt.value) {\r\n            <ius-option-item\r\n              [label]=\"item.opt.label\"\r\n              [overline]=\"item.opt.overline\"\r\n              [description]=\"item.opt.description\"\r\n              [icon]=\"item.opt.icon\"\r\n              [size]=\"size\"\r\n              [value]=\"item.opt.value\"\r\n              [selected]=\"isChosen(item.opt.value)\"\r\n              [multi]=\"multiple\"\r\n              [active]=\"item.flatIndex === activeIndex()\"\r\n              [disabled]=\"item.opt.disabled || false\"\r\n              (selectClicked)=\"handleSelect(item.opt)\"\r\n            />\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n\r\n    @if (creatable) {\r\n      <!-- Pie \u00ABagregar opci\u00F3n\u00BB: campo propio (independiente de la b\u00FAsqueda) +\r\n           `ius-text-button` con \u00EDcono `add`. El bot\u00F3n se compone, no se\r\n           reimplementa; su interior es inalcanzable desde este SCSS\r\n           (encapsulaci\u00F3n), por eso el `flex: 0 0 auto` del golden se aplica al\r\n           envoltorio `.ius-selectmenu__create-action`, no al `.ius-txtbtn`. -->\r\n      <div class=\"ius-selectmenu__create\">\r\n        <div class=\"ius-selectmenu__create-field\">\r\n          <input\r\n            #createInput\r\n            type=\"text\"\r\n            [placeholder]=\"createPlaceholder\"\r\n            [attr.aria-label]=\"createPlaceholder\"\r\n            [value]=\"draft()\"\r\n            (input)=\"onCreateInput($event)\"\r\n            (keydown)=\"onCreateKeyDown($event)\"\r\n          />\r\n        </div>\r\n        <span class=\"ius-selectmenu__create-action\">\r\n          <ius-text-button\r\n            prefixIcon=\"add\"\r\n            [label]=\"createLabel\"\r\n            [size]=\"createButtonSize\"\r\n            [disabled]=\"createDisabled()\"\r\n            (clicked)=\"addItem()\"\r\n          />\r\n        </span>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}:host(.ius-tf--compact){min-width:0;width:auto;max-width:none}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__field{cursor:pointer;gap:var(--ius-space-xs)}.ius-tf__field{flex-wrap:nowrap;align-items:center}:host(:has(.ius-select__chips)) .ius-tf__field{flex-wrap:wrap;align-items:flex-start}.ius-select__value,.ius-tf__prefix,.ius-select__chevron,.ius-tf__clear{align-self:center}:host(:has(.ius-select__chips)) .ius-select__chevron,:host(:has(.ius-select__chips)) .ius-tf__clear{align-self:flex-start}:host([data-disabled=true]) .ius-tf__field{cursor:not-allowed}.ius-select__value{flex:1 1 auto;min-width:0;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-select__value[data-placeholder=true]{color:var(--_tf-placeholder)}.ius-select__chevron{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-select__chevron .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1;transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-select__chips{display:flex;flex-wrap:wrap;gap:var(--ius-space-xs);flex:1 1 0;min-width:0}.ius-selectmenu{box-sizing:border-box;background:var(--ius-neutral-white);border-radius:var(--ius-radius-lg);box-shadow:var(--ius-elevation-300);padding:var(--ius-space-xs);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);animation:ius-selectmenu-in .12s var(--ius-ease-decelerate)}@keyframes ius-selectmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ius-selectmenu__search{display:flex;align-items:center;gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-xs);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__search:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__search .ius-icon{font-size:var(--ius-icon-md);color:var(--ius-text-tertiary);flex:0 0 auto}.ius-selectmenu__search input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu[data-size=large] .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu[data-size=large] .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}@container style(--ius-control-size: large){.ius-selectmenu:not([data-size]) .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu:not([data-size]) .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}}.ius-selectmenu__list{overflow-y:auto;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-selectmenu__group-label{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ius-text-tertiary);padding:var(--ius-space-xs) var(--ius-space-sm) var(--ius-space-xxs)}.ius-selectmenu__empty{padding:var(--ius-space-lg) var(--ius-space-sm);text-align:center;font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}.ius-selectmenu__create{display:flex;align-items:center;gap:var(--ius-space-xs);border-top:1px solid var(--ius-stroke);margin-top:var(--ius-space-xxs);padding-top:var(--ius-space-xs)}.ius-selectmenu__create-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__create-field:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__create-field input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu__create-action{display:inline-flex;align-items:center;flex:0 0 auto}.ius-selectmenu[data-size=large] .ius-selectmenu__create-field input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}\n"], dependencies: [{ kind: "component", type: OptionItemComponent, selector: "ius-option-item", inputs: ["label", "overline", "description", "icon", "selected", "multi", "active", "disabled", "size", "value", "state"], outputs: ["selectClicked"] }, { kind: "component", type: ChipComponent, selector: "ius-chip", inputs: ["label", "icon", "removable", "size", "disabled", "state", "removeLabel"], outputs: ["removed"] }, { kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -7829,7 +7873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[attr.data-error]': 'isError() || null',
                         '[attr.data-disabled]': 'isDisabled() || null',
                         '[attr.data-force]': 'stateInput() || null',
-                    }, template: "@if (label != null) {\r\n  <label [for]=\"baseId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <!-- El golden envuelve el \u00EDcono en <Popover placement=\"top\" trigger=\"hover\">\r\n           (ambos son los defaults de `ius-popover`) \u2014 mismo patr\u00F3n que TextField. -->\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"iconHelpEmpty\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div\r\n  #field\r\n  [id]=\"baseId\"\r\n  class=\"ius-tf__field\"\r\n  role=\"combobox\"\r\n  [attr.tabindex]=\"isDisabled() ? -1 : 0\"\r\n  [attr.aria-expanded]=\"isOpen()\"\r\n  aria-haspopup=\"listbox\"\r\n  [attr.aria-controls]=\"menuId\"\r\n  [attr.aria-required]=\"required || null\"\r\n  [attr.aria-invalid]=\"isError() || null\"\r\n  (click)=\"toggleOpen()\"\r\n  (keydown)=\"onTriggerKeyDown($event)\"\r\n>\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  @if (multiple && hasValue()) {\r\n    <div class=\"ius-select__chips\">\r\n      @for (val of valueArray(); track val) {\r\n        <ius-chip\r\n          [removable]=\"!isDisabled()\"\r\n          [size]=\"chipSize\"\r\n          [label]=\"labelFor(val)\"\r\n          [disabled]=\"isDisabled()\"\r\n          (removed)=\"removeChip(val)\"\r\n        />\r\n      }\r\n    </div>\r\n  } @else {\r\n    <span class=\"ius-select__value\" [attr.data-placeholder]=\"!hasValue() || null\">\r\n      {{ hasValue() ? labelFor(singleValue()!) : placeholder }}\r\n    </span>\r\n  }\r\n\r\n  <!--\r\n    Espejo de `clearReserved` del golden: el bot\u00F3n entra en el flujo solo si el\r\n    campo es \"clearable-capable\" (showClear !== false y habilitado). Dentro de\r\n    ese caso el slot S\u00CD queda reservado con `visibility`, para que el chevron no\r\n    se desplace al aparecer/quitar el valor (auditor\u00EDa 2026-07-24). Con\r\n    `showClear=false` o `disabled` desaparece del flujo, como el golden.\r\n  -->\r\n  @if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      aria-label=\"Limpiar campo\"\r\n      tabindex=\"-1\"\r\n      [style.visibility]=\"showClearComputed ? 'visible' : 'hidden'\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear($event)\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n\r\n  <span class=\"ius-select__chevron\" aria-hidden=\"true\">\r\n    <span translate=\"no\" class=\"ius-icon\">{{ isOpen() ? 'expand_less' : 'expand_more' }}</span>\r\n  </span>\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  <div\r\n    #menu\r\n    [id]=\"menuId\"\r\n    class=\"ius-selectmenu\"\r\n    role=\"listbox\"\r\n    [attr.aria-multiselectable]=\"multiple || null\"\r\n    [attr.data-size]=\"size !== 'medium' ? size : null\"\r\n    [style.width.px]=\"menuWidth()\"\r\n  >\r\n    @if (searchable) {\r\n      <div class=\"ius-selectmenu__search\">\r\n        <span translate=\"no\" class=\"ius-icon\">search</span>\r\n        <input\r\n          #search\r\n          type=\"text\"\r\n          [placeholder]=\"searchPlaceholder\"\r\n          [attr.aria-label]=\"searchPlaceholder\"\r\n          [value]=\"query()\"\r\n          (input)=\"onSearch($event)\"\r\n          (keydown)=\"onTriggerKeyDown($event)\"\r\n        />\r\n      </div>\r\n    }\r\n\r\n    <div\r\n      class=\"ius-selectmenu__list ius-scroll ius-scroll--sm\"\r\n      [style.max-height.px]=\"listMaxH\"\r\n    >\r\n      @if (visible().flat.length === 0) {\r\n        <div class=\"ius-selectmenu__empty\">{{ emptyText }}</div>\r\n      } @else {\r\n        @for (g of visible().groups; track $index) {\r\n          @if (g.label) {\r\n            <div class=\"ius-selectmenu__group-label\">{{ g.label }}</div>\r\n          }\r\n          @for (item of g.items; track item.opt.value) {\r\n            <ius-option-item\r\n              [label]=\"item.opt.label\"\r\n              [overline]=\"item.opt.overline\"\r\n              [description]=\"item.opt.description\"\r\n              [icon]=\"item.opt.icon\"\r\n              [size]=\"size\"\r\n              [value]=\"item.opt.value\"\r\n              [selected]=\"isChosen(item.opt.value)\"\r\n              [multi]=\"multiple\"\r\n              [active]=\"item.flatIndex === activeIndex()\"\r\n              [disabled]=\"item.opt.disabled || false\"\r\n              (selectClicked)=\"handleSelect(item.opt)\"\r\n            />\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n\r\n    @if (creatable) {\r\n      <!-- Pie \u00ABagregar opci\u00F3n\u00BB: campo propio (independiente de la b\u00FAsqueda) +\r\n           `ius-text-button` con \u00EDcono `add`. El bot\u00F3n se compone, no se\r\n           reimplementa; su interior es inalcanzable desde este SCSS\r\n           (encapsulaci\u00F3n), por eso el `flex: 0 0 auto` del golden se aplica al\r\n           envoltorio `.ius-selectmenu__create-action`, no al `.ius-txtbtn`. -->\r\n      <div class=\"ius-selectmenu__create\">\r\n        <div class=\"ius-selectmenu__create-field\">\r\n          <input\r\n            #createInput\r\n            type=\"text\"\r\n            [placeholder]=\"createPlaceholder\"\r\n            [attr.aria-label]=\"createPlaceholder\"\r\n            [value]=\"draft()\"\r\n            (input)=\"onCreateInput($event)\"\r\n            (keydown)=\"onCreateKeyDown($event)\"\r\n          />\r\n        </div>\r\n        <span class=\"ius-selectmenu__create-action\">\r\n          <ius-text-button\r\n            prefixIcon=\"add\"\r\n            [label]=\"createLabel\"\r\n            [size]=\"createButtonSize\"\r\n            [disabled]=\"createDisabled()\"\r\n            (clicked)=\"addItem()\"\r\n          />\r\n        </span>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}:host(.ius-tf--compact){min-width:0;width:auto;max-width:none}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__field{cursor:pointer;gap:var(--ius-space-xs)}.ius-tf__field{flex-wrap:nowrap;align-items:center}:host(:has(.ius-select__chips)) .ius-tf__field{flex-wrap:wrap;align-items:flex-start}.ius-select__value,.ius-tf__prefix,.ius-select__chevron,.ius-tf__clear{align-self:center}:host(:has(.ius-select__chips)) .ius-select__chevron,:host(:has(.ius-select__chips)) .ius-tf__clear{align-self:flex-start}:host([data-disabled=true]) .ius-tf__field{cursor:not-allowed}.ius-select__value{flex:1 1 auto;min-width:0;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-select__value[data-placeholder=true]{color:var(--_tf-placeholder)}.ius-select__chevron{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-select__chevron .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1;transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-select__chips{display:flex;flex-wrap:wrap;gap:var(--ius-space-xs);flex:1 1 0;min-width:0}.ius-selectmenu{box-sizing:border-box;background:var(--ius-neutral-white);border-radius:var(--ius-radius-lg);box-shadow:var(--ius-elevation-300);padding:var(--ius-space-xs);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);animation:ius-selectmenu-in .12s var(--ius-ease-decelerate)}@keyframes ius-selectmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ius-selectmenu__search{display:flex;align-items:center;gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-xs);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__search:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__search .ius-icon{font-size:var(--ius-icon-md);color:var(--ius-text-tertiary);flex:0 0 auto}.ius-selectmenu__search input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu[data-size=large] .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu[data-size=large] .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}@container style(--ius-control-size: large){.ius-selectmenu:not([data-size]) .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu:not([data-size]) .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}}.ius-selectmenu__list{overflow-y:auto;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-selectmenu__group-label{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ius-text-tertiary);padding:var(--ius-space-xs) var(--ius-space-sm) var(--ius-space-xxs)}.ius-selectmenu__empty{padding:var(--ius-space-lg) var(--ius-space-sm);text-align:center;font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}.ius-selectmenu__create{display:flex;align-items:center;gap:var(--ius-space-xs);border-top:1px solid var(--ius-stroke);margin-top:var(--ius-space-xxs);padding-top:var(--ius-space-xs)}.ius-selectmenu__create-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__create-field:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__create-field input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu__create-action{display:inline-flex;align-items:center;flex:0 0 auto}.ius-selectmenu[data-size=large] .ius-selectmenu__create-field input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}\n"] }]
+                    }, template: "@if (label != null) {\r\n  <label [for]=\"baseId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <!-- El golden envuelve el \u00EDcono en <Popover placement=\"top\" trigger=\"hover\">\r\n           (ambos son los defaults de `ius-popover`) \u2014 mismo patr\u00F3n que TextField. -->\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        [disabled]=\"iconHelpEmpty\"\r\n      >\r\n        <span\r\n          class=\"ius-tf__help-icon\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Ayuda\"\r\n        >\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div\r\n  #field\r\n  [id]=\"baseId\"\r\n  class=\"ius-tf__field\"\r\n  role=\"combobox\"\r\n  [attr.aria-label]=\"label == null ? ariaLabel : null\"\r\n  [attr.tabindex]=\"isDisabled() ? -1 : 0\"\r\n  [attr.aria-expanded]=\"isOpen()\"\r\n  aria-haspopup=\"listbox\"\r\n  [attr.aria-controls]=\"menuId\"\r\n  [attr.aria-required]=\"required || null\"\r\n  [attr.aria-invalid]=\"isError() || null\"\r\n  (click)=\"toggleOpen()\"\r\n  (keydown)=\"onTriggerKeyDown($event)\"\r\n>\r\n  @if (prefixIcon) {\r\n    <span class=\"ius-tf__prefix\" aria-hidden=\"true\">\r\n      <span translate=\"no\" class=\"ius-icon\">{{ prefixIcon }}</span>\r\n    </span>\r\n  }\r\n\r\n  @if (multiple && hasValue()) {\r\n    <div class=\"ius-select__chips\">\r\n      @for (val of valueArray(); track val) {\r\n        <ius-chip\r\n          [removable]=\"!isDisabled()\"\r\n          [size]=\"chipSize\"\r\n          [label]=\"labelFor(val)\"\r\n          [disabled]=\"isDisabled()\"\r\n          (removed)=\"removeChip(val)\"\r\n        />\r\n      }\r\n    </div>\r\n  } @else {\r\n    <span class=\"ius-select__value\" [attr.data-placeholder]=\"!hasValue() || null\">\r\n      {{ hasValue() ? labelFor(singleValue()!) : placeholder }}\r\n    </span>\r\n  }\r\n\r\n  <!--\r\n    Espejo de `clearReserved` del golden: el bot\u00F3n entra en el flujo solo si el\r\n    campo es \"clearable-capable\" (showClear !== false y habilitado). Dentro de\r\n    ese caso el slot S\u00CD queda reservado con `visibility`, para que el chevron no\r\n    se desplace al aparecer/quitar el valor (auditor\u00EDa 2026-07-24). Con\r\n    `showClear=false` o `disabled` desaparece del flujo, como el golden.\r\n  -->\r\n  @if (clearReserved) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-tf__clear\"\r\n      aria-label=\"Limpiar campo\"\r\n      tabindex=\"-1\"\r\n      [style.visibility]=\"showClearComputed ? 'visible' : 'hidden'\"\r\n      [attr.aria-hidden]=\"showClearComputed ? null : 'true'\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"clear($event)\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">cancel</span>\r\n    </button>\r\n  }\r\n\r\n  <span class=\"ius-select__chevron\" aria-hidden=\"true\">\r\n    <span translate=\"no\" class=\"ius-icon\">{{ isOpen() ? 'expand_less' : 'expand_more' }}</span>\r\n  </span>\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  <div\r\n    #menu\r\n    [id]=\"menuId\"\r\n    class=\"ius-selectmenu\"\r\n    role=\"listbox\"\r\n    [attr.aria-multiselectable]=\"multiple || null\"\r\n    [attr.data-size]=\"size !== 'medium' ? size : null\"\r\n    [style.width.px]=\"menuWidth()\"\r\n  >\r\n    @if (searchable) {\r\n      <div class=\"ius-selectmenu__search\">\r\n        <span translate=\"no\" class=\"ius-icon\">search</span>\r\n        <input\r\n          #search\r\n          type=\"text\"\r\n          [placeholder]=\"searchPlaceholder\"\r\n          [attr.aria-label]=\"searchPlaceholder\"\r\n          [value]=\"query()\"\r\n          (input)=\"onSearch($event)\"\r\n          (keydown)=\"onTriggerKeyDown($event)\"\r\n        />\r\n      </div>\r\n    }\r\n\r\n    <div\r\n      class=\"ius-selectmenu__list ius-scroll ius-scroll--sm\"\r\n      [style.max-height.px]=\"listMaxH\"\r\n    >\r\n      @if (visible().flat.length === 0) {\r\n        <div class=\"ius-selectmenu__empty\">{{ emptyText }}</div>\r\n      } @else {\r\n        @for (g of visible().groups; track $index) {\r\n          @if (g.label) {\r\n            <div class=\"ius-selectmenu__group-label\">{{ g.label }}</div>\r\n          }\r\n          @for (item of g.items; track item.opt.value) {\r\n            <ius-option-item\r\n              [label]=\"item.opt.label\"\r\n              [overline]=\"item.opt.overline\"\r\n              [description]=\"item.opt.description\"\r\n              [icon]=\"item.opt.icon\"\r\n              [size]=\"size\"\r\n              [value]=\"item.opt.value\"\r\n              [selected]=\"isChosen(item.opt.value)\"\r\n              [multi]=\"multiple\"\r\n              [active]=\"item.flatIndex === activeIndex()\"\r\n              [disabled]=\"item.opt.disabled || false\"\r\n              (selectClicked)=\"handleSelect(item.opt)\"\r\n            />\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n\r\n    @if (creatable) {\r\n      <!-- Pie \u00ABagregar opci\u00F3n\u00BB: campo propio (independiente de la b\u00FAsqueda) +\r\n           `ius-text-button` con \u00EDcono `add`. El bot\u00F3n se compone, no se\r\n           reimplementa; su interior es inalcanzable desde este SCSS\r\n           (encapsulaci\u00F3n), por eso el `flex: 0 0 auto` del golden se aplica al\r\n           envoltorio `.ius-selectmenu__create-action`, no al `.ius-txtbtn`. -->\r\n      <div class=\"ius-selectmenu__create\">\r\n        <div class=\"ius-selectmenu__create-field\">\r\n          <input\r\n            #createInput\r\n            type=\"text\"\r\n            [placeholder]=\"createPlaceholder\"\r\n            [attr.aria-label]=\"createPlaceholder\"\r\n            [value]=\"draft()\"\r\n            (input)=\"onCreateInput($event)\"\r\n            (keydown)=\"onCreateKeyDown($event)\"\r\n          />\r\n        </div>\r\n        <span class=\"ius-selectmenu__create-action\">\r\n          <ius-text-button\r\n            prefixIcon=\"add\"\r\n            [label]=\"createLabel\"\r\n            [size]=\"createButtonSize\"\r\n            [disabled]=\"createDisabled()\"\r\n            (clicked)=\"addItem()\"\r\n          />\r\n        </span>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}:host(.ius-tf--compact){min-width:0;width:auto;max-width:none}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__field{cursor:pointer;gap:var(--ius-space-xs)}.ius-tf__field{flex-wrap:nowrap;align-items:center}:host(:has(.ius-select__chips)) .ius-tf__field{flex-wrap:wrap;align-items:flex-start}.ius-select__value,.ius-tf__prefix,.ius-select__chevron,.ius-tf__clear{align-self:center}:host(:has(.ius-select__chips)) .ius-select__chevron,:host(:has(.ius-select__chips)) .ius-tf__clear{align-self:flex-start}:host([data-disabled=true]) .ius-tf__field{cursor:not-allowed}.ius-select__value{flex:1 1 auto;min-width:0;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-select__value[data-placeholder=true]{color:var(--_tf-placeholder)}.ius-select__chevron{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-select__chevron .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1;transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-select__chips{display:flex;flex-wrap:wrap;gap:var(--ius-space-xs);flex:1 1 0;min-width:0}.ius-selectmenu{box-sizing:border-box;background:var(--ius-neutral-white);border-radius:var(--ius-radius-lg);box-shadow:var(--ius-elevation-300);padding:var(--ius-space-xs);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);animation:ius-selectmenu-in .12s var(--ius-ease-decelerate)}@keyframes ius-selectmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ius-selectmenu__search{display:flex;align-items:center;gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-xs);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__search:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__search .ius-icon{font-size:var(--ius-icon-md);color:var(--ius-text-tertiary);flex:0 0 auto}.ius-selectmenu__search input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu[data-size=large] .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu[data-size=large] .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}@container style(--ius-control-size: large){.ius-selectmenu:not([data-size]) .ius-selectmenu__search{padding:var(--ius-space-xs) var(--ius-space-sm)}.ius-selectmenu:not([data-size]) .ius-selectmenu__search input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}}.ius-selectmenu__list{overflow-y:auto;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-selectmenu__group-label{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ius-text-tertiary);padding:var(--ius-space-xs) var(--ius-space-sm) var(--ius-space-xxs)}.ius-selectmenu__empty{padding:var(--ius-space-lg) var(--ius-space-sm);text-align:center;font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}.ius-selectmenu__create{display:flex;align-items:center;gap:var(--ius-space-xs);border-top:1px solid var(--ius-stroke);margin-top:var(--ius-space-xxs);padding-top:var(--ius-space-xs)}.ius-selectmenu__create-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md)}.ius-selectmenu__create-field:focus-within{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}.ius-selectmenu__create-field input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);min-width:0}.ius-selectmenu__create-action{display:inline-flex;align-items:center;flex:0 0 auto}.ius-selectmenu[data-size=large] .ius-selectmenu__create-field input{font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg)}\n"] }]
         }], propDecorators: { options: [{
                 type: Input
             }], multiple: [{
@@ -7852,6 +7896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], ariaLabel: [{
+                type: Input
             }], required: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -8066,7 +8112,7 @@ class ListViewPaginationComponent {
             this.pageSizeChange.emit(n);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListViewPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ListViewPaginationComponent, isStandalone: true, selector: "ius-list-view-pagination", inputs: { variant: "variant", page: "page", defaultPage: ["defaultPage", "defaultPage", numberAttribute], totalPages: "totalPages", total: "total", pageSize: ["pageSize", "pageSize", numberAttribute], pageSizeOptions: "pageSizeOptions", showCount: ["showCount", "showCount", booleanAttribute], countNoun: "countNoun", siblingCount: ["siblingCount", "siblingCount", numberAttribute], boundaryCount: ["boundaryCount", "boundaryCount", numberAttribute], size: "size", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "role": "navigation", "aria-label": "Paginaci\u00F3n" }, properties: { "attr.data-variant": "variant", "attr.data-block": "showCountBlock ? 'true' : null", "style.--_pg-h": "preset.h + 'px'", "style.--_pg-icon": "preset.icon", "style.--_pg-fs": "preset.fs", "style.--_pg-gap": "preset.gap + 'px'" }, classAttribute: "ius-pagination" }, ngImport: i0, template: "<!-- Conteo X\u2013Y de Z (opcional, empuja el resto a la derecha v\u00EDa data-block) -->\r\n@if (showCountBlock) {\r\n  <div class=\"ius-pagination__count\">\r\n    @if (countRanged) {\r\n      <b>{{ countFrom }}</b>\u2013<b>{{ countTo }}</b> de <b>{{ fmt(total!) }}</b> {{ countNoun }}\r\n    } @else {\r\n      <b>{{ fmt(total!) }}</b> {{ countNoun }}\r\n    }\r\n  </div>\r\n}\r\n\r\n<div class=\"ius-pagination__main\">\r\n  <!-- Selector \"Filas por p\u00E1gina\" -->\r\n  @if (pageSizeSelectOptions.length) {\r\n    <div class=\"ius-pagination__sizer\">\r\n      <span>Filas</span>\r\n      <span class=\"ius-pagination__numsel\">\r\n        <ius-select\r\n          [options]=\"pageSizeSelectOptions\"\r\n          [value]=\"pageSize\"\r\n          (valueChange)=\"onSelectPageSize($event)\"\r\n          compact\r\n          [searchable]=\"false\"\r\n          [showClear]=\"false\"\r\n          [showHelpText]=\"false\"\r\n          [size]=\"size\"\r\n          [disabled]=\"disabled\"\r\n          placeholder=\"\"\r\n        />\r\n      </span>\r\n    </div>\r\n  }\r\n\r\n  @if (variant === 'compact') {\r\n    <div class=\"ius-pagination__nav\">\r\n      <ius-icon-button\r\n        icon=\"first_page\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"Primera p\u00E1gina\"\r\n        [disabled]=\"disabled || atStart\"\r\n        (clicked)=\"goTo(1)\"\r\n      />\r\n      <ius-icon-button\r\n        icon=\"chevron_left\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina anterior\"\r\n        [disabled]=\"disabled || atStart\"\r\n        (clicked)=\"goTo(currentPage - 1)\"\r\n      />\r\n      <span class=\"ius-pagination__compact\">\r\n        P\u00E1gina&nbsp;\r\n        <span class=\"ius-pagination__numsel\">\r\n          <ius-select\r\n            [options]=\"pageOptions\"\r\n            [value]=\"currentPage\"\r\n            (valueChange)=\"onSelectPage($event)\"\r\n            compact\r\n            [searchable]=\"false\"\r\n            [showClear]=\"false\"\r\n            [showHelpText]=\"false\"\r\n            [size]=\"size\"\r\n            [disabled]=\"disabled || effTotalPages <= 1\"\r\n            placeholder=\"\"\r\n          />\r\n        </span>\r\n        <span>&nbsp;de&nbsp;</span>\r\n        <b>{{ fmt(effTotalPages) }}</b>\r\n      </span>\r\n      <ius-icon-button\r\n        icon=\"chevron_right\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina siguiente\"\r\n        [disabled]=\"disabled || atEnd\"\r\n        (clicked)=\"goTo(currentPage + 1)\"\r\n      />\r\n      <ius-icon-button\r\n        icon=\"last_page\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"\u00DAltima p\u00E1gina\"\r\n        [disabled]=\"disabled || atEnd\"\r\n        (clicked)=\"goTo(effTotalPages)\"\r\n      />\r\n    </div>\r\n  } @else {\r\n    <div class=\"ius-pagination__nav\">\r\n      <ius-icon-button\r\n        icon=\"chevron_left\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina anterior\"\r\n        [disabled]=\"disabled || atStart\"\r\n        (clicked)=\"goTo(currentPage - 1)\"\r\n      />\r\n      <div class=\"ius-pagination__pages\">\r\n        @for (row of pageRows; track $index) {\r\n          @if (row.ellipsis) {\r\n            <span class=\"ius-pagination__ellipsis\" aria-hidden=\"true\">\u2026</span>\r\n          } @else {\r\n            <ius-button\r\n              class=\"ius-pagination__num\"\r\n              [variant]=\"row.value === currentPage ? 'primary' : 'tertiary'\"\r\n              [size]=\"size\"\r\n              [label]=\"fmt(row.value!)\"\r\n              [disabled]=\"disabled\"\r\n              [attr.aria-current]=\"row.value === currentPage ? 'page' : null\"\r\n              (clicked)=\"goTo(row.value!)\"\r\n            />\r\n          }\r\n        }\r\n      </div>\r\n      <ius-icon-button\r\n        icon=\"chevron_right\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina siguiente\"\r\n        [disabled]=\"disabled || atEnd\"\r\n        (clicked)=\"goTo(currentPage + 1)\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--ius-space-lg);font-family:var(--ius-font-body);color:var(--ius-text-secondary)}:host([data-block=true]){width:100%;justify-content:space-between}.ius-pagination__count{font-size:var(--_pg-fs, 14px);line-height:1.4;color:var(--ius-text-secondary);white-space:nowrap}.ius-pagination__count b{font-weight:var(--ius-fw-medium);color:var(--ius-text-primary);font-variant-numeric:tabular-nums}.ius-pagination__main{display:flex;align-items:center;gap:var(--ius-space-lg)}.ius-pagination__nav,.ius-pagination__pages{display:flex;align-items:center;gap:var(--_pg-gap, var(--ius-space-xs))}.ius-pagination__nav ::ng-deep .ius-iconbtn{--_ib-size: var(--_pg-h, 40px);--_ib-icon: var(--_pg-icon, var(--ius-icon-md))}.ius-pagination__num ::ng-deep .ius-btn{min-width:var(--_pg-h, 40px);height:var(--_pg-h, 40px);padding-left:var(--ius-space-xs);padding-right:var(--ius-space-xs);font-variant-numeric:tabular-nums}.ius-pagination__ellipsis{min-width:var(--_pg-h, 40px);height:var(--_pg-h, 40px);display:inline-flex;align-items:flex-end;justify-content:center;padding-bottom:var(--ius-space-xs);color:var(--ius-text-tertiary);font-size:var(--_pg-fs, 14px);line-height:1}.ius-pagination__compact{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-size:var(--_pg-fs, 14px);color:var(--ius-text-secondary)}.ius-pagination__compact b{color:var(--ius-text-primary);font-weight:var(--ius-fw-medium);font-variant-numeric:tabular-nums}.ius-pagination__sizer{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-size:var(--_pg-fs, 14px);color:var(--ius-text-secondary);white-space:nowrap}.ius-pagination__numsel ::ng-deep .ius-tf__field{padding-right:var(--ius-space-xs);padding-left:var(--ius-space-sm);gap:var(--ius-space-xxs)}.ius-pagination__numsel ::ng-deep .ius-select__value{font-variant-numeric:tabular-nums;min-width:16px}.ius-pagination__numsel ::ng-deep .ius-select__chevron .ius-icon{font-size:var(--ius-icon-md)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "ariaCurrent", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ListViewPaginationComponent, isStandalone: true, selector: "ius-list-view-pagination", inputs: { variant: "variant", page: "page", defaultPage: ["defaultPage", "defaultPage", numberAttribute], totalPages: "totalPages", total: "total", pageSize: ["pageSize", "pageSize", numberAttribute], pageSizeOptions: "pageSizeOptions", showCount: ["showCount", "showCount", booleanAttribute], countNoun: "countNoun", siblingCount: ["siblingCount", "siblingCount", numberAttribute], boundaryCount: ["boundaryCount", "boundaryCount", numberAttribute], size: "size", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "role": "navigation", "aria-label": "Paginaci\u00F3n" }, properties: { "attr.data-variant": "variant", "attr.data-block": "showCountBlock ? 'true' : null", "style.--_pg-h": "preset.h + 'px'", "style.--_pg-icon": "preset.icon", "style.--_pg-fs": "preset.fs", "style.--_pg-gap": "preset.gap + 'px'" }, classAttribute: "ius-pagination" }, ngImport: i0, template: "<!-- Conteo X\u2013Y de Z (opcional, empuja el resto a la derecha v\u00EDa data-block) -->\r\n@if (showCountBlock) {\r\n  <div class=\"ius-pagination__count\">\r\n    @if (countRanged) {\r\n      <b>{{ countFrom }}</b>\u2013<b>{{ countTo }}</b> de <b>{{ fmt(total!) }}</b> {{ countNoun }}\r\n    } @else {\r\n      <b>{{ fmt(total!) }}</b> {{ countNoun }}\r\n    }\r\n  </div>\r\n}\r\n\r\n<div class=\"ius-pagination__main\">\r\n  <!-- Selector \"Filas por p\u00E1gina\" -->\r\n  @if (pageSizeSelectOptions.length) {\r\n    <div class=\"ius-pagination__sizer\">\r\n      <span>Filas</span>\r\n      <span class=\"ius-pagination__numsel\">\r\n        <ius-select\r\n          [options]=\"pageSizeSelectOptions\"\r\n          [value]=\"pageSize\"\r\n          (valueChange)=\"onSelectPageSize($event)\"\r\n          compact\r\n          [searchable]=\"false\"\r\n          [showClear]=\"false\"\r\n          [showHelpText]=\"false\"\r\n          [size]=\"size\"\r\n          [disabled]=\"disabled\"\r\n          placeholder=\"\"\r\n        />\r\n      </span>\r\n    </div>\r\n  }\r\n\r\n  @if (variant === 'compact') {\r\n    <div class=\"ius-pagination__nav\">\r\n      <ius-icon-button\r\n        icon=\"first_page\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"Primera p\u00E1gina\"\r\n        [disabled]=\"disabled || atStart\"\r\n        (clicked)=\"goTo(1)\"\r\n      />\r\n      <ius-icon-button\r\n        icon=\"chevron_left\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina anterior\"\r\n        [disabled]=\"disabled || atStart\"\r\n        (clicked)=\"goTo(currentPage - 1)\"\r\n      />\r\n      <span class=\"ius-pagination__compact\">\r\n        P\u00E1gina&nbsp;\r\n        <span class=\"ius-pagination__numsel\">\r\n          <ius-select\r\n            [options]=\"pageOptions\"\r\n            [value]=\"currentPage\"\r\n            (valueChange)=\"onSelectPage($event)\"\r\n            compact\r\n            [searchable]=\"false\"\r\n            [showClear]=\"false\"\r\n            [showHelpText]=\"false\"\r\n            [size]=\"size\"\r\n            [disabled]=\"disabled || effTotalPages <= 1\"\r\n            placeholder=\"\"\r\n          />\r\n        </span>\r\n        <span>&nbsp;de&nbsp;</span>\r\n        <b>{{ fmt(effTotalPages) }}</b>\r\n      </span>\r\n      <ius-icon-button\r\n        icon=\"chevron_right\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina siguiente\"\r\n        [disabled]=\"disabled || atEnd\"\r\n        (clicked)=\"goTo(currentPage + 1)\"\r\n      />\r\n      <ius-icon-button\r\n        icon=\"last_page\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"\u00DAltima p\u00E1gina\"\r\n        [disabled]=\"disabled || atEnd\"\r\n        (clicked)=\"goTo(effTotalPages)\"\r\n      />\r\n    </div>\r\n  } @else {\r\n    <div class=\"ius-pagination__nav\">\r\n      <ius-icon-button\r\n        icon=\"chevron_left\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina anterior\"\r\n        [disabled]=\"disabled || atStart\"\r\n        (clicked)=\"goTo(currentPage - 1)\"\r\n      />\r\n      <div class=\"ius-pagination__pages\">\r\n        @for (row of pageRows; track $index) {\r\n          @if (row.ellipsis) {\r\n            <span class=\"ius-pagination__ellipsis\" aria-hidden=\"true\">\u2026</span>\r\n          } @else {\r\n            <ius-button\r\n              class=\"ius-pagination__num\"\r\n              [variant]=\"row.value === currentPage ? 'primary' : 'tertiary'\"\r\n              [size]=\"size\"\r\n              [label]=\"fmt(row.value!)\"\r\n              [disabled]=\"disabled\"\r\n              [attr.aria-current]=\"row.value === currentPage ? 'page' : null\"\r\n              (clicked)=\"goTo(row.value!)\"\r\n            />\r\n          }\r\n        }\r\n      </div>\r\n      <ius-icon-button\r\n        icon=\"chevron_right\"\r\n        variant=\"tertiary\"\r\n        ariaLabel=\"P\u00E1gina siguiente\"\r\n        [disabled]=\"disabled || atEnd\"\r\n        (clicked)=\"goTo(currentPage + 1)\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--ius-space-lg);font-family:var(--ius-font-body);color:var(--ius-text-secondary)}:host([data-block=true]){width:100%;justify-content:space-between}.ius-pagination__count{font-size:var(--_pg-fs, 14px);line-height:1.4;color:var(--ius-text-secondary);white-space:nowrap}.ius-pagination__count b{font-weight:var(--ius-fw-medium);color:var(--ius-text-primary);font-variant-numeric:tabular-nums}.ius-pagination__main{display:flex;align-items:center;gap:var(--ius-space-lg)}.ius-pagination__nav,.ius-pagination__pages{display:flex;align-items:center;gap:var(--_pg-gap, var(--ius-space-xs))}.ius-pagination__nav ::ng-deep .ius-iconbtn{--_ib-size: var(--_pg-h, 40px);--_ib-icon: var(--_pg-icon, var(--ius-icon-md))}.ius-pagination__num ::ng-deep .ius-btn{min-width:var(--_pg-h, 40px);height:var(--_pg-h, 40px);padding-left:var(--ius-space-xs);padding-right:var(--ius-space-xs);font-variant-numeric:tabular-nums}.ius-pagination__ellipsis{min-width:var(--_pg-h, 40px);height:var(--_pg-h, 40px);display:inline-flex;align-items:flex-end;justify-content:center;padding-bottom:var(--ius-space-xs);color:var(--ius-text-tertiary);font-size:var(--_pg-fs, 14px);line-height:1}.ius-pagination__compact{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-size:var(--_pg-fs, 14px);color:var(--ius-text-secondary)}.ius-pagination__compact b{color:var(--ius-text-primary);font-weight:var(--ius-fw-medium);font-variant-numeric:tabular-nums}.ius-pagination__sizer{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-size:var(--_pg-fs, 14px);color:var(--ius-text-secondary);white-space:nowrap}.ius-pagination__numsel ::ng-deep .ius-tf__field{padding-right:var(--ius-space-xs);padding-left:var(--ius-space-sm);gap:var(--ius-space-xxs)}.ius-pagination__numsel ::ng-deep .ius-select__value{font-variant-numeric:tabular-nums;min-width:16px}.ius-pagination__numsel ::ng-deep .ius-select__chevron .ius-icon{font-size:var(--ius-icon-md)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "ariaCurrent", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "ariaLabel", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListViewPaginationComponent, decorators: [{
             type: Component,
@@ -8216,6 +8262,8 @@ class ListViewComponent {
         this.someSelected = false;
         /** Texto junto al checkbox de selección. */
         this.selectLabel = 'Seleccionar todo';
+        /** Nombre accesible del checkbox en modo selección, donde no lleva texto visible. */
+        this.selectAriaLabel = 'Seleccionar todo';
         /** Opciones de orden → dropdown de selección única en el header. */
         this.sortOptions = [];
         /** Acciones utilitarias de lista (refrescar, marcar leídos…) → IconButtons. */
@@ -8323,7 +8371,7 @@ class ListViewComponent {
             this.sortChange.emit(payload.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ListViewComponent, isStandalone: true, selector: "ius-list-view", inputs: { hideHeader: ["hideHeader", "hideHeader", booleanAttribute], selectable: ["selectable", "selectable", booleanAttribute], allSelected: ["allSelected", "allSelected", booleanAttribute], someSelected: ["someSelected", "someSelected", booleanAttribute], selectLabel: "selectLabel", sortOptions: "sortOptions", sortValue: "sortValue", actions: "actions", selectedCount: ["selectedCount", "selectedCount", numberAttribute], selectionActions: "selectionActions", gap: "gap", bodyPadding: "bodyPadding", bordered: ["bordered", "bordered", booleanAttribute], scrollTrackMargin: "scrollTrackMargin", fit: ["fit", "fit", booleanAttribute], fieldWidths: "fieldWidths", hideFooter: ["hideFooter", "hideFooter", booleanAttribute], total: "total", countNoun: "countNoun", pagination: ["pagination", "pagination", booleanAttribute], paginationVariant: "paginationVariant", page: "page", pageSize: ["pageSize", "pageSize", numberAttribute], pageSizeOptions: "pageSizeOptions", size: "size" }, outputs: { selectAll: "selectAll", sortChange: "sortChange", clearSelection: "clearSelection", pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-bordered": "bordered ? 'true' : 'false'", "attr.data-fit": "fit ? 'height' : null" }, classAttribute: "ius-listview" }, queries: [{ propertyName: "filtersRef", first: true, predicate: IusListViewFiltersDirective, descendants: true, isSignal: true }, { propertyName: "headerStartRef", first: true, predicate: IusListViewHeaderStartDirective, descendants: true, isSignal: true }, { propertyName: "headerEndRef", first: true, predicate: IusListViewHeaderEndDirective, descendants: true, isSignal: true }, { propertyName: "toolbarRef", first: true, predicate: IusListViewToolbarDirective, descendants: true, isSignal: true }, { propertyName: "footerStartRef", first: true, predicate: IusListViewFooterStartDirective, descendants: true, isSignal: true }, { propertyName: "footerEndRef", first: true, predicate: IusListViewFooterEndDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Header: modo selecci\u00F3n > toolbar > integrado -->\r\n@if (!hideHeader) {\r\n  @if (inSelection) {\r\n    <div class=\"ius-listview__header\" data-mode=\"selection\">\r\n      @if (selectable) {\r\n        <ius-checkbox\r\n          [checked]=\"allSelected\"\r\n          [indeterminate]=\"someSelected\"\r\n          size=\"small\"\r\n          (checkedChange)=\"selectAll.emit($event)\"\r\n        />\r\n      }\r\n      <span class=\"ius-listview__selcount\">{{ selCountText }}</span>\r\n      @if (selectionActions.length) {\r\n        <span class=\"ius-listview__divider\"></span>\r\n      }\r\n      <div class=\"ius-listview__actions\">\r\n        @for (a of selectionActions; track a.key ?? $index) {\r\n          <ius-icon-button\r\n            [icon]=\"a.icon\"\r\n            variant=\"tertiary\"\r\n            [size]=\"iconSize\"\r\n            [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n            [disabled]=\"a.disabled ?? false\"\r\n            (clicked)=\"onAction(a, $event)\"\r\n          />\r\n        }\r\n      </div>\r\n      <span class=\"ius-listview__spacer\"></span>\r\n      @if (showClear) {\r\n        <ius-text-button label=\"Limpiar\" (clicked)=\"clearSelection.emit()\" />\r\n      }\r\n    </div>\r\n  } @else if (hasToolbar) {\r\n    <div class=\"ius-listview__header ius-listview__header--toolbar\">\r\n      <ng-content select=\"[iusListViewToolbar]\" />\r\n    </div>\r\n  } @else {\r\n    <div class=\"ius-listview__header\">\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--grow\">\r\n        <ng-content select=\"[iusListViewHeaderStart]\" />\r\n        @if (selectable) {\r\n          <ius-checkbox\r\n            [checked]=\"allSelected\"\r\n            [indeterminate]=\"someSelected\"\r\n            size=\"small\"\r\n            [label]=\"selectLabel\"\r\n            (checkedChange)=\"selectAll.emit($event)\"\r\n          />\r\n        }\r\n        @if (sortOptions.length) {\r\n          <!-- orden: Dropdown de selecci\u00F3n \u00FAnica (trigger ghost swap_vert, tone neutral) -->\r\n          <span class=\"ius-listview__sort\">\r\n            <ius-dropdown\r\n              selectable\r\n              [items]=\"sortOptions\"\r\n              [value]=\"sortValue\"\r\n              [triggerLabel]=\"sortTriggerFallback\"\r\n              triggerIcon=\"swap_vert\"\r\n              tone=\"neutral\"\r\n              ariaLabel=\"Ordenar\"\r\n              (valueChange)=\"onSortChange($event)\"\r\n            />\r\n          </span>\r\n        }\r\n        @if (hasFilters) {\r\n          <div class=\"ius-listview__filters\"><ng-content select=\"[iusListViewFilters]\" /></div>\r\n        }\r\n      </div>\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--end\">\r\n        @if (actions.length) {\r\n          <div class=\"ius-listview__actions\">\r\n            @for (a of actions; track a.key ?? $index) {\r\n              <ius-icon-button\r\n                [icon]=\"a.icon\"\r\n                variant=\"tertiary\"\r\n                [size]=\"iconSize\"\r\n                [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n                [disabled]=\"a.disabled ?? false\"\r\n                (clicked)=\"onAction(a, $event)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n        <ng-content select=\"[iusListViewHeaderEnd]\" />\r\n      </div>\r\n    </div>\r\n  }\r\n}\r\n\r\n<!-- Body: \u00FAnico scroller; emite la rejilla --_lc-col-N a los ListCard proyectados -->\r\n<div\r\n  class=\"ius-listview__body ius-scroll\"\r\n  [style.gap]=\"px(gap)\"\r\n  [style.padding]=\"px(bodyPadding)\"\r\n  [style.--_sb-track-margin]=\"px(scrollTrackMargin)\"\r\n  [style.--_lc-col-1]=\"colVar(0)\"\r\n  [style.--_lc-col-2]=\"colVar(1)\"\r\n  [style.--_lc-col-3]=\"colVar(2)\"\r\n  [style.--_lc-col-4]=\"colVar(3)\"\r\n  [style.--_lc-col-5]=\"colVar(4)\"\r\n  [style.--_lc-col-6]=\"colVar(5)\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<!-- Footer: total a la izquierda + paginaci\u00F3n a la derecha -->\r\n@if (showFooter) {\r\n  <div class=\"ius-listview__footer\">\r\n    <ng-content select=\"[iusListViewFooterStart]\" />\r\n    @if (countText) {\r\n      <span class=\"ius-listview__count\">{{ countText }}</span>\r\n    }\r\n    @if (pagination) {\r\n      <!-- FALLBACK Pagination: port interno (reemplazar por ius-pagination cuando exista) -->\r\n      <ius-list-view-pagination\r\n        [variant]=\"paginationVariant\"\r\n        [total]=\"total\"\r\n        [page]=\"page\"\r\n        [pageSize]=\"pageSize\"\r\n        [pageSizeOptions]=\"pageSizeOptions\"\r\n        size=\"small\"\r\n        (pageChange)=\"pageChange.emit($event)\"\r\n        (pageSizeChange)=\"pageSizeChange.emit($event)\"\r\n      />\r\n    }\r\n    <ng-content select=\"[iusListViewFooterEnd]\" />\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0;width:100%;height:100%;font-family:var(--ius-font-body);box-sizing:border-box}:host([data-bordered=true]){background:var(--ius-surface-card);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);overflow:hidden}.ius-listview__header{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);flex-wrap:nowrap;padding:var(--ius-space-xs) var(--ius-space-md);min-height:40px}.ius-listview__hgroup{display:flex;align-items:center;gap:var(--ius-space-sm);min-width:0;flex-wrap:wrap}.ius-listview__hgroup--grow{flex:1 1 auto}.ius-listview__hgroup--end{flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end}:host([data-bordered=true]) .ius-listview__header{border-bottom:1px solid var(--ius-stroke)}.ius-listview__header--toolbar{flex-wrap:wrap;min-height:0}:host([data-size=small]) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}@container style(--ius-density: small){:host(:not([data-size])) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}}.ius-listview__spacer{flex:1 1 auto}.ius-listview__divider{align-self:stretch;width:1px;background:var(--ius-stroke);margin:var(--ius-space-xxs) var(--ius-space-xs)}.ius-listview__filters{display:flex;align-items:center;gap:var(--ius-space-xs);flex-wrap:wrap}.ius-listview__actions{display:flex;align-items:center;gap:var(--ius-space-xxs)}.ius-listview__selcount{font:var(--ius-fw-regular, 400) var(--ius-fs-base)/var(--ius-lh-base) var(--ius-font-body);color:var(--ius-primary-900);font-variant-numeric:tabular-nums}.ius-listview__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}:host([data-fit=height]){flex:1 1 auto;min-height:0;overflow:hidden}.ius-listview__body ::ng-deep .ius-listcard:hover{z-index:2}.ius-listview__footer{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);padding:var(--ius-space-xs) var(--ius-space-md)}:host([data-bordered=true]) .ius-listview__footer{border-top:1px solid var(--ius-stroke)}.ius-listview__count{font:var(--ius-fw-regular, 400) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-secondary);font-variant-numeric:tabular-nums}.ius-listview__footer .ius-pagination{margin-left:auto;flex:0 0 auto}.ius-listview__sort{display:inline-flex}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "ius-checkbox", inputs: ["label", "labelPosition", "showIconHelp", "iconHelpTitle", "iconHelpContent", "name", "value", "ariaLabel", "size", "checked", "defaultChecked", "indeterminate", "disabled"], outputs: ["checkedChange"] }, { kind: "component", type: DropdownComponent, selector: "ius-dropdown", inputs: ["items", "selectable", "value", "label", "triggerLabel", "triggerIcon", "tone", "variant", "placement", "open", "defaultOpen", "ariaLabel"], outputs: ["valueChange", "openChange"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }, { kind: "component", type: ListViewPaginationComponent, selector: "ius-list-view-pagination", inputs: ["variant", "page", "defaultPage", "totalPages", "total", "pageSize", "pageSizeOptions", "showCount", "countNoun", "siblingCount", "boundaryCount", "size", "disabled"], outputs: ["pageChange", "pageSizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ListViewComponent, isStandalone: true, selector: "ius-list-view", inputs: { hideHeader: ["hideHeader", "hideHeader", booleanAttribute], selectable: ["selectable", "selectable", booleanAttribute], allSelected: ["allSelected", "allSelected", booleanAttribute], someSelected: ["someSelected", "someSelected", booleanAttribute], selectLabel: "selectLabel", selectAriaLabel: "selectAriaLabel", sortOptions: "sortOptions", sortValue: "sortValue", actions: "actions", selectedCount: ["selectedCount", "selectedCount", numberAttribute], selectionActions: "selectionActions", gap: "gap", bodyPadding: "bodyPadding", bordered: ["bordered", "bordered", booleanAttribute], scrollTrackMargin: "scrollTrackMargin", fit: ["fit", "fit", booleanAttribute], fieldWidths: "fieldWidths", hideFooter: ["hideFooter", "hideFooter", booleanAttribute], total: "total", countNoun: "countNoun", pagination: ["pagination", "pagination", booleanAttribute], paginationVariant: "paginationVariant", page: "page", pageSize: ["pageSize", "pageSize", numberAttribute], pageSizeOptions: "pageSizeOptions", size: "size" }, outputs: { selectAll: "selectAll", sortChange: "sortChange", clearSelection: "clearSelection", pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-bordered": "bordered ? 'true' : 'false'", "attr.data-fit": "fit ? 'height' : null" }, classAttribute: "ius-listview" }, queries: [{ propertyName: "filtersRef", first: true, predicate: IusListViewFiltersDirective, descendants: true, isSignal: true }, { propertyName: "headerStartRef", first: true, predicate: IusListViewHeaderStartDirective, descendants: true, isSignal: true }, { propertyName: "headerEndRef", first: true, predicate: IusListViewHeaderEndDirective, descendants: true, isSignal: true }, { propertyName: "toolbarRef", first: true, predicate: IusListViewToolbarDirective, descendants: true, isSignal: true }, { propertyName: "footerStartRef", first: true, predicate: IusListViewFooterStartDirective, descendants: true, isSignal: true }, { propertyName: "footerEndRef", first: true, predicate: IusListViewFooterEndDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Header: modo selecci\u00F3n > toolbar > integrado -->\r\n@if (!hideHeader) {\r\n  @if (inSelection) {\r\n    <div class=\"ius-listview__header\" data-mode=\"selection\">\r\n      @if (selectable) {\r\n        <ius-checkbox\r\n          [checked]=\"allSelected\"\r\n          [indeterminate]=\"someSelected\"\r\n          size=\"small\"\r\n          [ariaLabel]=\"selectAriaLabel\"\r\n          (checkedChange)=\"selectAll.emit($event)\"\r\n        />\r\n      }\r\n      <span class=\"ius-listview__selcount\">{{ selCountText }}</span>\r\n      @if (selectionActions.length) {\r\n        <span class=\"ius-listview__divider\"></span>\r\n      }\r\n      <div class=\"ius-listview__actions\">\r\n        @for (a of selectionActions; track a.key ?? $index) {\r\n          <ius-icon-button\r\n            [icon]=\"a.icon\"\r\n            variant=\"tertiary\"\r\n            [size]=\"iconSize\"\r\n            [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n            [tooltip]=\"a.tooltip ?? a.label ?? a.ariaLabel\"\r\n            [tooltipPlacement]=\"a.tooltipPlacement ?? 'top'\"\r\n            [disabled]=\"a.disabled ?? false\"\r\n            (clicked)=\"onAction(a, $event)\"\r\n          />\r\n        }\r\n      </div>\r\n      <span class=\"ius-listview__spacer\"></span>\r\n      @if (showClear) {\r\n        <ius-text-button label=\"Limpiar\" (clicked)=\"clearSelection.emit()\" />\r\n      }\r\n    </div>\r\n  } @else if (hasToolbar) {\r\n    <div class=\"ius-listview__header ius-listview__header--toolbar\">\r\n      <ng-content select=\"[iusListViewToolbar]\" />\r\n    </div>\r\n  } @else {\r\n    <div class=\"ius-listview__header\">\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--grow\">\r\n        <ng-content select=\"[iusListViewHeaderStart]\" />\r\n        @if (selectable) {\r\n          <ius-checkbox\r\n            [checked]=\"allSelected\"\r\n            [indeterminate]=\"someSelected\"\r\n            size=\"small\"\r\n            [label]=\"selectLabel\"\r\n            (checkedChange)=\"selectAll.emit($event)\"\r\n          />\r\n        }\r\n        @if (sortOptions.length) {\r\n          <!-- orden: Dropdown de selecci\u00F3n \u00FAnica (trigger ghost swap_vert, tone neutral) -->\r\n          <span class=\"ius-listview__sort\">\r\n            <ius-dropdown\r\n              selectable\r\n              [items]=\"sortOptions\"\r\n              [value]=\"sortValue\"\r\n              [triggerLabel]=\"sortTriggerFallback\"\r\n              triggerIcon=\"swap_vert\"\r\n              tone=\"neutral\"\r\n              ariaLabel=\"Ordenar\"\r\n              (valueChange)=\"onSortChange($event)\"\r\n            />\r\n          </span>\r\n        }\r\n        @if (hasFilters) {\r\n          <div class=\"ius-listview__filters\"><ng-content select=\"[iusListViewFilters]\" /></div>\r\n        }\r\n      </div>\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--end\">\r\n        @if (actions.length) {\r\n          <div class=\"ius-listview__actions\">\r\n            @for (a of actions; track a.key ?? $index) {\r\n              <ius-icon-button\r\n                [icon]=\"a.icon\"\r\n                variant=\"tertiary\"\r\n                [size]=\"iconSize\"\r\n                [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n                [tooltip]=\"a.tooltip ?? a.label ?? a.ariaLabel\"\r\n                [tooltipPlacement]=\"a.tooltipPlacement ?? 'top'\"\r\n                [disabled]=\"a.disabled ?? false\"\r\n                (clicked)=\"onAction(a, $event)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n        <ng-content select=\"[iusListViewHeaderEnd]\" />\r\n      </div>\r\n    </div>\r\n  }\r\n}\r\n\r\n<!-- Body: \u00FAnico scroller; emite la rejilla --_lc-col-N a los ListCard proyectados -->\r\n<div\r\n  class=\"ius-listview__body ius-scroll\"\r\n  [style.gap]=\"px(gap)\"\r\n  [style.padding]=\"px(bodyPadding)\"\r\n  [style.--_sb-track-margin]=\"px(scrollTrackMargin)\"\r\n  [style.--_lc-col-1]=\"colVar(0)\"\r\n  [style.--_lc-col-2]=\"colVar(1)\"\r\n  [style.--_lc-col-3]=\"colVar(2)\"\r\n  [style.--_lc-col-4]=\"colVar(3)\"\r\n  [style.--_lc-col-5]=\"colVar(4)\"\r\n  [style.--_lc-col-6]=\"colVar(5)\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<!-- Footer: total a la izquierda + paginaci\u00F3n a la derecha -->\r\n@if (showFooter) {\r\n  <div class=\"ius-listview__footer\">\r\n    <ng-content select=\"[iusListViewFooterStart]\" />\r\n    @if (countText) {\r\n      <span class=\"ius-listview__count\">{{ countText }}</span>\r\n    }\r\n    @if (pagination) {\r\n      <!-- FALLBACK Pagination: port interno (reemplazar por ius-pagination cuando exista) -->\r\n      <ius-list-view-pagination\r\n        [variant]=\"paginationVariant\"\r\n        [total]=\"total\"\r\n        [page]=\"page\"\r\n        [pageSize]=\"pageSize\"\r\n        [pageSizeOptions]=\"pageSizeOptions\"\r\n        size=\"small\"\r\n        (pageChange)=\"pageChange.emit($event)\"\r\n        (pageSizeChange)=\"pageSizeChange.emit($event)\"\r\n      />\r\n    }\r\n    <ng-content select=\"[iusListViewFooterEnd]\" />\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0;width:100%;height:100%;font-family:var(--ius-font-body);box-sizing:border-box}:host([data-bordered=true]){background:var(--ius-surface-card);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);overflow:hidden}.ius-listview__header{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);flex-wrap:nowrap;padding:var(--ius-space-xs) var(--ius-space-md);min-height:40px}.ius-listview__hgroup{display:flex;align-items:center;gap:var(--ius-space-sm);min-width:0;flex-wrap:wrap}.ius-listview__hgroup--grow{flex:1 1 auto}.ius-listview__hgroup--end{flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end}:host([data-bordered=true]) .ius-listview__header{border-bottom:1px solid var(--ius-stroke)}.ius-listview__header--toolbar{flex-wrap:wrap;min-height:0}:host([data-size=small]) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}@container style(--ius-density: small){:host(:not([data-size])) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}}.ius-listview__spacer{flex:1 1 auto}.ius-listview__divider{align-self:stretch;width:1px;background:var(--ius-stroke);margin:var(--ius-space-xxs) var(--ius-space-xs)}.ius-listview__filters{display:flex;align-items:center;gap:var(--ius-space-xs);flex-wrap:wrap}.ius-listview__actions{display:flex;align-items:center;gap:var(--ius-space-xxs)}.ius-listview__selcount{font:var(--ius-fw-regular, 400) var(--ius-fs-base)/var(--ius-lh-base) var(--ius-font-body);color:var(--ius-primary-900);font-variant-numeric:tabular-nums}.ius-listview__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}:host([data-fit=height]){flex:1 1 auto;min-height:0;overflow:hidden}.ius-listview__body ::ng-deep .ius-listcard:hover{z-index:2}.ius-listview__footer{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);padding:var(--ius-space-xs) var(--ius-space-md)}:host([data-bordered=true]) .ius-listview__footer{border-top:1px solid var(--ius-stroke)}.ius-listview__count{font:var(--ius-fw-regular, 400) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-secondary);font-variant-numeric:tabular-nums}.ius-listview__footer .ius-pagination{margin-left:auto;flex:0 0 auto}.ius-listview__sort{display:inline-flex}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "ius-checkbox", inputs: ["label", "labelPosition", "showIconHelp", "iconHelpTitle", "iconHelpContent", "name", "value", "ariaLabel", "size", "checked", "defaultChecked", "indeterminate", "disabled"], outputs: ["checkedChange"] }, { kind: "component", type: DropdownComponent, selector: "ius-dropdown", inputs: ["items", "selectable", "value", "label", "triggerLabel", "triggerIcon", "tone", "variant", "placement", "open", "defaultOpen", "ariaLabel"], outputs: ["valueChange", "openChange"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }, { kind: "component", type: ListViewPaginationComponent, selector: "ius-list-view-pagination", inputs: ["variant", "page", "defaultPage", "totalPages", "total", "pageSize", "pageSizeOptions", "showCount", "countNoun", "siblingCount", "boundaryCount", "size", "disabled"], outputs: ["pageChange", "pageSizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
@@ -8338,7 +8386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[attr.data-size]': "size !== 'medium' ? size : null",
                         '[attr.data-bordered]': "bordered ? 'true' : 'false'",
                         '[attr.data-fit]': "fit ? 'height' : null",
-                    }, template: "<!-- Header: modo selecci\u00F3n > toolbar > integrado -->\r\n@if (!hideHeader) {\r\n  @if (inSelection) {\r\n    <div class=\"ius-listview__header\" data-mode=\"selection\">\r\n      @if (selectable) {\r\n        <ius-checkbox\r\n          [checked]=\"allSelected\"\r\n          [indeterminate]=\"someSelected\"\r\n          size=\"small\"\r\n          (checkedChange)=\"selectAll.emit($event)\"\r\n        />\r\n      }\r\n      <span class=\"ius-listview__selcount\">{{ selCountText }}</span>\r\n      @if (selectionActions.length) {\r\n        <span class=\"ius-listview__divider\"></span>\r\n      }\r\n      <div class=\"ius-listview__actions\">\r\n        @for (a of selectionActions; track a.key ?? $index) {\r\n          <ius-icon-button\r\n            [icon]=\"a.icon\"\r\n            variant=\"tertiary\"\r\n            [size]=\"iconSize\"\r\n            [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n            [disabled]=\"a.disabled ?? false\"\r\n            (clicked)=\"onAction(a, $event)\"\r\n          />\r\n        }\r\n      </div>\r\n      <span class=\"ius-listview__spacer\"></span>\r\n      @if (showClear) {\r\n        <ius-text-button label=\"Limpiar\" (clicked)=\"clearSelection.emit()\" />\r\n      }\r\n    </div>\r\n  } @else if (hasToolbar) {\r\n    <div class=\"ius-listview__header ius-listview__header--toolbar\">\r\n      <ng-content select=\"[iusListViewToolbar]\" />\r\n    </div>\r\n  } @else {\r\n    <div class=\"ius-listview__header\">\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--grow\">\r\n        <ng-content select=\"[iusListViewHeaderStart]\" />\r\n        @if (selectable) {\r\n          <ius-checkbox\r\n            [checked]=\"allSelected\"\r\n            [indeterminate]=\"someSelected\"\r\n            size=\"small\"\r\n            [label]=\"selectLabel\"\r\n            (checkedChange)=\"selectAll.emit($event)\"\r\n          />\r\n        }\r\n        @if (sortOptions.length) {\r\n          <!-- orden: Dropdown de selecci\u00F3n \u00FAnica (trigger ghost swap_vert, tone neutral) -->\r\n          <span class=\"ius-listview__sort\">\r\n            <ius-dropdown\r\n              selectable\r\n              [items]=\"sortOptions\"\r\n              [value]=\"sortValue\"\r\n              [triggerLabel]=\"sortTriggerFallback\"\r\n              triggerIcon=\"swap_vert\"\r\n              tone=\"neutral\"\r\n              ariaLabel=\"Ordenar\"\r\n              (valueChange)=\"onSortChange($event)\"\r\n            />\r\n          </span>\r\n        }\r\n        @if (hasFilters) {\r\n          <div class=\"ius-listview__filters\"><ng-content select=\"[iusListViewFilters]\" /></div>\r\n        }\r\n      </div>\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--end\">\r\n        @if (actions.length) {\r\n          <div class=\"ius-listview__actions\">\r\n            @for (a of actions; track a.key ?? $index) {\r\n              <ius-icon-button\r\n                [icon]=\"a.icon\"\r\n                variant=\"tertiary\"\r\n                [size]=\"iconSize\"\r\n                [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n                [disabled]=\"a.disabled ?? false\"\r\n                (clicked)=\"onAction(a, $event)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n        <ng-content select=\"[iusListViewHeaderEnd]\" />\r\n      </div>\r\n    </div>\r\n  }\r\n}\r\n\r\n<!-- Body: \u00FAnico scroller; emite la rejilla --_lc-col-N a los ListCard proyectados -->\r\n<div\r\n  class=\"ius-listview__body ius-scroll\"\r\n  [style.gap]=\"px(gap)\"\r\n  [style.padding]=\"px(bodyPadding)\"\r\n  [style.--_sb-track-margin]=\"px(scrollTrackMargin)\"\r\n  [style.--_lc-col-1]=\"colVar(0)\"\r\n  [style.--_lc-col-2]=\"colVar(1)\"\r\n  [style.--_lc-col-3]=\"colVar(2)\"\r\n  [style.--_lc-col-4]=\"colVar(3)\"\r\n  [style.--_lc-col-5]=\"colVar(4)\"\r\n  [style.--_lc-col-6]=\"colVar(5)\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<!-- Footer: total a la izquierda + paginaci\u00F3n a la derecha -->\r\n@if (showFooter) {\r\n  <div class=\"ius-listview__footer\">\r\n    <ng-content select=\"[iusListViewFooterStart]\" />\r\n    @if (countText) {\r\n      <span class=\"ius-listview__count\">{{ countText }}</span>\r\n    }\r\n    @if (pagination) {\r\n      <!-- FALLBACK Pagination: port interno (reemplazar por ius-pagination cuando exista) -->\r\n      <ius-list-view-pagination\r\n        [variant]=\"paginationVariant\"\r\n        [total]=\"total\"\r\n        [page]=\"page\"\r\n        [pageSize]=\"pageSize\"\r\n        [pageSizeOptions]=\"pageSizeOptions\"\r\n        size=\"small\"\r\n        (pageChange)=\"pageChange.emit($event)\"\r\n        (pageSizeChange)=\"pageSizeChange.emit($event)\"\r\n      />\r\n    }\r\n    <ng-content select=\"[iusListViewFooterEnd]\" />\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0;width:100%;height:100%;font-family:var(--ius-font-body);box-sizing:border-box}:host([data-bordered=true]){background:var(--ius-surface-card);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);overflow:hidden}.ius-listview__header{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);flex-wrap:nowrap;padding:var(--ius-space-xs) var(--ius-space-md);min-height:40px}.ius-listview__hgroup{display:flex;align-items:center;gap:var(--ius-space-sm);min-width:0;flex-wrap:wrap}.ius-listview__hgroup--grow{flex:1 1 auto}.ius-listview__hgroup--end{flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end}:host([data-bordered=true]) .ius-listview__header{border-bottom:1px solid var(--ius-stroke)}.ius-listview__header--toolbar{flex-wrap:wrap;min-height:0}:host([data-size=small]) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}@container style(--ius-density: small){:host(:not([data-size])) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}}.ius-listview__spacer{flex:1 1 auto}.ius-listview__divider{align-self:stretch;width:1px;background:var(--ius-stroke);margin:var(--ius-space-xxs) var(--ius-space-xs)}.ius-listview__filters{display:flex;align-items:center;gap:var(--ius-space-xs);flex-wrap:wrap}.ius-listview__actions{display:flex;align-items:center;gap:var(--ius-space-xxs)}.ius-listview__selcount{font:var(--ius-fw-regular, 400) var(--ius-fs-base)/var(--ius-lh-base) var(--ius-font-body);color:var(--ius-primary-900);font-variant-numeric:tabular-nums}.ius-listview__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}:host([data-fit=height]){flex:1 1 auto;min-height:0;overflow:hidden}.ius-listview__body ::ng-deep .ius-listcard:hover{z-index:2}.ius-listview__footer{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);padding:var(--ius-space-xs) var(--ius-space-md)}:host([data-bordered=true]) .ius-listview__footer{border-top:1px solid var(--ius-stroke)}.ius-listview__count{font:var(--ius-fw-regular, 400) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-secondary);font-variant-numeric:tabular-nums}.ius-listview__footer .ius-pagination{margin-left:auto;flex:0 0 auto}.ius-listview__sort{display:inline-flex}\n"] }]
+                    }, template: "<!-- Header: modo selecci\u00F3n > toolbar > integrado -->\r\n@if (!hideHeader) {\r\n  @if (inSelection) {\r\n    <div class=\"ius-listview__header\" data-mode=\"selection\">\r\n      @if (selectable) {\r\n        <ius-checkbox\r\n          [checked]=\"allSelected\"\r\n          [indeterminate]=\"someSelected\"\r\n          size=\"small\"\r\n          [ariaLabel]=\"selectAriaLabel\"\r\n          (checkedChange)=\"selectAll.emit($event)\"\r\n        />\r\n      }\r\n      <span class=\"ius-listview__selcount\">{{ selCountText }}</span>\r\n      @if (selectionActions.length) {\r\n        <span class=\"ius-listview__divider\"></span>\r\n      }\r\n      <div class=\"ius-listview__actions\">\r\n        @for (a of selectionActions; track a.key ?? $index) {\r\n          <ius-icon-button\r\n            [icon]=\"a.icon\"\r\n            variant=\"tertiary\"\r\n            [size]=\"iconSize\"\r\n            [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n            [tooltip]=\"a.tooltip ?? a.label ?? a.ariaLabel\"\r\n            [tooltipPlacement]=\"a.tooltipPlacement ?? 'top'\"\r\n            [disabled]=\"a.disabled ?? false\"\r\n            (clicked)=\"onAction(a, $event)\"\r\n          />\r\n        }\r\n      </div>\r\n      <span class=\"ius-listview__spacer\"></span>\r\n      @if (showClear) {\r\n        <ius-text-button label=\"Limpiar\" (clicked)=\"clearSelection.emit()\" />\r\n      }\r\n    </div>\r\n  } @else if (hasToolbar) {\r\n    <div class=\"ius-listview__header ius-listview__header--toolbar\">\r\n      <ng-content select=\"[iusListViewToolbar]\" />\r\n    </div>\r\n  } @else {\r\n    <div class=\"ius-listview__header\">\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--grow\">\r\n        <ng-content select=\"[iusListViewHeaderStart]\" />\r\n        @if (selectable) {\r\n          <ius-checkbox\r\n            [checked]=\"allSelected\"\r\n            [indeterminate]=\"someSelected\"\r\n            size=\"small\"\r\n            [label]=\"selectLabel\"\r\n            (checkedChange)=\"selectAll.emit($event)\"\r\n          />\r\n        }\r\n        @if (sortOptions.length) {\r\n          <!-- orden: Dropdown de selecci\u00F3n \u00FAnica (trigger ghost swap_vert, tone neutral) -->\r\n          <span class=\"ius-listview__sort\">\r\n            <ius-dropdown\r\n              selectable\r\n              [items]=\"sortOptions\"\r\n              [value]=\"sortValue\"\r\n              [triggerLabel]=\"sortTriggerFallback\"\r\n              triggerIcon=\"swap_vert\"\r\n              tone=\"neutral\"\r\n              ariaLabel=\"Ordenar\"\r\n              (valueChange)=\"onSortChange($event)\"\r\n            />\r\n          </span>\r\n        }\r\n        @if (hasFilters) {\r\n          <div class=\"ius-listview__filters\"><ng-content select=\"[iusListViewFilters]\" /></div>\r\n        }\r\n      </div>\r\n      <div class=\"ius-listview__hgroup ius-listview__hgroup--end\">\r\n        @if (actions.length) {\r\n          <div class=\"ius-listview__actions\">\r\n            @for (a of actions; track a.key ?? $index) {\r\n              <ius-icon-button\r\n                [icon]=\"a.icon\"\r\n                variant=\"tertiary\"\r\n                [size]=\"iconSize\"\r\n                [ariaLabel]=\"a.ariaLabel || a.label || a.icon\"\r\n                [tooltip]=\"a.tooltip ?? a.label ?? a.ariaLabel\"\r\n                [tooltipPlacement]=\"a.tooltipPlacement ?? 'top'\"\r\n                [disabled]=\"a.disabled ?? false\"\r\n                (clicked)=\"onAction(a, $event)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n        <ng-content select=\"[iusListViewHeaderEnd]\" />\r\n      </div>\r\n    </div>\r\n  }\r\n}\r\n\r\n<!-- Body: \u00FAnico scroller; emite la rejilla --_lc-col-N a los ListCard proyectados -->\r\n<div\r\n  class=\"ius-listview__body ius-scroll\"\r\n  [style.gap]=\"px(gap)\"\r\n  [style.padding]=\"px(bodyPadding)\"\r\n  [style.--_sb-track-margin]=\"px(scrollTrackMargin)\"\r\n  [style.--_lc-col-1]=\"colVar(0)\"\r\n  [style.--_lc-col-2]=\"colVar(1)\"\r\n  [style.--_lc-col-3]=\"colVar(2)\"\r\n  [style.--_lc-col-4]=\"colVar(3)\"\r\n  [style.--_lc-col-5]=\"colVar(4)\"\r\n  [style.--_lc-col-6]=\"colVar(5)\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<!-- Footer: total a la izquierda + paginaci\u00F3n a la derecha -->\r\n@if (showFooter) {\r\n  <div class=\"ius-listview__footer\">\r\n    <ng-content select=\"[iusListViewFooterStart]\" />\r\n    @if (countText) {\r\n      <span class=\"ius-listview__count\">{{ countText }}</span>\r\n    }\r\n    @if (pagination) {\r\n      <!-- FALLBACK Pagination: port interno (reemplazar por ius-pagination cuando exista) -->\r\n      <ius-list-view-pagination\r\n        [variant]=\"paginationVariant\"\r\n        [total]=\"total\"\r\n        [page]=\"page\"\r\n        [pageSize]=\"pageSize\"\r\n        [pageSizeOptions]=\"pageSizeOptions\"\r\n        size=\"small\"\r\n        (pageChange)=\"pageChange.emit($event)\"\r\n        (pageSizeChange)=\"pageSizeChange.emit($event)\"\r\n      />\r\n    }\r\n    <ng-content select=\"[iusListViewFooterEnd]\" />\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0;width:100%;height:100%;font-family:var(--ius-font-body);box-sizing:border-box}:host([data-bordered=true]){background:var(--ius-surface-card);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);overflow:hidden}.ius-listview__header{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);flex-wrap:nowrap;padding:var(--ius-space-xs) var(--ius-space-md);min-height:40px}.ius-listview__hgroup{display:flex;align-items:center;gap:var(--ius-space-sm);min-width:0;flex-wrap:wrap}.ius-listview__hgroup--grow{flex:1 1 auto}.ius-listview__hgroup--end{flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end}:host([data-bordered=true]) .ius-listview__header{border-bottom:1px solid var(--ius-stroke)}.ius-listview__header--toolbar{flex-wrap:wrap;min-height:0}:host([data-size=small]) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}@container style(--ius-density: small){:host(:not([data-size])) .ius-listview__header{gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--ius-space-sm);min-height:36px}}.ius-listview__spacer{flex:1 1 auto}.ius-listview__divider{align-self:stretch;width:1px;background:var(--ius-stroke);margin:var(--ius-space-xxs) var(--ius-space-xs)}.ius-listview__filters{display:flex;align-items:center;gap:var(--ius-space-xs);flex-wrap:wrap}.ius-listview__actions{display:flex;align-items:center;gap:var(--ius-space-xxs)}.ius-listview__selcount{font:var(--ius-fw-regular, 400) var(--ius-fs-base)/var(--ius-lh-base) var(--ius-font-body);color:var(--ius-primary-900);font-variant-numeric:tabular-nums}.ius-listview__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}:host([data-fit=height]){flex:1 1 auto;min-height:0;overflow:hidden}.ius-listview__body ::ng-deep .ius-listcard:hover{z-index:2}.ius-listview__footer{flex:0 0 auto;display:flex;align-items:center;gap:var(--ius-space-sm);padding:var(--ius-space-xs) var(--ius-space-md)}:host([data-bordered=true]) .ius-listview__footer{border-top:1px solid var(--ius-stroke)}.ius-listview__count{font:var(--ius-fw-regular, 400) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-secondary);font-variant-numeric:tabular-nums}.ius-listview__footer .ius-pagination{margin-left:auto;flex:0 0 auto}.ius-listview__sort{display:inline-flex}\n"] }]
         }], propDecorators: { hideHeader: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -8353,6 +8401,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: [{ transform: booleanAttribute }]
             }], selectLabel: [{
                 type: Input
+            }], selectAriaLabel: [{
+                type: Input
             }], sortOptions: [{
                 type: Input
             }], sortValue: [{
@@ -8906,7 +8956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Ver `SearchBar.jsx` → `demoFilled`. Nunca toca el valor real del modelo.
  */
 const IUS_SB_DEMO_VALUE = 'CriterioBusqueda';
-let uid$g = 0;
+let uid$h = 0;
 /**
  * SearchBar — Ius Design v2.
  *
@@ -8991,7 +9041,7 @@ class SearchBarComponent {
         // ── Estado interno ────────────────────────────────────────────────────
         this.inputRef = viewChild.required('input', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "inputRef" }] : /* istanbul ignore next */ []));
-        this.autoId = `ius-sb-${uid$g++}`;
+        this.autoId = `ius-sb-${uid$h++}`;
         /** Estado forzado que el golden considera "con criterio" (demos). */
         this.demoFilled = computed(() => this.stateInput() === 'hover' || this.stateInput() === 'focused', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "demoFilled" }] : /* istanbul ignore next */ []));
@@ -9461,7 +9511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: ['triggerEl']
             }] } });
-let uid$f = 0;
+let uid$g = 0;
 /**
  * MultiTextField — Ius Design v2 (familia inputs).
  *
@@ -9517,7 +9567,7 @@ class MultiTextFieldComponent {
         /** Último valor escrito por el CVA (por si llega antes que los slots). */
         this.pendingValue = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "pendingValue" }] : /* istanbul ignore next */ []));
-        this.baseIdState = `ius-mtf-${uid$f++}`;
+        this.baseIdState = `ius-mtf-${uid$g++}`;
         this.slotInputs = viewChildren('slotInput', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "slotInputs" }] : /* istanbul ignore next */ []));
         this.onChange = () => { };
@@ -9800,7 +9850,7 @@ const ICON_TONES = {
     neutral: { bg: 'var(--ius-neutral-2)', fg: 'var(--ius-neutral-7)' },
 };
 /** Contador para los ids del nombre accesible (equivalente del `useId` del golden). */
-let uid$e = 0;
+let uid$f = 0;
 /**
  * Modal — Ius Design v2.
  *
@@ -9823,7 +9873,7 @@ class ModalComponent {
          * `aria-label`, y `aria-describedby` apunta a la descripción cuando la hay
          * (T11). `aria-label` queda solo para el caso sin `title`.
          */
-        this.baseId = `ius-modal-${uid$e++}`;
+        this.baseId = `ius-modal-${uid$f++}`;
         this.titleId = `${this.baseId}-title`;
         this.descId = `${this.baseId}-desc`;
         this.overlay = inject(Overlay);
@@ -10040,7 +10090,7 @@ function duracionTransicion(el) {
 function desborda(el) {
     return el.scrollHeight - el.clientHeight > TOLERANCIA_DESBORDE;
 }
-let uid$d = 0;
+let uid$e = 0;
 /**
  * Accordion — Ius Design v2 (familia data-display).
  *
@@ -10135,7 +10185,7 @@ class AccordionComponent {
         /** Apertura propia del modo no controlado (`null` = aún sin tocar). */
         this.picked = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "picked" }] : /* istanbul ignore next */ []));
-        this.gid = `ius-acc-${uid$d++}`;
+        this.gid = `ius-acc-${uid$e++}`;
         this.openIds = computed(() => {
             const controlled = this.open();
             if (controlled !== undefined)
@@ -10903,7 +10953,7 @@ class SelectNumberComponent {
                 useExisting: forwardRef(() => SelectNumberComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<ius-select\r\n  class=\"ius-tf--num\"\r\n  compact\r\n  placeholder=\"\"\r\n  [searchable]=\"false\"\r\n  [multiple]=\"false\"\r\n  [showHelpText]=\"false\"\r\n  [options]=\"selectOptions()\"\r\n  [value]=\"current()\"\r\n  [showClear]=\"showClear\"\r\n  [maxVisible]=\"maxVisible\"\r\n  [error]=\"error\"\r\n  [disabled]=\"isDisabled()\"\r\n  [state]=\"state\"\r\n  [size]=\"size\"\r\n  [id]=\"id\"\r\n  (valueChange)=\"onSelect($event)\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}:host ::ng-deep .ius-tf--select.ius-tf--num{min-width:0;width:auto}:host ::ng-deep .ius-tf--num .ius-tf__field{padding:var(--_tf-py) var(--ius-space-xs) var(--_tf-py) var(--ius-space-sm);gap:var(--ius-space-xxs)}:host ::ng-deep .ius-tf--num .ius-select__value{font-variant-numeric:tabular-nums;min-width:16px}:host ::ng-deep .ius-tf--select.ius-tf--num .ius-select__chevron .ius-icon{font-size:var(--ius-icon-md)}\n"], dependencies: [{ kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<ius-select\r\n  class=\"ius-tf--num\"\r\n  compact\r\n  placeholder=\"\"\r\n  [searchable]=\"false\"\r\n  [multiple]=\"false\"\r\n  [showHelpText]=\"false\"\r\n  [options]=\"selectOptions()\"\r\n  [value]=\"current()\"\r\n  [showClear]=\"showClear\"\r\n  [maxVisible]=\"maxVisible\"\r\n  [error]=\"error\"\r\n  [disabled]=\"isDisabled()\"\r\n  [state]=\"state\"\r\n  [size]=\"size\"\r\n  [id]=\"id\"\r\n  (valueChange)=\"onSelect($event)\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}:host ::ng-deep .ius-tf--select.ius-tf--num{min-width:0;width:auto}:host ::ng-deep .ius-tf--num .ius-tf__field{padding:var(--_tf-py) var(--ius-space-xs) var(--_tf-py) var(--ius-space-sm);gap:var(--ius-space-xxs)}:host ::ng-deep .ius-tf--num .ius-select__value{font-variant-numeric:tabular-nums;min-width:16px}:host ::ng-deep .ius-tf--select.ius-tf--num .ius-select__chevron .ius-icon{font-size:var(--ius-icon-md)}\n"], dependencies: [{ kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "ariaLabel", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SelectNumberComponent, decorators: [{
             type: Component,
@@ -11183,7 +11233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const ERROR_DESC = 'Revise la conexión e intente de nuevo. Si persiste, descargue el archivo.';
 const MEDIA_ERROR_DESC = 'No se pudo reproducir el archivo. Revise la conexión e intente de nuevo; si persiste, descárguelo.';
 const RETRY_ACTION = { label: 'Reintentar', icon: 'refresh' };
-let uid$c = 0;
+let uid$d = 0;
 /**
  * DocumentViewer — Ius Design v2 (familia overlays).
  *
@@ -11210,7 +11260,7 @@ class DocumentViewerComponent {
         this.sanitizer = inject(DomSanitizer);
         this.injector = inject(Injector);
         this.document = inject(DOCUMENT);
-        this.titleId = `ius-docv-${uid$c++}-title`;
+        this.titleId = `ius-docv-${uid$d++}-title`;
         this.variant = input('overlay', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
         /** Apertura (controlado). */
@@ -12342,7 +12392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
-let uid$b = 0;
+let uid$c = 0;
 /**
  * TextArea — Ius Design v2 (familia inputs).
  *
@@ -12522,7 +12572,7 @@ class TextAreaComponent {
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.focused = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-        this.areaId = `ius-ta-${uid$b++}`;
+        this.areaId = `ius-ta-${uid$c++}`;
         this.helpId = `${this.areaId}-help`;
         this.area = viewChild('area', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "area" }] : /* istanbul ignore next */ []));
@@ -13120,7 +13170,7 @@ class QueryBuilderComponent {
         this.isOpen.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: QueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: QueryBuilderComponent, isStandalone: true, selector: "ius-query-builder", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, addLabel: { classPropertyName: "addLabel", publicName: "addLabel", isSignal: true, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyHint: { classPropertyName: "emptyHint", publicName: "emptyHint", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apply: "apply" }, host: { classAttribute: "ius-querybuilder" }, ngImport: i0, template: "<!--\r\n  QueryBuilder \u2014 el Popover es el motor de anclaje; el disparador se proyecta\r\n  como children y el panel como `[iusPopoverContent]`. Modo controlado\r\n  (`[open]` + `(openChange)`) porque el borrador se re-siembra al abrir.\r\n  `dismissable` queda apagado a prop\u00F3sito: ver el TSDoc de cabecera.\r\n-->\r\n<ius-popover\r\n  trigger=\"click\"\r\n  [placement]=\"placement()\"\r\n  [showArrow]=\"false\"\r\n  [offset]=\"8\"\r\n  [open]=\"isOpen()\"\r\n  panelClass=\"ius-querybuilder-pop\"\r\n  (openChange)=\"onOpenChange($event)\"\r\n>\r\n  <!-- \u2500\u2500 Disparador: bot\u00F3n \"Filtros\" con contador de reglas aplicadas \u2500\u2500 -->\r\n  <button\r\n    type=\"button\"\r\n    class=\"ius-querybuilder__trigger\"\r\n    [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n    [attr.data-active]=\"count() > 0 ? 'true' : null\"\r\n    [attr.aria-expanded]=\"isOpen()\"\r\n  >\r\n    <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">filter_list</span>\r\n    <span>{{ triggerLabel() }}</span>\r\n    @if (count() > 0) {\r\n      <span class=\"ius-querybuilder__count\">{{ count() }}</span>\r\n    }\r\n    <!-- Ligadura Material Symbols: el texto va pegado, sin espacios sueltos. -->\r\n    <span translate=\"no\" class=\"ius-icon ius-querybuilder__chev\" aria-hidden=\"true\">expand_more</span>\r\n  </button>\r\n\r\n  <!-- \u2500\u2500 Panel: filas de criterio + footer (se estampa en el overlay) \u2500\u2500 -->\r\n  <div iusPopoverContent class=\"ius-querybuilder__panel\">\r\n    @if (draft().length === 0) {\r\n      <div class=\"ius-querybuilder__empty\">\r\n        <span class=\"ius-querybuilder__empty-t\">{{ emptyTitle() }}</span>\r\n        <span class=\"ius-querybuilder__empty-h\">{{ emptyHint() }}</span>\r\n      </div>\r\n    } @else {\r\n      <div class=\"ius-querybuilder__rows\">\r\n        <!--\r\n          `track row.id` (el RID incremental), NUNCA `$index`: al quitar una\r\n          fila intermedia se reciclar\u00EDan los controles y los valores se\r\n          cruzar\u00EDan entre filas.\r\n        -->\r\n        @for (row of draft(); track row.id; let i = $index) {\r\n          <div class=\"ius-querybuilder__rule\">\r\n            @if (i > 0) {\r\n              <span class=\"ius-querybuilder__conj\">y</span>\r\n            }\r\n\r\n            <!--\r\n              Orden de elementos del grid (lo usa el `:nth-child(3)` del\r\n              responsive): campo \u00B7 operador \u00B7 valor \u00B7 quitar. Los bloques\r\n              `@if` solo dejan comentarios, que no cuentan como elementos.\r\n            -->\r\n            <div class=\"ius-querybuilder__row\">\r\n              <ius-select\r\n                [options]=\"fieldOptionsFor(row.id)\"\r\n                [value]=\"row.field\"\r\n                [size]=\"size()\"\r\n                [searchable]=\"fieldsSearchable()\"\r\n                [showClear]=\"false\"\r\n                [showHelpText]=\"false\"\r\n                (valueChange)=\"onFieldChange(row.id, $event)\"\r\n              />\r\n\r\n              <ius-select\r\n                [options]=\"operatorOptions(row.field)\"\r\n                [value]=\"row.operator\"\r\n                [size]=\"size()\"\r\n                [searchable]=\"false\"\r\n                [showClear]=\"false\"\r\n                [showHelpText]=\"false\"\r\n                (valueChange)=\"onOperatorChange(row.id, $event)\"\r\n              />\r\n\r\n              @if (typeOf(row.field) === 'enum') {\r\n                <ius-select\r\n                  [options]=\"valueOptions(row.field)\"\r\n                  [value]=\"selectValue(row.value)\"\r\n                  placeholder=\"Selecciona un valor\"\r\n                  [size]=\"size()\"\r\n                  [searchable]=\"valueSearchable(row.field)\"\r\n                  [showClear]=\"false\"\r\n                  [showHelpText]=\"false\"\r\n                  (valueChange)=\"onValueChange(row.id, $event)\"\r\n                />\r\n              } @else {\r\n                <!--\r\n                  `[ngModel]` de una v\u00EDa: TextField expone su valor solo por\r\n                  CVA y hace falta poder vaciarlo al cambiar el campo.\r\n                -->\r\n                <ius-text-field\r\n                  [ngModel]=\"textValue(row.value)\"\r\n                  (ngModelChange)=\"onTextValueChange(row.id, $event)\"\r\n                  [placeholder]=\"valuePlaceholder(row.field)\"\r\n                  [size]=\"size()\"\r\n                  [showHelpText]=\"false\"\r\n                />\r\n              }\r\n\r\n              <ius-icon-button\r\n                icon=\"close\"\r\n                variant=\"tertiary\"\r\n                [size]=\"size()\"\r\n                ariaLabel=\"Quitar filtro\"\r\n                (clicked)=\"removeRow(row.id)\"\r\n              />\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- \u2500\u2500 Footer: a\u00F1adir \u00B7 limpiar \u00B7 aplicar (staged) \u2500\u2500 -->\r\n    <div class=\"ius-querybuilder__foot\">\r\n      <ius-text-button\r\n        [label]=\"addLabel()\"\r\n        prefixIcon=\"add\"\r\n        [size]=\"size()\"\r\n        [disabled]=\"atCap()\"\r\n        (clicked)=\"addRow()\"\r\n      />\r\n      <span class=\"ius-querybuilder__foot-r\">\r\n        @if (draft().length) {\r\n          <ius-text-button\r\n            [label]=\"clearLabel()\"\r\n            [size]=\"size()\"\r\n            (clicked)=\"clearAll()\"\r\n          />\r\n        }\r\n        <ius-button\r\n          variant=\"primary\"\r\n          [size]=\"size()\"\r\n          [label]=\"applyText()\"\r\n          [disabled]=\"applyDisabled()\"\r\n          (clicked)=\"applyDraft()\"\r\n        />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</ius-popover>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-querybuilder__trigger{appearance:none;display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:1;color:var(--ius-text-primary);background:var(--ius-neutral-white);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);cursor:pointer;transition:border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard);-webkit-user-select:none;user-select:none}.ius-querybuilder__trigger:hover{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-querybuilder__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-querybuilder__trigger[data-active=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-querybuilder__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-querybuilder__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);color:var(--ius-neutral-white);font-size:var(--ius-fs-sm);font-variant-numeric:tabular-nums;line-height:1}.ius-querybuilder__chev{font-size:var(--ius-icon-md);color:var(--ius-text-tertiary);transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-querybuilder__trigger[data-open=true] .ius-querybuilder__chev{transform:rotate(180deg)}.ius-querybuilder__panel{display:flex;flex-direction:column;gap:var(--ius-space-md);width:min(720px,100vw - var(--ius-space-2xl));max-width:100%;box-sizing:border-box}.ius-querybuilder__rows{display:flex;flex-direction:column;gap:var(--ius-space-sm)}.ius-querybuilder__rule{display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-querybuilder__conj{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary);padding-left:var(--ius-space-xxs)}.ius-querybuilder__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,1.7fr) auto;gap:var(--ius-space-sm);align-items:center}.ius-querybuilder__row>*{min-width:0}.ius-querybuilder__row ::ng-deep .ius-tf__field{flex-wrap:nowrap}.ius-querybuilder__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ius-space-xs);padding:var(--ius-space-xs) 0}.ius-querybuilder__empty-t{font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold, 700);font-size:var(--ius-fs-base);color:var(--ius-text-primary)}.ius-querybuilder__empty-h{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}.ius-querybuilder__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--ius-space-sm);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-md)}.ius-querybuilder__foot-r{display:inline-flex;align-items:center;gap:var(--ius-space-sm)}@media(max-width:600px){.ius-querybuilder__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.ius-querybuilder__row>:nth-child(3){grid-column:1/3}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }, { kind: "component", type: TextFieldComponent, selector: "ius-text-field", inputs: ["label", "placeholder", "required", "prefixIcon", "showClear", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "error", "name", "autocomplete", "type", "inputMode", "maxLength", "size", "disabled"], outputs: ["valueChange", "cleared"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "ariaCurrent", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: QueryBuilderComponent, isStandalone: true, selector: "ius-query-builder", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, addLabel: { classPropertyName: "addLabel", publicName: "addLabel", isSignal: true, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyHint: { classPropertyName: "emptyHint", publicName: "emptyHint", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apply: "apply" }, host: { classAttribute: "ius-querybuilder" }, ngImport: i0, template: "<!--\r\n  QueryBuilder \u2014 el Popover es el motor de anclaje; el disparador se proyecta\r\n  como children y el panel como `[iusPopoverContent]`. Modo controlado\r\n  (`[open]` + `(openChange)`) porque el borrador se re-siembra al abrir.\r\n  `dismissable` queda apagado a prop\u00F3sito: ver el TSDoc de cabecera.\r\n-->\r\n<ius-popover\r\n  trigger=\"click\"\r\n  [placement]=\"placement()\"\r\n  [showArrow]=\"false\"\r\n  [offset]=\"8\"\r\n  [open]=\"isOpen()\"\r\n  panelClass=\"ius-querybuilder-pop\"\r\n  (openChange)=\"onOpenChange($event)\"\r\n>\r\n  <!-- \u2500\u2500 Disparador: bot\u00F3n \"Filtros\" con contador de reglas aplicadas \u2500\u2500 -->\r\n  <button\r\n    type=\"button\"\r\n    class=\"ius-querybuilder__trigger\"\r\n    [attr.data-open]=\"isOpen() ? 'true' : null\"\r\n    [attr.data-active]=\"count() > 0 ? 'true' : null\"\r\n    [attr.aria-expanded]=\"isOpen()\"\r\n  >\r\n    <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">filter_list</span>\r\n    <span>{{ triggerLabel() }}</span>\r\n    @if (count() > 0) {\r\n      <span class=\"ius-querybuilder__count\">{{ count() }}</span>\r\n    }\r\n    <!-- Ligadura Material Symbols: el texto va pegado, sin espacios sueltos. -->\r\n    <span translate=\"no\" class=\"ius-icon ius-querybuilder__chev\" aria-hidden=\"true\">expand_more</span>\r\n  </button>\r\n\r\n  <!-- \u2500\u2500 Panel: filas de criterio + footer (se estampa en el overlay) \u2500\u2500 -->\r\n  <div iusPopoverContent class=\"ius-querybuilder__panel\">\r\n    @if (draft().length === 0) {\r\n      <div class=\"ius-querybuilder__empty\">\r\n        <span class=\"ius-querybuilder__empty-t\">{{ emptyTitle() }}</span>\r\n        <span class=\"ius-querybuilder__empty-h\">{{ emptyHint() }}</span>\r\n      </div>\r\n    } @else {\r\n      <div class=\"ius-querybuilder__rows\">\r\n        <!--\r\n          `track row.id` (el RID incremental), NUNCA `$index`: al quitar una\r\n          fila intermedia se reciclar\u00EDan los controles y los valores se\r\n          cruzar\u00EDan entre filas.\r\n        -->\r\n        @for (row of draft(); track row.id; let i = $index) {\r\n          <div class=\"ius-querybuilder__rule\">\r\n            @if (i > 0) {\r\n              <span class=\"ius-querybuilder__conj\">y</span>\r\n            }\r\n\r\n            <!--\r\n              Orden de elementos del grid (lo usa el `:nth-child(3)` del\r\n              responsive): campo \u00B7 operador \u00B7 valor \u00B7 quitar. Los bloques\r\n              `@if` solo dejan comentarios, que no cuentan como elementos.\r\n            -->\r\n            <div class=\"ius-querybuilder__row\">\r\n              <ius-select\r\n                [options]=\"fieldOptionsFor(row.id)\"\r\n                [value]=\"row.field\"\r\n                [size]=\"size()\"\r\n                [searchable]=\"fieldsSearchable()\"\r\n                [showClear]=\"false\"\r\n                [showHelpText]=\"false\"\r\n                (valueChange)=\"onFieldChange(row.id, $event)\"\r\n              />\r\n\r\n              <ius-select\r\n                [options]=\"operatorOptions(row.field)\"\r\n                [value]=\"row.operator\"\r\n                [size]=\"size()\"\r\n                [searchable]=\"false\"\r\n                [showClear]=\"false\"\r\n                [showHelpText]=\"false\"\r\n                (valueChange)=\"onOperatorChange(row.id, $event)\"\r\n              />\r\n\r\n              @if (typeOf(row.field) === 'enum') {\r\n                <ius-select\r\n                  [options]=\"valueOptions(row.field)\"\r\n                  [value]=\"selectValue(row.value)\"\r\n                  placeholder=\"Selecciona un valor\"\r\n                  [size]=\"size()\"\r\n                  [searchable]=\"valueSearchable(row.field)\"\r\n                  [showClear]=\"false\"\r\n                  [showHelpText]=\"false\"\r\n                  (valueChange)=\"onValueChange(row.id, $event)\"\r\n                />\r\n              } @else {\r\n                <!--\r\n                  `[ngModel]` de una v\u00EDa: TextField expone su valor solo por\r\n                  CVA y hace falta poder vaciarlo al cambiar el campo.\r\n                -->\r\n                <ius-text-field\r\n                  [ngModel]=\"textValue(row.value)\"\r\n                  (ngModelChange)=\"onTextValueChange(row.id, $event)\"\r\n                  [placeholder]=\"valuePlaceholder(row.field)\"\r\n                  [size]=\"size()\"\r\n                  [showHelpText]=\"false\"\r\n                />\r\n              }\r\n\r\n              <ius-icon-button\r\n                icon=\"close\"\r\n                variant=\"tertiary\"\r\n                [size]=\"size()\"\r\n                ariaLabel=\"Quitar filtro\"\r\n                (clicked)=\"removeRow(row.id)\"\r\n              />\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- \u2500\u2500 Footer: a\u00F1adir \u00B7 limpiar \u00B7 aplicar (staged) \u2500\u2500 -->\r\n    <div class=\"ius-querybuilder__foot\">\r\n      <ius-text-button\r\n        [label]=\"addLabel()\"\r\n        prefixIcon=\"add\"\r\n        [size]=\"size()\"\r\n        [disabled]=\"atCap()\"\r\n        (clicked)=\"addRow()\"\r\n      />\r\n      <span class=\"ius-querybuilder__foot-r\">\r\n        @if (draft().length) {\r\n          <ius-text-button\r\n            [label]=\"clearLabel()\"\r\n            [size]=\"size()\"\r\n            (clicked)=\"clearAll()\"\r\n          />\r\n        }\r\n        <ius-button\r\n          variant=\"primary\"\r\n          [size]=\"size()\"\r\n          [label]=\"applyText()\"\r\n          [disabled]=\"applyDisabled()\"\r\n          (clicked)=\"applyDraft()\"\r\n        />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</ius-popover>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-querybuilder__trigger{appearance:none;display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:1;color:var(--ius-text-primary);background:var(--ius-neutral-white);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);cursor:pointer;transition:border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard);-webkit-user-select:none;user-select:none}.ius-querybuilder__trigger:hover{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-querybuilder__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-querybuilder__trigger[data-active=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-querybuilder__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-querybuilder__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);color:var(--ius-neutral-white);font-size:var(--ius-fs-sm);font-variant-numeric:tabular-nums;line-height:1}.ius-querybuilder__chev{font-size:var(--ius-icon-md);color:var(--ius-text-tertiary);transition:transform var(--ius-duration-fast) var(--ius-ease-standard)}.ius-querybuilder__trigger[data-open=true] .ius-querybuilder__chev{transform:rotate(180deg)}.ius-querybuilder__panel{display:flex;flex-direction:column;gap:var(--ius-space-md);width:min(720px,100vw - var(--ius-space-2xl));max-width:100%;box-sizing:border-box}.ius-querybuilder__rows{display:flex;flex-direction:column;gap:var(--ius-space-sm)}.ius-querybuilder__rule{display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-querybuilder__conj{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary);padding-left:var(--ius-space-xxs)}.ius-querybuilder__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,1.7fr) auto;gap:var(--ius-space-sm);align-items:center}.ius-querybuilder__row>*{min-width:0}.ius-querybuilder__row ::ng-deep .ius-tf__field{flex-wrap:nowrap}.ius-querybuilder__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ius-space-xs);padding:var(--ius-space-xs) 0}.ius-querybuilder__empty-t{font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold, 700);font-size:var(--ius-fs-base);color:var(--ius-text-primary)}.ius-querybuilder__empty-h{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}.ius-querybuilder__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--ius-space-sm);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-md)}.ius-querybuilder__foot-r{display:inline-flex;align-items:center;gap:var(--ius-space-sm)}@media(max-width:600px){.ius-querybuilder__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.ius-querybuilder__row>:nth-child(3){grid-column:1/3}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "ariaLabel", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }, { kind: "component", type: TextFieldComponent, selector: "ius-text-field", inputs: ["label", "placeholder", "required", "prefixIcon", "showClear", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "error", "name", "autocomplete", "type", "inputMode", "maxLength", "size", "disabled"], outputs: ["valueChange", "cleared"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "ariaCurrent", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: QueryBuilderComponent, decorators: [{
             type: Component,
@@ -16560,7 +16610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     }, template: "<!-- Fila de breadcrumb (solo detalle); volver la encabeza si existe -->\r\n@if (hasBreadcrumb()) {\r\n  <div class=\"ius-pageheader__bc\">\r\n    @if (backInBreadcrumb()) {\r\n      <span class=\"ius-pageheader__back\">\r\n        <ius-icon-button\r\n          icon=\"arrow_back\"\r\n          variant=\"tertiary\"\r\n          size=\"small\"\r\n          [ariaLabel]=\"backLabel()\"\r\n          [disabled]=\"backDisabled()\"\r\n          (clicked)=\"back.emit($event)\"\r\n        />\r\n      </span>\r\n    }\r\n    <ng-content select=\"[iusPageHeaderBreadcrumb]\" />\r\n  </div>\r\n}\r\n\r\n<div class=\"ius-pageheader__top\">\r\n  <div class=\"ius-pageheader__lead\">\r\n    @if (showBack() && !backInBreadcrumb()) {\r\n      <span class=\"ius-pageheader__back\">\r\n        <ius-icon-button\r\n          icon=\"arrow_back\"\r\n          variant=\"tertiary\"\r\n          size=\"small\"\r\n          [ariaLabel]=\"backLabel()\"\r\n          [disabled]=\"backDisabled()\"\r\n          (clicked)=\"back.emit($event)\"\r\n        />\r\n      </span>\r\n    }\r\n    <div class=\"ius-pageheader__titles\">\r\n      <!-- Cada pieza: input de texto \u203A contenido proyectado con su directiva -->\r\n      @if (overline() != null || hasOverlineSlot()) {\r\n        <span class=\"ius-pageheader__overline\">\r\n          @if (overline() != null) {\r\n            {{ overline() }}\r\n          } @else {\r\n            <ng-content select=\"[iusPageHeaderOverline]\" />\r\n          }\r\n        </span>\r\n      }\r\n      @if (title() != null || hasTitleSlot()) {\r\n        <h1 class=\"ius-pageheader__title\" [class]=\"'ius-' + titleLevelEfectivo()\">\r\n          @if (title() != null) {\r\n            {{ title() }}\r\n          } @else {\r\n            <ng-content select=\"[iusPageHeaderTitle]\" />\r\n          }\r\n        </h1>\r\n      }\r\n      @if (subtitle() != null || hasSubtitleSlot()) {\r\n        <p class=\"ius-pageheader__subtitle\">\r\n          @if (subtitle() != null) {\r\n            {{ subtitle() }}\r\n          } @else {\r\n            <ng-content select=\"[iusPageHeaderSubtitle]\" />\r\n          }\r\n        </p>\r\n      }\r\n    </div>\r\n  </div>\r\n  @if (hasActions()) {\r\n    <div class=\"ius-pageheader__actions\"><ng-content select=\"[iusPageHeaderActions]\" /></div>\r\n  }\r\n</div>\r\n\r\n@if (hasToolbar()) {\r\n  <div class=\"ius-pageheader__toolbar\"><ng-content select=\"[iusPageHeaderToolbar]\" /></div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-xs)}:host([data-surface=true]){background:var(--ius-surface-card);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);padding:var(--ius-space-md) var(--ius-space-lg)}:host([data-divider=true]){border-bottom:1px solid var(--ius-stroke);padding-bottom:var(--ius-space-sm)}.ius-pageheader__bc{min-width:0;display:flex;align-items:center;gap:var(--ius-space-xs)}.ius-pageheader__bc .ius-pageheader__back{margin-top:0}.ius-pageheader__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ius-space-lg)}.ius-pageheader__lead{display:flex;align-items:flex-start;gap:var(--ius-space-sm);min-width:0}.ius-pageheader__back{flex:0 0 auto}.ius-pageheader__titles{min-width:0;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-pageheader__overline{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-medium);line-height:var(--ius-lh-sm);letter-spacing:var(--ius-ls-emphasis);text-transform:uppercase;color:var(--ius-text-tertiary)}.ius-pageheader__title{margin:0}.ius-pageheader__subtitle{margin:0;font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-secondary)}.ius-pageheader__actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ius-space-sm)}.ius-pageheader__toolbar{display:flex;align-items:center;gap:var(--ius-space-sm);flex-wrap:wrap}:host([data-density=compact]){--ius-control-size: small;gap:0}:host([data-density=compact]) .ius-pageheader__bc{line-height:var(--ius-lh-sm)}:host([data-density=compact]) .ius-pageheader__top{align-items:center;gap:var(--ius-space-sm)}:host([data-density=compact]) .ius-pageheader__lead{align-items:center;gap:var(--ius-space-xs)}:host([data-density=compact]) .ius-pageheader__titles{gap:0}:host([data-density=compact]) .ius-pageheader__overline{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm)}:host([data-density=compact]) .ius-pageheader__subtitle{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary)}:host([data-density=compact][data-surface=true]){padding:var(--ius-space-xs) var(--ius-space-md)}:host([data-density=compact][data-divider=true]){padding-bottom:var(--ius-space-xs)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], overline: [{ type: i0.Input, args: [{ isSignal: true, alias: "overline", required: false }] }], titleLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleLevel", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], backLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backLabel", required: false }] }], backDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "backDisabled", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }], back: [{ type: i0.Output, args: ["back"] }], breadcrumbRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderBreadcrumbDirective), { isSignal: true }] }], actionsRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderActionsDirective), { isSignal: true }] }], toolbarRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderToolbarDirective), { isSignal: true }] }], overlineRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderOverlineDirective), { isSignal: true }] }], titleRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderTitleDirective), { isSignal: true }] }], subtitleRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderSubtitleDirective), { isSignal: true }] }] } });
-let uid$a = 0;
+let uid$b = 0;
 /** `min`/`max`/`step` llegan como número o como atributo de texto; vacío = sin valor.
  *  (Declaración de función: el compilador exige un transform analizable estáticamente.) */
 function numeroOpcional(v) {
@@ -16631,7 +16681,7 @@ class NumberFieldComponent {
         ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
         this.focused = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-        this.inputId = `ius-num-${uid$a++}`;
+        this.inputId = `ius-num-${uid$b++}`;
         this.helpId = `${this.inputId}-help`;
         this.atMax = computed(() => {
             const max = this.maxState();
@@ -16861,7 +16911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Directive,
             args: [{ selector: '[iusFormFooter]', standalone: true }]
         }] });
-let uid$9 = 0;
+let uid$a = 0;
 /**
  * Form — Ius Design v2 (familia layout).
  *
@@ -16936,7 +16986,7 @@ class FormComponent {
         ...(ngDevMode ? [{ debugName: "errores" }] : /* istanbul ignore next */ []));
         this.hasErrors = computed(() => this.errores().length > 0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasErrors" }] : /* istanbul ignore next */ []));
-        this.formId = `ius-form-${uid$9++}`;
+        this.formId = `ius-form-${uid$a++}`;
         // ── Coordinación single-open de las secciones colapsables ──────────────
         /** Sección colapsable abierta en modo `accordion` (`null` = todas cerradas). */
         this.openSectionId = signal(null, /* @ts-ignore */
@@ -16976,7 +17026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             args: [{ selector: 'ius-form', standalone: true, imports: [AlertComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"ius-form\" [id]=\"formId\" novalidate (submit)=\"onSubmit($event)\">\r\n  @if (hasErrors()) {\r\n    <ius-alert tone=\"danger\" role=\"alert\" [title]=\"errorTitle()\">\r\n      <ul class=\"ius-form__summary-list\">\r\n        @for (e of errores(); track e.field ?? $index) {\r\n          <li>\r\n            @if (e.field; as field) {\r\n              <a [href]=\"'#' + field\" (click)=\"focusField(field, $event)\">{{ e.label || field }}</a>\r\n            } @else {\r\n              {{ e.label || '' }}\r\n            }\r\n            @if (e.message) {\r\n              \u2014 {{ e.message }}\r\n            }\r\n          </li>\r\n        }\r\n      </ul>\r\n    </ius-alert>\r\n  }\r\n\r\n  <div class=\"ius-form__grid\" [attr.data-cols]=\"columns()\">\r\n    <ng-content />\r\n  </div>\r\n\r\n  @if (footer()) {\r\n    <div class=\"ius-form__footer\" [attr.data-sticky]=\"stickyFooter() ? 'true' : null\">\r\n      @if (hasFooterSlot()) {\r\n        <ng-content select=\"[iusFormFooter]\" />\r\n      } @else {\r\n        @if (showCancel()) {\r\n          <ius-button [variant]=\"cancelVariant()\" type=\"button\" [label]=\"cancelLabel()\" (clicked)=\"onCancel()\" />\r\n        }\r\n        <ius-button\r\n          [variant]=\"submitVariant()\"\r\n          type=\"submit\"\r\n          [loading]=\"submitting()\"\r\n          [disabled]=\"submitDisabled()\"\r\n          [label]=\"submitLabel()\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</form>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0}.ius-form{container-type:inline-size;display:flex;flex-direction:column;gap:var(--ius-space-lg);font-family:var(--ius-font-body);min-height:0;margin:0;flex:1 1 auto}.ius-form__grid{display:grid;gap:var(--ius-space-md) var(--ius-space-lg);grid-template-columns:1fr;align-content:start}.ius-form__grid[data-cols=\"1\"]{grid-template-columns:1fr}@container (min-width: 600px){.ius-form__grid[data-cols=\"2\"],.ius-form__grid[data-cols=auto]{grid-template-columns:1fr 1fr}}.ius-form__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-sm)}.ius-form__footer[data-sticky=true]{position:sticky;bottom:0;background:var(--ius-surface-card);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-md)}.ius-form__summary-list{list-style:disc;margin:var(--ius-space-xs) 0 0;padding-left:var(--ius-space-lg);display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-form__summary-list li{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm)}.ius-form__summary-list a{color:inherit;text-decoration:underline;cursor:pointer}\n"] }]
         }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], errorSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorSummary", required: false }] }], errorTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorTitle", required: false }] }], submitLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], submitVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitVariant", required: false }] }], cancelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelVariant", required: false }] }], submitting: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitting", required: false }] }], submitDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitDisabled", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], showCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancel", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }], accordion: [{ type: i0.Input, args: [{ isSignal: true, alias: "accordion", required: false }] }], sectionVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionVariant", required: false }] }], submitted: [{ type: i0.Output, args: ["submitted"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }], footerSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusFormFooterDirective), { isSignal: true }] }] } });
-let uid$8 = 0;
+let uid$9 = 0;
 /**
  * FormSection — agrupa campos bajo un título (opcionalmente colapsable).
  *
@@ -17010,7 +17060,7 @@ class FormSectionComponent {
         ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
         this.cuerpo = viewChild.required('cuerpo', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "cuerpo" }] : /* istanbul ignore next */ []));
-        this.sectionId = `ius-form-sec-${uid$8++}`;
+        this.sectionId = `ius-form-sec-${uid$9++}`;
         this.colsEfectivas = computed(() => this.columns() ?? this.form?.columns() ?? 'auto', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "colsEfectivas" }] : /* istanbul ignore next */ []));
         this.variantEfectiva = computed(() => this.variant() ?? this.form?.sectionVariant() ?? 'contained', /* @ts-ignore */
@@ -17359,7 +17409,7 @@ function chartPrefersReducedMotion() {
         window.matchMedia('(prefers-reduced-motion: reduce)').matches);
 }
-let uid$7 = 0;
+let uid$8 = 0;
 /**
  * Sparkline — Ius Design v2 (familia charts).
  *
@@ -17412,7 +17462,7 @@ class SparklineComponent {
         this.ariaLabel = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
         /** Id del degradado del área, único por instancia (igual que `gid` del golden). */
-        this.gid = `iussp-${++uid$7}`;
+        this.gid = `iussp-${++uid$8}`;
         /** Solo valores numéricos finitos (el golden descarta null/NaN antes de dibujar). */
         this.vals = computed(() => (this.data() ?? []).filter((v) => v != null && Number.isFinite(v)), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "vals" }] : /* istanbul ignore next */ []));
@@ -17502,7 +17552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     }, template: "<!-- Sin datos el golden deja el span vac\u00EDo con su caja (width/height van en el host). -->\r\n@if (hasData()) {\r\n  <svg\r\n    class=\"ius-spark__svg\"\r\n    [attr.width]=\"width()\"\r\n    [attr.height]=\"height()\"\r\n    [attr.viewBox]=\"'0 0 ' + width() + ' ' + height()\"\r\n    role=\"img\"\r\n    [attr.aria-label]=\"ariaLabel() || null\"\r\n  >\r\n    @if (variant() === 'bar') {\r\n      <g>\r\n        @for (b of bars(); track $index) {\r\n          <rect\r\n            [attr.x]=\"b.x\"\r\n            [attr.y]=\"b.y\"\r\n            [attr.width]=\"b.w\"\r\n            [attr.height]=\"b.h\"\r\n            [attr.rx]=\"b.rx\"\r\n            [attr.fill]=\"color()\"\r\n            [attr.fill-opacity]=\"b.opacity\"\r\n          />\r\n        }\r\n      </g>\r\n    } @else {\r\n      <g>\r\n        @if (area()) {\r\n          <defs>\r\n            <linearGradient [attr.id]=\"gid\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0%\" [attr.stop-color]=\"color()\" stop-opacity=\"0.24\" />\r\n              <stop offset=\"100%\" [attr.stop-color]=\"color()\" stop-opacity=\"0.02\" />\r\n            </linearGradient>\r\n          </defs>\r\n          <path [attr.d]=\"dArea()\" [attr.fill]=\"'url(#' + gid + ')'\" />\r\n        }\r\n        <path class=\"ius-spark__line\" [attr.d]=\"dLine()\" [attr.stroke]=\"color()\" [attr.stroke-width]=\"strokeWidth()\" />\r\n        @if (showDot()) {\r\n          @if (last(); as p) {\r\n            <circle class=\"ius-spark__dot\" [attr.cx]=\"p.x\" [attr.cy]=\"p.y\" [attr.r]=\"dotR()\" [attr.fill]=\"color()\" stroke-width=\"1\" />\r\n          }\r\n        }\r\n      </g>\r\n    }\r\n  </svg>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0;vertical-align:middle;-webkit-user-select:none;user-select:none}.ius-spark__svg{display:block;overflow:visible}.ius-spark__line{fill:none;stroke-linecap:round;stroke-linejoin:round}.ius-spark__dot{stroke:var(--ius-surface-card)}\n"] }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], trend: [{ type: i0.Input, args: [{ isSignal: true, alias: "trend", required: false }] }], area: [{ type: i0.Input, args: [{ isSignal: true, alias: "area", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], showDot: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDot", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
-let uid$6 = 0;
+let uid$7 = 0;
 /** Duración del dibujado de la línea (WAAPI) y red de seguridad que la deja sólida. */
 const ANIM_MS$2 = 820;
 const ANIM_SAFETY_MS$2 = 950;
@@ -17619,7 +17669,7 @@ class LineChartComponent {
         /** Categoría bajo el cursor (tooltip + guía). */
         this.active = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-        this.uidStr = `iuslc-${++uid$6}`;
+        this.uidStr = `iuslc-${++uid$7}`;
         this.hasData = computed(() => {
             const cats = this.categories();
             const series = this.series();
@@ -18387,7 +18437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }], labelRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusEntityRowLabelDirective), { isSignal: true }] }], sublabelRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusEntityRowSublabelDirective), { isSignal: true }] }] } });
-let uid$5 = 0;
+let uid$6 = 0;
 /**
  * Switch — Ius Design v2 (familia inputs).
  *
@@ -18440,7 +18490,7 @@ class SwitchComponent {
         ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         /** Nuevo booleano (original `onChange(checked)`; nunca `change`). */
         this.checkedChange = new EventEmitter();
-        this.inputId = `ius-sw-${uid$5++}`;
+        this.inputId = `ius-sw-${uid$6++}`;
         this.onChangeCb = () => { };
         this.onTouchedCb = () => { };
     }
@@ -18550,7 +18600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
-let uid$4 = 0;
+let uid$5 = 0;
 /**
  * Radio — Ius Design v2 (familia inputs).
  *
@@ -18583,7 +18633,7 @@ class RadioComponent {
         ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         /** Emite `true` al seleccionar (original `onChange(true)`; nunca `change`). */
         this.checkedChange = new EventEmitter();
-        this.inputId = `ius-rad-${uid$4++}`;
+        this.inputId = `ius-rad-${uid$5++}`;
         this.onChangeCb = () => { };
         this.onTouchedCb = () => { };
     }
@@ -18680,7 +18730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
-let uid$3 = 0;
+let uid$4 = 0;
 /**
  * SelectionField — Ius Design v2 (familia inputs).
  *
@@ -18730,7 +18780,7 @@ class SelectionFieldComponent {
         ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         /** Nuevo valor con el shape de `type` (original `onChange`). */
         this.valueChange = new EventEmitter();
-        this.baseId = `ius-self-${uid$3++}`;
+        this.baseId = `ius-self-${uid$4++}`;
         this.labelId = `${this.baseId}-label`;
         this.hintId = `${this.baseId}-hint`;
         this.onChange = () => { };
@@ -20396,10 +20446,10 @@ function fuenteOptions(all = true) {
     return all ? [{ value: 'all', label: 'Todas', icon: 'filter_list' }, ...opts] : opts;
 }
-let uid$2 = 0;
+let uid$3 = 0;
 function nuevoId() {
-    uid$2 += 1;
-    return `rf-${Date.now().toString(36)}-${uid$2}`;
+    uid$3 += 1;
+    return `rf-${Date.now().toString(36)}-${uid$3}`;
 }
 // Regex del golden, verbatim (la ng-spec §5 pide que vivan en la spec).
 const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -20491,7 +20541,7 @@ class RepeatableFieldComponent {
         ...(ngDevMode ? [{ debugName: "helpTextState" }] : /* istanbul ignore next */ []));
         /** Además del CVA: el arreglo completo en cada cambio (add/remove/edit/tipo). */
         this.valueChange = new EventEmitter();
-        this.labelId = `ius-rf-${++uid$2}-label`;
+        this.labelId = `ius-rf-${++uid$3}-label`;
         /** Referencia estable: un objeto literal en el template cambiaría cada CD. */
         this.ngModelSuelto = { standalone: true };
         this.onChangeFn = () => { };
@@ -20737,7 +20787,7 @@ class RepeatableFieldComponent {
                 useExisting: forwardRef(() => RepeatableFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "@if (label) {\n  <span class=\"ius-repeat__label\" [id]=\"labelId\">\n    @if (required) {\n      <span class=\"ius-repeat__req\" aria-hidden=\"true\"></span>\n    }\n    {{ label }}\n  </span>\n}\n\n<div class=\"ius-repeat__rows\" role=\"group\" [attr.aria-labelledby]=\"label ? labelId : null\">\n  @for (vm of filasVM(); track vm.fila.id) {\n    <div class=\"ius-repeat__row\">\n      @if (conTipos()) {\n        <div class=\"ius-repeat__type\" [style.width]=\"anchoTipo\">\n          <ius-select\n            [options]=\"opcionesTipo()\"\n            [value]=\"vm.fila.type ?? null\"\n            [placeholder]=\"typePlaceholder\"\n            [searchable]=\"false\"\n            [showClear]=\"false\"\n            [showHelpText]=\"false\"\n            [disabled]=\"disabled\"\n            [size]=\"size\"\n            (valueChange)=\"setTipo(vm.fila.id, $event)\"\n          />\n        </div>\n      }\n\n      <div class=\"ius-repeat__control\">\n        @if (renderControl) {\n          <ng-container [ngTemplateOutlet]=\"renderControl\" [ngTemplateOutletContext]=\"vm.ctx\" />\n        } @else {\n          <!--\n            `[ngModel]` de una v\u00EDa: TextField expone su valor solo por CVA (mismo\n            recurso que ius-query-builder). `standalone` evita que un <form> del\n            consumidor intente registrar estos inputs como controles con nombre.\n          -->\n          <ius-text-field\n            [ngModel]=\"vm.texto\"\n            [ngModelOptions]=\"ngModelSuelto\"\n            [placeholder]=\"placeholder\"\n            [prefixIcon]=\"prefixIcon\"\n            [type]=\"tipoInput()\"\n            [disabled]=\"disabled\"\n            [size]=\"size\"\n            [error]=\"vm.error\"\n            [errorText]=\"vm.errorText\"\n            [showHelpText]=\"!!vm.errorText\"\n            [showClear]=\"false\"\n            (ngModelChange)=\"setValor(vm.fila.id, $event)\"\n          />\n        }\n      </div>\n\n      <div class=\"ius-repeat__remove\">\n        <ius-icon-button\n          icon=\"close\"\n          variant=\"tertiary\"\n          shape=\"squared\"\n          size=\"small\"\n          tooltip=\"Quitar\"\n          ariaLabel=\"Quitar fila\"\n          [disabled]=\"vm.quitarDeshabilitado\"\n          (clicked)=\"quitar(vm.fila.id)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n\n<div class=\"ius-repeat__foot\">\n  <ius-text-button\n    [prefixIcon]=\"addIcon\"\n    [label]=\"addLabel\"\n    [size]=\"size\"\n    [disabled]=\"disabled || alTope()\"\n    (clicked)=\"agregar()\"\n  />\n</div>\n\n@if (pie()) {\n  <span class=\"ius-repeat__hint\">{{ pie() }}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);--_rf-field-h: 40px}:host([data-size=small]){--_rf-field-h: 34px}:host([data-size=large]){--_rf-field-h: 48px}@container style(--ius-control-size: small){:host(:not([data-size])){--_rf-field-h: 34px}}@container style(--ius-control-size: large){:host(:not([data-size])){--_rf-field-h: 48px}}.ius-repeat__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font:var(--ius-fw-medium) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-secondary)}.ius-repeat__req{width:6px;height:6px;border-radius:var(--ius-radius-pill);background:var(--ius-danger-500);flex:0 0 auto}.ius-repeat__rows{display:flex;flex-direction:column;gap:var(--ius-space-sm)}.ius-repeat__row{display:flex;align-items:flex-start;gap:var(--ius-space-xs)}.ius-repeat__type{flex:0 0 auto;width:var(--_rf-type-w, 150px)}.ius-repeat__type .ius-tf{min-width:0;max-width:none;width:100%}.ius-repeat__type ::ng-deep .ius-select__chevron{height:var(--ius-lh-base)}.ius-repeat__row ::ng-deep .ius-tf__field{align-items:center}.ius-repeat__control{flex:1 1 auto;min-width:0}.ius-repeat__control .ius-tf{max-width:none;width:100%}.ius-repeat__remove{flex:0 0 auto;height:var(--_rf-field-h);display:flex;align-items:center}.ius-repeat__foot{display:flex}.ius-repeat__hint{font:var(--ius-fw-regular) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-tertiary)}:host([data-error=true]) .ius-repeat__hint{color:var(--ius-danger-700)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextFieldComponent, selector: "ius-text-field", inputs: ["label", "placeholder", "required", "prefixIcon", "showClear", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "error", "name", "autocomplete", "type", "inputMode", "maxLength", "size", "disabled"], outputs: ["valueChange", "cleared"] }, { kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (label) {\n  <span class=\"ius-repeat__label\" [id]=\"labelId\">\n    @if (required) {\n      <span class=\"ius-repeat__req\" aria-hidden=\"true\"></span>\n    }\n    {{ label }}\n  </span>\n}\n\n<div class=\"ius-repeat__rows\" role=\"group\" [attr.aria-labelledby]=\"label ? labelId : null\">\n  @for (vm of filasVM(); track vm.fila.id) {\n    <div class=\"ius-repeat__row\">\n      @if (conTipos()) {\n        <div class=\"ius-repeat__type\" [style.width]=\"anchoTipo\">\n          <ius-select\n            [options]=\"opcionesTipo()\"\n            [value]=\"vm.fila.type ?? null\"\n            [placeholder]=\"typePlaceholder\"\n            [searchable]=\"false\"\n            [showClear]=\"false\"\n            [showHelpText]=\"false\"\n            [disabled]=\"disabled\"\n            [size]=\"size\"\n            (valueChange)=\"setTipo(vm.fila.id, $event)\"\n          />\n        </div>\n      }\n\n      <div class=\"ius-repeat__control\">\n        @if (renderControl) {\n          <ng-container [ngTemplateOutlet]=\"renderControl\" [ngTemplateOutletContext]=\"vm.ctx\" />\n        } @else {\n          <!--\n            `[ngModel]` de una v\u00EDa: TextField expone su valor solo por CVA (mismo\n            recurso que ius-query-builder). `standalone` evita que un <form> del\n            consumidor intente registrar estos inputs como controles con nombre.\n          -->\n          <ius-text-field\n            [ngModel]=\"vm.texto\"\n            [ngModelOptions]=\"ngModelSuelto\"\n            [placeholder]=\"placeholder\"\n            [prefixIcon]=\"prefixIcon\"\n            [type]=\"tipoInput()\"\n            [disabled]=\"disabled\"\n            [size]=\"size\"\n            [error]=\"vm.error\"\n            [errorText]=\"vm.errorText\"\n            [showHelpText]=\"!!vm.errorText\"\n            [showClear]=\"false\"\n            (ngModelChange)=\"setValor(vm.fila.id, $event)\"\n          />\n        }\n      </div>\n\n      <div class=\"ius-repeat__remove\">\n        <ius-icon-button\n          icon=\"close\"\n          variant=\"tertiary\"\n          shape=\"squared\"\n          size=\"small\"\n          tooltip=\"Quitar\"\n          ariaLabel=\"Quitar fila\"\n          [disabled]=\"vm.quitarDeshabilitado\"\n          (clicked)=\"quitar(vm.fila.id)\"\n        />\n      </div>\n    </div>\n  }\n</div>\n\n<div class=\"ius-repeat__foot\">\n  <ius-text-button\n    [prefixIcon]=\"addIcon\"\n    [label]=\"addLabel\"\n    [size]=\"size\"\n    [disabled]=\"disabled || alTope()\"\n    (clicked)=\"agregar()\"\n  />\n</div>\n\n@if (pie()) {\n  <span class=\"ius-repeat__hint\">{{ pie() }}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);--_rf-field-h: 40px}:host([data-size=small]){--_rf-field-h: 34px}:host([data-size=large]){--_rf-field-h: 48px}@container style(--ius-control-size: small){:host(:not([data-size])){--_rf-field-h: 34px}}@container style(--ius-control-size: large){:host(:not([data-size])){--_rf-field-h: 48px}}.ius-repeat__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font:var(--ius-fw-medium) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-secondary)}.ius-repeat__req{width:6px;height:6px;border-radius:var(--ius-radius-pill);background:var(--ius-danger-500);flex:0 0 auto}.ius-repeat__rows{display:flex;flex-direction:column;gap:var(--ius-space-sm)}.ius-repeat__row{display:flex;align-items:flex-start;gap:var(--ius-space-xs)}.ius-repeat__type{flex:0 0 auto;width:var(--_rf-type-w, 150px)}.ius-repeat__type .ius-tf{min-width:0;max-width:none;width:100%}.ius-repeat__type ::ng-deep .ius-select__chevron{height:var(--ius-lh-base)}.ius-repeat__row ::ng-deep .ius-tf__field{align-items:center}.ius-repeat__control{flex:1 1 auto;min-width:0}.ius-repeat__control .ius-tf{max-width:none;width:100%}.ius-repeat__remove{flex:0 0 auto;height:var(--_rf-field-h);display:flex;align-items:center}.ius-repeat__foot{display:flex}.ius-repeat__hint{font:var(--ius-fw-regular) var(--ius-fs-sm)/var(--ius-lh-sm) var(--ius-font-body);color:var(--ius-text-tertiary)}:host([data-error=true]) .ius-repeat__hint{color:var(--ius-danger-700)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextFieldComponent, selector: "ius-text-field", inputs: ["label", "placeholder", "required", "prefixIcon", "showClear", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "error", "name", "autocomplete", "type", "inputMode", "maxLength", "size", "disabled"], outputs: ["valueChange", "cleared"] }, { kind: "component", type: SelectComponent, selector: "ius-select", inputs: ["options", "multiple", "size", "disabled", "error", "state", "open", "value", "label", "ariaLabel", "required", "placeholder", "prefixIcon", "searchable", "searchPlaceholder", "emptyText", "creatable", "createPlaceholder", "createLabel", "createFactory", "maxVisible", "helpText", "errorText", "showHelpText", "showIconHelp", "iconHelpTitle", "iconHelpContent", "showClear", "defaultOpen", "compact", "defaultValue", "id", "name"], outputs: ["valueChange", "cleared", "openChange", "created"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RepeatableFieldComponent, decorators: [{
             type: Component,
@@ -20806,7 +20856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
-let uid$1 = 0;
+let uid$2 = 0;
 /** Duración del crecimiento (WAAPI), stagger por categoría y red de seguridad. */
 const ANIM_MS$1 = 560;
 const ANIM_STAGGER_MS = 45;
@@ -20936,7 +20986,7 @@ class BarChartComponent {
         /** Categoría bajo el cursor (tooltip + resalte). */
         this.active = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-        this.uidStr = `iusbc-${++uid$1}`;
+        this.uidStr = `iusbc-${++uid$2}`;
         this.hasData = computed(() => {
             const cats = this.categories();
             const series = this.series();
@@ -25082,7 +25132,7 @@ function formatBytes(b) {
         return `${mb.toFixed(mb < 10 ? 1 : 0)} MB`;
     return `${(mb / 1024).toFixed(2)} GB`;
 }
-function uid() {
+function uid$1() {
     return 'f-' + Math.random().toString(36).slice(2, 9);
 }
 /** Valida un archivo contra accept/maxSize (mismas reglas que el golden). */
@@ -25258,7 +25308,7 @@ class FileUploadComponent {
         const newItems = incoming.slice(0, remaining).map((f) => {
             const err = validateFile(f, this.accept, this.maxSize);
             return {
-                id: uid(),
+                id: uid$1(),
                 name: f.name,
                 size: f.size,
                 type: f.type,
@@ -27289,6 +27339,361 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
+const DEFAULT_HINT = 'Arrastra para encuadrar. Con el teclado: flechas para mover, + y − para el zoom, 0 para restablecer.';
+const DEFAULT_HINT_TOUCH = 'Arrastra para encuadrar. Pellizca con dos dedos o usa los botones para el zoom.';
+let uid = 0;
+const clampN = (v, a, b) => Math.min(b, Math.max(a, v));
+const pct = (z) => Math.round(z * 100) + ' %';
+/**
+ * ImageCropper — Ius Design v2 (familia inputs).
+ *
+ * Encuadra y recorta una imagen ANTES de subirla (foto de perfil, logo de
+ * cuenta): máscara circular o cuadrada, arrastre (puntero, táctil o pellizco),
+ * zoom con range/botones/rueda/teclado. «Aplicar» emite un `Blob` del tamaño
+ * pedido; «Cancelar» no cambia nada. No sube nada: el consumidor sube el Blob.
+ * Fuente de verdad: `ImageCropper.jsx` + `ImageCropper.d.ts` (ng-spec §1–§7).
+ *
+ * Divergencias deliberadas con la ng-spec:
+ * - `onCancel` → `cancelled`: `cancel` es un evento nativo del DOM (diálogos,
+ *   input file) y la regla transversal 3 prohíbe outputs con nombre nativo;
+ *   mismo criterio que `ius-form` (`cancelled`).
+ * - `applyLabel`, `cancelLabel` y `hint` son texto (`string`), no proyección.
+ */
+class ImageCropperComponent {
+    constructor() {
+        /** Object URL (`URL.createObjectURL(file)`), data URL o URL con CORS. Al cambiar, recarga y restablece. */
+        this.src = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+        /** Máscara. `circle` (para Avatar) fuerza 1:1. */
+        this.shape = input('circle', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+        /** Ancho/alto del marco (solo `square`). */
+        this.aspect = input(1, { ...(ngDevMode ? { debugName: "aspect" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Zoom mínimo: 1 = la imagen cubre justo el marco. */
+        this.minZoom = input(1, { ...(ngDevMode ? { debugName: "minZoom" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.maxZoom = input(4, { ...(ngDevMode ? { debugName: "maxZoom" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Paso de botones, rueda y + −. */
+        this.zoomStep = input(0.1, { ...(ngDevMode ? { debugName: "zoomStep" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Lado de la salida en px (alto = `outputSize / aspect`). */
+        this.outputSize = input(512, { ...(ngDevMode ? { debugName: "outputSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.outputType = input('image/png', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outputType" }] : /* istanbul ignore next */ []));
+        /** Calidad 0–1 para jpeg/webp. */
+        this.outputQuality = input(0.92, { ...(ngDevMode ? { debugName: "outputQuality" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Lado del marco visible en px (dimensión estructural). */
+        this.frameSize = input(240, { ...(ngDevMode ? { debugName: "frameSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.applyLabel = input('Aplicar', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "applyLabel" }] : /* istanbul ignore next */ []));
+        this.cancelLabel = input('Cancelar', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+        /** Muestra «Cancelar / Aplicar». */
+        this.showActions = input(true, { ...(ngDevMode ? { debugName: "showActions" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Ayuda bajo el encuadre. `false` no la pinta: el texto por defecto queda solo
+         * para lector de pantalla (`aria-describedby` se conserva siempre).
+         */
+        this.hint = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+        /** Modo táctil: acciones en columna a todo el ancho, botones large y ayuda táctil. */
+        this.touch = input(false, { ...(ngDevMode ? { debugName: "touch" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Etiqueta accesible del área de encuadre. */
+        this.ariaLabel = input('Encuadre de la imagen', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** Imagen recortada lista para subir / pasar a `Avatar`. */
+        this.apply = output();
+        /** Cancelar: no cambia nada. */
+        this.cancelled = output();
+        this.ids = (() => {
+            uid += 1;
+            return { hint: 'ius-ic-hint-' + uid, live: 'ius-ic-live-' + uid };
+        })();
+        this.stage = viewChild.required('stage', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stage" }] : /* istanbul ignore next */ []));
+        this.status = signal('empty', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        this.nat = signal({ w: 0, h: 0 }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nat" }] : /* istanbul ignore next */ []));
+        this.zoom = signal(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
+        this.pos = signal({ x: 0, y: 0 }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pos" }] : /* istanbul ignore next */ []));
+        this.dragging = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
+        this.applying = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "applying" }] : /* istanbul ignore next */ []));
+        this.announce = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "announce" }] : /* istanbul ignore next */ []));
+        this.img = null;
+        this.drag = null;
+        /** Pellizco: punteros activos (dos dedos). */
+        this.pointers = new Map();
+        this.pinch = null;
+        this.ratio = computed(() => this.shape() === 'circle' ? 1 : this.aspect() > 0 ? this.aspect() : 1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ratio" }] : /* istanbul ignore next */ []));
+        this.frameW = computed(() => this.ratio() >= 1 ? this.frameSize() : Math.round(this.frameSize() * this.ratio()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "frameW" }] : /* istanbul ignore next */ []));
+        this.frameH = computed(() => this.ratio() >= 1 ? Math.round(this.frameSize() / this.ratio()) : this.frameSize(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "frameH" }] : /* istanbul ignore next */ []));
+        this.lo = computed(() => Math.max(0.1, this.minZoom()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lo" }] : /* istanbul ignore next */ []));
+        this.hi = computed(() => Math.max(this.lo(), this.maxZoom()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hi" }] : /* istanbul ignore next */ []));
+        /** Escala «cover»: con zoom 1 la imagen cubre justo el marco. */
+        this.base = computed(() => {
+            const n = this.nat();
+            return n.w && n.h ? Math.max(this.frameW() / n.w, this.frameH() / n.h) : 1;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "base" }] : /* istanbul ignore next */ []));
+        this.ready = computed(() => this.status() === 'ready' && !this.disabled(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
+        this.imgW = computed(() => this.nat().w * this.base() * this.zoom(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "imgW" }] : /* istanbul ignore next */ []));
+        this.imgH = computed(() => this.nat().h * this.base() * this.zoom(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "imgH" }] : /* istanbul ignore next */ []));
+        this.imgTransform = computed(() => {
+            const p = this.pos();
+            return `translate(calc(-50% + ${p.x}px), calc(-50% + ${p.y}px))`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "imgTransform" }] : /* istanbul ignore next */ []));
+        this.zoomPct = computed(() => {
+            const lo = this.lo();
+            const hi = this.hi();
+            return (hi > lo ? ((this.zoom() - lo) / (hi - lo)) * 100 : 0) + '%';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoomPct" }] : /* istanbul ignore next */ []));
+        this.zoomText = computed(() => pct(this.zoom()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoomText" }] : /* istanbul ignore next */ []));
+        this.msg = computed(() => {
+            switch (this.status()) {
+                case 'loading':
+                    return 'Cargando imagen…';
+                case 'error':
+                    return 'No se pudo cargar la imagen. Elija otro archivo.';
+                case 'empty':
+                    return 'Sin imagen';
+                default:
+                    return null;
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "msg" }] : /* istanbul ignore next */ []));
+        this.hintText = computed(() => {
+            const h = this.hint();
+            return h === false || h == null ? (this.touch() ? DEFAULT_HINT_TOUCH : DEFAULT_HINT) : h;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []));
+        // Carga de la imagen: cada `src` nuevo restablece zoom y posición. Una
+        // carga vieja que termina tarde se descarta (`vigente`).
+        effect((onCleanup) => {
+            const src = this.src();
+            this.img = null;
+            if (!src) {
+                this.status.set('empty');
+                return;
+            }
+            let vigente = true;
+            this.status.set('loading');
+            const im = new Image();
+            if (!/^(blob:|data:)/.test(src))
+                im.crossOrigin = 'anonymous';
+            im.onload = () => {
+                if (!vigente)
+                    return;
+                this.img = im;
+                this.nat.set({ w: im.naturalWidth, h: im.naturalHeight });
+                this.zoom.set(untracked(this.lo));
+                this.pos.set({ x: 0, y: 0 });
+                this.status.set('ready');
+            };
+            im.onerror = () => {
+                if (vigente)
+                    this.status.set('error');
+            };
+            im.src = src;
+            onCleanup(() => {
+                vigente = false;
+            });
+        });
+        // Rueda: listener declarado NO pasivo (§5) para que preventDefault frene el
+        // scroll de la página mientras se hace zoom.
+        const destroyRef = inject(DestroyRef);
+        afterNextRender(() => {
+            const el = this.stage().nativeElement;
+            const onWheel = (e) => {
+                if (!this.ready())
+                    return;
+                e.preventDefault();
+                this.setZoom(this.zoom() + (e.deltaY < 0 ? this.zoomStep() : -this.zoomStep()), false);
+            };
+            el.addEventListener('wheel', onWheel, { passive: false });
+            destroyRef.onDestroy(() => el.removeEventListener('wheel', onWheel));
+        });
+    }
+    /** Acota la posición para que la imagen nunca deje huecos dentro del marco. */
+    clampPos(p, z) {
+        const s = this.base() * z;
+        const n = this.nat();
+        const mx = Math.max(0, (n.w * s - this.frameW()) / 2);
+        const my = Math.max(0, (n.h * s - this.frameH()) / 2);
+        return { x: clampN(p.x, -mx, mx), y: clampN(p.y, -my, my) };
+    }
+    setZoom(z, anunciar) {
+        const actual = this.zoom();
+        const nz = clampN(Math.round(z * 1000) / 1000, this.lo(), this.hi());
+        const r = nz / actual;
+        const p = this.pos();
+        this.zoom.set(nz);
+        this.pos.set(this.clampPos({ x: p.x * r, y: p.y * r }, nz));
+        if (anunciar)
+            this.announce.set('Zoom ' + pct(nz));
+    }
+    move(dx, dy) {
+        const p = this.pos();
+        this.pos.set(this.clampPos({ x: p.x + dx, y: p.y + dy }, this.zoom()));
+    }
+    reset() {
+        this.zoom.set(this.lo());
+        this.pos.set({ x: 0, y: 0 });
+        this.announce.set('Encuadre restablecido');
+    }
+    onRange(event) {
+        this.setZoom(parseFloat(event.target.value), false);
+    }
+    onPointerDown(e) {
+        if (!this.ready() || e.button !== 0)
+            return;
+        e.currentTarget.setPointerCapture?.(e.pointerId);
+        this.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY });
+        if (this.pointers.size === 2) {
+            const [a, b] = [...this.pointers.values()];
+            this.pinch = { dist: Math.hypot(a.x - b.x, a.y - b.y) || 1, zoom: this.zoom() };
+            this.drag = null;
+            return;
+        }
+        const p = this.pos();
+        this.drag = { px: e.clientX, py: e.clientY, x: p.x, y: p.y };
+        this.dragging.set(true);
+    }
+    onPointerMove(e) {
+        if (this.pointers.has(e.pointerId))
+            this.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY });
+        if (this.pinch && this.pointers.size >= 2) {
+            const [a, b] = [...this.pointers.values()];
+            const dist = Math.hypot(a.x - b.x, a.y - b.y) || 1;
+            this.setZoom(this.pinch.zoom * (dist / this.pinch.dist), false);
+            return;
+        }
+        const d = this.drag;
+        if (!d)
+            return;
+        this.pos.set(this.clampPos({ x: d.x + (e.clientX - d.px), y: d.y + (e.clientY - d.py) }, this.zoom()));
+    }
+    onPointerEnd(e) {
+        this.pointers.delete(e.pointerId);
+        if (this.pointers.size < 2)
+            this.pinch = null;
+        if (!this.drag) {
+            if (this.pointers.size === 0)
+                this.dragging.set(false);
+            return;
+        }
+        this.drag = null;
+        this.dragging.set(false);
+        const el = e.currentTarget;
+        if (el.hasPointerCapture?.(e.pointerId))
+            el.releasePointerCapture(e.pointerId);
+    }
+    onKeyDown(e) {
+        if (!this.ready())
+            return;
+        const step = e.shiftKey ? 40 : 10;
+        const k = e.key;
+        if (k === 'ArrowLeft')
+            this.move(-step, 0);
+        else if (k === 'ArrowRight')
+            this.move(step, 0);
+        else if (k === 'ArrowUp')
+            this.move(0, -step);
+        else if (k === 'ArrowDown')
+            this.move(0, step);
+        else if (k === '+' || k === '=')
+            this.setZoom(this.zoom() + this.zoomStep(), true);
+        else if (k === '-' || k === '_')
+            this.setZoom(this.zoom() - this.zoomStep(), true);
+        else if (k === '0')
+            this.reset();
+        else
+            return;
+        e.preventDefault();
+    }
+    aplicar() {
+        const im = this.img;
+        if (!im || !this.ready() || this.applying())
+            return;
+        const s = this.base() * this.zoom();
+        const n = this.nat();
+        const p = this.pos();
+        const fw = this.frameW();
+        const fh = this.frameH();
+        const left = fw / 2 + p.x - (n.w * s) / 2;
+        const top = fh / 2 + p.y - (n.h * s) / 2;
+        const crop = { x: -left / s, y: -top / s, width: fw / s, height: fh / s };
+        const ow = Math.round(this.outputSize());
+        const oh = Math.round(this.outputSize() / this.ratio());
+        const canvas = document.createElement('canvas');
+        canvas.width = ow;
+        canvas.height = oh;
+        const ctx = canvas.getContext('2d');
+        if (!ctx) {
+            this.status.set('error');
+            return;
+        }
+        ctx.imageSmoothingEnabled = true;
+        ctx.imageSmoothingQuality = 'high';
+        ctx.drawImage(im, crop.x, crop.y, crop.width, crop.height, 0, 0, ow, oh);
+        const zoom = this.zoom();
+        this.applying.set(true);
+        try {
+            canvas.toBlob((blob) => {
+                this.applying.set(false);
+                if (!blob) {
+                    this.announce.set('No se pudo recortar la imagen');
+                    return;
+                }
+                this.apply.emit({
+                    blob,
+                    crop: {
+                        x: Math.round(crop.x),
+                        y: Math.round(crop.y),
+                        width: Math.round(crop.width),
+                        height: Math.round(crop.height),
+                    },
+                    zoom,
+                    width: ow,
+                    height: oh,
+                });
+            }, this.outputType(), this.outputQuality());
+        }
+        catch {
+            // Un canvas «contaminado» (imagen remota sin CORS) lanza en toBlob.
+            this.applying.set(false);
+            this.announce.set('No se pudo recortar la imagen');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageCropperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ImageCropperComponent, isStandalone: true, selector: "ius-image-cropper", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, aspect: { classPropertyName: "aspect", publicName: "aspect", isSignal: true, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: true, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: true, isRequired: false, transformFunction: null }, zoomStep: { classPropertyName: "zoomStep", publicName: "zoomStep", isSignal: true, isRequired: false, transformFunction: null }, outputSize: { classPropertyName: "outputSize", publicName: "outputSize", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null }, outputQuality: { classPropertyName: "outputQuality", publicName: "outputQuality", isSignal: true, isRequired: false, transformFunction: null }, frameSize: { classPropertyName: "frameSize", publicName: "frameSize", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, touch: { classPropertyName: "touch", publicName: "touch", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apply: "apply", cancelled: "cancelled" }, host: { properties: { "attr.data-shape": "shape()", "attr.data-touch": "touch() ? 'true' : null", "style.--_ic-frame-w": "frameW() + 'px'", "style.--_ic-frame-h": "frameH() + 'px'" }, classAttribute: "ius-ic" }, viewQueries: [{ propertyName: "stage", first: true, predicate: ["stage"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  #stage\r\n  class=\"ius-ic__stage\"\r\n  role=\"group\"\r\n  aria-roledescription=\"recorte de imagen\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  [attr.aria-describedby]=\"ids.hint\"\r\n  [attr.data-status]=\"status()\"\r\n  [attr.data-dragging]=\"dragging() ? 'true' : null\"\r\n  [attr.tabindex]=\"ready() ? 0 : -1\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (pointerdown)=\"onPointerDown($event)\"\r\n  (pointermove)=\"onPointerMove($event)\"\r\n  (pointerup)=\"onPointerEnd($event)\"\r\n  (pointercancel)=\"onPointerEnd($event)\"\r\n>\r\n  @if (status() === 'ready') {\r\n    <img\r\n      class=\"ius-ic__img\"\r\n      alt=\"\"\r\n      draggable=\"false\"\r\n      [src]=\"src()\"\r\n      [style.width.px]=\"imgW()\"\r\n      [style.height.px]=\"imgH()\"\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  }\r\n  <span class=\"ius-ic__frame\" aria-hidden=\"true\"></span>\r\n  @if (msg(); as texto) {\r\n    <div class=\"ius-ic__msg\" [attr.role]=\"status() === 'error' ? 'alert' : null\">{{ texto }}</div>\r\n  }\r\n</div>\r\n\r\n<div class=\"ius-ic__zoom\">\r\n  <ius-icon-button\r\n    icon=\"zoom_out\"\r\n    variant=\"tertiary\"\r\n    shape=\"circle\"\r\n    ariaLabel=\"Alejar\"\r\n    tooltip=\"Alejar\"\r\n    [size]=\"touch() ? 'large' : 'small'\"\r\n    [disabled]=\"!ready() || zoom() <= lo()\"\r\n    (clicked)=\"setZoom(zoom() - zoomStep(), true)\"\r\n  />\r\n  <input\r\n    type=\"range\"\r\n    class=\"ius-ic__range\"\r\n    aria-label=\"Zoom\"\r\n    [min]=\"lo()\"\r\n    [max]=\"hi()\"\r\n    [step]=\"zoomStep()\"\r\n    [value]=\"zoom()\"\r\n    [disabled]=\"!ready()\"\r\n    [attr.aria-valuetext]=\"zoomText()\"\r\n    [style.--_ic-pct]=\"zoomPct()\"\r\n    (input)=\"onRange($event)\"\r\n  />\r\n  <ius-icon-button\r\n    icon=\"zoom_in\"\r\n    variant=\"tertiary\"\r\n    shape=\"circle\"\r\n    ariaLabel=\"Acercar\"\r\n    tooltip=\"Acercar\"\r\n    [size]=\"touch() ? 'large' : 'small'\"\r\n    [disabled]=\"!ready() || zoom() >= hi()\"\r\n    (clicked)=\"setZoom(zoom() + zoomStep(), true)\"\r\n  />\r\n</div>\r\n\r\n<!-- Ayuda: siempre en el DOM para aria-describedby; hint=false solo la oculta a la vista. -->\r\n<p [id]=\"ids.hint\" [class]=\"hint() === false ? 'ius-ic__sr' : 'ius-ic__hint'\">{{ hintText() }}</p>\r\n\r\n@if (showActions()) {\r\n  <div class=\"ius-ic__actions\">\r\n    <ius-button\r\n      variant=\"secondary\"\r\n      [label]=\"cancelLabel()\"\r\n      [size]=\"touch() ? 'large' : 'medium'\"\r\n      [fullWidth]=\"touch()\"\r\n      (clicked)=\"cancelled.emit()\"\r\n    />\r\n    <ius-button\r\n      variant=\"primary\"\r\n      [label]=\"applyLabel()\"\r\n      [size]=\"touch() ? 'large' : 'medium'\"\r\n      [fullWidth]=\"touch()\"\r\n      [disabled]=\"!ready()\"\r\n      [loading]=\"applying()\"\r\n      (clicked)=\"aplicar()\"\r\n    />\r\n  </div>\r\n}\r\n\r\n<span class=\"ius-ic__sr\" aria-live=\"polite\" [id]=\"ids.live\">{{ announce() }}</span>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-md);font-family:var(--ius-font-body);width:calc(var(--_ic-frame-w) + 2 * var(--ius-space-xl));max-width:100%;box-sizing:border-box}.ius-ic__stage{position:relative;box-sizing:content-box;overflow:hidden;width:var(--_ic-frame-w);height:var(--_ic-frame-h);max-width:100%;padding:var(--ius-space-xl);background:var(--ius-neutral-10);border-radius:var(--ius-radius-md);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.ius-ic__stage[data-dragging=true]{cursor:grabbing}.ius-ic__stage:focus-visible{box-shadow:var(--ius-focus-ring)}.ius-ic__stage[data-status=loading],.ius-ic__stage[data-status=error]{cursor:default}.ius-ic__img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;-webkit-user-drag:none}@media(prefers-reduced-motion:no-preference){.ius-ic__stage:not([data-dragging=true]) .ius-ic__img{transition:transform var(--ius-duration-fast) var(--ius-ease-standard),width var(--ius-duration-fast) var(--ius-ease-standard),height var(--ius-duration-fast) var(--ius-ease-standard)}}.ius-ic__frame{position:absolute;left:var(--ius-space-xl);top:var(--ius-space-xl);width:var(--_ic-frame-w);height:var(--_ic-frame-h);box-sizing:border-box;border:1px solid var(--ius-neutral-white);outline:100vmax solid var(--ius-surface-overlay);pointer-events:none}:host([data-shape=circle]) .ius-ic__frame{border-radius:50%}:host([data-shape=square]) .ius-ic__frame{border-radius:var(--ius-radius-sm)}.ius-ic__msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--ius-space-md);text-align:center;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-neutral-white)}.ius-ic__zoom{display:flex;align-items:center;gap:var(--ius-space-xs)}.ius-ic__range{flex:1 1 auto;min-width:0;margin:0;height:var(--ius-space-lg);-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.ius-ic__range:focus{outline:none}.ius-ic__range::-webkit-slider-runnable-track{height:var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:linear-gradient(to right,var(--ius-primary-900) var(--_ic-pct),var(--ius-neutral-4) var(--_ic-pct))}.ius-ic__range::-moz-range-track{height:var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:var(--ius-neutral-4)}.ius-ic__range::-moz-range-progress{height:var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:var(--ius-primary-900)}.ius-ic__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--ius-space-md);height:var(--ius-space-md);margin-top:calc((var(--ius-space-md) - var(--ius-space-xxs)) / -2);border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);border:2px solid var(--ius-neutral-white);box-shadow:var(--ius-elevation-100)}.ius-ic__range::-moz-range-thumb{width:var(--ius-space-md);height:var(--ius-space-md);box-sizing:border-box;border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);border:2px solid var(--ius-neutral-white);box-shadow:var(--ius-elevation-100)}.ius-ic__range:hover::-webkit-slider-thumb{background:var(--ius-primary-500)}.ius-ic__range:hover::-moz-range-thumb{background:var(--ius-primary-500)}.ius-ic__range:focus-visible::-webkit-slider-thumb{box-shadow:var(--ius-focus-ring)}.ius-ic__range:focus-visible::-moz-range-thumb{box-shadow:var(--ius-focus-ring)}.ius-ic__range:disabled{cursor:not-allowed;opacity:.5}.ius-ic__hint{margin:0;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary);text-wrap:pretty}.ius-ic__actions{display:flex;justify-content:flex-end;gap:var(--ius-space-xs)}:host([data-touch=true]){width:100%}:host([data-touch=true]) .ius-ic__actions{flex-direction:column-reverse;align-items:stretch}.ius-ic__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "ariaCurrent", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "ariaPressed", "ariaExpanded", "ariaControls", "tooltipPlacement"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-image-cropper', standalone: true, imports: [ButtonComponent, IconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ius-ic',
+                        '[attr.data-shape]': 'shape()',
+                        '[attr.data-touch]': "touch() ? 'true' : null",
+                        '[style.--_ic-frame-w]': "frameW() + 'px'",
+                        '[style.--_ic-frame-h]': "frameH() + 'px'",
+                    }, template: "<div\r\n  #stage\r\n  class=\"ius-ic__stage\"\r\n  role=\"group\"\r\n  aria-roledescription=\"recorte de imagen\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  [attr.aria-describedby]=\"ids.hint\"\r\n  [attr.data-status]=\"status()\"\r\n  [attr.data-dragging]=\"dragging() ? 'true' : null\"\r\n  [attr.tabindex]=\"ready() ? 0 : -1\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (pointerdown)=\"onPointerDown($event)\"\r\n  (pointermove)=\"onPointerMove($event)\"\r\n  (pointerup)=\"onPointerEnd($event)\"\r\n  (pointercancel)=\"onPointerEnd($event)\"\r\n>\r\n  @if (status() === 'ready') {\r\n    <img\r\n      class=\"ius-ic__img\"\r\n      alt=\"\"\r\n      draggable=\"false\"\r\n      [src]=\"src()\"\r\n      [style.width.px]=\"imgW()\"\r\n      [style.height.px]=\"imgH()\"\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  }\r\n  <span class=\"ius-ic__frame\" aria-hidden=\"true\"></span>\r\n  @if (msg(); as texto) {\r\n    <div class=\"ius-ic__msg\" [attr.role]=\"status() === 'error' ? 'alert' : null\">{{ texto }}</div>\r\n  }\r\n</div>\r\n\r\n<div class=\"ius-ic__zoom\">\r\n  <ius-icon-button\r\n    icon=\"zoom_out\"\r\n    variant=\"tertiary\"\r\n    shape=\"circle\"\r\n    ariaLabel=\"Alejar\"\r\n    tooltip=\"Alejar\"\r\n    [size]=\"touch() ? 'large' : 'small'\"\r\n    [disabled]=\"!ready() || zoom() <= lo()\"\r\n    (clicked)=\"setZoom(zoom() - zoomStep(), true)\"\r\n  />\r\n  <input\r\n    type=\"range\"\r\n    class=\"ius-ic__range\"\r\n    aria-label=\"Zoom\"\r\n    [min]=\"lo()\"\r\n    [max]=\"hi()\"\r\n    [step]=\"zoomStep()\"\r\n    [value]=\"zoom()\"\r\n    [disabled]=\"!ready()\"\r\n    [attr.aria-valuetext]=\"zoomText()\"\r\n    [style.--_ic-pct]=\"zoomPct()\"\r\n    (input)=\"onRange($event)\"\r\n  />\r\n  <ius-icon-button\r\n    icon=\"zoom_in\"\r\n    variant=\"tertiary\"\r\n    shape=\"circle\"\r\n    ariaLabel=\"Acercar\"\r\n    tooltip=\"Acercar\"\r\n    [size]=\"touch() ? 'large' : 'small'\"\r\n    [disabled]=\"!ready() || zoom() >= hi()\"\r\n    (clicked)=\"setZoom(zoom() + zoomStep(), true)\"\r\n  />\r\n</div>\r\n\r\n<!-- Ayuda: siempre en el DOM para aria-describedby; hint=false solo la oculta a la vista. -->\r\n<p [id]=\"ids.hint\" [class]=\"hint() === false ? 'ius-ic__sr' : 'ius-ic__hint'\">{{ hintText() }}</p>\r\n\r\n@if (showActions()) {\r\n  <div class=\"ius-ic__actions\">\r\n    <ius-button\r\n      variant=\"secondary\"\r\n      [label]=\"cancelLabel()\"\r\n      [size]=\"touch() ? 'large' : 'medium'\"\r\n      [fullWidth]=\"touch()\"\r\n      (clicked)=\"cancelled.emit()\"\r\n    />\r\n    <ius-button\r\n      variant=\"primary\"\r\n      [label]=\"applyLabel()\"\r\n      [size]=\"touch() ? 'large' : 'medium'\"\r\n      [fullWidth]=\"touch()\"\r\n      [disabled]=\"!ready()\"\r\n      [loading]=\"applying()\"\r\n      (clicked)=\"aplicar()\"\r\n    />\r\n  </div>\r\n}\r\n\r\n<span class=\"ius-ic__sr\" aria-live=\"polite\" [id]=\"ids.live\">{{ announce() }}</span>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-md);font-family:var(--ius-font-body);width:calc(var(--_ic-frame-w) + 2 * var(--ius-space-xl));max-width:100%;box-sizing:border-box}.ius-ic__stage{position:relative;box-sizing:content-box;overflow:hidden;width:var(--_ic-frame-w);height:var(--_ic-frame-h);max-width:100%;padding:var(--ius-space-xl);background:var(--ius-neutral-10);border-radius:var(--ius-radius-md);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.ius-ic__stage[data-dragging=true]{cursor:grabbing}.ius-ic__stage:focus-visible{box-shadow:var(--ius-focus-ring)}.ius-ic__stage[data-status=loading],.ius-ic__stage[data-status=error]{cursor:default}.ius-ic__img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;-webkit-user-drag:none}@media(prefers-reduced-motion:no-preference){.ius-ic__stage:not([data-dragging=true]) .ius-ic__img{transition:transform var(--ius-duration-fast) var(--ius-ease-standard),width var(--ius-duration-fast) var(--ius-ease-standard),height var(--ius-duration-fast) var(--ius-ease-standard)}}.ius-ic__frame{position:absolute;left:var(--ius-space-xl);top:var(--ius-space-xl);width:var(--_ic-frame-w);height:var(--_ic-frame-h);box-sizing:border-box;border:1px solid var(--ius-neutral-white);outline:100vmax solid var(--ius-surface-overlay);pointer-events:none}:host([data-shape=circle]) .ius-ic__frame{border-radius:50%}:host([data-shape=square]) .ius-ic__frame{border-radius:var(--ius-radius-sm)}.ius-ic__msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--ius-space-md);text-align:center;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-neutral-white)}.ius-ic__zoom{display:flex;align-items:center;gap:var(--ius-space-xs)}.ius-ic__range{flex:1 1 auto;min-width:0;margin:0;height:var(--ius-space-lg);-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.ius-ic__range:focus{outline:none}.ius-ic__range::-webkit-slider-runnable-track{height:var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:linear-gradient(to right,var(--ius-primary-900) var(--_ic-pct),var(--ius-neutral-4) var(--_ic-pct))}.ius-ic__range::-moz-range-track{height:var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:var(--ius-neutral-4)}.ius-ic__range::-moz-range-progress{height:var(--ius-space-xxs);border-radius:var(--ius-radius-pill);background:var(--ius-primary-900)}.ius-ic__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--ius-space-md);height:var(--ius-space-md);margin-top:calc((var(--ius-space-md) - var(--ius-space-xxs)) / -2);border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);border:2px solid var(--ius-neutral-white);box-shadow:var(--ius-elevation-100)}.ius-ic__range::-moz-range-thumb{width:var(--ius-space-md);height:var(--ius-space-md);box-sizing:border-box;border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);border:2px solid var(--ius-neutral-white);box-shadow:var(--ius-elevation-100)}.ius-ic__range:hover::-webkit-slider-thumb{background:var(--ius-primary-500)}.ius-ic__range:hover::-moz-range-thumb{background:var(--ius-primary-500)}.ius-ic__range:focus-visible::-webkit-slider-thumb{box-shadow:var(--ius-focus-ring)}.ius-ic__range:focus-visible::-moz-range-thumb{box-shadow:var(--ius-focus-ring)}.ius-ic__range:disabled{cursor:not-allowed;opacity:.5}.ius-ic__hint{margin:0;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary);text-wrap:pretty}.ius-ic__actions{display:flex;justify-content:flex-end;gap:var(--ius-space-xs)}:host([data-touch=true]){width:100%}:host([data-touch=true]) .ius-ic__actions{flex-direction:column-reverse;align-items:stretch}.ius-ic__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], aspect: [{ type: i0.Input, args: [{ isSignal: true, alias: "aspect", required: false }] }], minZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "minZoom", required: false }] }], maxZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxZoom", required: false }] }], zoomStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomStep", required: false }] }], outputSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputSize", required: false }] }], outputType: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputType", required: false }] }], outputQuality: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputQuality", required: false }] }], frameSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "frameSize", required: false }] }], applyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], touch: [{ type: i0.Input, args: [{ isSignal: true, alias: "touch", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], apply: [{ type: i0.Output, args: ["apply"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }], stage: [{ type: i0.ViewChild, args: ['stage', { isSignal: true }] }] } });
 /*
  * Public API de @litigiovirtual/ius-design-components v2.
  * La librería se está reconstruyendo componente a componente desde las
@@ -27300,5 +27705,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FooterStatusComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_DOCUMENT_VIEWER_ZOOM_STEPS, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDocViewerActionsDirective, IusDocViewerAsideDirective, IusDocViewerBodyDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFooterStatusActionDirective, IusFormFooterDirective, IusInsightActionsDirective, IusKanbanCardBodyDirective, IusKanbanCardLeadingDirective, IusKanbanCardTrailingDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusNavRailBrandDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, KanbanBoardComponent, KanbanCardComponent, KanbanColumnComponent, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavRailComponent, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PaginationComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RadioComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScheduleListComponent, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SelectNumberComponent, SelectionFieldComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, resolveViewKind, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
+export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FooterStatusComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_DOCUMENT_VIEWER_ZOOM_STEPS, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, ImageCropperComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDocViewerActionsDirective, IusDocViewerAsideDirective, IusDocViewerBodyDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFooterStatusActionDirective, IusFormFooterDirective, IusInsightActionsDirective, IusKanbanCardBodyDirective, IusKanbanCardLeadingDirective, IusKanbanCardTrailingDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusNavRailBrandDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, KanbanBoardComponent, KanbanCardComponent, KanbanColumnComponent, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavRailComponent, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PaginationComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RadioComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScheduleListComponent, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SelectNumberComponent, SelectionFieldComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, resolveViewKind, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
 //# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map