@litigiovirtual/ius-design-components 2.0.0 → 2.0.3
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.
|
@@ -135,10 +135,10 @@ class ButtonComponent {
|
|
|
135
135
|
this.dynPhase.set(result === 'success' || result === 'error' ? result : 'success');
|
|
136
136
|
this.timer = setTimeout(() => this.dynPhase.set('idle'), 800);
|
|
137
137
|
}
|
|
138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ButtonComponent, isStandalone: true, selector: "ius-button", inputs: { variant: "variant", label: "label", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", dynamic: ["dynamic", "dynamic", booleanAttribute], loading: ["loading", "loading", booleanAttribute], status: "status", disabled: ["disabled", "disabled", booleanAttribute], pressed: ["pressed", "pressed", booleanAttribute], fullWidth: ["fullWidth", "fullWidth", booleanAttribute], type: "type", ariaLabel: "ariaLabel", action: "action", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\r\n class=\"ius-btn\"\r\n [attr.type]=\"type\"\r\n [attr.data-variant]=\"variant\"\r\n [attr.data-size]=\"size ?? null\"\r\n [style.--_btn-px]=\"preset?.px ?? null\"\r\n [style.--_btn-py]=\"preset?.py ?? null\"\r\n [style.--_btn-fs]=\"preset?.fs ?? null\"\r\n [style.--_btn-lh]=\"preset?.lh ?? null\"\r\n [style.--_btn-icon]=\"preset?.icon ?? null\"\r\n [style.--_btn-gap]=\"preset?.gap ?? null\"\r\n [attr.data-loading]=\"isLoading ? 'true' : null\"\r\n [attr.data-status]=\"statusValue\"\r\n [attr.data-pressed]=\"pressed ? 'true' : null\"\r\n [attr.data-full-width]=\"fullWidth ? 'true' : null\"\r\n [attr.aria-label]=\"ariaLabel ?? null\"\r\n [attr.aria-disabled]=\"isDisabled ? 'true' : null\"\r\n [disabled]=\"isDisabled\"\r\n (click)=\"handleClick($event)\"\r\n>\r\n @if (isLoading) {\r\n <span class=\"ius-btn__spin\" aria-hidden=\"true\"></span>\r\n }\r\n @if (statusValue === 'success') {\r\n <span class=\"ius-icon ius-btn__icon-left\" aria-hidden=\"true\">check_circle</span>\r\n } @else if (statusValue === 'error') {\r\n <span class=\"ius-icon ius-btn__icon-left\" aria-hidden=\"true\">error</span>\r\n } @else if (prefixIcon) {\r\n <span class=\"ius-icon ius-btn__icon-left\" aria-hidden=\"true\">{{ prefixIcon }}</span>\r\n }\r\n @if (!isLoading) {\r\n <span class=\"ius-btn__label\">\r\n @if (label != null) {\r\n {{ label }}\r\n } @else {\r\n <ng-content />\r\n }\r\n </span>\r\n }\r\n @if (!statusValue && !isLoading && sufixIcon) {\r\n <span class=\"ius-icon ius-btn__icon-right\" aria-hidden=\"true\">{{ sufixIcon }}</span>\r\n }\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-btn{-webkit-user-select:none;user-select:none;--_btn-bg: var(--ius-primary-900);--_btn-bg-hover: var(--ius-primary-500);--_btn-bg-pressed: var(--ius-primary-600);--_btn-bg-disabled: var(--ius-neutral-2);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled);--_btn-border: transparent;--_btn-border-hover: transparent;--_btn-border-pressed: transparent;--_btn-border-disabled: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-gap, var(--ius-space-xxs));padding:var(--_btn-py, var(--ius-space-sm)) var(--_btn-px, var(--ius-space-lg));border-radius:var(--ius-radius-lg);border:1.5px solid var(--_btn-border);background:var(--_btn-bg);color:var(--_btn-fg);font-family:var(--ius-font-body);font-weight:var(--ius-fw-medium);font-size:var(--_btn-fs, 14px);line-height:var(--_btn-lh, 20px);letter-spacing:.01em;cursor:pointer;white-space:nowrap;text-decoration:none;outline:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard);-webkit-tap-highlight-color:transparent}.ius-btn[data-full-width=true]{width:100%}.ius-btn:hover:not(:disabled):not([data-status]):not([data-loading=true]),:host([data-force=hover]) .ius-btn:not(:disabled):not([data-status]):not([data-loading=true]){background:var(--_btn-bg-hover);color:var(--_btn-fg-hover);border-color:var(--_btn-border-hover)}.ius-btn:active:not(:disabled):not([data-status]):not([data-loading=true]),.ius-btn[data-pressed=true]:not(:disabled):not([data-status]):not([data-loading=true]),:host([data-force=pressed]) .ius-btn:not(:disabled):not([data-status]):not([data-loading=true]){background:var(--_btn-bg-pressed);color:var(--_btn-fg-pressed);border-color:var(--_btn-border-pressed)}.ius-btn:focus-visible{box-shadow:var(--ius-focus-ring)}.ius-btn:disabled,.ius-btn[aria-disabled=true]{background:var(--_btn-bg-disabled);color:var(--_btn-fg-disabled);border-color:var(--_btn-border-disabled);cursor:not-allowed}.ius-btn:not([data-size]){--_btn-px: 24px;--_btn-py: 8px;--_btn-fs: var(--ius-fs-base);--_btn-lh: var(--ius-lh-base);--_btn-icon: var(--ius-icon-md);--_btn-gap: var(--ius-space-xxs)}@container style(--ius-control-size: small){.ius-btn:not([data-size]){--_btn-px: 8px;--_btn-py: 6px;--_btn-fs: var(--ius-fs-sm);--_btn-lh: var(--ius-lh-sm);--_btn-icon: var(--ius-icon-sm);--_btn-gap: var(--ius-space-xxs)}}@container style(--ius-control-size: large){.ius-btn:not([data-size]){--_btn-px: 24px;--_btn-py: 10px;--_btn-fs: var(--ius-fs-lg);--_btn-lh: var(--ius-lh-lg);--_btn-icon: var(--ius-icon-md);--_btn-gap: var(--ius-space-xxs)}}.ius-btn[data-variant=primary]{--_btn-bg: var(--ius-primary-900);--_btn-bg-hover: var(--ius-primary-500);--_btn-bg-pressed: var(--ius-primary-600)}.ius-btn[data-variant=outline]{--_btn-bg: var(--ius-neutral-white);--_btn-bg-hover: var(--ius-success-100);--_btn-bg-pressed: var(--ius-success-600);--_btn-bg-disabled: var(--ius-neutral-1);--_btn-fg: var(--ius-success-600);--_btn-fg-hover: var(--ius-success-600);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled);--_btn-border: var(--ius-success-500);--_btn-border-hover: var(--ius-success-500);--_btn-border-pressed: var(--ius-success-600);--_btn-border-disabled: var(--ius-neutral-4)}.ius-btn[data-variant=secondary]{--_btn-bg: var(--ius-neutral-3);--_btn-bg-hover: var(--ius-neutral-6);--_btn-bg-pressed: var(--ius-primary-600);--_btn-bg-disabled: var(--ius-neutral-2);--_btn-fg: var(--ius-text-primary);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled)}.ius-btn[data-variant=tertiary]{--_btn-bg: transparent;--_btn-bg-hover: var(--ius-neutral-4);--_btn-bg-pressed: var(--ius-primary-900);--_btn-bg-disabled: transparent;--_btn-fg: var(--ius-text-primary);--_btn-fg-hover: var(--ius-text-primary);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled)}.ius-btn[data-variant=danger]{--_btn-bg: var(--ius-danger-600);--_btn-bg-hover: var(--ius-danger-500);--_btn-bg-pressed: var(--ius-danger-700);--_btn-bg-disabled: var(--ius-neutral-2);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white)}.ius-btn[data-loading=true]{background:var(--ius-primary-600);color:var(--ius-neutral-white);border-color:transparent;cursor:progress}.ius-btn[data-status=success]{background:var(--ius-success-600);color:var(--ius-neutral-white);border-color:transparent;cursor:default}.ius-btn[data-status=error]{background:var(--ius-danger-600);color:var(--ius-neutral-white);border-color:transparent;cursor:default}.ius-btn__spin{display:inline-block;width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ius-btn-spin .72s linear infinite}@keyframes ius-btn-spin{to{transform:rotate(360deg)}}.ius-btn[data-status] .ius-btn__icon-left,.ius-btn[data-status] .ius-btn__icon-right,.ius-btn[data-loading=true] .ius-btn__icon-left,.ius-btn[data-loading=true] .ius-btn__icon-right{display:none}.ius-btn .ius-btn__icon-left,.ius-btn .ius-btn__icon-right{font-size:var(--_btn-icon, 20px);line-height:1}.ius-btn__label{line-height:inherit}.ius-btn__label:empty{display:none}.ius-btn[data-loading=true] .ius-btn__label{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
140
140
|
}
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
142
142
|
type: Component,
|
|
143
143
|
args: [{ selector: 'ius-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"ius-btn\"\r\n [attr.type]=\"type\"\r\n [attr.data-variant]=\"variant\"\r\n [attr.data-size]=\"size ?? null\"\r\n [style.--_btn-px]=\"preset?.px ?? null\"\r\n [style.--_btn-py]=\"preset?.py ?? null\"\r\n [style.--_btn-fs]=\"preset?.fs ?? null\"\r\n [style.--_btn-lh]=\"preset?.lh ?? null\"\r\n [style.--_btn-icon]=\"preset?.icon ?? null\"\r\n [style.--_btn-gap]=\"preset?.gap ?? null\"\r\n [attr.data-loading]=\"isLoading ? 'true' : null\"\r\n [attr.data-status]=\"statusValue\"\r\n [attr.data-pressed]=\"pressed ? 'true' : null\"\r\n [attr.data-full-width]=\"fullWidth ? 'true' : null\"\r\n [attr.aria-label]=\"ariaLabel ?? null\"\r\n [attr.aria-disabled]=\"isDisabled ? 'true' : null\"\r\n [disabled]=\"isDisabled\"\r\n (click)=\"handleClick($event)\"\r\n>\r\n @if (isLoading) {\r\n <span class=\"ius-btn__spin\" aria-hidden=\"true\"></span>\r\n }\r\n @if (statusValue === 'success') {\r\n <span class=\"ius-icon ius-btn__icon-left\" aria-hidden=\"true\">check_circle</span>\r\n } @else if (statusValue === 'error') {\r\n <span class=\"ius-icon ius-btn__icon-left\" aria-hidden=\"true\">error</span>\r\n } @else if (prefixIcon) {\r\n <span class=\"ius-icon ius-btn__icon-left\" aria-hidden=\"true\">{{ prefixIcon }}</span>\r\n }\r\n @if (!isLoading) {\r\n <span class=\"ius-btn__label\">\r\n @if (label != null) {\r\n {{ label }}\r\n } @else {\r\n <ng-content />\r\n }\r\n </span>\r\n }\r\n @if (!statusValue && !isLoading && sufixIcon) {\r\n <span class=\"ius-icon ius-btn__icon-right\" aria-hidden=\"true\">{{ sufixIcon }}</span>\r\n }\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-btn{-webkit-user-select:none;user-select:none;--_btn-bg: var(--ius-primary-900);--_btn-bg-hover: var(--ius-primary-500);--_btn-bg-pressed: var(--ius-primary-600);--_btn-bg-disabled: var(--ius-neutral-2);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled);--_btn-border: transparent;--_btn-border-hover: transparent;--_btn-border-pressed: transparent;--_btn-border-disabled: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-gap, var(--ius-space-xxs));padding:var(--_btn-py, var(--ius-space-sm)) var(--_btn-px, var(--ius-space-lg));border-radius:var(--ius-radius-lg);border:1.5px solid var(--_btn-border);background:var(--_btn-bg);color:var(--_btn-fg);font-family:var(--ius-font-body);font-weight:var(--ius-fw-medium);font-size:var(--_btn-fs, 14px);line-height:var(--_btn-lh, 20px);letter-spacing:.01em;cursor:pointer;white-space:nowrap;text-decoration:none;outline:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard);-webkit-tap-highlight-color:transparent}.ius-btn[data-full-width=true]{width:100%}.ius-btn:hover:not(:disabled):not([data-status]):not([data-loading=true]),:host([data-force=hover]) .ius-btn:not(:disabled):not([data-status]):not([data-loading=true]){background:var(--_btn-bg-hover);color:var(--_btn-fg-hover);border-color:var(--_btn-border-hover)}.ius-btn:active:not(:disabled):not([data-status]):not([data-loading=true]),.ius-btn[data-pressed=true]:not(:disabled):not([data-status]):not([data-loading=true]),:host([data-force=pressed]) .ius-btn:not(:disabled):not([data-status]):not([data-loading=true]){background:var(--_btn-bg-pressed);color:var(--_btn-fg-pressed);border-color:var(--_btn-border-pressed)}.ius-btn:focus-visible{box-shadow:var(--ius-focus-ring)}.ius-btn:disabled,.ius-btn[aria-disabled=true]{background:var(--_btn-bg-disabled);color:var(--_btn-fg-disabled);border-color:var(--_btn-border-disabled);cursor:not-allowed}.ius-btn:not([data-size]){--_btn-px: 24px;--_btn-py: 8px;--_btn-fs: var(--ius-fs-base);--_btn-lh: var(--ius-lh-base);--_btn-icon: var(--ius-icon-md);--_btn-gap: var(--ius-space-xxs)}@container style(--ius-control-size: small){.ius-btn:not([data-size]){--_btn-px: 8px;--_btn-py: 6px;--_btn-fs: var(--ius-fs-sm);--_btn-lh: var(--ius-lh-sm);--_btn-icon: var(--ius-icon-sm);--_btn-gap: var(--ius-space-xxs)}}@container style(--ius-control-size: large){.ius-btn:not([data-size]){--_btn-px: 24px;--_btn-py: 10px;--_btn-fs: var(--ius-fs-lg);--_btn-lh: var(--ius-lh-lg);--_btn-icon: var(--ius-icon-md);--_btn-gap: var(--ius-space-xxs)}}.ius-btn[data-variant=primary]{--_btn-bg: var(--ius-primary-900);--_btn-bg-hover: var(--ius-primary-500);--_btn-bg-pressed: var(--ius-primary-600)}.ius-btn[data-variant=outline]{--_btn-bg: var(--ius-neutral-white);--_btn-bg-hover: var(--ius-success-100);--_btn-bg-pressed: var(--ius-success-600);--_btn-bg-disabled: var(--ius-neutral-1);--_btn-fg: var(--ius-success-600);--_btn-fg-hover: var(--ius-success-600);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled);--_btn-border: var(--ius-success-500);--_btn-border-hover: var(--ius-success-500);--_btn-border-pressed: var(--ius-success-600);--_btn-border-disabled: var(--ius-neutral-4)}.ius-btn[data-variant=secondary]{--_btn-bg: var(--ius-neutral-3);--_btn-bg-hover: var(--ius-neutral-6);--_btn-bg-pressed: var(--ius-primary-600);--_btn-bg-disabled: var(--ius-neutral-2);--_btn-fg: var(--ius-text-primary);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled)}.ius-btn[data-variant=tertiary]{--_btn-bg: transparent;--_btn-bg-hover: var(--ius-neutral-4);--_btn-bg-pressed: var(--ius-primary-900);--_btn-bg-disabled: transparent;--_btn-fg: var(--ius-text-primary);--_btn-fg-hover: var(--ius-text-primary);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-fg-disabled: var(--ius-text-disabled)}.ius-btn[data-variant=danger]{--_btn-bg: var(--ius-danger-600);--_btn-bg-hover: var(--ius-danger-500);--_btn-bg-pressed: var(--ius-danger-700);--_btn-bg-disabled: var(--ius-neutral-2);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white)}.ius-btn[data-loading=true]{background:var(--ius-primary-600);color:var(--ius-neutral-white);border-color:transparent;cursor:progress}.ius-btn[data-status=success]{background:var(--ius-success-600);color:var(--ius-neutral-white);border-color:transparent;cursor:default}.ius-btn[data-status=error]{background:var(--ius-danger-600);color:var(--ius-neutral-white);border-color:transparent;cursor:default}.ius-btn__spin{display:inline-block;width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ius-btn-spin .72s linear infinite}@keyframes ius-btn-spin{to{transform:rotate(360deg)}}.ius-btn[data-status] .ius-btn__icon-left,.ius-btn[data-status] .ius-btn__icon-right,.ius-btn[data-loading=true] .ius-btn__icon-left,.ius-btn[data-loading=true] .ius-btn__icon-right{display:none}.ius-btn .ius-btn__icon-left,.ius-btn .ius-btn__icon-right{font-size:var(--_btn-icon, 20px);line-height:1}.ius-btn__label{line-height:inherit}.ius-btn__label:empty{display:none}.ius-btn[data-loading=true] .ius-btn__label{display:none}\n"] }]
|
|
144
144
|
}], propDecorators: { variant: [{
|
|
@@ -529,10 +529,10 @@ class EleniaOrbComponent {
|
|
|
529
529
|
this.raf = requestAnimationFrame(tick);
|
|
530
530
|
});
|
|
531
531
|
}
|
|
532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
533
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.
|
|
532
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EleniaOrbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
533
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.8", type: EleniaOrbComponent, isStandalone: true, selector: "ius-elenia-orb", inputs: { size: ["size", "size", numberAttribute], mood: "mood", surface: "surface", paused: ["paused", "paused", booleanAttribute], ariaLabel: "ariaLabel" }, host: { attributes: { "role": "img" }, properties: { "attr.aria-label": "ariaLabel", "attr.data-state": "mood", "attr.data-surface": "surface", "attr.data-paused": "paused ? 'true' : null", "style.width.px": "size", "style.height.px": "size", "style.--_orb": "size + 'px'" } }, viewQueries: [{ propertyName: "cubeGroup", first: true, predicate: ["cubeGroup"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"ius-orb__sphere\">\r\n <span class=\"ius-orb__flow\">\r\n <span class=\"ius-orb__blob b1\"></span>\r\n <span class=\"ius-orb__blob b2\"></span>\r\n <span class=\"ius-orb__blob b3\"></span>\r\n <span class=\"ius-orb__blob b4\"></span>\r\n </span>\r\n <span class=\"ius-orb__cube\">\r\n <svg viewBox=\"-1.6 -1.6 3.2 3.2\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\r\n <g class=\"cube-g\" #cubeGroup></g>\r\n </svg>\r\n </span>\r\n <span class=\"ius-orb__spec\"></span>\r\n</span>\r\n", styles: ["@charset \"UTF-8\";:host{position:relative;display:inline-grid;place-items:center;isolation:isolate;line-height:0;--_c1: var(--ius-primary-500);--_c2: var(--ius-info-500);--_c3: var(--ius-primary-400);--_c4: var(--ius-info-300);--_halo: var(--ius-primary-400);--_edge: var(--ius-primary-100);--_cube-glow: rgba(150, 230, 255, .95)}:host:after{content:\"\";position:absolute;inset:-18%;border-radius:50%;z-index:-1;background:radial-gradient(circle at 50% 50%,var(--_halo) 0%,transparent 60%);opacity:.55;filter:blur(calc(var(--_orb) * .12));animation:ius-orb-halo 5.5s var(--ius-ease-ambient, ease-in-out) infinite}.ius-orb__sphere{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 120%,var(--ius-primary-700) 0%,var(--ius-primary-900) 70%);box-shadow:inset 0 calc(var(--_orb) * .04) calc(var(--_orb) * .12) #ffffff2e,inset 0 calc(var(--_orb) * -.05) calc(var(--_orb) * .14) #0000008c;animation:ius-orb-breathe-soft 6s var(--ius-ease-ambient, ease-in-out) infinite}.ius-orb__flow{position:absolute;inset:0;animation:ius-orb-swirl 24s linear infinite;will-change:transform}.ius-orb__blob{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(calc(var(--_orb) * .08));will-change:transform}.ius-orb__blob.b1{width:90%;height:90%;left:-6%;top:-4%;background:radial-gradient(circle,var(--_c1) 0%,transparent 66%);animation:ius-orb-f1 7s var(--ius-ease-ambient, ease-in-out) infinite}.ius-orb__blob.b2{width:80%;height:80%;right:-8%;top:6%;background:radial-gradient(circle,var(--_c2) 0%,transparent 64%);animation:ius-orb-f2 8.5s var(--ius-ease-ambient, ease-in-out) infinite}.ius-orb__blob.b3{width:76%;height:76%;left:4%;bottom:-10%;background:radial-gradient(circle,var(--_c3) 0%,transparent 62%);animation:ius-orb-f3 9.5s var(--ius-ease-ambient, ease-in-out) infinite;opacity:.8}.ius-orb__blob.b4{width:60%;height:60%;right:2%;bottom:0%;background:radial-gradient(circle,var(--_c4) 0%,transparent 66%);animation:ius-orb-f1 6.5s var(--ius-ease-ambient, ease-in-out) infinite reverse}.ius-orb__cube{position:absolute;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%);mix-blend-mode:screen;will-change:transform;filter:drop-shadow(0 0 calc(var(--_orb) * .045) var(--_cube-glow)) drop-shadow(0 0 calc(var(--_orb) * .015) rgba(255,255,255,.8));animation:ius-orb-cube-float 5.5s var(--ius-ease-ambient, ease-in-out) infinite}.ius-orb__cube svg{width:100%;height:100%;overflow:visible}.ius-orb__cube ::ng-deep .cube-edge{fill:none;stroke:var(--_edge);stroke-width:.26;stroke-linecap:round;stroke-linejoin:round}.ius-orb__spec{position:absolute;left:20%;top:12%;width:40%;height:34%;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.85) 0%,transparent 68%);opacity:.5;filter:blur(calc(var(--_orb) * .015))}:host([data-state=alert]){--_c1: var(--ius-primary-400);--_c2: var(--ius-info-400);--_c3: var(--ius-primary-300);--_c4: var(--ius-primary-200);--_halo: var(--ius-primary-400);--_edge: var(--ius-primary-100);--_cube-glow: rgba(150, 235, 255, .98)}:host([data-state=alert]):after{animation:ius-orb-beacon 1.8s var(--ius-ease-ambient, ease-in-out) infinite}:host([data-state=alert]) .ius-orb__sphere{animation:ius-orb-beacon-breathe 1.8s var(--ius-ease-ambient, ease-in-out) infinite}:host([data-state=alert]) .ius-orb__flow{animation:ius-orb-swirl 24s linear infinite,ius-orb-beacon-glow 1.8s var(--ius-ease-ambient, ease-in-out) infinite}:host([data-surface=dark]) .ius-orb__flow{filter:brightness(1.12)}:host([data-state=off]):after{opacity:.3;animation:none}:host([data-state=off]) .ius-orb__sphere{animation:none;background:radial-gradient(circle at 50% 120%,var(--ius-neutral-7) 0%,var(--ius-neutral-10) 62%,var(--ius-neutral-black) 82%);filter:brightness(.98) saturate(.6)}:host([data-state=off]) .ius-orb__flow{animation:none;filter:grayscale(.15) brightness(.9);opacity:.72}:host([data-state=off]) .ius-orb__blob{animation:none}:host([data-state=off]) .ius-orb__cube{animation:none;opacity:.82;filter:drop-shadow(0 0 calc(var(--_orb) * .032) rgba(150,205,235,.7))}:host([data-state=off]) ::ng-deep .cube-edge{stroke:var(--ius-neutral-4);stroke-width:.22}:host([data-state=off]) .ius-orb__spec{opacity:.38}:host([data-state=speaking]){--_cube-glow: rgba(150, 230, 255, .95)}:host([data-state=speaking]) .ius-orb__cube{filter:drop-shadow(0 0 calc(var(--_orb) * (.045 + .02 * var(--_voice, 0))) var(--_cube-glow)) drop-shadow(0 0 calc(var(--_orb) * .015) rgba(255,255,255,.8))}:host([data-state=speaking]) .ius-orb__cube svg{transform:scale(calc(1 + .028 * var(--_voice, 0)));transform-origin:50% 50%}:host([data-state=speaking]) ::ng-deep .cube-edge{stroke-width:calc(.22 + .04 * var(--_voice, 0))}@keyframes ius-orb-f1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(16%,12%) scale(1.18)}66%{transform:translate(-8%,18%) scale(.9)}}@keyframes ius-orb-f2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-14%,10%) scale(.92)}66%{transform:translate(10%,-12%) scale(1.2)}}@keyframes ius-orb-f3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12%,-14%) scale(1.15)}66%{transform:translate(-12%,-4%) scale(.95)}}@keyframes ius-orb-swirl{to{transform:rotate(360deg)}}@keyframes ius-orb-breathe-soft{0%,to{transform:scale(.985)}50%{transform:scale(1.05)}}@keyframes ius-orb-halo{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.65;transform:scale(1.06)}}@keyframes ius-orb-cube-float{0%,to{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-48%)}}@keyframes ius-orb-beacon{0%,to{opacity:.32;transform:scale(.9)}50%{opacity:.95;transform:scale(1.2)}}@keyframes ius-orb-beacon-glow{0%,to{filter:saturate(1.12) brightness(1.06)}50%{filter:saturate(1.5) brightness(1.55)}}@keyframes ius-orb-beacon-breathe{0%,to{transform:scale(.99)}50%{transform:scale(1.06)}}:host([data-state=thinking]) .ius-orb__blob.b1{animation-duration:2.4s}:host([data-state=thinking]) .ius-orb__blob.b2{animation-duration:2.8s}:host([data-state=thinking]) .ius-orb__blob.b3{animation-duration:3.1s}:host([data-state=thinking]) .ius-orb__blob.b4{animation-duration:2.2s}:host([data-state=thinking]) .ius-orb__sphere{animation-duration:2.6s}:host([data-state=thinking]):after{animation-duration:2.6s}:host([data-paused=true]) .ius-orb__sphere,:host([data-paused=true]) .ius-orb__flow,:host([data-paused=true]) .ius-orb__blob,:host([data-paused=true]) .ius-orb__cube,:host([data-paused=true]):after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){:host:after,.ius-orb__sphere,.ius-orb__flow,.ius-orb__blob,.ius-orb__cube{animation:none!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
534
534
|
}
|
|
535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
535
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EleniaOrbComponent, decorators: [{
|
|
536
536
|
type: Component,
|
|
537
537
|
args: [{ selector: 'ius-elenia-orb', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
538
538
|
role: 'img',
|
|
@@ -623,10 +623,10 @@ class EleniaBubbleComponent {
|
|
|
623
623
|
!this.open &&
|
|
624
624
|
!this.extended);
|
|
625
625
|
}
|
|
626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EleniaBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: EleniaBubbleComponent, isStandalone: true, selector: "ius-elenia-bubble", inputs: { mood: "mood", size: "size", open: ["open", "open", booleanAttribute], label: "label", position: "position", paused: ["paused", "paused", booleanAttribute], peek: "peek", peekTitle: "peekTitle", peekIcon: "peekIcon", ariaLabel: "ariaLabel" }, outputs: { clicked: "clicked", peekClicked: "peekClicked", peekDismissed: "peekDismissed" }, host: { properties: { "attr.data-position": "position" } }, ngImport: i0, template: "@if (showPeek) {\r\n <div class=\"ius-elenia-fab-peek\">\r\n <span class=\"ius-elenia-fab-peek__icon\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ peekIcon }}</span>\r\n </span>\r\n <button\r\n type=\"button\"\r\n class=\"ius-elenia-fab-peek__body\"\r\n (click)=\"peekClicked.emit($event)\"\r\n >\r\n @if (peekTitle) {\r\n <span class=\"ius-elenia-fab-peek__title\">{{ peekTitle }}</span>\r\n }\r\n <span class=\"ius-elenia-fab-peek__msg\">{{ peek }}</span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"ius-elenia-fab-peek__x\"\r\n aria-label=\"Descartar\"\r\n (click)=\"peekDismissed.emit($event)\"\r\n >\r\n <span class=\"ius-icon\" aria-hidden=\"true\">close</span>\r\n </button>\r\n </div>\r\n}\r\n\r\n<button\r\n type=\"button\"\r\n class=\"ius-elenia-fab\"\r\n [attr.data-size]=\"size\"\r\n [attr.data-mood]=\"mood\"\r\n [attr.data-open]=\"open ? 'true' : null\"\r\n [attr.data-extended]=\"extended ? 'true' : null\"\r\n [attr.aria-label]=\"accessibleLabel\"\r\n aria-haspopup=\"dialog\"\r\n [attr.aria-expanded]=\"open ? 'true' : null\"\r\n [style.--_fab-box]=\"preset.box + 'px'\"\r\n [style.--_fab-orb]=\"preset.orb + 'px'\"\r\n (click)=\"clicked.emit($event)\"\r\n>\r\n <span class=\"ius-elenia-fab__disc\" aria-hidden=\"true\">\r\n <ius-elenia-orb\r\n [size]=\"preset.orb\"\r\n [mood]=\"mood\"\r\n [surface]=\"extended ? 'dark' : 'light'\"\r\n [paused]=\"paused\"\r\n [ariaLabel]=\"accessibleLabel\"\r\n />\r\n </span>\r\n @if (extended) {\r\n <span class=\"ius-elenia-fab__label\">{{ label }}</span>\r\n }\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;gap:var(--ius-space-xs)}:host([data-position=bottom-end]),:host([data-position=bottom-start]),:host([data-position=top-end]),:host([data-position=top-start]){position:fixed;z-index:60}:host([data-position=bottom-end]){bottom:var(--ius-space-lg);right:var(--ius-space-lg);flex-direction:row}:host([data-position=top-end]){top:var(--ius-space-lg);right:var(--ius-space-lg);flex-direction:row}:host([data-position=bottom-start]){bottom:var(--ius-space-lg);left:var(--ius-space-lg);flex-direction:row-reverse}:host([data-position=top-start]){top:var(--ius-space-lg);left:var(--ius-space-lg);flex-direction:row-reverse}:host([data-position=static]){position:relative}.ius-elenia-fab{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;width:var(--_fab-box);height:var(--_fab-box);padding:0;border:0;border-radius:var(--ius-radius-pill);background:transparent;cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--ius-duration-slow) var(--ius-ease-decelerate)}.ius-elenia-fab__disc{position:relative;flex:0 0 auto;height:100%;aspect-ratio:1/1;display:grid;place-items:center;overflow:visible;transition:transform var(--ius-duration-slow) var(--ius-ease-decelerate)}.ius-elenia-fab__label{font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-neutral-white);white-space:nowrap;padding-inline-end:var(--ius-space-xxs)}.ius-elenia-fab:hover .ius-elenia-fab__disc,.ius-elenia-fab[data-open=true] .ius-elenia-fab__disc{transform:scale(1.09)}.ius-elenia-fab:active .ius-elenia-fab__disc{transform:scale(.94)}.ius-elenia-fab:hover ::ng-deep ius-elenia-orb,.ius-elenia-fab[data-open=true] ::ng-deep ius-elenia-orb{--_halo: var(--ius-primary-300);--_c1: var(--ius-primary-400);--_c2: var(--ius-info-400);--_c3: var(--ius-primary-300);--_c4: var(--ius-primary-200)}.ius-elenia-fab:hover ::ng-deep ius-elenia-orb:after,.ius-elenia-fab[data-open=true] ::ng-deep ius-elenia-orb:after{opacity:.9}.ius-elenia-fab:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-elenia-fab[data-mood=off] .ius-elenia-fab__disc,.ius-elenia-fab[data-mood=off]:hover .ius-elenia-fab__disc{transform:none}.ius-elenia-fab[data-extended=true]{width:auto;height:auto;gap:var(--ius-space-sm);padding-inline:0 var(--ius-space-lg);background:var(--ius-primary-900);box-shadow:var(--ius-elevation-300);transition:box-shadow var(--ius-duration-base) var(--ius-ease-standard),transform var(--ius-duration-slow) var(--ius-ease-decelerate)}.ius-elenia-fab[data-extended=true]:hover{transform:translateY(-2px);box-shadow:var(--ius-elevation-400)}.ius-elenia-fab[data-extended=true]:active{transform:translateY(0)}.ius-elenia-fab[data-extended=true] .ius-elenia-fab__disc{height:auto;width:var(--_fab-orb)}.ius-elenia-fab[data-extended=true]:hover .ius-elenia-fab__disc,.ius-elenia-fab[data-extended=true][data-open=true] .ius-elenia-fab__disc{transform:none}.ius-elenia-fab[data-extended=true][data-size=small] .ius-elenia-fab__label{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm)}.ius-elenia-fab-peek{position:relative;isolation:isolate;display:inline-flex;align-items:flex-start;gap:var(--ius-space-xs);max-width:300px;padding:var(--ius-space-sm) var(--ius-space-xs) var(--ius-space-sm) var(--ius-space-md);background:var(--ius-gradient-brand-deep);border-radius:var(--ius-radius-lg);box-shadow:var(--ius-elevation-200);animation:ius-fab-peek-in var(--ius-duration-slow) var(--ius-ease-decelerate) both}.ius-elenia-fab-peek__icon{flex:0 0 auto;display:inline-grid;place-items:center;color:var(--ius-primary-200)}.ius-elenia-fab-peek__icon .ius-icon{font-size:var(--ius-icon-md)}.ius-elenia-fab-peek__body{border:0;background:transparent;cursor:pointer;text-align:start;display:flex;flex-direction:column;gap:var(--ius-space-xxs);padding:0;min-width:0}.ius-elenia-fab-peek__body:focus-visible{outline:none;box-shadow:var(--ius-focus-ring);border-radius:var(--ius-radius-sm)}.ius-elenia-fab-peek__title{font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-neutral-white)}.ius-elenia-fab-peek__msg{font-family:var(--ius-font-body);font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-primary-100);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ius-elenia-fab-peek__x{flex:0 0 auto;display:inline-grid;place-items:center;padding:var(--ius-space-xxs);border:0;border-radius:var(--ius-radius-pill);background:transparent;color:var(--ius-primary-200);cursor:pointer;-webkit-tap-highlight-color:transparent}.ius-elenia-fab-peek__x .ius-icon{font-size:var(--ius-icon-sm)}.ius-elenia-fab-peek__x:hover{background:color-mix(in srgb,var(--ius-neutral-white) 18%,transparent);color:var(--ius-neutral-white)}.ius-elenia-fab-peek__x:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}@keyframes ius-fab-peek-in{0%{opacity:0;transform:translate(8px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ius-elenia-fab,.ius-elenia-fab__disc{transition:none}.ius-elenia-fab:hover .ius-elenia-fab__disc,.ius-elenia-fab[data-open=true] .ius-elenia-fab__disc{transform:none}.ius-elenia-fab-peek{animation:none}}\n"], dependencies: [{ kind: "component", type: EleniaOrbComponent, selector: "ius-elenia-orb", inputs: ["size", "mood", "surface", "paused", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
628
628
|
}
|
|
629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EleniaBubbleComponent, decorators: [{
|
|
630
630
|
type: Component,
|
|
631
631
|
args: [{ selector: 'ius-elenia-bubble', standalone: true, imports: [EleniaOrbComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
632
632
|
'[attr.data-position]': 'position',
|
|
@@ -697,10 +697,10 @@ class OauthButtonComponent {
|
|
|
697
697
|
get effectiveAriaLabel() {
|
|
698
698
|
return this.ariaLabel ?? `Continuar con ${this.text}`;
|
|
699
699
|
}
|
|
700
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
701
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
700
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OauthButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
701
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: OauthButtonComponent, isStandalone: true, selector: "ius-oauth-button", inputs: { provider: "provider", label: "label", size: "size", fullWidth: ["fullWidth", "fullWidth", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], type: "type", ariaLabel: "ariaLabel" }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-provider": "provider", "attr.data-size": "size", "attr.data-disabled": "disabled || null" } }, ngImport: i0, template: "<ius-button\r\n variant=\"secondary\"\r\n [size]=\"size\"\r\n [fullWidth]=\"fullWidth\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n [ariaLabel]=\"effectiveAriaLabel\"\r\n (clicked)=\"clicked.emit($event)\"\r\n>\r\n <span class=\"ius-oauth__content\">\r\n <span class=\"ius-oauth__logo\" aria-hidden=\"true\">\r\n <!-- Logos de marca oficiales (multicolor) \u2014 excepci\u00F3n documentada:\r\n no tokenizar ni recolorear (ng-spec \u00A75). Paths verbatim del golden. -->\r\n @switch (provider) {\r\n @case ('microsoft') {\r\n <svg viewBox=\"0 0 20 20\" focusable=\"false\">\r\n <path d=\"M0.869568 0.869507H9.56522V9.56516H0.869568V0.869507Z\" fill=\"#F35325\" />\r\n <path d=\"M10.4348 0.869507H19.1304V9.56516H10.4348V0.869507Z\" fill=\"#81BC06\" />\r\n <path d=\"M0.869568 10.4348H9.56522V19.1305H0.869568V10.4348Z\" fill=\"#05A6F0\" />\r\n <path d=\"M10.4348 10.4348H19.1304V19.1305H10.4348V10.4348Z\" fill=\"#FFBA08\" />\r\n </svg>\r\n }\r\n @case ('linkedin') {\r\n <svg viewBox=\"0 0 20 20\" focusable=\"false\">\r\n <path d=\"M2.22222 20H17.7778C19.0051 20 20 19.0051 20 17.7778V2.22222C20 0.994923 19.0051 0 17.7778 0H2.22222C0.994923 0 0 0.994923 0 2.22222V17.7778C0 19.0051 0.994923 20 2.22222 20Z\" fill=\"#007EBB\" />\r\n <path d=\"M17.2222 17.2223H14.2543V12.1673C14.2543 10.7814 13.7277 10.0069 12.6307 10.0069C11.4374 10.0069 10.8139 10.8129 10.8139 12.1673V17.2223H7.9537V7.59265H10.8139V8.88976C10.8139 8.88976 11.6739 7.29845 13.7174 7.29845C15.7599 7.29845 17.2222 8.54574 17.2222 11.1254V17.2223ZM4.54148 6.33172C3.56723 6.33172 2.77777 5.53607 2.77777 4.55478C2.77777 3.57349 3.56723 2.77783 4.54148 2.77783C5.51573 2.77783 6.30472 3.57349 6.30472 4.55478C6.30472 5.53607 5.51573 6.33172 4.54148 6.33172ZM3.06459 17.2223H6.04705V7.59265H3.06459V17.2223Z\" fill=\"#FFFFFF\" />\r\n </svg>\r\n }\r\n @default {\r\n <svg viewBox=\"0 0 20 20\" focusable=\"false\">\r\n <path d=\"M18.8 10.2084C18.8 9.55837 18.7417 8.93337 18.6333 8.33337H10V11.8834H14.9333C14.7167 13.025 14.0667 13.9917 13.0917 14.6417V16.95H16.0667C17.8 15.35 18.8 13 18.8 10.2084Z\" fill=\"#4285F4\" />\r\n <path d=\"M10 19.1667C12.475 19.1667 14.55 18.35 16.0667 16.95L13.0917 14.6417C12.275 15.1917 11.2333 15.525 10 15.525C7.61668 15.525 5.59168 13.9167 4.86668 11.75H1.81668V14.1167C3.32501 17.1083 6.41668 19.1667 10 19.1667Z\" fill=\"#34A853\" />\r\n <path d=\"M4.86668 11.7417C4.68334 11.1917 4.57501 10.6084 4.57501 10.0001C4.57501 9.39172 4.68334 8.80839 4.86668 8.25839V5.89172H1.81668C1.19168 7.12506 0.833344 8.51672 0.833344 10.0001C0.833344 11.4834 1.19168 12.8751 1.81668 14.1084L4.19168 12.2584L4.86668 11.7417Z\" fill=\"#FBBC05\" />\r\n <path d=\"M10 4.48337C11.35 4.48337 12.55 4.95004 13.5083 5.85004L16.1333 3.22504C14.5417 1.74171 12.475 0.833374 10 0.833374C6.41668 0.833374 3.32501 2.89171 1.81668 5.89171L4.86668 8.25837C5.59168 6.09171 7.61668 4.48337 10 4.48337Z\" fill=\"#EA4335\" />\r\n </svg>\r\n }\r\n }\r\n </span>\r\n <span class=\"ius-oauth__label\">{{ text }}</span>\r\n </span>\r\n</ius-button>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents;--_oa-logo: 20px}:host([data-size=small]){--_oa-logo: 18px}:host([data-size=large]){--_oa-logo: 22px}.ius-oauth__content{display:inline-flex;align-items:center;gap:var(--ius-space-sm)}.ius-oauth__logo{display:inline-flex;flex:0 0 auto}.ius-oauth__logo svg{display:block;width:var(--_oa-logo);height:var(--_oa-logo)}:host([data-disabled=true]) .ius-oauth__logo{filter:grayscale(1);opacity:.45}:host ::ng-deep .ius-btn[data-variant]{--_btn-bg-hover: var(--ius-neutral-4);--_btn-bg-pressed: var(--ius-neutral-5);--_btn-fg-hover: var(--ius-text-primary);--_btn-fg-pressed: var(--ius-text-primary)}:host([data-force=hover]) ::ng-deep .ius-btn[data-variant]:not(:disabled){background:var(--ius-neutral-4);color:var(--ius-text-primary)}:host([data-force=pressed]) ::ng-deep .ius-btn[data-variant]:not(:disabled){background:var(--ius-neutral-5);color:var(--ius-text-primary)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "action", "size"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
702
702
|
}
|
|
703
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
703
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OauthButtonComponent, decorators: [{
|
|
704
704
|
type: Component,
|
|
705
705
|
args: [{ selector: 'ius-oauth-button', standalone: true, imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
706
706
|
'[attr.data-provider]': 'provider',
|
|
@@ -1025,10 +1025,10 @@ class PopoverComponent {
|
|
|
1025
1025
|
this.arrowLeft.set(null);
|
|
1026
1026
|
}
|
|
1027
1027
|
}
|
|
1028
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1029
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
1028
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1029
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", offset: ["offset", "offset", numberAttribute], open: "open", defaultOpen: ["defaultOpen", "defaultOpen", booleanAttribute], showArrow: ["showArrow", "showArrow", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchorRect: "anchorRect", padding: "padding", dismissable: ["dismissable", "dismissable", booleanAttribute], panelClass: "panelClass" }, outputs: { openChange: "openChange" }, host: { listeners: { "mouseenter": "onHostMouseEnter()", "mouseleave": "onHostMouseLeave()", "focusin": "onHostFocusIn()", "focusout": "onHostFocusOut()", "click": "onHostClick()" } }, viewQueries: [{ propertyName: "panelTpl", first: true, predicate: ["panelTpl"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<!-- Trigger (children del golden). El host es el ancla .ius-popover-anchor. -->\r\n<ng-content />\r\n\r\n<!-- Panel flotante \u2014 se estampa en el overlay del CDK v\u00EDa TemplatePortal. -->\r\n<ng-template #panelTpl>\r\n <div\r\n class=\"ius-popover\"\r\n [class]=\"panelClass ?? ''\"\r\n role=\"tooltip\"\r\n [attr.data-side]=\"side()\"\r\n [attr.data-padding]=\"padding\"\r\n >\r\n @if (title != null) {\r\n <div class=\"ius-popover__title\">{{ title }}</div>\r\n }\r\n <div class=\"ius-popover__content\">\r\n @if (content != null) {\r\n {{ content }}\r\n } @else {\r\n <ng-content select=\"[iusPopoverContent]\" />\r\n }\r\n </div>\r\n @if (showArrow) {\r\n <span\r\n class=\"ius-popover__arrow\"\r\n [style.left]=\"arrowLeft()\"\r\n [style.top]=\"arrowTop()\"\r\n aria-hidden=\"true\"\r\n ></span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-popover{width:max-content;max-width:280px;min-width:140px;position:relative;background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-lg);padding:var(--ius-space-sm) var(--ius-space-md);font-family:var(--ius-font-body);filter:drop-shadow(0 6px 18px rgba(0,0,0,.12)) drop-shadow(0 2px 6px rgba(0,0,0,.06));animation:ius-popover-in .12s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1));pointer-events:auto}@keyframes ius-popover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ius-popover__title{font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);margin-bottom:var(--ius-space-xxs)}.ius-popover__content{font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:.02em;color:var(--ius-text-primary)}.ius-popover__arrow{position:absolute;width:12px;height:12px;background:var(--ius-neutral-white);transform:rotate(45deg)}.ius-popover[data-side=top] .ius-popover__arrow{bottom:-5px}.ius-popover[data-side=bottom] .ius-popover__arrow{top:-5px}.ius-popover[data-side=left] .ius-popover__arrow{right:-5px}.ius-popover[data-side=right] .ius-popover__arrow{left:-5px}.ius-popover[data-padding=compact]{padding:var(--ius-space-xs)}.ius-popover[data-padding=none]{padding:0}.ius-popover.ius-tooltip{min-width:0;max-width:240px;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__arrow{background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__content{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:normal;text-wrap:balance;color:var(--ius-neutral-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1030
1030
|
}
|
|
1031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1031
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1032
1032
|
type: Component,
|
|
1033
1033
|
args: [{ selector: 'ius-popover', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1034
1034
|
'(mouseenter)': 'onHostMouseEnter()',
|
|
@@ -1126,10 +1126,10 @@ class TextButtonComponent {
|
|
|
1126
1126
|
get preset() {
|
|
1127
1127
|
return SIZE_PRESETS[this.size] ?? SIZE_PRESETS.medium;
|
|
1128
1128
|
}
|
|
1129
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1130
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
1129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1130
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TextButtonComponent, isStandalone: true, selector: "ius-text-button", inputs: { label: "label", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", size: "size", disabled: ["disabled", "disabled", booleanAttribute], type: "type", ariaExpanded: "ariaExpanded", ariaControls: "ariaControls" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\r\n class=\"ius-txtbtn\"\r\n [attr.type]=\"type\"\r\n [attr.data-size]=\"size\"\r\n [style.--_tb-fs]=\"preset.fs\"\r\n [style.--_tb-lh]=\"preset.lh\"\r\n [style.--_tb-icon]=\"preset.icon\"\r\n [style.--_tb-gap]=\"preset.gap\"\r\n [attr.aria-expanded]=\"ariaExpanded === undefined ? null : ariaExpanded\"\r\n [attr.aria-controls]=\"ariaControls ?? null\"\r\n [attr.aria-disabled]=\"disabled ? 'true' : null\"\r\n [disabled]=\"disabled\"\r\n (click)=\"clicked.emit($event)\"\r\n>\r\n @if (prefixIcon) {\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ prefixIcon }}</span>\r\n }\r\n <span class=\"ius-txtbtn__label\">\r\n @if (label != null) {\r\n {{ label }}\r\n } @else {\r\n <ng-content />\r\n }\r\n </span>\r\n @if (sufixIcon) {\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ sufixIcon }}</span>\r\n }\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-txtbtn{-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:var(--_tb-gap, var(--ius-space-xs));padding:0;border:0;background:transparent;color:var(--ius-text-primary);font-family:var(--ius-font-body);font-weight:var(--ius-fw-medium);font-size:var(--_tb-fs, 14px);line-height:var(--_tb-lh, 20px);letter-spacing:.01em;cursor:pointer;text-decoration:none;outline:none;transition:color var(--ius-duration-fast) var(--ius-ease-standard);-webkit-tap-highlight-color:transparent}.ius-txtbtn:hover:not(:disabled),:host([data-force=hover]) .ius-txtbtn:not(:disabled){color:var(--ius-primary-500)}.ius-txtbtn:active:not(:disabled),:host([data-force=pressed]) .ius-txtbtn:not(:disabled){color:var(--ius-primary-600)}.ius-txtbtn:focus-visible{outline:2px solid var(--ius-info-200);outline-offset:2px;border-radius:var(--ius-radius-sm)}.ius-txtbtn:disabled,.ius-txtbtn[aria-disabled=true]{color:var(--ius-text-disabled);cursor:not-allowed}.ius-txtbtn .ius-icon{font-size:var(--_tb-icon, var(--ius-icon-sm));line-height:1}.ius-txtbtn__label:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1131
1131
|
}
|
|
1132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextButtonComponent, decorators: [{
|
|
1133
1133
|
type: Component,
|
|
1134
1134
|
args: [{ selector: 'ius-text-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"ius-txtbtn\"\r\n [attr.type]=\"type\"\r\n [attr.data-size]=\"size\"\r\n [style.--_tb-fs]=\"preset.fs\"\r\n [style.--_tb-lh]=\"preset.lh\"\r\n [style.--_tb-icon]=\"preset.icon\"\r\n [style.--_tb-gap]=\"preset.gap\"\r\n [attr.aria-expanded]=\"ariaExpanded === undefined ? null : ariaExpanded\"\r\n [attr.aria-controls]=\"ariaControls ?? null\"\r\n [attr.aria-disabled]=\"disabled ? 'true' : null\"\r\n [disabled]=\"disabled\"\r\n (click)=\"clicked.emit($event)\"\r\n>\r\n @if (prefixIcon) {\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ prefixIcon }}</span>\r\n }\r\n <span class=\"ius-txtbtn__label\">\r\n @if (label != null) {\r\n {{ label }}\r\n } @else {\r\n <ng-content />\r\n }\r\n </span>\r\n @if (sufixIcon) {\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ sufixIcon }}</span>\r\n }\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-txtbtn{-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:var(--_tb-gap, var(--ius-space-xs));padding:0;border:0;background:transparent;color:var(--ius-text-primary);font-family:var(--ius-font-body);font-weight:var(--ius-fw-medium);font-size:var(--_tb-fs, 14px);line-height:var(--_tb-lh, 20px);letter-spacing:.01em;cursor:pointer;text-decoration:none;outline:none;transition:color var(--ius-duration-fast) var(--ius-ease-standard);-webkit-tap-highlight-color:transparent}.ius-txtbtn:hover:not(:disabled),:host([data-force=hover]) .ius-txtbtn:not(:disabled){color:var(--ius-primary-500)}.ius-txtbtn:active:not(:disabled),:host([data-force=pressed]) .ius-txtbtn:not(:disabled){color:var(--ius-primary-600)}.ius-txtbtn:focus-visible{outline:2px solid var(--ius-info-200);outline-offset:2px;border-radius:var(--ius-radius-sm)}.ius-txtbtn:disabled,.ius-txtbtn[aria-disabled=true]{color:var(--ius-text-disabled);cursor:not-allowed}.ius-txtbtn .ius-icon{font-size:var(--_tb-icon, var(--ius-icon-sm));line-height:1}.ius-txtbtn__label:empty{display:none}\n"] }]
|
|
1135
1135
|
}], propDecorators: { label: [{
|
|
@@ -1192,10 +1192,10 @@ class ShowMoreComponent {
|
|
|
1192
1192
|
get hidden() {
|
|
1193
1193
|
return this.expanded && !this.collapsible;
|
|
1194
1194
|
}
|
|
1195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
1195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShowMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ShowMoreComponent, isStandalone: true, selector: "ius-show-more", inputs: { expanded: ["expanded", "expanded", booleanAttribute], remaining: "remaining", moreLabel: "moreLabel", lessLabel: "lessLabel", collapsible: ["collapsible", "collapsible", booleanAttribute], size: "size", align: "align", ariaControls: "ariaControls" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.data-align": "align !== 'center' ? align : null", "style.display": "hidden ? 'none' : ''", "attr.aria-hidden": "hidden || null" } }, ngImport: i0, template: "@if (!hidden) {\r\n <ius-text-button\r\n [size]=\"size\"\r\n [label]=\"label\"\r\n [sufixIcon]=\"expanded ? 'expand_less' : 'expand_more'\"\r\n [ariaExpanded]=\"expanded\"\r\n [ariaControls]=\"ariaControls\"\r\n (clicked)=\"toggle.emit($event)\"\r\n />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;justify-content:var(--_sm-justify, center);padding:var(--ius-space-xs) 0}:host([data-align=start]){--_sm-justify: flex-start}:host([data-align=end]){--_sm-justify: flex-end}:host([data-align=block]){--_sm-justify: stretch}:host([data-align=block]) ::ng-deep .ius-txtbtn{width:100%;justify-content:center}\n"], dependencies: [{ kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1197
1197
|
}
|
|
1198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShowMoreComponent, decorators: [{
|
|
1199
1199
|
type: Component,
|
|
1200
1200
|
args: [{ selector: 'ius-show-more', standalone: true, imports: [TextButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1201
1201
|
'[attr.data-align]': "align !== 'center' ? align : null",
|
|
@@ -1258,10 +1258,10 @@ class TooltipComponent {
|
|
|
1258
1258
|
get effectiveDisabled() {
|
|
1259
1259
|
return this.disabled || !this.label;
|
|
1260
1260
|
}
|
|
1261
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1262
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.
|
|
1261
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1262
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.8", type: TooltipComponent, isStandalone: true, selector: "ius-tooltip", inputs: { label: "label", placement: "placement", trigger: "trigger", offset: ["offset", "offset", numberAttribute], showArrow: ["showArrow", "showArrow", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], open: "open", defaultOpen: ["defaultOpen", "defaultOpen", booleanAttribute] }, outputs: { openChange: "openChange" }, ngImport: i0, template: "<ius-popover\r\n panelClass=\"ius-tooltip\"\r\n [content]=\"label\"\r\n [placement]=\"placement\"\r\n [trigger]=\"trigger\"\r\n [offset]=\"offset\"\r\n [showArrow]=\"showArrow\"\r\n [disabled]=\"effectiveDisabled\"\r\n [open]=\"open\"\r\n [defaultOpen]=\"defaultOpen\"\r\n (openChange)=\"openChange.emit($event)\"\r\n>\r\n <ng-content />\r\n</ius-popover>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}\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 }); }
|
|
1263
1263
|
}
|
|
1264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
1265
1265
|
type: Component,
|
|
1266
1266
|
args: [{ selector: 'ius-tooltip', standalone: true, imports: [PopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ius-popover\r\n panelClass=\"ius-tooltip\"\r\n [content]=\"label\"\r\n [placement]=\"placement\"\r\n [trigger]=\"trigger\"\r\n [offset]=\"offset\"\r\n [showArrow]=\"showArrow\"\r\n [disabled]=\"effectiveDisabled\"\r\n [open]=\"open\"\r\n [defaultOpen]=\"defaultOpen\"\r\n (openChange)=\"openChange.emit($event)\"\r\n>\r\n <ng-content />\r\n</ius-popover>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}\n"] }]
|
|
1267
1267
|
}], propDecorators: { label: [{
|
|
@@ -1399,8 +1399,8 @@ class TextFieldComponent {
|
|
|
1399
1399
|
this.valueChange.emit('');
|
|
1400
1400
|
this.cleared.emit();
|
|
1401
1401
|
}
|
|
1402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
1402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1403
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TextFieldComponent, isStandalone: true, selector: "ius-text-field", inputs: { label: "label", placeholder: "placeholder", required: ["required", "required", booleanAttribute], prefixIcon: "prefixIcon", showClear: "showClear", helpText: "helpText", errorText: "errorText", showHelpText: ["showHelpText", "showHelpText", booleanAttribute], showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", error: ["error", "error", booleanAttribute], name: "name", type: "type", size: "size", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { valueChange: "valueChange", cleared: "cleared" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-focused": "focused() || null", "attr.data-error": "error || null", "attr.data-disabled": "disabled || null" }, classAttribute: "ius-tf" }, providers: [
|
|
1404
1404
|
{
|
|
1405
1405
|
provide: NG_VALUE_ACCESSOR,
|
|
1406
1406
|
useExisting: forwardRef(() => TextFieldComponent),
|
|
@@ -1408,7 +1408,7 @@ class TextFieldComponent {
|
|
|
1408
1408
|
},
|
|
1409
1409
|
], 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 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 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 [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 class=\"ius-icon\">{{ revealed() ? 'visibility_off' : 'visibility' }}</span>\r\n </button>\r\n } @else if (showClearComputed) {\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 (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"clear()\"\r\n >\r\n <span 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 .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 }); }
|
|
1410
1410
|
}
|
|
1411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextFieldComponent, decorators: [{
|
|
1412
1412
|
type: Component,
|
|
1413
1413
|
args: [{ selector: 'ius-text-field', standalone: true, imports: [PopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1414
1414
|
{
|
|
@@ -1669,8 +1669,8 @@ class CodeFieldComponent {
|
|
|
1669
1669
|
this.cleared.emit();
|
|
1670
1670
|
this.focusCell(0);
|
|
1671
1671
|
}
|
|
1672
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1673
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
1672
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CodeFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1673
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CodeFieldComponent, isStandalone: true, selector: "ius-code-field", inputs: { label: "label", required: ["required", "required", booleanAttribute], showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", helpText: "helpText", errorText: "errorText", showHelpText: ["showHelpText", "showHelpText", booleanAttribute], placeholderChar: "placeholderChar", numeric: ["numeric", "numeric", booleanAttribute], mask: ["mask", "mask", booleanAttribute], error: ["error", "error", booleanAttribute], name: "name", showClear: "showClear", length: "length", size: "size", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { valueChange: "valueChange", completed: "completed", cleared: "cleared" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-focused": "focused() || null", "attr.data-error": "error || null", "attr.data-disabled": "disabled || null" }, classAttribute: "ius-tf ius-tf--code" }, providers: [
|
|
1674
1674
|
{
|
|
1675
1675
|
provide: NG_VALUE_ACCESSOR,
|
|
1676
1676
|
useExisting: forwardRef(() => CodeFieldComponent),
|
|
@@ -1678,7 +1678,7 @@ class CodeFieldComponent {
|
|
|
1678
1678
|
},
|
|
1679
1679
|
], viewQueries: [{ propertyName: "cellRefs", predicate: ["cell"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label) {\r\n <label [for]=\"baseId + '-0'\" 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 <span\r\n class=\"ius-tf__help-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\r\n }\r\n <span class=\"ius-tf__colon\">:</span>\r\n </label>\r\n}\r\n\r\n<div class=\"ius-code__row\">\r\n <div class=\"ius-code__boxes\">\r\n @for (i of indexes(); track i) {\r\n <input\r\n #cell\r\n [id]=\"baseId + '-' + i\"\r\n class=\"ius-code__cell\"\r\n [type]=\"mask ? 'password' : 'text'\"\r\n [attr.inputmode]=\"numeric ? 'numeric' : 'text'\"\r\n [attr.autocomplete]=\"i === 0 ? 'one-time-code' : 'off'\"\r\n maxlength=\"1\"\r\n [attr.name]=\"name ? name + '-' + i : null\"\r\n [placeholder]=\"placeholderChar\"\r\n [value]=\"chars()[i] || ''\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"cellAria(i)\"\r\n [attr.aria-invalid]=\"error || null\"\r\n (input)=\"onInput(i, $event)\"\r\n (keydown)=\"onKeyDown(i, $event)\"\r\n (paste)=\"onPaste(i, $event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n />\r\n }\r\n </div>\r\n\r\n @if (showClearComputed) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-code__clear\"\r\n aria-label=\"Limpiar c\u00F3digo\"\r\n tabindex=\"-1\"\r\n [disabled]=\"disabled\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"clear()\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </button>\r\n }\r\n</div>\r\n\r\n@if (showHint) {\r\n <span class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);width:fit-content;max-width:none;min-width:0;--_code-cell: 48px;--_code-fs: var(--ius-fs-h4)}:host([data-size=small]){--_code-cell: 44px;--_code-fs: var(--ius-fs-h5)}:host([data-size=large]){--_code-cell: 56px;--_code-fs: var(--ius-fs-h3)}@container style(--ius-control-size: small){:host(:not([data-size])){--_code-cell: 44px;--_code-fs: var(--ius-fs-h5)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_code-cell: 56px;--_code-fs: var(--ius-fs-h3)}}.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__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__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)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}.ius-code__row{display:flex;align-items:center;gap:var(--ius-space-sm)}.ius-code__boxes{display:flex;gap:var(--ius-space-xs)}.ius-code__cell{width:var(--_code-cell);height:var(--_code-cell);flex:0 0 auto;appearance:none;text-align:center;font-family:var(--ius-font-body);font-size:var(--_code-fs);line-height:1;font-variant-numeric:tabular-nums;color:var(--ius-text-primary);background:var(--ius-neutral-2);border:1px solid transparent;border-radius:var(--ius-radius-md);outline:0;caret-color:var(--ius-primary-500);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-code__cell::placeholder{color:var(--ius-text-tertiary)}:host(:not([data-disabled=true]):not([data-error=true])) .ius-code__cell:hover,:host([data-force=hover]) .ius-code__cell{background:var(--ius-info-100)}.ius-code__cell:focus{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}:host([data-force=focused]) .ius-code__cell:first-child{background:var(--ius-info-100);border-color:var(--ius-primary-500);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-code__cell,:host([data-force=error]) .ius-code__cell{background:var(--ius-neutral-white);border-color:var(--ius-danger-500);color:var(--ius-danger-700)}:host([data-error=true]) .ius-code__cell:focus,:host([data-force=error]) .ius-code__cell:focus{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-code__cell,:host([data-force=disabled]) .ius-code__cell{background:var(--ius-neutral-2);border-color:transparent;color:var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-code__cell::placeholder,:host([data-force=disabled]) .ius-code__cell::placeholder{color:var(--ius-text-disabled)}.ius-code__clear{width:28px;height:28px;flex:0 0 auto;appearance:none;border:0;padding:0;border-radius:var(--ius-radius-pill);background:var(--ius-primary-900);color:var(--ius-neutral-white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-code__clear:hover{background:var(--ius-primary-500)}.ius-code__clear .ius-icon{font-size:var(--ius-icon-md);line-height:1}:host([data-error=true]) .ius-code__clear,:host([data-force=error]) .ius-code__clear{background:var(--ius-danger-500)}:host([data-error=true]) .ius-code__clear:hover,:host([data-force=error]) .ius-code__clear:hover{background:var(--ius-danger-600)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1680
1680
|
}
|
|
1681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CodeFieldComponent, decorators: [{
|
|
1682
1682
|
type: Component,
|
|
1683
1683
|
args: [{ selector: 'ius-code-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1684
1684
|
{
|
|
@@ -1930,10 +1930,10 @@ class CountdownRingComponent {
|
|
|
1930
1930
|
});
|
|
1931
1931
|
inject(DestroyRef).onDestroy(() => this.clock.destroy());
|
|
1932
1932
|
}
|
|
1933
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
1934
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
1933
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CountdownRingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1934
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CountdownRingComponent, isStandalone: true, selector: "ius-countdown-ring", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, seconds: { classPropertyName: "seconds", publicName: "seconds", isSignal: true, isRequired: false, transformFunction: null }, running: { classPropertyName: "running", publicName: "running", isSignal: true, isRequired: false, transformFunction: null }, paused: { classPropertyName: "paused", publicName: "paused", isSignal: true, isRequired: false, transformFunction: null }, inverse: { classPropertyName: "inverse", publicName: "inverse", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { completed: "completed" }, host: { attributes: { "role": "img" }, properties: { "attr.data-size": "size()", "attr.data-eased": "isControlled() ? 'true' : null", "attr.aria-label": "ariaLabel() || null", "style.--_cdr-arc": "toneVars().arc", "style.--_cdr-trk": "toneVars().trk", "style.width.px": "dim().d", "style.height.px": "dim().d" }, classAttribute: "ius-cdring" }, ngImport: i0, template: "<svg\r\n class=\"ius-cdring__svg\"\r\n [attr.width]=\"dim().d\"\r\n [attr.height]=\"dim().d\"\r\n [attr.viewBox]=\"'0 0 ' + dim().d + ' ' + dim().d\"\r\n>\r\n <circle\r\n class=\"ius-cdring__trk\"\r\n [attr.cx]=\"dim().d / 2\"\r\n [attr.cy]=\"dim().d / 2\"\r\n [attr.r]=\"ringR()\"\r\n [attr.stroke-width]=\"dim().s\"\r\n pathLength=\"100\"\r\n />\r\n @if (arcLen() > 0) {\r\n <circle\r\n class=\"ius-cdring__arc\"\r\n [attr.cx]=\"dim().d / 2\"\r\n [attr.cy]=\"dim().d / 2\"\r\n [attr.r]=\"ringR()\"\r\n [attr.stroke-width]=\"dim().s\"\r\n pathLength=\"100\"\r\n [style.stroke-dasharray]=\"dashArray()\"\r\n />\r\n }\r\n</svg>\r\n\r\n<span class=\"ius-cdring__center\"><ng-content /></span>\r\n", styles: ["@charset \"UTF-8\";:host{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle}.ius-cdring__svg{display:block;transform:rotate(-90deg)}.ius-cdring__svg circle{fill:none}.ius-cdring__trk{stroke:var(--_cdr-trk)}.ius-cdring__arc{stroke:var(--_cdr-arc);stroke-linecap:round}:host([data-eased=true]) .ius-cdring__arc{transition:stroke-dasharray var(--ius-duration-base, .22s) var(--ius-ease-standard)}@media(prefers-reduced-motion:reduce){:host([data-eased=true]) .ius-cdring__arc{transition:none}}.ius-cdring__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold, 600);color:var(--ius-text-primary);line-height:1;font-variant-numeric:tabular-nums}:host([data-size=small]) .ius-cdring__center{display:none}:host([data-size=medium]) .ius-cdring__center{font-size:var(--ius-fs-sm)}:host([data-size=large]) .ius-cdring__center{font-size:var(--ius-fs-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1935
1935
|
}
|
|
1936
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
1936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CountdownRingComponent, decorators: [{
|
|
1937
1937
|
type: Component,
|
|
1938
1938
|
args: [{ selector: 'ius-countdown-ring', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1939
1939
|
class: 'ius-cdring',
|
|
@@ -2061,10 +2061,10 @@ class CountdownComponent {
|
|
|
2061
2061
|
effect(() => this.clock.set(this.seconds(), this.running(), this.paused()));
|
|
2062
2062
|
inject(DestroyRef).onDestroy(() => this.clock.destroy());
|
|
2063
2063
|
}
|
|
2064
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2065
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
2064
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CountdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CountdownComponent, isStandalone: true, selector: "ius-countdown", inputs: { seconds: { classPropertyName: "seconds", publicName: "seconds", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, running: { classPropertyName: "running", publicName: "running", isSignal: true, isRequired: false, transformFunction: null }, paused: { classPropertyName: "paused", publicName: "paused", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, showRing: { classPropertyName: "showRing", publicName: "showRing", isSignal: true, isRequired: false, transformFunction: null }, ringPlacement: { classPropertyName: "ringPlacement", publicName: "ringPlacement", isSignal: true, isRequired: false, transformFunction: null }, ringInverse: { classPropertyName: "ringInverse", publicName: "ringInverse", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { completed: "completed" }, host: { attributes: { "role": "timer", "aria-live": "off" }, properties: { "attr.data-size": "size()", "attr.data-done": "done() ? 'true' : null", "attr.aria-label": "ariaLabel() || null", "style.--_cd-num": "numColor()" }, classAttribute: "ius-countdown" }, ngImport: i0, template: "@if (showRing() && ringPlacement() === 'start') {\r\n <ius-countdown-ring\r\n [progress]=\"fraction()\"\r\n [inverse]=\"ringInv()\"\r\n [tone]=\"tone()\"\r\n [size]=\"size()\"\r\n />\r\n}\r\n\r\n@if (label() != null) {\r\n <span class=\"ius-countdown__label\">{{ label() }}</span>\r\n}\r\n\r\n<span class=\"ius-countdown__time\">{{ text() }}</span>\r\n\r\n@if (showRing() && ringPlacement() === 'end') {\r\n <ius-countdown-ring\r\n [progress]=\"fraction()\"\r\n [inverse]=\"ringInv()\"\r\n [tone]=\"tone()\"\r\n [size]=\"size()\"\r\n />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-display);line-height:1;-webkit-user-select:none;user-select:none}.ius-countdown__label{color:var(--ius-text-secondary);font-weight:var(--ius-fw-regular, 400)}.ius-countdown__time{color:var(--_cd-num, var(--ius-primary-900));font-weight:var(--ius-fw-bold, 700);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:host([data-done=true]) .ius-countdown__time{opacity:.55}:host([data-size=small]) .ius-countdown__label{font-size:var(--ius-fs-sm)}:host([data-size=small]) .ius-countdown__time{font-size:var(--ius-fs-lg)}:host([data-size=medium]) .ius-countdown__label{font-size:var(--ius-fs-lg)}:host([data-size=medium]) .ius-countdown__time{font-size:var(--ius-fs-h5)}:host([data-size=large]) .ius-countdown__label{font-size:var(--ius-fs-h5)}:host([data-size=large]) .ius-countdown__time{font-size:var(--ius-fs-h3)}\n"], dependencies: [{ kind: "component", type: CountdownRingComponent, selector: "ius-countdown-ring", inputs: ["progress", "seconds", "running", "paused", "inverse", "tone", "size", "ariaLabel"], outputs: ["completed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2066
2066
|
}
|
|
2067
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CountdownComponent, decorators: [{
|
|
2068
2068
|
type: Component,
|
|
2069
2069
|
args: [{ selector: 'ius-countdown', standalone: true, imports: [CountdownRingComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2070
2070
|
class: 'ius-countdown',
|
|
@@ -2091,10 +2091,10 @@ const DEFAULT_ICON = {
|
|
|
2091
2091
|
* `<div iusAlertActions><ius-button …/></div>`. Excluyente con `iusAlertTrailing`.
|
|
2092
2092
|
*/
|
|
2093
2093
|
class IusAlertActionsDirective {
|
|
2094
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2095
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.
|
|
2094
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusAlertActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2095
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: IusAlertActionsDirective, isStandalone: true, selector: "[iusAlertActions]", ngImport: i0 }); }
|
|
2096
2096
|
}
|
|
2097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusAlertActionsDirective, decorators: [{
|
|
2098
2098
|
type: Directive,
|
|
2099
2099
|
args: [{ selector: '[iusAlertActions]', standalone: true }]
|
|
2100
2100
|
}] });
|
|
@@ -2103,10 +2103,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
2103
2103
|
* `<div iusAlertTrailing><ius-button …/></div>`. Excluyente con `iusAlertActions`.
|
|
2104
2104
|
*/
|
|
2105
2105
|
class IusAlertTrailingDirective {
|
|
2106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2107
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.
|
|
2106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusAlertTrailingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2107
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: IusAlertTrailingDirective, isStandalone: true, selector: "[iusAlertTrailing]", ngImport: i0 }); }
|
|
2108
2108
|
}
|
|
2109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusAlertTrailingDirective, decorators: [{
|
|
2110
2110
|
type: Directive,
|
|
2111
2111
|
args: [{ selector: '[iusAlertTrailing]', standalone: true }]
|
|
2112
2112
|
}] });
|
|
@@ -2190,10 +2190,10 @@ class AlertComponent {
|
|
|
2190
2190
|
this.showHead = computed(() => this.title() != null || this.overline() != null || this.meta() != null, /* @ts-ignore */
|
|
2191
2191
|
...(ngDevMode ? [{ debugName: "showHead" }] : /* istanbul ignore next */ []));
|
|
2192
2192
|
}
|
|
2193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: AlertComponent, isStandalone: true, selector: "ius-alert", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, overline: { classPropertyName: "overline", publicName: "overline", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconChip: { classPropertyName: "iconChip", publicName: "iconChip", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, actionsDivider: { classPropertyName: "actionsDivider", publicName: "actionsDivider", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "attr.role": "role()", "attr.data-tone": "tone()", "attr.data-variant": "variant()", "attr.data-size": "size() !== 'medium' ? size() : null", "attr.data-border": "border() !== 'solid' ? border() : null", "attr.data-align": "computedAlign() !== 'start' ? computedAlign() : null" }, classAttribute: "ius-alert" }, queries: [{ propertyName: "actionsRef", first: true, predicate: IusAlertActionsDirective, descendants: true, isSignal: true }, { propertyName: "trailingRef", first: true, predicate: IusAlertTrailingDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (iconName()) {\r\n <span class=\"ius-alert__icon\" [attr.data-chip]=\"chip() || null\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ iconName() }}</span>\r\n </span>\r\n}\r\n\r\n<div class=\"ius-alert__main\">\r\n @if (showHead()) {\r\n <div class=\"ius-alert__head\">\r\n <div class=\"ius-alert__headtext\">\r\n @if (overline() != null) {\r\n <span class=\"ius-alert__overline\">{{ overline() }}</span>\r\n }\r\n @if (title() != null) {\r\n <div class=\"ius-alert__title\">{{ title() }}</div>\r\n }\r\n </div>\r\n @if (meta() != null) {\r\n <span class=\"ius-alert__meta\">{{ meta() }}</span>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"ius-alert__body\"><ng-content /></div>\r\n\r\n @if (hasActions()) {\r\n <div class=\"ius-alert__actions\" [attr.data-divider]=\"actionsDivider() ? null : 'false'\">\r\n <ng-content select=\"[iusAlertActions]\" />\r\n </div>\r\n }\r\n</div>\r\n\r\n@if (showTrailing()) {\r\n <div class=\"ius-alert__trailing\">\r\n <ng-content select=\"[iusAlertTrailing]\" />\r\n </div>\r\n}\r\n\r\n@if (closable()) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-alert__close\"\r\n [attr.aria-label]=\"closeLabel()\"\r\n (click)=\"closed.emit()\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </button>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_al-tint: var(--ius-info-100);--_al-border: var(--ius-info-200);--_al-accent: var(--ius-info-600);--_al-title: var(--ius-info-800);--_al-solid-a: var(--ius-info-500);--_al-solid-b: var(--ius-info-700);--_al-pad-y: var(--ius-space-md);--_al-pad-x: var(--ius-space-md);--_al-gap: var(--ius-space-sm);--_al-title-fs: var(--ius-fs-lg);--_al-title-lh: var(--ius-lh-lg);--_al-body-fs: var(--ius-fs-base);--_al-body-lh: var(--ius-lh-base);--_al-icon: var(--ius-icon-lg);--_al-chip: 38px;display:flex;align-items:flex-start;gap:var(--_al-gap);box-sizing:border-box;width:100%;padding:var(--_al-pad-y) var(--_al-pad-x);border-radius:var(--ius-radius-lg);border:1px solid var(--_al-border);background:var(--_al-tint);font-family:var(--ius-font-body);color:var(--ius-text-primary)}:host([data-size=small]){--_al-pad-y: var(--ius-space-sm);--_al-pad-x: var(--ius-space-sm);--_al-gap: var(--ius-space-xs);--_al-title-fs: var(--ius-fs-base);--_al-title-lh: var(--ius-lh-base);--_al-body-fs: var(--ius-fs-sm);--_al-body-lh: var(--ius-lh-sm);--_al-icon: var(--ius-icon-md);--_al-chip: 30px}:host([data-size=large]){--_al-pad-y: var(--ius-space-lg);--_al-pad-x: var(--ius-space-lg);--_al-gap: var(--ius-space-md);--_al-title-fs: var(--ius-fs-h4);--_al-title-lh: var(--ius-lh-h4);--_al-body-fs: var(--ius-fs-lg);--_al-body-lh: var(--ius-lh-lg);--_al-icon: var(--ius-icon-xl);--_al-chip: 44px}:host([data-tone=info]){--_al-tint: var(--ius-info-100);--_al-border: var(--ius-info-200);--_al-accent: var(--ius-info-600);--_al-title: var(--ius-info-800);--_al-solid-a: var(--ius-info-500);--_al-solid-b: var(--ius-info-700)}:host([data-tone=success]){--_al-tint: var(--ius-success-100);--_al-border: var(--ius-success-200);--_al-accent: var(--ius-success-700);--_al-title: var(--ius-success-800);--_al-solid-a: var(--ius-success-600);--_al-solid-b: var(--ius-success-800)}:host([data-tone=warning]){--_al-tint: var(--ius-warning-100);--_al-border: var(--ius-warning-200);--_al-accent: var(--ius-warning-700);--_al-title: var(--ius-warning-800);--_al-solid-a: var(--ius-warning-600);--_al-solid-b: var(--ius-warning-800)}:host([data-tone=danger]){--_al-tint: var(--ius-danger-100);--_al-border: var(--ius-danger-200);--_al-accent: var(--ius-danger-600);--_al-title: var(--ius-danger-800);--_al-solid-a: var(--ius-danger-500);--_al-solid-b: var(--ius-danger-700)}:host([data-tone=neutral]){--_al-tint: var(--ius-neutral-2);--_al-border: var(--ius-neutral-4);--_al-accent: var(--ius-neutral-8);--_al-title: var(--ius-neutral-10);--_al-solid-a: var(--ius-neutral-7);--_al-solid-b: var(--ius-neutral-9)}:host([data-tone=primary]){--_al-tint: var(--ius-primary-100);--_al-border: var(--ius-primary-200);--_al-accent: var(--ius-primary-600);--_al-title: var(--ius-primary-800);--_al-solid-a: var(--ius-primary-500);--_al-solid-b: var(--ius-primary-800)}:host([data-variant=gradient]){background:linear-gradient(135deg,var(--_al-tint) 0%,color-mix(in srgb,var(--_al-tint) 35%,white) 100%)}:host([data-variant=outline]){background:var(--ius-surface-card);border-color:var(--_al-accent)}:host([data-variant=solid]){background:linear-gradient(120deg,var(--_al-solid-a) 0%,var(--_al-solid-b) 100%);border-color:transparent;color:var(--ius-neutral-white)}:host([data-variant=solid]) .ius-alert__title,:host([data-variant=solid]) .ius-alert__overline{color:var(--ius-neutral-white)}:host([data-variant=solid]) .ius-alert__body{color:#ffffffeb}:host([data-variant=solid]) .ius-alert__meta{color:#ffffffb8}:host([data-variant=solid]) .ius-alert__actions{border-top-color:#ffffff38}:host([data-border=dashed]){border-style:dashed}:host([data-border=none]){border-color:transparent}.ius-alert__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--_al-accent);margin-top:1px}.ius-alert__icon .ius-icon{font-size:var(--_al-icon);line-height:1}:host([data-variant=solid]) .ius-alert__icon{width:var(--_al-chip);height:var(--_al-chip);border-radius:var(--ius-radius-md);background:#ffffff2e;color:var(--ius-neutral-white);margin-top:0}.ius-alert__icon[data-chip=true]{width:var(--_al-chip);height:var(--_al-chip);border-radius:var(--ius-radius-md);background:color-mix(in srgb,var(--_al-accent) 14%,white)}.ius-alert__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-alert__head{display:flex;align-items:baseline;gap:var(--ius-space-sm)}.ius-alert__headtext{flex:1 1 auto;min-width:0}.ius-alert__overline{display:block;font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:var(--ius-ls-emphasis);text-transform:uppercase;color:var(--_al-accent);margin-bottom:1px}.ius-alert__title{font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold, 600);font-size:var(--_al-title-fs);line-height:var(--_al-title-lh);color:var(--_al-title)}.ius-alert__meta{flex:0 0 auto;font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-base);color:var(--ius-text-tertiary);white-space:nowrap}.ius-alert__body{font-family:var(--ius-font-body);font-size:var(--_al-body-fs);line-height:var(--_al-body-lh);color:var(--ius-text-secondary)}.ius-alert__body b,.ius-alert__body strong{color:inherit;font-weight:var(--ius-fw-semibold, 600)}:host([data-variant=solid]) .ius-alert__body b{color:var(--ius-neutral-white)}.ius-alert__actions{margin-top:var(--ius-space-sm);padding-top:var(--ius-space-sm);border-top:1px solid var(--_al-border);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ius-space-xs)}.ius-alert__actions[data-divider=false]{border-top:0;padding-top:0;margin-top:var(--ius-space-xs)}:host([data-align=center]){align-items:center}.ius-alert__trailing{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ius-space-xs)}.ius-alert__close{flex:0 0 auto;appearance:none;border:0;background:transparent;padding:var(--ius-space-xxs);margin:-2px -4px 0 0;display:inline-flex;align-items:center;justify-content:center;color:var(--ius-text-tertiary);cursor:pointer;border-radius:var(--ius-radius-sm);transition:color var(--ius-duration-fast) var(--ius-ease-standard),background var(--ius-duration-fast) var(--ius-ease-standard)}.ius-alert__close .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-alert__close:hover{color:var(--ius-text-primary);background:#0000000d}.ius-alert__close:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}:host([data-variant=solid]) .ius-alert__close{color:#ffffffc7}:host([data-variant=solid]) .ius-alert__close:hover{color:var(--ius-neutral-white);background:#ffffff26}:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=primary]{--_btn-bg: var(--ius-neutral-white);--_btn-bg-hover: rgba(255, 255, 255, .88);--_btn-bg-pressed: rgba(255, 255, 255, .76);--_btn-fg: var(--_al-solid-b);--_btn-fg-hover: var(--_al-solid-b);--_btn-fg-pressed: var(--_al-solid-b);--_btn-border: transparent;--_btn-border-hover: transparent;--_btn-border-pressed: transparent}:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=outline]{--_btn-bg: transparent;--_btn-bg-hover: rgba(255, 255, 255, .16);--_btn-bg-pressed: rgba(255, 255, 255, .28);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-border: rgba(255, 255, 255, .72);--_btn-border-hover: var(--ius-neutral-white);--_btn-border-pressed: var(--ius-neutral-white)}:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=secondary],:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=tertiary]{--_btn-bg: rgba(255, 255, 255, .16);--_btn-bg-hover: rgba(255, 255, 255, .26);--_btn-bg-pressed: rgba(255, 255, 255, .34);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-border: transparent;--_btn-border-hover: transparent;--_btn-border-pressed: transparent}:host([data-variant=solid]) ::ng-deep .ius-txtbtn{color:var(--ius-neutral-white)}:host([data-variant=solid]) ::ng-deep .ius-txtbtn:hover:not(:disabled),:host([data-variant=solid]) ::ng-deep .ius-txtbtn[data-force=hover]:not(:disabled){color:#ffffffc7}:host([data-variant=solid]) ::ng-deep .ius-tag{--_c-soft: rgba(255, 255, 255, .16);--_c-soft-h: rgba(255, 255, 255, .24);--_c-soft-p: rgba(255, 255, 255, .3);--_c-fg: var(--ius-neutral-white);--_c-accent: var(--ius-neutral-white);background:#ffffff29;border-color:transparent}:host(:not([data-variant=solid])) ::ng-deep .ius-tag:not([data-variant=solid]){background:var(--ius-surface-card);border-color:var(--ius-stroke)}:host(:not([data-variant=solid])) ::ng-deep .ius-btn[data-variant=outline]{--_btn-bg: var(--ius-surface-card);--_btn-bg-hover: var(--ius-neutral-1);--_btn-bg-pressed: var(--ius-neutral-3);--_btn-fg: var(--ius-text-primary);--_btn-fg-hover: var(--ius-primary-500);--_btn-fg-pressed: var(--ius-primary-600);--_btn-border: var(--ius-stroke-strong);--_btn-border-hover: var(--ius-primary-500);--_btn-border-pressed: var(--ius-primary-600)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2194
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AlertComponent, isStandalone: true, selector: "ius-alert", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, overline: { classPropertyName: "overline", publicName: "overline", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconChip: { classPropertyName: "iconChip", publicName: "iconChip", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, actionsDivider: { classPropertyName: "actionsDivider", publicName: "actionsDivider", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "attr.role": "role()", "attr.data-tone": "tone()", "attr.data-variant": "variant()", "attr.data-size": "size() !== 'medium' ? size() : null", "attr.data-border": "border() !== 'solid' ? border() : null", "attr.data-align": "computedAlign() !== 'start' ? computedAlign() : null" }, classAttribute: "ius-alert" }, queries: [{ propertyName: "actionsRef", first: true, predicate: IusAlertActionsDirective, descendants: true, isSignal: true }, { propertyName: "trailingRef", first: true, predicate: IusAlertTrailingDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (iconName()) {\r\n <span class=\"ius-alert__icon\" [attr.data-chip]=\"chip() || null\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ iconName() }}</span>\r\n </span>\r\n}\r\n\r\n<div class=\"ius-alert__main\">\r\n @if (showHead()) {\r\n <div class=\"ius-alert__head\">\r\n <div class=\"ius-alert__headtext\">\r\n @if (overline() != null) {\r\n <span class=\"ius-alert__overline\">{{ overline() }}</span>\r\n }\r\n @if (title() != null) {\r\n <div class=\"ius-alert__title\">{{ title() }}</div>\r\n }\r\n </div>\r\n @if (meta() != null) {\r\n <span class=\"ius-alert__meta\">{{ meta() }}</span>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"ius-alert__body\"><ng-content /></div>\r\n\r\n @if (hasActions()) {\r\n <div class=\"ius-alert__actions\" [attr.data-divider]=\"actionsDivider() ? null : 'false'\">\r\n <ng-content select=\"[iusAlertActions]\" />\r\n </div>\r\n }\r\n</div>\r\n\r\n@if (showTrailing()) {\r\n <div class=\"ius-alert__trailing\">\r\n <ng-content select=\"[iusAlertTrailing]\" />\r\n </div>\r\n}\r\n\r\n@if (closable()) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-alert__close\"\r\n [attr.aria-label]=\"closeLabel()\"\r\n (click)=\"closed.emit()\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </button>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_al-tint: var(--ius-info-100);--_al-border: var(--ius-info-200);--_al-accent: var(--ius-info-600);--_al-title: var(--ius-info-800);--_al-solid-a: var(--ius-info-500);--_al-solid-b: var(--ius-info-700);--_al-pad-y: var(--ius-space-md);--_al-pad-x: var(--ius-space-md);--_al-gap: var(--ius-space-sm);--_al-title-fs: var(--ius-fs-lg);--_al-title-lh: var(--ius-lh-lg);--_al-body-fs: var(--ius-fs-base);--_al-body-lh: var(--ius-lh-base);--_al-icon: var(--ius-icon-lg);--_al-chip: 38px;display:flex;align-items:flex-start;gap:var(--_al-gap);box-sizing:border-box;width:100%;padding:var(--_al-pad-y) var(--_al-pad-x);border-radius:var(--ius-radius-lg);border:1px solid var(--_al-border);background:var(--_al-tint);font-family:var(--ius-font-body);color:var(--ius-text-primary)}:host([data-size=small]){--_al-pad-y: var(--ius-space-sm);--_al-pad-x: var(--ius-space-sm);--_al-gap: var(--ius-space-xs);--_al-title-fs: var(--ius-fs-base);--_al-title-lh: var(--ius-lh-base);--_al-body-fs: var(--ius-fs-sm);--_al-body-lh: var(--ius-lh-sm);--_al-icon: var(--ius-icon-md);--_al-chip: 30px}:host([data-size=large]){--_al-pad-y: var(--ius-space-lg);--_al-pad-x: var(--ius-space-lg);--_al-gap: var(--ius-space-md);--_al-title-fs: var(--ius-fs-h4);--_al-title-lh: var(--ius-lh-h4);--_al-body-fs: var(--ius-fs-lg);--_al-body-lh: var(--ius-lh-lg);--_al-icon: var(--ius-icon-xl);--_al-chip: 44px}:host([data-tone=info]){--_al-tint: var(--ius-info-100);--_al-border: var(--ius-info-200);--_al-accent: var(--ius-info-600);--_al-title: var(--ius-info-800);--_al-solid-a: var(--ius-info-500);--_al-solid-b: var(--ius-info-700)}:host([data-tone=success]){--_al-tint: var(--ius-success-100);--_al-border: var(--ius-success-200);--_al-accent: var(--ius-success-700);--_al-title: var(--ius-success-800);--_al-solid-a: var(--ius-success-600);--_al-solid-b: var(--ius-success-800)}:host([data-tone=warning]){--_al-tint: var(--ius-warning-100);--_al-border: var(--ius-warning-200);--_al-accent: var(--ius-warning-700);--_al-title: var(--ius-warning-800);--_al-solid-a: var(--ius-warning-600);--_al-solid-b: var(--ius-warning-800)}:host([data-tone=danger]){--_al-tint: var(--ius-danger-100);--_al-border: var(--ius-danger-200);--_al-accent: var(--ius-danger-600);--_al-title: var(--ius-danger-800);--_al-solid-a: var(--ius-danger-500);--_al-solid-b: var(--ius-danger-700)}:host([data-tone=neutral]){--_al-tint: var(--ius-neutral-2);--_al-border: var(--ius-neutral-4);--_al-accent: var(--ius-neutral-8);--_al-title: var(--ius-neutral-10);--_al-solid-a: var(--ius-neutral-7);--_al-solid-b: var(--ius-neutral-9)}:host([data-tone=primary]){--_al-tint: var(--ius-primary-100);--_al-border: var(--ius-primary-200);--_al-accent: var(--ius-primary-600);--_al-title: var(--ius-primary-800);--_al-solid-a: var(--ius-primary-500);--_al-solid-b: var(--ius-primary-800)}:host([data-variant=gradient]){background:linear-gradient(135deg,var(--_al-tint) 0%,color-mix(in srgb,var(--_al-tint) 35%,white) 100%)}:host([data-variant=outline]){background:var(--ius-surface-card);border-color:var(--_al-accent)}:host([data-variant=solid]){background:linear-gradient(120deg,var(--_al-solid-a) 0%,var(--_al-solid-b) 100%);border-color:transparent;color:var(--ius-neutral-white)}:host([data-variant=solid]) .ius-alert__title,:host([data-variant=solid]) .ius-alert__overline{color:var(--ius-neutral-white)}:host([data-variant=solid]) .ius-alert__body{color:#ffffffeb}:host([data-variant=solid]) .ius-alert__meta{color:#ffffffb8}:host([data-variant=solid]) .ius-alert__actions{border-top-color:#ffffff38}:host([data-border=dashed]){border-style:dashed}:host([data-border=none]){border-color:transparent}.ius-alert__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--_al-accent);margin-top:1px}.ius-alert__icon .ius-icon{font-size:var(--_al-icon);line-height:1}:host([data-variant=solid]) .ius-alert__icon{width:var(--_al-chip);height:var(--_al-chip);border-radius:var(--ius-radius-md);background:#ffffff2e;color:var(--ius-neutral-white);margin-top:0}.ius-alert__icon[data-chip=true]{width:var(--_al-chip);height:var(--_al-chip);border-radius:var(--ius-radius-md);background:color-mix(in srgb,var(--_al-accent) 14%,white)}.ius-alert__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-alert__head{display:flex;align-items:baseline;gap:var(--ius-space-sm)}.ius-alert__headtext{flex:1 1 auto;min-width:0}.ius-alert__overline{display:block;font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:var(--ius-ls-emphasis);text-transform:uppercase;color:var(--_al-accent);margin-bottom:1px}.ius-alert__title{font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold, 600);font-size:var(--_al-title-fs);line-height:var(--_al-title-lh);color:var(--_al-title)}.ius-alert__meta{flex:0 0 auto;font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-base);color:var(--ius-text-tertiary);white-space:nowrap}.ius-alert__body{font-family:var(--ius-font-body);font-size:var(--_al-body-fs);line-height:var(--_al-body-lh);color:var(--ius-text-secondary)}.ius-alert__body b,.ius-alert__body strong{color:inherit;font-weight:var(--ius-fw-semibold, 600)}:host([data-variant=solid]) .ius-alert__body b{color:var(--ius-neutral-white)}.ius-alert__actions{margin-top:var(--ius-space-sm);padding-top:var(--ius-space-sm);border-top:1px solid var(--_al-border);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ius-space-xs)}.ius-alert__actions[data-divider=false]{border-top:0;padding-top:0;margin-top:var(--ius-space-xs)}:host([data-align=center]){align-items:center}.ius-alert__trailing{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ius-space-xs)}.ius-alert__close{flex:0 0 auto;appearance:none;border:0;background:transparent;padding:var(--ius-space-xxs);margin:-2px -4px 0 0;display:inline-flex;align-items:center;justify-content:center;color:var(--ius-text-tertiary);cursor:pointer;border-radius:var(--ius-radius-sm);transition:color var(--ius-duration-fast) var(--ius-ease-standard),background var(--ius-duration-fast) var(--ius-ease-standard)}.ius-alert__close .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-alert__close:hover{color:var(--ius-text-primary);background:#0000000d}.ius-alert__close:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}:host([data-variant=solid]) .ius-alert__close{color:#ffffffc7}:host([data-variant=solid]) .ius-alert__close:hover{color:var(--ius-neutral-white);background:#ffffff26}:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=primary]{--_btn-bg: var(--ius-neutral-white);--_btn-bg-hover: rgba(255, 255, 255, .88);--_btn-bg-pressed: rgba(255, 255, 255, .76);--_btn-fg: var(--_al-solid-b);--_btn-fg-hover: var(--_al-solid-b);--_btn-fg-pressed: var(--_al-solid-b);--_btn-border: transparent;--_btn-border-hover: transparent;--_btn-border-pressed: transparent}:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=outline]{--_btn-bg: transparent;--_btn-bg-hover: rgba(255, 255, 255, .16);--_btn-bg-pressed: rgba(255, 255, 255, .28);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-border: rgba(255, 255, 255, .72);--_btn-border-hover: var(--ius-neutral-white);--_btn-border-pressed: var(--ius-neutral-white)}:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=secondary],:host([data-variant=solid]) ::ng-deep .ius-btn[data-variant=tertiary]{--_btn-bg: rgba(255, 255, 255, .16);--_btn-bg-hover: rgba(255, 255, 255, .26);--_btn-bg-pressed: rgba(255, 255, 255, .34);--_btn-fg: var(--ius-neutral-white);--_btn-fg-hover: var(--ius-neutral-white);--_btn-fg-pressed: var(--ius-neutral-white);--_btn-border: transparent;--_btn-border-hover: transparent;--_btn-border-pressed: transparent}:host([data-variant=solid]) ::ng-deep .ius-txtbtn{color:var(--ius-neutral-white)}:host([data-variant=solid]) ::ng-deep .ius-txtbtn:hover:not(:disabled),:host([data-variant=solid]) ::ng-deep .ius-txtbtn[data-force=hover]:not(:disabled){color:#ffffffc7}:host([data-variant=solid]) ::ng-deep .ius-tag{--_c-soft: rgba(255, 255, 255, .16);--_c-soft-h: rgba(255, 255, 255, .24);--_c-soft-p: rgba(255, 255, 255, .3);--_c-fg: var(--ius-neutral-white);--_c-accent: var(--ius-neutral-white);background:#ffffff29;border-color:transparent}:host(:not([data-variant=solid])) ::ng-deep .ius-tag:not([data-variant=solid]){background:var(--ius-surface-card);border-color:var(--ius-stroke)}:host(:not([data-variant=solid])) ::ng-deep .ius-btn[data-variant=outline]{--_btn-bg: var(--ius-surface-card);--_btn-bg-hover: var(--ius-neutral-1);--_btn-bg-pressed: var(--ius-neutral-3);--_btn-fg: var(--ius-text-primary);--_btn-fg-hover: var(--ius-primary-500);--_btn-fg-pressed: var(--ius-primary-600);--_btn-border: var(--ius-stroke-strong);--_btn-border-hover: var(--ius-primary-500);--_btn-border-pressed: var(--ius-primary-600)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2195
2195
|
}
|
|
2196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AlertComponent, decorators: [{
|
|
2197
2197
|
type: Component,
|
|
2198
2198
|
args: [{ selector: 'ius-alert', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2199
2199
|
class: 'ius-alert',
|
|
@@ -2489,10 +2489,10 @@ class IllustrationComponent {
|
|
|
2489
2489
|
const inner = entry.inner.split(marker).join(`${marker}${this.instanceId}_`);
|
|
2490
2490
|
this.safeInner = this.sanitizer.bypassSecurityTrustHtml(inner);
|
|
2491
2491
|
}
|
|
2492
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2493
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
2492
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2493
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: IllustrationComponent, isStandalone: true, selector: "ius-illustration", inputs: { name: "name", size: "size", title: "title" }, host: { classAttribute: "ius-illustration" }, ngImport: i0, template: "@if (hasEntry) {\r\n <svg\r\n [attr.viewBox]=\"viewBox\"\r\n [attr.width]=\"px\"\r\n [attr.height]=\"px\"\r\n role=\"img\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [innerHTML]=\"safeInner\"\r\n ></svg>\r\n} @else {\r\n <!-- Placeholder: nombre v\u00E1lido sin arte disponible (data parcial) o nombre\r\n desconocido. Espejo del fallback de Illustration.jsx. -->\r\n <svg\r\n viewBox=\"0 0 110 110\"\r\n [attr.width]=\"px\"\r\n [attr.height]=\"px\"\r\n role=\"img\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n >\r\n <rect\r\n x=\"6\"\r\n y=\"6\"\r\n width=\"98\"\r\n height=\"98\"\r\n rx=\"14\"\r\n fill=\"var(--ius-neutral-2)\"\r\n stroke=\"var(--ius-stroke)\"\r\n stroke-dasharray=\"4 4\"\r\n />\r\n </svg>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;line-height:0}svg{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2494
2494
|
}
|
|
2495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IllustrationComponent, decorators: [{
|
|
2496
2496
|
type: Component,
|
|
2497
2497
|
args: [{ selector: 'ius-illustration', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-illustration' }, template: "@if (hasEntry) {\r\n <svg\r\n [attr.viewBox]=\"viewBox\"\r\n [attr.width]=\"px\"\r\n [attr.height]=\"px\"\r\n role=\"img\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [innerHTML]=\"safeInner\"\r\n ></svg>\r\n} @else {\r\n <!-- Placeholder: nombre v\u00E1lido sin arte disponible (data parcial) o nombre\r\n desconocido. Espejo del fallback de Illustration.jsx. -->\r\n <svg\r\n viewBox=\"0 0 110 110\"\r\n [attr.width]=\"px\"\r\n [attr.height]=\"px\"\r\n role=\"img\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n >\r\n <rect\r\n x=\"6\"\r\n y=\"6\"\r\n width=\"98\"\r\n height=\"98\"\r\n rx=\"14\"\r\n fill=\"var(--ius-neutral-2)\"\r\n stroke=\"var(--ius-stroke)\"\r\n stroke-dasharray=\"4 4\"\r\n />\r\n </svg>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;line-height:0}svg{display:block}\n"] }]
|
|
2498
2498
|
}], propDecorators: { name: [{
|
|
@@ -2607,8 +2607,8 @@ class CheckboxComponent {
|
|
|
2607
2607
|
onBlur() {
|
|
2608
2608
|
this.onTouched();
|
|
2609
2609
|
}
|
|
2610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
2610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2611
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CheckboxComponent, isStandalone: true, selector: "ius-checkbox", inputs: { label: "label", labelPosition: "labelPosition", showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", name: "name", value: "value", size: "size", checked: ["checked", "checked", booleanAttribute], defaultChecked: ["defaultChecked", "defaultChecked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-checked": "checked ? 'true' : null", "attr.data-indeterminate": "indeterminate ? 'true' : null", "attr.data-disabled": "disabled ? 'true' : null" }, classAttribute: "ius-cbx" }, providers: [
|
|
2612
2612
|
{
|
|
2613
2613
|
provide: NG_VALUE_ACCESSOR,
|
|
2614
2614
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
@@ -2616,7 +2616,7 @@ class CheckboxComponent {
|
|
|
2616
2616
|
},
|
|
2617
2617
|
], ngImport: i0, template: "<label class=\"ius-cbx__inner\" [attr.data-label-position]=\"labelPosition\">\r\n <!-- Input primero + ctrl inmediatamente despu\u00E9s: el halo de foco usa el\r\n selector adyacente `.ius-cbx__input:focus-visible + .ius-cbx__ctrl`, as\u00ED\r\n que el orden DOM se fija aqu\u00ED y la posici\u00F3n visual del label la resuelve\r\n `order` en el SCSS (labelPosition left/right). -->\r\n <input\r\n [id]=\"inputId\"\r\n class=\"ius-cbx__input\"\r\n type=\"checkbox\"\r\n [name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-checked]=\"ariaChecked\"\r\n (change)=\"onToggle()\"\r\n (blur)=\"onBlur()\"\r\n />\r\n\r\n <span class=\"ius-cbx__ctrl\" aria-hidden=\"true\">\r\n <span class=\"ius-cbx__box\">\r\n <span class=\"ius-cbx__check\">\r\n <span class=\"ius-icon\">{{ glyph }}</span>\r\n </span>\r\n </span>\r\n </span>\r\n\r\n @if (label != null) {\r\n <span class=\"ius-cbx__label\">\r\n <span>{{ label }}</span>\r\n @if (showIconHelp) {\r\n <span\r\n class=\"ius-cbx__help\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n (click)=\"$event.preventDefault()\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\r\n }\r\n </span>\r\n }\r\n</label>\r\n", styles: ["@charset \"UTF-8\";:host{--_cbx-size: 20px;--_cbx-halo: 38px;--_cbx-fs: var(--ius-fs-base);display:inline-block;vertical-align:middle}:host([data-size=small]){--_cbx-size: 16px;--_cbx-halo: 32px;--_cbx-fs: var(--ius-fs-base)}:host([data-size=large]){--_cbx-size: 24px;--_cbx-halo: var(--ius-hit-target-min, 44px);--_cbx-fs: var(--ius-fs-lg)}.ius-cbx__inner{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--_cbx-fs);color:var(--ius-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ius-cbx__inner[data-label-position=left] .ius-cbx__label{order:-1}:host([data-disabled=true]) .ius-cbx__inner{cursor:not-allowed;color:var(--ius-text-disabled)}.ius-cbx__input{position:absolute;opacity:0;width:0;height:0;margin:0}.ius-cbx__ctrl{position:relative;flex:0 0 auto;display:grid;place-items:center}.ius-cbx__ctrl:before{content:\"\";position:absolute;width:var(--_cbx-halo);height:var(--_cbx-halo);border-radius:var(--ius-radius-pill);background:transparent;z-index:0;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-cbx__box{position:relative;z-index:1;width:var(--_cbx-size);height:var(--_cbx-size);border-radius:var(--ius-radius-sm);background:var(--ius-neutral-3);border:1.5px solid transparent;display:grid;place-items:center;color:var(--ius-neutral-white);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-cbx__check{display:inline-flex;opacity:0}.ius-cbx__check .ius-icon{font-size:calc(var(--_cbx-size) - 4px);line-height:1}.ius-cbx__label{display:inline-flex;align-items:center;gap:var(--ius-space-xs)}.ius-cbx__help{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-cbx__help .ius-icon{font-size:calc(var(--_cbx-fs) + 4px);line-height:1}:host([data-disabled=true]) .ius-cbx__help{color:var(--ius-text-disabled)}:host(:hover) .ius-cbx__ctrl:before,:host([data-force=hover]) .ius-cbx__ctrl:before{background:var(--ius-neutral-3)}:host(:active) .ius-cbx__ctrl:before,:host([data-force=pressed]) .ius-cbx__ctrl:before,:host([data-force=focused]) .ius-cbx__ctrl:before,.ius-cbx__input:focus-visible+.ius-cbx__ctrl:before{background:var(--ius-info-200)}:host(:not([data-checked=true]):not([data-indeterminate=true]):not([data-disabled=true]):hover) .ius-cbx__box,:host(:not([data-checked=true]):not([data-indeterminate=true]):not([data-disabled=true]):active) .ius-cbx__box,:host(:not([data-checked=true]):not([data-indeterminate=true])[data-force=hover]) .ius-cbx__box,:host(:not([data-checked=true]):not([data-indeterminate=true])[data-force=pressed]) .ius-cbx__box,:host(:not([data-checked=true]):not([data-indeterminate=true])[data-force=focused]) .ius-cbx__box,.ius-cbx__input:focus-visible+.ius-cbx__ctrl .ius-cbx__box{background:var(--ius-neutral-white);border-color:var(--ius-stroke-strong)}:host([data-checked=true]) .ius-cbx__box,:host([data-indeterminate=true]) .ius-cbx__box{background:var(--ius-primary-900);border-color:transparent}:host([data-checked=true]) .ius-cbx__check,:host([data-indeterminate=true]) .ius-cbx__check{opacity:1}:host([data-disabled=true]) .ius-cbx__box{background:transparent;border-color:var(--ius-stroke)}:host([data-disabled=true][data-checked=true]) .ius-cbx__box,:host([data-disabled=true][data-indeterminate=true]) .ius-cbx__box{background:var(--ius-neutral-3);border-color:transparent;color:var(--ius-neutral-white)}:host([data-disabled=true]) .ius-cbx__ctrl:before{background:transparent!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2618
2618
|
}
|
|
2619
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
2620
2620
|
type: Component,
|
|
2621
2621
|
args: [{ selector: 'ius-checkbox', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
2622
2622
|
{
|
|
@@ -2789,10 +2789,10 @@ class AvatarComponent {
|
|
|
2789
2789
|
this.edit.emit(event);
|
|
2790
2790
|
}
|
|
2791
2791
|
}
|
|
2792
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2793
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
2792
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2793
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AvatarComponent, isStandalone: true, selector: "ius-avatar", inputs: { alt: "alt", name: "name", monogram: "monogram", icon: "icon", shape: "shape", size: "size", color: "color", editable: ["editable", "editable", booleanAttribute], editIcon: "editIcon", ariaLabel: "ariaLabel", src: "src" }, outputs: { edit: "edit" }, host: { listeners: { "click": "onHostClick($event)", "keydown": "onKeydown($event)" }, properties: { "attr.data-shape": "shape !== 'circle' ? shape : null", "attr.data-size": "size !== 'medium' ? size : null", "attr.data-color": "variant === 'photo' ? null : resolvedColor", "attr.data-variant": "variant", "attr.data-editable": "editable ? 'true' : null", "attr.role": "hostRole", "attr.tabindex": "editable ? 0 : null", "attr.aria-label": "hostAriaLabel" }, classAttribute: "ius-avt" }, ngImport: i0, template: "@if (variant === 'photo') {\r\n <img\r\n class=\"ius-avt__img\"\r\n [src]=\"src\"\r\n [attr.alt]=\"imgAlt\"\r\n (error)=\"onImgError()\"\r\n draggable=\"false\"\r\n />\r\n} @else if (variant === 'icon') {\r\n <span class=\"ius-avt__icon\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ icon }}</span>\r\n </span>\r\n} @else {\r\n <span class=\"ius-avt__mono\" aria-hidden=\"true\">{{ initials }}</span>\r\n}\r\n\r\n@if (editable) {\r\n <span class=\"ius-avt__overlay\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ editIcon }}</span>\r\n </span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_avt-size: 40px;--_avt-initials: var(--ius-fs-base);--_avt-glyph: var(--ius-icon-md);--_avt-radius: var(--ius-radius-pill);--_avt-bg: var(--ius-neutral-3);--_avt-fg: var(--ius-neutral-9);position:relative;box-sizing:border-box;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--_avt-size);height:var(--_avt-size);border-radius:var(--_avt-radius);overflow:hidden;font-family:var(--ius-font-display);font-weight:600;font-size:var(--_avt-initials);line-height:1;letter-spacing:.01em;color:var(--_avt-fg);background:var(--_avt-bg);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-shape=square]){--_avt-radius: var(--ius-radius-lg)}:host([data-shape=square-outline]){--_avt-radius: var(--ius-radius-lg)}:host([data-size=xsmall]){--_avt-size: 24px;--_avt-initials: 10px;--_avt-glyph: 14px}:host([data-size=small]){--_avt-size: 32px;--_avt-initials: var(--ius-fs-sm);--_avt-glyph: var(--ius-icon-sm)}:host([data-size=large]){--_avt-size: 64px;--_avt-initials: 24px;--_avt-glyph: 34px}:host([data-color=info]){--_avt-bg: var(--ius-info-100);--_avt-fg: var(--ius-info-700)}:host([data-color=primary]){--_avt-bg: var(--ius-primary-100);--_avt-fg: var(--ius-primary-700)}:host([data-color=success]){--_avt-bg: var(--ius-success-100);--_avt-fg: var(--ius-success-800)}:host([data-color=warning]){--_avt-bg: var(--ius-warning-100);--_avt-fg: var(--ius-warning-800)}:host([data-color=danger]){--_avt-bg: var(--ius-danger-100);--_avt-fg: var(--ius-danger-700)}:host([data-color=neutral]){--_avt-bg: var(--ius-neutral-3);--_avt-fg: var(--ius-neutral-9)}:host([data-color=durazno]){--_avt-bg: var(--ius-durazno-100);--_avt-fg: var(--ius-durazno-700)}:host([data-color=banano]){--_avt-bg: var(--ius-banano-100);--_avt-fg: var(--ius-banano-800)}:host([data-color=sandia]){--_avt-bg: var(--ius-sandia-100);--_avt-fg: var(--ius-sandia-700)}:host([data-color=arandano]){--_avt-bg: var(--ius-arandano-100);--_avt-fg: var(--ius-arandano-700)}:host([data-color=uva]){--_avt-bg: var(--ius-uva-100);--_avt-fg: var(--ius-uva-700)}:host([data-color=aguacate]){--_avt-bg: var(--ius-aguacate-100);--_avt-fg: var(--ius-aguacate-700)}:host([data-shape=circle-outline]),:host([data-shape=square-outline]){--_avt-bg: var(--ius-neutral-white);border:1.5px solid var(--_avt-fg)}:host([data-shape=circle-outline][data-color=neutral]),:host([data-shape=square-outline][data-color=neutral]){--_avt-fg: var(--ius-neutral-7)}:host([data-variant=photo]){--_avt-bg: var(--ius-neutral-2)}.ius-avt__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ius-avt__icon{display:inline-flex}.ius-avt__icon .ius-icon{font-size:var(--_avt-glyph);line-height:1}.ius-avt__mono{display:inline-flex}.ius-avt__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#2626268c;color:var(--ius-neutral-white);opacity:0;transition:opacity var(--ius-duration-fast) var(--ius-ease-standard);pointer-events:none}.ius-avt__overlay .ius-icon{font-size:calc(var(--_avt-size) * .4);line-height:1}:host([data-editable=true]){cursor:pointer;appearance:none;padding:0;margin:0}:host([data-editable=true]:hover) .ius-avt__overlay,:host([data-editable=true][data-force=hover]) .ius-avt__overlay{opacity:1}:host([data-editable=true]:focus-visible),:host([data-editable=true][data-force=focused]){outline:none;box-shadow:var(--ius-focus-ring)}:host([data-editable=true]:focus-visible) .ius-avt__overlay,:host([data-editable=true][data-force=focused]) .ius-avt__overlay{opacity:1;background:var(--ius-info-200);color:var(--ius-text-primary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2794
2794
|
}
|
|
2795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2796
2796
|
type: Component,
|
|
2797
2797
|
args: [{ selector: 'ius-avatar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2798
2798
|
class: 'ius-avt',
|
|
@@ -2879,10 +2879,10 @@ class IconButtonComponent {
|
|
|
2879
2879
|
onClick(event) {
|
|
2880
2880
|
this.clicked.emit(event);
|
|
2881
2881
|
}
|
|
2882
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2883
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.
|
|
2882
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2883
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.8", type: IconButtonComponent, isStandalone: true, selector: "ius-icon-button", inputs: { icon: "icon", variant: "variant", size: "size", shape: "shape", disabled: ["disabled", "disabled", booleanAttribute], type: "type", ariaLabel: "ariaLabel", tooltip: "tooltip", tooltipPlacement: "tooltipPlacement" }, outputs: { clicked: "clicked" }, host: { classAttribute: "ius-iconbtn-host" }, ngImport: i0, template: "<!-- Sin `tooltip` el ius-tooltip queda inerte (disabled) y el bot\u00F3n pasa tal cual. -->\r\n<ius-tooltip [label]=\"tooltip\" [placement]=\"tooltipPlacement\">\r\n <button\r\n class=\"ius-iconbtn\"\r\n [type]=\"type\"\r\n [attr.data-variant]=\"variant\"\r\n [attr.data-size]=\"size\"\r\n [attr.data-shape]=\"shape\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-disabled]=\"disabled || null\"\r\n [attr.aria-label]=\"computedLabel\"\r\n (click)=\"onClick($event)\"\r\n >\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ icon }}</span>\r\n </button>\r\n</ius-tooltip>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-iconbtn{-webkit-user-select:none;--_ib-size: 36px;--_ib-icon: var(--ius-icon-md);--_ib-bg: transparent;--_ib-bg-hover: var(--ius-neutral-3);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: transparent;--_ib-fg: var(--ius-text-primary);--_ib-fg-hover: var(--ius-text-primary);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled);display:inline-flex;align-items:center;justify-content:center;width:var(--_ib-size, 36px);height:var(--_ib-size, 36px);padding:0;border:0;border-radius:var(--ius-radius-md);background:var(--_ib-bg);color:var(--_ib-fg);cursor:pointer;user-select:none;outline:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard);-webkit-tap-highlight-color:transparent}.ius-iconbtn[data-size=small]{--_ib-size: 28px;--_ib-icon: var(--ius-icon-sm)}.ius-iconbtn[data-size=large]{--_ib-size: var(--ius-hit-target-min, 44px);--_ib-icon: var(--ius-icon-lg)}.ius-iconbtn[data-shape=circle]{border-radius:var(--ius-radius-pill)}.ius-iconbtn[data-shape=circle][data-variant=secondary]{--_ib-bg: var(--ius-neutral-white);--_ib-bg-hover: var(--ius-success-100);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: var(--ius-neutral-2);--_ib-fg: var(--ius-success-600);--_ib-fg-hover: var(--ius-success-600);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled);border:1.5px solid var(--ius-success-500)}.ius-iconbtn[data-shape=circle][data-variant=secondary]:disabled,.ius-iconbtn[data-shape=circle][data-variant=secondary][aria-disabled=true]{border-color:var(--ius-neutral-4)}.ius-iconbtn[data-shape=circle][data-variant=secondary]:active:not(:disabled),:host([data-force=pressed]) .ius-iconbtn[data-shape=circle][data-variant=secondary]:not(:disabled){border-color:var(--ius-success-500)}.ius-iconbtn[data-shape=circle][data-variant=tertiary]{--_ib-bg-pressed: var(--ius-primary-900)}.ius-iconbtn:hover:not(:disabled),:host([data-force=hover]) .ius-iconbtn:not(:disabled){background:var(--_ib-bg-hover);color:var(--_ib-fg-hover)}.ius-iconbtn:active:not(:disabled),:host([data-force=pressed]) .ius-iconbtn:not(:disabled){background:var(--_ib-bg-pressed);color:var(--_ib-fg-pressed)}.ius-iconbtn:focus-visible{box-shadow:var(--ius-focus-ring)}.ius-iconbtn:disabled,.ius-iconbtn[aria-disabled=true]{background:var(--_ib-bg-disabled);color:var(--_ib-fg-disabled);cursor:not-allowed}.ius-iconbtn[data-variant=secondary]{--_ib-bg: var(--ius-neutral-2);--_ib-bg-hover: var(--ius-neutral-4);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: var(--ius-neutral-2);--_ib-fg: var(--ius-success-600);--_ib-fg-hover: var(--ius-success-600);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled)}.ius-iconbtn[data-variant=tertiary]{--_ib-bg: transparent;--_ib-bg-hover: var(--ius-neutral-3);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: transparent;--_ib-fg: var(--ius-text-secondary);--_ib-fg-hover: var(--ius-text-secondary);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled)}.ius-iconbtn .ius-icon{font-size:var(--_ib-icon, var(--ius-icon-md));line-height:1}\n"], dependencies: [{ kind: "component", type: TooltipComponent, selector: "ius-tooltip", inputs: ["label", "placement", "trigger", "offset", "showArrow", "disabled", "open", "defaultOpen"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2884
2884
|
}
|
|
2885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
2886
2886
|
type: Component,
|
|
2887
2887
|
args: [{ selector: 'ius-icon-button', standalone: true, imports: [TooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-iconbtn-host' }, template: "<!-- Sin `tooltip` el ius-tooltip queda inerte (disabled) y el bot\u00F3n pasa tal cual. -->\r\n<ius-tooltip [label]=\"tooltip\" [placement]=\"tooltipPlacement\">\r\n <button\r\n class=\"ius-iconbtn\"\r\n [type]=\"type\"\r\n [attr.data-variant]=\"variant\"\r\n [attr.data-size]=\"size\"\r\n [attr.data-shape]=\"shape\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-disabled]=\"disabled || null\"\r\n [attr.aria-label]=\"computedLabel\"\r\n (click)=\"onClick($event)\"\r\n >\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ icon }}</span>\r\n </button>\r\n</ius-tooltip>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-iconbtn{-webkit-user-select:none;--_ib-size: 36px;--_ib-icon: var(--ius-icon-md);--_ib-bg: transparent;--_ib-bg-hover: var(--ius-neutral-3);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: transparent;--_ib-fg: var(--ius-text-primary);--_ib-fg-hover: var(--ius-text-primary);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled);display:inline-flex;align-items:center;justify-content:center;width:var(--_ib-size, 36px);height:var(--_ib-size, 36px);padding:0;border:0;border-radius:var(--ius-radius-md);background:var(--_ib-bg);color:var(--_ib-fg);cursor:pointer;user-select:none;outline:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard);-webkit-tap-highlight-color:transparent}.ius-iconbtn[data-size=small]{--_ib-size: 28px;--_ib-icon: var(--ius-icon-sm)}.ius-iconbtn[data-size=large]{--_ib-size: var(--ius-hit-target-min, 44px);--_ib-icon: var(--ius-icon-lg)}.ius-iconbtn[data-shape=circle]{border-radius:var(--ius-radius-pill)}.ius-iconbtn[data-shape=circle][data-variant=secondary]{--_ib-bg: var(--ius-neutral-white);--_ib-bg-hover: var(--ius-success-100);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: var(--ius-neutral-2);--_ib-fg: var(--ius-success-600);--_ib-fg-hover: var(--ius-success-600);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled);border:1.5px solid var(--ius-success-500)}.ius-iconbtn[data-shape=circle][data-variant=secondary]:disabled,.ius-iconbtn[data-shape=circle][data-variant=secondary][aria-disabled=true]{border-color:var(--ius-neutral-4)}.ius-iconbtn[data-shape=circle][data-variant=secondary]:active:not(:disabled),:host([data-force=pressed]) .ius-iconbtn[data-shape=circle][data-variant=secondary]:not(:disabled){border-color:var(--ius-success-500)}.ius-iconbtn[data-shape=circle][data-variant=tertiary]{--_ib-bg-pressed: var(--ius-primary-900)}.ius-iconbtn:hover:not(:disabled),:host([data-force=hover]) .ius-iconbtn:not(:disabled){background:var(--_ib-bg-hover);color:var(--_ib-fg-hover)}.ius-iconbtn:active:not(:disabled),:host([data-force=pressed]) .ius-iconbtn:not(:disabled){background:var(--_ib-bg-pressed);color:var(--_ib-fg-pressed)}.ius-iconbtn:focus-visible{box-shadow:var(--ius-focus-ring)}.ius-iconbtn:disabled,.ius-iconbtn[aria-disabled=true]{background:var(--_ib-bg-disabled);color:var(--_ib-fg-disabled);cursor:not-allowed}.ius-iconbtn[data-variant=secondary]{--_ib-bg: var(--ius-neutral-2);--_ib-bg-hover: var(--ius-neutral-4);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: var(--ius-neutral-2);--_ib-fg: var(--ius-success-600);--_ib-fg-hover: var(--ius-success-600);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled)}.ius-iconbtn[data-variant=tertiary]{--_ib-bg: transparent;--_ib-bg-hover: var(--ius-neutral-3);--_ib-bg-pressed: var(--ius-success-500);--_ib-bg-disabled: transparent;--_ib-fg: var(--ius-text-secondary);--_ib-fg-hover: var(--ius-text-secondary);--_ib-fg-pressed: var(--ius-neutral-white);--_ib-fg-disabled: var(--ius-text-disabled)}.ius-iconbtn .ius-icon{font-size:var(--_ib-icon, var(--ius-icon-md));line-height:1}\n"] }]
|
|
2888
2888
|
}], propDecorators: { icon: [{
|
|
@@ -2941,10 +2941,10 @@ class NavUserComponent {
|
|
|
2941
2941
|
onClick(event) {
|
|
2942
2942
|
this.clicked.emit(event);
|
|
2943
2943
|
}
|
|
2944
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
2945
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
2944
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NavUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2945
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NavUserComponent, isStandalone: true, selector: "ius-nav-user", inputs: { user: "user", account: "account", layout: "layout", open: ["open", "open", booleanAttribute], ariaLabel: "ariaLabel" }, outputs: { clicked: "clicked" }, host: { classAttribute: "ius-navuser-host" }, ngImport: i0, template: "<button\r\n class=\"ius-navuser\"\r\n type=\"button\"\r\n [attr.data-open]=\"open ? 'true' : null\"\r\n aria-haspopup=\"menu\"\r\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\r\n [attr.aria-label]=\"hostAriaLabel\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <span class=\"ius-navuser__label\">\r\n @if (layout === 'stacked' && account?.name) {\r\n <span class=\"ius-navuser__account\">{{ account!.name }}</span>\r\n }\r\n <span class=\"ius-navuser__name\">{{ user?.name }}</span>\r\n </span>\r\n\r\n <span class=\"ius-navuser__photo\">\r\n <ius-avatar\r\n size=\"small\"\r\n shape=\"circle\"\r\n [src]=\"user?.avatar\"\r\n [name]=\"user?.name\"\r\n [icon]=\"avatarIcon\"\r\n [ariaLabel]=\"user?.name || 'Usuario'\"\r\n />\r\n </span>\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-navuser{box-sizing:border-box;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:var(--ius-space-sm);max-width:260px;padding:var(--ius-space-xxs) var(--ius-space-xs) var(--ius-space-xxs) var(--ius-space-xs);background:transparent;border:0;border-radius:var(--ius-radius-md);cursor:pointer;font-family:var(--ius-font-body);color:inherit;text-align:left;transition:background var(--ius-duration-fast) var(--ius-ease-standard)}.ius-navuser:hover,:host([data-state=hover]) .ius-navuser{background:var(--ius-neutral-2)}.ius-navuser:active,:host([data-state=pressed]) .ius-navuser,.ius-navuser[data-open=true]{background:var(--ius-neutral-3)}.ius-navuser:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-navuser__label{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;line-height:1.15}.ius-navuser__account{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-regular, 400);color:var(--ius-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ius-navuser__name{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-medium, 500);color:var(--ius-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ius-navuser__photo{flex:0 0 auto}\n"], dependencies: [{ kind: "component", type: AvatarComponent, selector: "ius-avatar", inputs: ["alt", "name", "monogram", "icon", "shape", "size", "color", "editable", "editIcon", "ariaLabel", "src"], outputs: ["edit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2946
2946
|
}
|
|
2947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
2947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NavUserComponent, decorators: [{
|
|
2948
2948
|
type: Component,
|
|
2949
2949
|
args: [{ selector: 'ius-nav-user', standalone: true, imports: [AvatarComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-navuser-host' }, template: "<button\r\n class=\"ius-navuser\"\r\n type=\"button\"\r\n [attr.data-open]=\"open ? 'true' : null\"\r\n aria-haspopup=\"menu\"\r\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\r\n [attr.aria-label]=\"hostAriaLabel\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <span class=\"ius-navuser__label\">\r\n @if (layout === 'stacked' && account?.name) {\r\n <span class=\"ius-navuser__account\">{{ account!.name }}</span>\r\n }\r\n <span class=\"ius-navuser__name\">{{ user?.name }}</span>\r\n </span>\r\n\r\n <span class=\"ius-navuser__photo\">\r\n <ius-avatar\r\n size=\"small\"\r\n shape=\"circle\"\r\n [src]=\"user?.avatar\"\r\n [name]=\"user?.name\"\r\n [icon]=\"avatarIcon\"\r\n [ariaLabel]=\"user?.name || 'Usuario'\"\r\n />\r\n </span>\r\n</button>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex}.ius-navuser{box-sizing:border-box;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:var(--ius-space-sm);max-width:260px;padding:var(--ius-space-xxs) var(--ius-space-xs) var(--ius-space-xxs) var(--ius-space-xs);background:transparent;border:0;border-radius:var(--ius-radius-md);cursor:pointer;font-family:var(--ius-font-body);color:inherit;text-align:left;transition:background var(--ius-duration-fast) var(--ius-ease-standard)}.ius-navuser:hover,:host([data-state=hover]) .ius-navuser{background:var(--ius-neutral-2)}.ius-navuser:active,:host([data-state=pressed]) .ius-navuser,.ius-navuser[data-open=true]{background:var(--ius-neutral-3)}.ius-navuser:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-navuser__label{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;line-height:1.15}.ius-navuser__account{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-regular, 400);color:var(--ius-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ius-navuser__name{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-medium, 500);color:var(--ius-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ius-navuser__photo{flex:0 0 auto}\n"] }]
|
|
2950
2950
|
}], propDecorators: { user: [{
|
|
@@ -3009,10 +3009,10 @@ class HeaderBarComponent {
|
|
|
3009
3009
|
get brandStatic() {
|
|
3010
3010
|
return !this.brandClick.observed;
|
|
3011
3011
|
}
|
|
3012
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3013
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3012
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HeaderBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3013
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: HeaderBarComponent, isStandalone: true, selector: "ius-header-bar", inputs: { module: "module", help: ["help", "help", booleanAttribute], support: ["support", "support", booleanAttribute], apps: ["apps", "apps", booleanAttribute], calendar: ["calendar", "calendar", booleanAttribute], notifications: ["notifications", "notifications", booleanAttribute], appsTemplate: "appsTemplate", user: "user", account: "account", accountOpen: ["accountOpen", "accountOpen", booleanAttribute] }, outputs: { brandClick: "brandClick", helpClick: "helpClick", supportClick: "supportClick", appsClick: "appsClick", calendarClick: "calendarClick", notificationsClick: "notificationsClick", accountClick: "accountClick" }, host: { attributes: { "role": "banner" }, classAttribute: "ius-headerbar" }, ngImport: i0, template: "<button\r\n class=\"ius-headerbar__brand\"\r\n type=\"button\"\r\n [attr.data-static]=\"brandStatic ? 'true' : null\"\r\n aria-label=\"Inicio\"\r\n (click)=\"brandClick.emit($event)\"\r\n>\r\n <ng-content select=\"[slot=logo]\">\r\n <span class=\"ius-headerbar__logo-slot\" aria-hidden=\"true\"></span>\r\n </ng-content>\r\n</button>\r\n\r\n@if (module) {\r\n <span class=\"ius-headerbar__module\">{{ module }}</span>\r\n}\r\n\r\n<span class=\"ius-headerbar__spacer\"></span>\r\n\r\n<div class=\"ius-headerbar__actions\">\r\n <ng-content select=\"[slot=actions]\">\r\n @if (help) {\r\n <ius-icon-button\r\n icon=\"help\"\r\n variant=\"tertiary\"\r\n shape=\"circle\"\r\n size=\"small\"\r\n ariaLabel=\"Ayuda\"\r\n (clicked)=\"helpClick.emit($event)\"\r\n />\r\n }\r\n @if (support) {\r\n <ius-icon-button\r\n icon=\"support_agent\"\r\n variant=\"tertiary\"\r\n shape=\"circle\"\r\n size=\"small\"\r\n ariaLabel=\"Soporte\"\r\n (clicked)=\"supportClick.emit($event)\"\r\n />\r\n }\r\n @if (calendar) {\r\n <ius-icon-button\r\n icon=\"calendar_month\"\r\n variant=\"tertiary\"\r\n shape=\"circle\"\r\n size=\"small\"\r\n ariaLabel=\"Eventos pr\u00F3ximos\"\r\n (clicked)=\"calendarClick.emit($event)\"\r\n />\r\n }\r\n @if (notifications) {\r\n <span class=\"ius-headerbar__bell\">\r\n <ius-icon-button\r\n icon=\"notifications\"\r\n variant=\"tertiary\"\r\n shape=\"circle\"\r\n size=\"small\"\r\n ariaLabel=\"Notificaciones\"\r\n (clicked)=\"notificationsClick.emit($event)\"\r\n />\r\n <span class=\"ius-headerbar__dot\" aria-hidden=\"true\"></span>\r\n </span>\r\n }\r\n @if (apps) {\r\n @if (appsTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"appsTemplate\" />\r\n } @else {\r\n <ius-icon-button\r\n icon=\"apps\"\r\n variant=\"tertiary\"\r\n shape=\"circle\"\r\n size=\"small\"\r\n ariaLabel=\"Aplicaciones\"\r\n (clicked)=\"appsClick.emit($event)\"\r\n />\r\n }\r\n }\r\n </ng-content>\r\n</div>\r\n\r\n@if (user) {\r\n <div class=\"ius-headerbar__divider\"></div>\r\n <ius-nav-user\r\n [user]=\"user\"\r\n [account]=\"account\"\r\n [open]=\"accountOpen\"\r\n (clicked)=\"accountClick.emit($event)\"\r\n />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;height:52px;display:flex;align-items:center;gap:var(--ius-space-md);padding:0 var(--ius-space-md);background:var(--ius-surface-card);border-bottom:1px solid var(--ius-stroke);font-family:var(--ius-font-body)}.ius-headerbar__brand{display:inline-flex;align-items:center;gap:var(--ius-space-xs);flex:0 0 auto;background:transparent;border:0;padding:var(--ius-space-xxs) var(--ius-space-xs);margin:0;border-radius:var(--ius-radius-md);cursor:pointer;color:inherit;transition:background var(--ius-duration-fast) var(--ius-ease-standard)}.ius-headerbar__brand:hover{background:var(--ius-neutral-2)}.ius-headerbar__brand:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-headerbar__brand[data-static=true]{cursor:default}.ius-headerbar__brand[data-static=true]:hover{background:transparent}.ius-headerbar__wordmark{font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold, 700);font-size:var(--ius-fs-h5);line-height:1;color:var(--ius-text-primary);letter-spacing:-.01em}.ius-headerbar__wordmark sup{font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-medium, 500);top:-.7em;margin-left:1px}.ius-headerbar__logo-slot{width:116px;height:28px;border-radius:var(--ius-radius-sm);background:var(--ius-neutral-2);flex:0 0 auto}.ius-headerbar__module{font-family:var(--ius-font-display);font-weight:var(--ius-fw-regular, 400);font-size:var(--ius-fs-h5);line-height:1;color:var(--ius-text-secondary);flex:0 0 auto}.ius-headerbar__spacer{flex:1 1 auto}.ius-headerbar__actions{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);flex:0 0 auto}.ius-headerbar__bell{position:relative;display:inline-flex}.ius-headerbar__bell .ius-headerbar__dot{position:absolute;top:0;right:0;pointer-events:none;width:8px;height:8px;border-radius:var(--ius-radius-pill);background:var(--ius-danger-500);box-shadow:0 0 0 2px var(--ius-surface-card)}.ius-headerbar__divider{width:1px;height:26px;background:var(--ius-stroke);margin:0 var(--ius-space-xxs);flex:0 0 auto}.ius-headerbar__account{display:inline-flex;align-items:center;gap:var(--ius-space-xs);flex:0 0 auto;background:transparent;border:1px solid transparent;padding:var(--ius-space-xxs) var(--ius-space-xs) var(--ius-space-xxs) var(--ius-space-xs);border-radius:var(--ius-radius-pill);cursor:pointer;color:inherit;transition:background var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-headerbar__account:hover{background:var(--ius-neutral-2)}.ius-headerbar__account:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-headerbar__account-name{font-family:var(--ius-font-body);font-weight:var(--ius-fw-medium, 500);font-size:var(--ius-fs-base);line-height:1.2;color:var(--ius-text-primary);white-space:nowrap}.ius-headerbar__account .ius-icon{color:var(--ius-text-tertiary);font-size:var(--ius-icon-md)}@media(max-width:600px){.ius-headerbar__module,.ius-headerbar__account-name{display:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "tooltipPlacement"], outputs: ["clicked"] }, { kind: "component", type: NavUserComponent, selector: "ius-nav-user", inputs: ["user", "account", "layout", "open", "ariaLabel"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3014
3014
|
}
|
|
3015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3015
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HeaderBarComponent, decorators: [{
|
|
3016
3016
|
type: Component,
|
|
3017
3017
|
args: [{ selector: 'ius-header-bar', standalone: true, imports: [NgTemplateOutlet, IconButtonComponent, NavUserComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3018
3018
|
class: 'ius-headerbar',
|
|
@@ -3155,10 +3155,10 @@ class CircularProgressComponent {
|
|
|
3155
3155
|
get center() {
|
|
3156
3156
|
return this.showValue && !this.indeterminate ? `${this.roundedPct}%` : null;
|
|
3157
3157
|
}
|
|
3158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3159
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CircularProgressComponent, isStandalone: true, selector: "ius-circular-progress", inputs: { value: "value", max: "max", indeterminate: ["indeterminate", "indeterminate", booleanAttribute], tone: "tone", size: "size", showValue: ["showValue", "showValue", booleanAttribute], ariaLabel: "ariaLabel" }, host: { attributes: { "role": "progressbar" }, properties: { "attr.data-size": "size", "attr.data-indeterminate": "indeterminate ? 'true' : null", "attr.aria-label": "ariaLabel || null", "attr.aria-valuenow": "indeterminate ? null : roundedPct", "attr.aria-valuemin": "indeterminate ? null : 0", "attr.aria-valuemax": "indeterminate ? null : 100", "style.--_cp-ind": "toneVar", "style.width.px": "dim.d", "style.height.px": "dim.d" }, classAttribute: "ius-circprog" }, ngImport: i0, template: "<svg\r\n class=\"ius-circprog__svg\"\r\n [attr.width]=\"dim.d\"\r\n [attr.height]=\"dim.d\"\r\n [attr.viewBox]=\"'0 0 ' + dim.d + ' ' + dim.d\"\r\n>\r\n @if (indeterminate) {\r\n <defs>\r\n <linearGradient [attr.id]=\"gid\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" [attr.stop-color]=\"grad.strong\" stop-opacity=\"1\" />\r\n <stop offset=\"100%\" [attr.stop-color]=\"grad.light\" stop-opacity=\"1\" />\r\n </linearGradient>\r\n </defs>\r\n <circle\r\n class=\"ius-circprog__trk\"\r\n [attr.cx]=\"cx\"\r\n [attr.cy]=\"cy\"\r\n [attr.r]=\"r\"\r\n [attr.stroke-width]=\"dim.s\"\r\n [attr.pathLength]=\"100\"\r\n />\r\n <circle\r\n class=\"ius-circprog__ind\"\r\n [attr.cx]=\"cx\"\r\n [attr.cy]=\"cy\"\r\n [attr.r]=\"r\"\r\n [attr.stroke-width]=\"dim.s\"\r\n [attr.pathLength]=\"100\"\r\n [style.stroke]=\"'url(#' + gid + ')'\"\r\n />\r\n } @else {\r\n @if (grayLen > 0) {\r\n <circle\r\n class=\"ius-circprog__trk\"\r\n [attr.cx]=\"cx\"\r\n [attr.cy]=\"cy\"\r\n [attr.r]=\"r\"\r\n [attr.stroke-width]=\"dim.s\"\r\n [attr.pathLength]=\"100\"\r\n [style.stroke-dasharray]=\"grayDash\"\r\n [style.stroke-dashoffset]=\"grayOffset\"\r\n />\r\n }\r\n @if (coloredLen > 0) {\r\n <circle\r\n class=\"ius-circprog__ind\"\r\n [attr.cx]=\"cx\"\r\n [attr.cy]=\"cy\"\r\n [attr.r]=\"r\"\r\n [attr.stroke-width]=\"dim.s\"\r\n [attr.pathLength]=\"100\"\r\n [style.stroke-dasharray]=\"coloredDash\"\r\n [style.stroke-dashoffset]=\"coloredOffset\"\r\n />\r\n }\r\n }\r\n</svg>\r\n\r\n@if (center != null) {\r\n <span class=\"ius-circprog__center\">{{ center }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--_cp-ind, var(--ius-info-500))}.ius-circprog__svg{display:block;transform:rotate(-90deg)}.ius-circprog__svg circle{fill:none}.ius-circprog__trk{stroke:var(--ius-neutral-3)}.ius-circprog__ind{stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset var(--ius-duration-base, .22s) var(--ius-ease-standard)}:host([data-indeterminate=true]) .ius-circprog__svg{animation:ius-circprog-spin 1.2s linear infinite}:host([data-indeterminate=true]) .ius-circprog__trk{stroke:currentColor;stroke-opacity:.4}:host([data-indeterminate=true]) .ius-circprog__ind{stroke-dasharray:70 100;stroke-dashoffset:0}@keyframes ius-circprog-spin{to{transform:rotate(270deg)}}.ius-circprog__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold, 600);color:var(--ius-text-secondary);line-height:1}:host([data-size=small]) .ius-circprog__center{display:none}:host([data-size=medium]) .ius-circprog__center{font-size:var(--ius-fs-sm)}:host([data-size=large]) .ius-circprog__center{font-size:var(--ius-fs-sm)}@media(prefers-reduced-motion:reduce){:host([data-indeterminate=true]) .ius-circprog__svg{animation-duration:2s}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3160
3160
|
}
|
|
3161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CircularProgressComponent, decorators: [{
|
|
3162
3162
|
type: Component,
|
|
3163
3163
|
args: [{ selector: 'ius-circular-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3164
3164
|
class: 'ius-circprog',
|
|
@@ -3227,10 +3227,10 @@ class LoadingMarkComponent {
|
|
|
3227
3227
|
get baseTo() {
|
|
3228
3228
|
return this.surface === 'dark' ? 'var(--ius-primary-600)' : 'var(--ius-primary-900)';
|
|
3229
3229
|
}
|
|
3230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.
|
|
3230
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadingMarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3231
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.8", type: LoadingMarkComponent, isStandalone: true, selector: "ius-loading-mark", inputs: { size: ["size", "size", numberAttribute], surface: "surface", paused: ["paused", "paused", booleanAttribute], ariaLabel: "ariaLabel" }, host: { attributes: { "role": "status", "aria-live": "polite" }, properties: { "attr.data-surface": "surface", "attr.data-paused": "paused ? 'true' : null", "attr.aria-label": "ariaLabel" } }, ngImport: i0, template: "<svg\r\n class=\"ius-loadmark__svg\"\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"-16 -16 132 132\"\r\n aria-hidden=\"true\"\r\n>\r\n <defs>\r\n <!-- Degradado base (navy \u00B7 navy\u2192cian en dark) -->\r\n <linearGradient\r\n [attr.id]=\"baseId\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n x1=\"6\"\r\n y1=\"94\"\r\n x2=\"94\"\r\n y2=\"6\"\r\n >\r\n <stop offset=\"0\" [attr.stop-color]=\"baseFrom\" />\r\n <stop offset=\"1\" [attr.stop-color]=\"baseTo\" />\r\n </linearGradient>\r\n\r\n <!-- Glow del cometa -->\r\n <radialGradient [attr.id]=\"glowId\">\r\n <stop offset=\"0%\" stop-color=\"var(--ius-primary-100)\" />\r\n <stop offset=\"35%\" stop-color=\"var(--ius-primary-400)\" />\r\n <stop offset=\"100%\" stop-color=\"var(--ius-primary-400)\" stop-opacity=\"0\" />\r\n </radialGradient>\r\n\r\n <!-- Desenfoque de la cola -->\r\n <filter [attr.id]=\"softId\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\">\r\n <feGaussianBlur stdDeviation=\"5\" />\r\n </filter>\r\n\r\n <!-- M\u00E1scara: tres fichas deslizantes -->\r\n <mask [attr.id]=\"maskId\" maskUnits=\"userSpaceOnUse\">\r\n <g class=\"ius-loadmark__tile ius-loadmark__tile--a\">\r\n <rect\r\n x=\"0\"\r\n y=\"0\"\r\n width=\"38\"\r\n height=\"38\"\r\n rx=\"10\"\r\n fill=\"none\"\r\n stroke=\"var(--ius-neutral-white)\"\r\n stroke-width=\"6\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </g>\r\n <g class=\"ius-loadmark__tile ius-loadmark__tile--b\">\r\n <rect\r\n x=\"0\"\r\n y=\"0\"\r\n width=\"38\"\r\n height=\"38\"\r\n rx=\"10\"\r\n fill=\"none\"\r\n stroke=\"var(--ius-neutral-white)\"\r\n stroke-width=\"6\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </g>\r\n <g class=\"ius-loadmark__tile ius-loadmark__tile--c\">\r\n <rect\r\n x=\"0\"\r\n y=\"0\"\r\n width=\"38\"\r\n height=\"38\"\r\n rx=\"10\"\r\n fill=\"none\"\r\n stroke=\"var(--ius-neutral-white)\"\r\n stroke-width=\"6\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </g>\r\n </mask>\r\n </defs>\r\n\r\n <!-- Giro del conjunto -->\r\n <g class=\"ius-loadmark__spin\">\r\n <g [attr.mask]=\"'url(#' + maskId + ')'\">\r\n <rect x=\"0\" y=\"0\" width=\"100\" height=\"100\" [attr.fill]=\"'url(#' + baseId + ')'\" />\r\n <!-- Cometa orbitando el contorno -->\r\n <g class=\"ius-loadmark__orbit\">\r\n <circle\r\n cx=\"50\"\r\n cy=\"4\"\r\n r=\"40\"\r\n [attr.fill]=\"'url(#' + glowId + ')'\"\r\n [attr.filter]=\"'url(#' + softId + ')'\"\r\n />\r\n </g>\r\n </g>\r\n </g>\r\n</svg>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;line-height:0;color:var(--ius-primary-900)}.ius-loadmark__svg{display:block}.ius-loadmark__spin{transform-box:view-box;transform-origin:50px 50px;animation:ius-lm-spin var(--ius-duration-ambient) linear infinite;animation-play-state:var(--ius-motion-loop)}@keyframes ius-lm-spin{to{transform:rotate(360deg)}}.ius-loadmark__orbit{transform-box:view-box;transform-origin:50px 50px;animation:ius-lm-orbit 2s linear infinite;animation-play-state:var(--ius-motion-loop)}@keyframes ius-lm-orbit{to{transform:rotate(360deg)}}.ius-loadmark__tile{animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:var(--ius-ease-ambient);animation-play-state:var(--ius-motion-loop)}.ius-loadmark__tile--a{animation-name:ius-lm-a}.ius-loadmark__tile--b{animation-name:ius-lm-b}.ius-loadmark__tile--c{animation-name:ius-lm-c}@keyframes ius-lm-a{0%{transform:translate(5px,5px)}8.333%{transform:translate(57px,5px)}25%{transform:translate(57px,5px)}33.333%{transform:translate(57px,57px)}50%{transform:translate(57px,57px)}58.333%{transform:translate(5px,57px)}75%{transform:translate(5px,57px)}83.333%{transform:translate(5px,5px)}to{transform:translate(5px,5px)}}@keyframes ius-lm-b{0%{transform:translate(57px,57px)}16.667%{transform:translate(57px,57px)}25%{transform:translate(5px,57px)}41.667%{transform:translate(5px,57px)}50%{transform:translate(5px,5px)}66.667%{transform:translate(5px,5px)}75%{transform:translate(57px,5px)}91.667%{transform:translate(57px,5px)}to{transform:translate(57px,57px)}}@keyframes ius-lm-c{0%{transform:translate(5px,57px)}8.333%{transform:translate(5px,57px)}16.667%{transform:translate(5px,5px)}33.333%{transform:translate(5px,5px)}41.667%{transform:translate(57px,5px)}58.333%{transform:translate(57px,5px)}66.667%{transform:translate(57px,57px)}83.333%{transform:translate(57px,57px)}91.667%{transform:translate(5px,57px)}to{transform:translate(5px,57px)}}:host([data-paused=true]) .ius-loadmark__spin,:host([data-paused=true]) .ius-loadmark__orbit,:host([data-paused=true]) .ius-loadmark__tile{animation-play-state:paused}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3232
3232
|
}
|
|
3233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadingMarkComponent, decorators: [{
|
|
3234
3234
|
type: Component,
|
|
3235
3235
|
args: [{ selector: 'ius-loading-mark', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3236
3236
|
role: 'status',
|
|
@@ -3307,10 +3307,10 @@ class LoadingComponent {
|
|
|
3307
3307
|
get showLabelNode() {
|
|
3308
3308
|
return this.showLabel && this.label != null && this.label !== '';
|
|
3309
3309
|
}
|
|
3310
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3311
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3310
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3311
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LoadingComponent, isStandalone: true, selector: "ius-loading", inputs: { variant: "variant", label: "label", showLabel: ["showLabel", "showLabel", booleanAttribute], tone: "tone", brand: ["brand", "brand", booleanAttribute], size: "size", active: ["active", "active", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "attr.data-variant": "variant", "attr.data-brand": "brand ? 'true' : null", "attr.role": "variant !== 'overlay' ? 'status' : null", "attr.aria-live": "variant !== 'overlay' ? 'polite' : null", "attr.aria-busy": "variant === 'overlay' && active ? 'true' : null" }, classAttribute: "ius-loading" }, ngImport: i0, template: "@if (variant === 'overlay') {\r\n <ng-content />\r\n @if (active) {\r\n <div class=\"ius-loading__overlay\" role=\"status\" aria-live=\"polite\">\r\n <span class=\"ius-loading__scrim\" aria-hidden=\"true\"></span>\r\n <span class=\"ius-loading__spinner\">\r\n @if (brand) {\r\n <ius-loading-mark [size]=\"markPx\" [surface]=\"markSurface\" [ariaLabel]=\"spinnerAria\" />\r\n } @else {\r\n <ius-circular-progress [indeterminate]=\"true\" [size]=\"sz\" [tone]=\"tone\" [ariaLabel]=\"spinnerAria\" />\r\n }\r\n </span>\r\n @if (showLabelNode) {\r\n <span class=\"ius-loading__label\">{{ label }}</span>\r\n }\r\n </div>\r\n }\r\n} @else {\r\n <span class=\"ius-loading__spinner\">\r\n @if (brand) {\r\n <ius-loading-mark [size]=\"markPx\" [surface]=\"markSurface\" [ariaLabel]=\"spinnerAria\" />\r\n } @else {\r\n <ius-circular-progress [indeterminate]=\"true\" [size]=\"sz\" [tone]=\"tone\" [ariaLabel]=\"spinnerAria\" />\r\n }\r\n </span>\r\n @if (showLabelNode) {\r\n <span class=\"ius-loading__label\">{{ label }}</span>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{font-family:var(--ius-font-body);color:var(--ius-text-secondary)}.ius-loading__label{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm, 1.5);color:var(--ius-text-secondary)}:host([data-variant=inline]){display:inline-flex;align-items:center;gap:var(--ius-space-sm)}:host([data-variant=section]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ius-space-sm);width:100%;padding:var(--ius-space-3xl) var(--ius-space-lg);text-align:center}:host([data-variant=page]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ius-space-md);min-height:100vh;width:100%;background:var(--ius-surface-page);text-align:center}:host([data-variant=overlay]){display:block;position:relative}:host([data-brand=true][data-variant=page]){background:var(--ius-gradient-brand-deep);color:var(--ius-neutral-white)}:host([data-brand=true][data-variant=page]) .ius-loading__label{color:var(--ius-neutral-2)}.ius-loading__overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ius-space-sm)}.ius-loading__scrim{position:absolute;inset:0;background:var(--ius-surface-card);opacity:.72}.ius-loading__overlay .ius-loading__spinner,.ius-loading__overlay .ius-loading__label{position:relative}@media(prefers-reduced-motion:reduce){.ius-loading__scrim{opacity:.85}}\n"], dependencies: [{ kind: "component", type: CircularProgressComponent, selector: "ius-circular-progress", inputs: ["value", "max", "indeterminate", "tone", "size", "showValue", "ariaLabel"] }, { kind: "component", type: LoadingMarkComponent, selector: "ius-loading-mark", inputs: ["size", "surface", "paused", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3312
3312
|
}
|
|
3313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadingComponent, decorators: [{
|
|
3314
3314
|
type: Component,
|
|
3315
3315
|
args: [{ selector: 'ius-loading', standalone: true, imports: [CircularProgressComponent, LoadingMarkComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3316
3316
|
class: 'ius-loading',
|
|
@@ -3484,10 +3484,10 @@ class EmptyStateComponent {
|
|
|
3484
3484
|
get hasActions() {
|
|
3485
3485
|
return !!this.actionsTemplate || !!this.primary || !!this.secondary;
|
|
3486
3486
|
}
|
|
3487
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3487
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: EmptyStateComponent, isStandalone: true, selector: "ius-empty-state", inputs: { variant: "variant", size: "size", tone: "tone", icon: "icon", illustration: "illustration", illustrationTemplate: "illustrationTemplate", title: "title", description: "description", primaryAction: "primaryAction", secondaryAction: "secondaryAction", actionsTemplate: "actionsTemplate", role: "role" }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick" }, host: { properties: { "attr.data-variant": "variant", "attr.data-size": "size", "attr.data-tone": "effTone", "attr.role": "role" }, classAttribute: "ius-empty" }, ngImport: i0, template: "@if (hasVisual) {\r\n <div\r\n class=\"ius-empty__visual\"\r\n [attr.data-illustration]=\"hasIllustration ? 'true' : null\"\r\n aria-hidden=\"true\"\r\n >\r\n @if (illustrationTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"illustrationTemplate\" />\r\n } @else if (illusName) {\r\n <ius-illustration [name]=\"illusName\" [size]=\"illusSize\" />\r\n } @else {\r\n <span class=\"ius-icon\">{{ iconName }}</span>\r\n }\r\n </div>\r\n}\r\n\r\n@if (title != null || description != null) {\r\n <div class=\"ius-empty__text\">\r\n @if (title != null) {\r\n <div class=\"ius-empty__title\">{{ title }}</div>\r\n }\r\n @if (description != null) {\r\n <p class=\"ius-empty__desc\">{{ description }}</p>\r\n }\r\n </div>\r\n}\r\n\r\n@if (hasActions) {\r\n <div class=\"ius-empty__actions\">\r\n @if (actionsTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"actionsTemplate\" />\r\n } @else {\r\n @if (primary) {\r\n <ius-button\r\n [variant]=\"primary.variant || 'primary'\"\r\n [size]=\"btnSize\"\r\n [label]=\"primary.label\"\r\n [prefixIcon]=\"primary.icon\"\r\n [dynamic]=\"!!primary.dynamic\"\r\n [disabled]=\"!!primary.disabled\"\r\n (clicked)=\"primaryClick.emit($event)\"\r\n />\r\n }\r\n @if (secondary) {\r\n <ius-button\r\n [variant]=\"secondary.variant || 'secondary'\"\r\n [size]=\"btnSize\"\r\n [label]=\"secondary.label\"\r\n [prefixIcon]=\"secondary.icon\"\r\n [dynamic]=\"!!secondary.dynamic\"\r\n [disabled]=\"!!secondary.disabled\"\r\n (clicked)=\"secondaryClick.emit($event)\"\r\n />\r\n }\r\n }\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_es-circle: 56px;--_es-glyph: 28px;--_es-gap: var(--ius-space-sm);--_es-title: 16px;--_es-title-leading: 22px;--_es-desc: 14px;--_es-desc-leading: 21px;--_es-pad: 24px;--_es-max: 360px;--_es-tint: var(--ius-info-100);--_es-accent: var(--ius-info-600);box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--_es-gap);padding:var(--_es-pad);font-family:var(--ius-font-body);-webkit-user-select:none;user-select:none}:host([data-size=compact]){--_es-circle: 40px;--_es-glyph: 22px;--_es-gap: var(--ius-space-xs);--_es-title: 14px;--_es-title-leading: 20px;--_es-desc: 12.5px;--_es-desc-leading: 18px;--_es-pad: 16px;--_es-max: 260px}:host([data-size=compact]) .ius-empty__visual:not([data-illustration=true]){background:var(--ius-neutral-2);color:var(--ius-text-tertiary)}:host([data-size=full]){--_es-circle: 72px;--_es-glyph: 36px;--_es-gap: var(--ius-space-md);--_es-title: 20px;--_es-title-leading: 28px;--_es-desc: 15px;--_es-desc-leading: 23px;--_es-pad: 40px;--_es-max: 460px}:host([data-tone=info]){--_es-tint: var(--ius-info-100);--_es-accent: var(--ius-info-600)}:host([data-tone=primary]){--_es-tint: var(--ius-primary-100);--_es-accent: var(--ius-primary-600)}:host([data-tone=success]){--_es-tint: var(--ius-success-100);--_es-accent: var(--ius-success-700)}:host([data-tone=warning]){--_es-tint: var(--ius-warning-100);--_es-accent: var(--ius-warning-700)}:host([data-tone=danger]){--_es-tint: var(--ius-danger-100);--_es-accent: var(--ius-danger-600)}:host([data-tone=neutral]){--_es-tint: var(--ius-neutral-2);--_es-accent: var(--ius-neutral-8)}.ius-empty__visual{flex:0 0 auto;width:var(--_es-circle);height:var(--_es-circle);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ius-radius-pill);background:var(--_es-tint);color:var(--_es-accent)}.ius-empty__visual .ius-icon{font-size:var(--_es-glyph);line-height:1}.ius-empty__visual[data-illustration=true]{width:auto;height:auto;background:transparent;border-radius:0;color:inherit}.ius-empty__visual[data-illustration=true] img,.ius-empty__visual[data-illustration=true] svg{display:block;max-width:100%;height:auto}.ius-empty__text{display:flex;flex-direction:column;gap:var(--ius-space-xxs);max-width:var(--_es-max)}.ius-empty__title{font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold, 600);font-size:var(--_es-title);line-height:var(--_es-title-leading);color:var(--ius-text-primary);text-wrap:pretty}.ius-empty__desc{margin:0;font-family:var(--ius-font-body);font-size:var(--_es-desc);line-height:var(--_es-desc-leading);color:var(--ius-text-secondary);text-wrap:pretty}.ius-empty__actions{margin-top:var(--ius-space-xxs);display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--ius-space-sm)}:host([data-size=compact]) .ius-empty__actions{gap:var(--ius-space-xs)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: IllustrationComponent, selector: "ius-illustration", inputs: ["name", "size", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3489
3489
|
}
|
|
3490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3490
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EmptyStateComponent, decorators: [{
|
|
3491
3491
|
type: Component,
|
|
3492
3492
|
args: [{ selector: 'ius-empty-state', standalone: true, imports: [NgTemplateOutlet, ButtonComponent, IllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3493
3493
|
class: 'ius-empty',
|
|
@@ -3626,10 +3626,10 @@ class StatusStateComponent {
|
|
|
3626
3626
|
get spotName() {
|
|
3627
3627
|
return resolveIllustration(this.status);
|
|
3628
3628
|
}
|
|
3629
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3630
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3629
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StatusStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3630
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: StatusStateComponent, isStandalone: true, selector: "ius-status-state", inputs: { status: "status", code: "code", showCode: ["showCode", "showCode", booleanAttribute], title: "title", description: "description", illustrationTemplate: "illustrationTemplate", icon: "icon", tone: "tone", size: "size", primaryAction: "primaryAction", secondaryAction: "secondaryAction", role: "role" }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick" }, ngImport: i0, template: "<ng-template #codeTpl>\r\n <div class=\"ius-statusstate__code\">\r\n <span class=\"ius-icon ius-statusstate__code-icon\" aria-hidden=\"true\" [style.color]=\"toneVar\">{{ statusIcon }}</span>\r\n <div class=\"ius-statusstate__code-num\" [style.color]=\"toneVar\">{{ effCode }}</div>\r\n </div>\r\n</ng-template>\r\n\r\n<!-- Ilustraci\u00F3n spot por defecto: SIEMPRE size=\"large\" (independiente de `size`). -->\r\n<ng-template #illusTpl>\r\n @if (spotName) {\r\n <ius-illustration [name]=\"spotName\" size=\"large\" />\r\n }\r\n</ng-template>\r\n\r\n<ius-empty-state\r\n [size]=\"size\"\r\n [tone]=\"effTone\"\r\n [role]=\"effRole\"\r\n [icon]=\"statusIcon\"\r\n [illustrationTemplate]=\"illustrationTemplate || (useCode ? codeTpl : (spotName ? illusTpl : undefined))\"\r\n [title]=\"effTitle\"\r\n [description]=\"effDescription\"\r\n [primaryAction]=\"primaryAction\"\r\n [secondaryAction]=\"secondaryAction\"\r\n (primaryClick)=\"primaryClick.emit($event)\"\r\n (secondaryClick)=\"secondaryClick.emit($event)\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%}.ius-statusstate__code{display:flex;flex-direction:column;align-items:center;gap:var(--ius-space-xs)}.ius-statusstate__code-icon{font-size:var(--ius-icon-xl, 48px);line-height:1}.ius-statusstate__code-num{font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold, 700);font-size:var(--ius-fs-h1, 38px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em}\n"], dependencies: [{ kind: "component", type: EmptyStateComponent, selector: "ius-empty-state", inputs: ["variant", "size", "tone", "icon", "illustration", "illustrationTemplate", "title", "description", "primaryAction", "secondaryAction", "actionsTemplate", "role"], outputs: ["primaryClick", "secondaryClick"] }, { kind: "component", type: IllustrationComponent, selector: "ius-illustration", inputs: ["name", "size", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3631
3631
|
}
|
|
3632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StatusStateComponent, decorators: [{
|
|
3633
3633
|
type: Component,
|
|
3634
3634
|
args: [{ selector: 'ius-status-state', standalone: true, imports: [EmptyStateComponent, IllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #codeTpl>\r\n <div class=\"ius-statusstate__code\">\r\n <span class=\"ius-icon ius-statusstate__code-icon\" aria-hidden=\"true\" [style.color]=\"toneVar\">{{ statusIcon }}</span>\r\n <div class=\"ius-statusstate__code-num\" [style.color]=\"toneVar\">{{ effCode }}</div>\r\n </div>\r\n</ng-template>\r\n\r\n<!-- Ilustraci\u00F3n spot por defecto: SIEMPRE size=\"large\" (independiente de `size`). -->\r\n<ng-template #illusTpl>\r\n @if (spotName) {\r\n <ius-illustration [name]=\"spotName\" size=\"large\" />\r\n }\r\n</ng-template>\r\n\r\n<ius-empty-state\r\n [size]=\"size\"\r\n [tone]=\"effTone\"\r\n [role]=\"effRole\"\r\n [icon]=\"statusIcon\"\r\n [illustrationTemplate]=\"illustrationTemplate || (useCode ? codeTpl : (spotName ? illusTpl : undefined))\"\r\n [title]=\"effTitle\"\r\n [description]=\"effDescription\"\r\n [primaryAction]=\"primaryAction\"\r\n [secondaryAction]=\"secondaryAction\"\r\n (primaryClick)=\"primaryClick.emit($event)\"\r\n (secondaryClick)=\"secondaryClick.emit($event)\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%}.ius-statusstate__code{display:flex;flex-direction:column;align-items:center;gap:var(--ius-space-xs)}.ius-statusstate__code-icon{font-size:var(--ius-icon-xl, 48px);line-height:1}.ius-statusstate__code-num{font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold, 700);font-size:var(--ius-fs-h1, 38px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em}\n"] }]
|
|
3635
3635
|
}], propDecorators: { status: [{
|
|
@@ -3789,10 +3789,10 @@ class CarouselComponent {
|
|
|
3789
3789
|
if (this.pauseOnHover())
|
|
3790
3790
|
this.paused.set(false);
|
|
3791
3791
|
}
|
|
3792
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3793
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3792
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3793
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CarouselComponent, isStandalone: true, selector: "ius-carousel", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, dots: { classPropertyName: "dots", publicName: "dots", isSignal: true, isRequired: false, transformFunction: null }, arrows: { classPropertyName: "arrows", publicName: "arrows", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, pauseOnHover: { classPropertyName: "pauseOnHover", publicName: "pauseOnHover", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange" }, host: { attributes: { "role": "region", "aria-roledescription": "carrusel" }, listeners: { "mouseenter": "onEnter()", "mouseleave": "onLeave()" }, properties: { "attr.aria-label": "ariaLabel()", "attr.data-transition": "transition()", "attr.data-overlay": "overlay()", "attr.data-fit": "objectFit()", "style.--_car-kb": "interval() + 'ms'" }, classAttribute: "ius-carousel" }, ngImport: i0, template: "@if (slides().length) {\r\n @for (slide of slides(); track $index; let i = $index) {\r\n <div\r\n class=\"ius-carousel__slide\"\r\n [attr.data-active]=\"i === activeIndex() ? 'true' : null\"\r\n [attr.aria-hidden]=\"i === activeIndex() ? null : 'true'\"\r\n >\r\n <img\r\n class=\"ius-carousel__img\"\r\n [src]=\"slide.src\"\r\n [alt]=\"slide.alt\"\r\n draggable=\"false\"\r\n [attr.loading]=\"i === activeIndex() ? 'eager' : 'lazy'\"\r\n />\r\n </div>\r\n }\r\n\r\n @if (overlay() !== 'none') {\r\n <div class=\"ius-carousel__scrim\" aria-hidden=\"true\"></div>\r\n }\r\n\r\n <!-- Claim + subt\u00EDtulo + CTA. El CTA es independiente\r\n del claim: se muestra con o sin title/subtitle. La visibilidad del bloque\r\n vac\u00EDo la resuelve el CSS (:has / :empty), sin l\u00F3gica en JS. -->\r\n <div class=\"ius-carousel__content\">\r\n @if (title() || subtitle()) {\r\n <div class=\"ius-carousel__claim\">\r\n @if (title()) {\r\n <p class=\"ius-carousel__title\">{{ title() }}</p>\r\n }\r\n @if (subtitle()) {\r\n <p class=\"ius-carousel__subtitle\">{{ subtitle() }}</p>\r\n }\r\n </div>\r\n }\r\n <div class=\"ius-carousel__cta\">\r\n <ng-content select=\"[carousel-action]\"></ng-content>\r\n </div>\r\n </div>\r\n\r\n @if (arrows() && seq().length > 1) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-carousel__arrow ius-carousel__arrow--prev\"\r\n aria-label=\"Anterior\"\r\n (click)=\"go(pos() - 1)\"\r\n >\r\n <span class=\"ius-icon\" aria-hidden=\"true\">chevron_left</span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"ius-carousel__arrow ius-carousel__arrow--next\"\r\n aria-label=\"Siguiente\"\r\n (click)=\"go(pos() + 1)\"\r\n >\r\n <span class=\"ius-icon\" aria-hidden=\"true\">chevron_right</span>\r\n </button>\r\n }\r\n\r\n @if (dots() && seq().length > 1) {\r\n <div class=\"ius-carousel__dots\">\r\n @for (imgIdx of seq(); track imgIdx; let j = $index) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-carousel__dot\"\r\n [attr.aria-current]=\"j === pos() ? 'true' : null\"\r\n [attr.aria-label]=\"'Ver imagen ' + (j + 1) + ' de ' + seq().length\"\r\n (click)=\"go(j)\"\r\n ></button>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_car-fade: .9s;position:relative;display:block;overflow:hidden;isolation:isolate;width:100%;height:100%;min-height:240px;background:var(--ius-neutral-2);-webkit-user-select:none;user-select:none;font-family:var(--ius-font-body)}.ius-carousel__slide{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity var(--_car-fade) var(--ius-ease-standard)}.ius-carousel__slide[data-active=true]{opacity:1;z-index:1}.ius-carousel__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}:host([data-fit=contain]) .ius-carousel__img{object-fit:contain}@media(prefers-reduced-motion:no-preference){:host([data-transition=kenburns]) .ius-carousel__slide[data-active=true] .ius-carousel__img{animation:ius-carousel-kb var(--_car-kb, 8s) var(--ius-ease-standard) both}}@keyframes ius-carousel-kb{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.ius-carousel__slide{transition:none}}.ius-carousel__scrim{position:absolute;inset:0;z-index:2;pointer-events:none}:host([data-overlay=gradient]) .ius-carousel__scrim{background:linear-gradient(to top,color-mix(in srgb,var(--ius-primary-900) 64%,transparent) 0%,color-mix(in srgb,var(--ius-primary-900) 22%,transparent) 42%,transparent 74%)}:host([data-overlay=brand]) .ius-carousel__scrim{background:linear-gradient(to top,color-mix(in srgb,var(--ius-primary-900) 82%,transparent),color-mix(in srgb,var(--ius-primary-900) 48%,transparent))}.ius-carousel__content{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ius-space-lg);padding:var(--ius-space-2xl) var(--ius-space-2xl) var(--ius-space-4xl);max-width:640px;color:var(--ius-neutral-white)}:host:not(:has(.ius-carousel__title,.ius-carousel__subtitle,.ius-carousel__cta>*)) .ius-carousel__content{display:none}.ius-carousel__claim{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ius-space-xs)}.ius-carousel__title{margin:0;font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-h2);line-height:1.15;color:var(--ius-neutral-white);text-wrap:balance}.ius-carousel__subtitle{margin:0;font-family:var(--ius-font-body);font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-lg);line-height:var(--ius-lh-lg);text-wrap:pretty;color:color-mix(in srgb,var(--ius-neutral-white) 88%,transparent)}.ius-carousel__cta{margin:0}.ius-carousel__cta:empty{display:none}.ius-carousel__dots{position:absolute;z-index:4;left:0;right:0;bottom:var(--ius-space-lg);display:flex;justify-content:center;gap:var(--ius-space-xs)}:host(:has(.ius-carousel__title,.ius-carousel__subtitle,.ius-carousel__cta > *)) .ius-carousel__dots{justify-content:flex-start;padding:0 var(--ius-space-2xl)}.ius-carousel__dot{appearance:none;border:0;padding:0;cursor:pointer;width:8px;height:8px;border-radius:var(--ius-radius-pill);background:color-mix(in srgb,var(--ius-neutral-white) 45%,transparent);transition:background var(--ius-duration-fast) var(--ius-ease-standard),width var(--ius-duration-fast) var(--ius-ease-standard)}.ius-carousel__dot[aria-current=true]{width:22px;background:var(--ius-neutral-white)}.ius-carousel__dot:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-carousel__arrow{appearance:none;position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--ius-radius-pill);cursor:pointer;background:color-mix(in srgb,var(--ius-primary-900) 40%,transparent);color:var(--ius-neutral-white);transition:background var(--ius-duration-fast) var(--ius-ease-standard)}.ius-carousel__arrow:hover{background:color-mix(in srgb,var(--ius-primary-900) 62%,transparent)}.ius-carousel__arrow:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-carousel__arrow--prev{left:var(--ius-space-md)}.ius-carousel__arrow--next{right:var(--ius-space-md)}.ius-carousel__arrow .ius-icon{font-size:var(--ius-icon-md);line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3794
3794
|
}
|
|
3795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
3796
3796
|
type: Component,
|
|
3797
3797
|
args: [{ selector: 'ius-carousel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3798
3798
|
class: 'ius-carousel',
|
|
@@ -3868,10 +3868,10 @@ class DescriptionListComponent {
|
|
|
3868
3868
|
onValueClick(item, event) {
|
|
3869
3869
|
this.valueClicked.emit({ item, index: this.items().indexOf(item), event });
|
|
3870
3870
|
}
|
|
3871
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
3872
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
3871
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DescriptionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3872
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: DescriptionListComponent, isStandalone: true, selector: "ius-description-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, valueAlign: { classPropertyName: "valueAlign", publicName: "valueAlign", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, tabularValues: { classPropertyName: "tabularValues", publicName: "tabularValues", isSignal: true, isRequired: false, transformFunction: null }, termWidth: { classPropertyName: "termWidth", publicName: "termWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueClicked: "valueClicked" }, ngImport: i0, template: "<!-- etiqueta: texto o TemplateRef -->\r\n<ng-template #labelTpl let-item=\"item\">\r\n @if (isTemplate(item.label)) {\r\n <ng-container [ngTemplateOutlet]=\"asTemplate(item.label)\" />\r\n } @else {\r\n {{ item.label }}\r\n }\r\n</ng-template>\r\n\r\n<!-- valor crudo: texto o TemplateRef -->\r\n<ng-template #valueRaw let-item=\"item\">\r\n @if (isTemplate(item.value)) {\r\n <ng-container [ngTemplateOutlet]=\"asTemplate(item.value)\" />\r\n } @else if (item.value != null) {\r\n {{ item.value }}\r\n }\r\n</ng-template>\r\n\r\n<!-- valor con envoltura navegable (href \u2192 <a>; clickable \u2192 <button>) -->\r\n<ng-template #valueCore let-item=\"item\">\r\n @if (item.href) {\r\n <a class=\"ius-dl__link\" [href]=\"item.href\" [attr.aria-label]=\"item.ariaLabel || null\">\r\n <ng-container [ngTemplateOutlet]=\"valueRaw\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </a>\r\n } @else if (item.clickable) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-dl__link\"\r\n [attr.aria-label]=\"item.ariaLabel || null\"\r\n (click)=\"onValueClick(item, $event)\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"valueRaw\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </button>\r\n } @else {\r\n <ng-container [ngTemplateOutlet]=\"valueRaw\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n }\r\n</ng-template>\r\n\r\n<!-- valor con \u00EDcono decorativo opcional (va con el valor, no con la etiqueta) -->\r\n<ng-template #valueContent let-item=\"item\">\r\n @if (item.icon) {\r\n <span class=\"ius-dl__valwrap\" [class.ius-dl__num]=\"isTab(item)\">\r\n <span class=\"ius-icon ius-dl__vicon\" aria-hidden=\"true\">{{ item.icon }}</span>\r\n <ng-container [ngTemplateOutlet]=\"valueCore\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </span>\r\n } @else {\r\n <ng-container [ngTemplateOutlet]=\"valueCore\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n }\r\n</ng-template>\r\n\r\n<dl\r\n class=\"ius-dl\"\r\n [attr.data-layout]=\"layout()\"\r\n [attr.data-size]=\"size() !== 'medium' ? size() : null\"\r\n [attr.data-value-align]=\"layout() === 'inline' ? valueAlign() : null\"\r\n [attr.data-divider]=\"divider() ? 'true' : null\"\r\n [attr.data-tabular]=\"tabularValues() ? 'true' : null\"\r\n [style.--_dl-term]=\"termWidth()\"\r\n [style.grid-template-columns]=\"gridCols()\"\r\n>\r\n @if (isGrid()) {\r\n @for (item of items(); track item) {\r\n <dt class=\"ius-dl__gterm\">\r\n <ng-container [ngTemplateOutlet]=\"labelTpl\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dt>\r\n <dd\r\n class=\"ius-dl__gval\"\r\n [class.ius-dl__num]=\"isTab(item) && !item.icon\"\r\n [style.grid-column]=\"gridColSpan(item)\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"valueContent\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dd>\r\n }\r\n } @else {\r\n @for (item of items(); track item) {\r\n <div class=\"ius-dl__row\">\r\n <dt class=\"ius-dl__term\">\r\n <ng-container [ngTemplateOutlet]=\"labelTpl\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dt>\r\n <dd class=\"ius-dl__value\" [class.ius-dl__num]=\"isTab(item) && !item.icon\">\r\n <ng-container [ngTemplateOutlet]=\"valueContent\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dd>\r\n </div>\r\n }\r\n }\r\n</dl>\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.ius-dl{--_dl-value-fs: var(--ius-fs-base);--_dl-value-lh: var(--ius-lh-base);--_dl-term: max-content;--_dl-cell-py: var(--ius-space-sm);--_dl-cell-px: var(--ius-space-md);margin:0;box-sizing:border-box;min-width:0;font-family:var(--ius-font-body);color:var(--ius-text-primary)}.ius-dl[data-size=small]{--_dl-value-fs: var(--ius-fs-sm);--_dl-value-lh: var(--ius-lh-sm);--_dl-cell-py: var(--ius-space-xs);--_dl-cell-px: var(--ius-space-sm)}@container style(--ius-density: small){.ius-dl:not([data-size]){--_dl-value-fs: var(--ius-fs-sm);--_dl-value-lh: var(--ius-lh-sm);--_dl-cell-py: var(--ius-space-xs);--_dl-cell-px: var(--ius-space-sm)}}.ius-dl[data-layout=stacked]{display:flex;flex-direction:column;gap:var(--ius-space-md)}.ius-dl[data-size=small][data-layout=stacked]{gap:var(--ius-space-sm)}@container style(--ius-density: small){.ius-dl:not([data-size])[data-layout=stacked]{gap:var(--ius-space-sm)}}.ius-dl[data-layout=stacked] .ius-dl__row{display:flex;flex-direction:column;gap:var(--ius-space-xxs);min-width:0}.ius-dl[data-layout=inline]{display:grid;grid-template-columns:var(--_dl-term) 1fr;column-gap:var(--ius-space-md);row-gap:var(--ius-space-xs)}.ius-dl[data-layout=inline] .ius-dl__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;min-width:0}.ius-dl[data-divider=true][data-layout=inline] .ius-dl__row:not(:last-child){padding-bottom:var(--ius-space-xs);border-bottom:1px solid var(--ius-stroke)}.ius-dl[data-divider=true][data-layout=stacked] .ius-dl__row:not(:last-child){padding-bottom:var(--ius-space-md);border-bottom:1px solid var(--ius-stroke)}.ius-dl[data-layout=grid]{display:grid;gap:1px;background:var(--ius-stroke);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-md);overflow:hidden}.ius-dl[data-layout=grid] .ius-dl__gterm,.ius-dl[data-layout=grid] .ius-dl__gval{margin:0;min-width:0;display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_dl-cell-py) var(--_dl-cell-px)}.ius-dl[data-layout=grid] .ius-dl__gterm{background:var(--ius-surface-sunken);color:var(--ius-text-tertiary);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);white-space:nowrap}.ius-dl[data-layout=grid] .ius-dl__gval{background:var(--ius-surface-card);color:var(--ius-text-primary);font-size:var(--_dl-value-fs);line-height:var(--_dl-value-lh)}.ius-dl__term{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);margin:0;min-width:0;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary)}.ius-dl__valwrap{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);min-width:0}.ius-dl__vicon{font-size:var(--ius-icon-sm);color:var(--ius-text-tertiary);flex:0 0 auto}.ius-dl__value{margin:0;min-width:0;font-size:var(--_dl-value-fs);line-height:var(--_dl-value-lh);color:var(--ius-text-primary)}.ius-dl[data-value-align=end][data-layout=inline] .ius-dl__value{text-align:right;justify-self:end}.ius-dl__num{font-variant-numeric:tabular-nums}.ius-dl__link{color:var(--ius-primary-900);text-decoration:none;font:inherit;cursor:pointer;border-radius:var(--ius-radius-sm);transition:color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dl__link:hover{color:var(--ius-primary-500);text-decoration:underline}.ius-dl__link:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}button.ius-dl__link{appearance:none;margin:0;padding:0;background:none;border:0;text-align:inherit}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3873
3873
|
}
|
|
3874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
3874
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DescriptionListComponent, decorators: [{
|
|
3875
3875
|
type: Component,
|
|
3876
3876
|
args: [{ selector: 'ius-description-list', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- etiqueta: texto o TemplateRef -->\r\n<ng-template #labelTpl let-item=\"item\">\r\n @if (isTemplate(item.label)) {\r\n <ng-container [ngTemplateOutlet]=\"asTemplate(item.label)\" />\r\n } @else {\r\n {{ item.label }}\r\n }\r\n</ng-template>\r\n\r\n<!-- valor crudo: texto o TemplateRef -->\r\n<ng-template #valueRaw let-item=\"item\">\r\n @if (isTemplate(item.value)) {\r\n <ng-container [ngTemplateOutlet]=\"asTemplate(item.value)\" />\r\n } @else if (item.value != null) {\r\n {{ item.value }}\r\n }\r\n</ng-template>\r\n\r\n<!-- valor con envoltura navegable (href \u2192 <a>; clickable \u2192 <button>) -->\r\n<ng-template #valueCore let-item=\"item\">\r\n @if (item.href) {\r\n <a class=\"ius-dl__link\" [href]=\"item.href\" [attr.aria-label]=\"item.ariaLabel || null\">\r\n <ng-container [ngTemplateOutlet]=\"valueRaw\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </a>\r\n } @else if (item.clickable) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-dl__link\"\r\n [attr.aria-label]=\"item.ariaLabel || null\"\r\n (click)=\"onValueClick(item, $event)\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"valueRaw\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </button>\r\n } @else {\r\n <ng-container [ngTemplateOutlet]=\"valueRaw\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n }\r\n</ng-template>\r\n\r\n<!-- valor con \u00EDcono decorativo opcional (va con el valor, no con la etiqueta) -->\r\n<ng-template #valueContent let-item=\"item\">\r\n @if (item.icon) {\r\n <span class=\"ius-dl__valwrap\" [class.ius-dl__num]=\"isTab(item)\">\r\n <span class=\"ius-icon ius-dl__vicon\" aria-hidden=\"true\">{{ item.icon }}</span>\r\n <ng-container [ngTemplateOutlet]=\"valueCore\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </span>\r\n } @else {\r\n <ng-container [ngTemplateOutlet]=\"valueCore\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n }\r\n</ng-template>\r\n\r\n<dl\r\n class=\"ius-dl\"\r\n [attr.data-layout]=\"layout()\"\r\n [attr.data-size]=\"size() !== 'medium' ? size() : null\"\r\n [attr.data-value-align]=\"layout() === 'inline' ? valueAlign() : null\"\r\n [attr.data-divider]=\"divider() ? 'true' : null\"\r\n [attr.data-tabular]=\"tabularValues() ? 'true' : null\"\r\n [style.--_dl-term]=\"termWidth()\"\r\n [style.grid-template-columns]=\"gridCols()\"\r\n>\r\n @if (isGrid()) {\r\n @for (item of items(); track item) {\r\n <dt class=\"ius-dl__gterm\">\r\n <ng-container [ngTemplateOutlet]=\"labelTpl\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dt>\r\n <dd\r\n class=\"ius-dl__gval\"\r\n [class.ius-dl__num]=\"isTab(item) && !item.icon\"\r\n [style.grid-column]=\"gridColSpan(item)\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"valueContent\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dd>\r\n }\r\n } @else {\r\n @for (item of items(); track item) {\r\n <div class=\"ius-dl__row\">\r\n <dt class=\"ius-dl__term\">\r\n <ng-container [ngTemplateOutlet]=\"labelTpl\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dt>\r\n <dd class=\"ius-dl__value\" [class.ius-dl__num]=\"isTab(item) && !item.icon\">\r\n <ng-container [ngTemplateOutlet]=\"valueContent\" [ngTemplateOutletContext]=\"{ item: item }\" />\r\n </dd>\r\n </div>\r\n }\r\n }\r\n</dl>\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.ius-dl{--_dl-value-fs: var(--ius-fs-base);--_dl-value-lh: var(--ius-lh-base);--_dl-term: max-content;--_dl-cell-py: var(--ius-space-sm);--_dl-cell-px: var(--ius-space-md);margin:0;box-sizing:border-box;min-width:0;font-family:var(--ius-font-body);color:var(--ius-text-primary)}.ius-dl[data-size=small]{--_dl-value-fs: var(--ius-fs-sm);--_dl-value-lh: var(--ius-lh-sm);--_dl-cell-py: var(--ius-space-xs);--_dl-cell-px: var(--ius-space-sm)}@container style(--ius-density: small){.ius-dl:not([data-size]){--_dl-value-fs: var(--ius-fs-sm);--_dl-value-lh: var(--ius-lh-sm);--_dl-cell-py: var(--ius-space-xs);--_dl-cell-px: var(--ius-space-sm)}}.ius-dl[data-layout=stacked]{display:flex;flex-direction:column;gap:var(--ius-space-md)}.ius-dl[data-size=small][data-layout=stacked]{gap:var(--ius-space-sm)}@container style(--ius-density: small){.ius-dl:not([data-size])[data-layout=stacked]{gap:var(--ius-space-sm)}}.ius-dl[data-layout=stacked] .ius-dl__row{display:flex;flex-direction:column;gap:var(--ius-space-xxs);min-width:0}.ius-dl[data-layout=inline]{display:grid;grid-template-columns:var(--_dl-term) 1fr;column-gap:var(--ius-space-md);row-gap:var(--ius-space-xs)}.ius-dl[data-layout=inline] .ius-dl__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;min-width:0}.ius-dl[data-divider=true][data-layout=inline] .ius-dl__row:not(:last-child){padding-bottom:var(--ius-space-xs);border-bottom:1px solid var(--ius-stroke)}.ius-dl[data-divider=true][data-layout=stacked] .ius-dl__row:not(:last-child){padding-bottom:var(--ius-space-md);border-bottom:1px solid var(--ius-stroke)}.ius-dl[data-layout=grid]{display:grid;gap:1px;background:var(--ius-stroke);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-md);overflow:hidden}.ius-dl[data-layout=grid] .ius-dl__gterm,.ius-dl[data-layout=grid] .ius-dl__gval{margin:0;min-width:0;display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_dl-cell-py) var(--_dl-cell-px)}.ius-dl[data-layout=grid] .ius-dl__gterm{background:var(--ius-surface-sunken);color:var(--ius-text-tertiary);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);white-space:nowrap}.ius-dl[data-layout=grid] .ius-dl__gval{background:var(--ius-surface-card);color:var(--ius-text-primary);font-size:var(--_dl-value-fs);line-height:var(--_dl-value-lh)}.ius-dl__term{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);margin:0;min-width:0;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary)}.ius-dl__valwrap{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);min-width:0}.ius-dl__vicon{font-size:var(--ius-icon-sm);color:var(--ius-text-tertiary);flex:0 0 auto}.ius-dl__value{margin:0;min-width:0;font-size:var(--_dl-value-fs);line-height:var(--_dl-value-lh);color:var(--ius-text-primary)}.ius-dl[data-value-align=end][data-layout=inline] .ius-dl__value{text-align:right;justify-self:end}.ius-dl__num{font-variant-numeric:tabular-nums}.ius-dl__link{color:var(--ius-primary-900);text-decoration:none;font:inherit;cursor:pointer;border-radius:var(--ius-radius-sm);transition:color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-dl__link:hover{color:var(--ius-primary-500);text-decoration:underline}.ius-dl__link:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}button.ius-dl__link{appearance:none;margin:0;padding:0;background:none;border:0;text-align:inherit}\n"] }]
|
|
3877
3877
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], valueAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueAlign", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], tabularValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabularValues", required: false }] }], termWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "termWidth", required: false }] }], valueClicked: [{ type: i0.Output, args: ["valueClicked"] }] } });
|
|
@@ -4345,8 +4345,8 @@ class CaptchaFieldComponent {
|
|
|
4345
4345
|
this.expire.emit();
|
|
4346
4346
|
this.valueChange.emit('');
|
|
4347
4347
|
}
|
|
4348
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
4349
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
4348
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CaptchaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4349
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CaptchaFieldComponent, isStandalone: true, selector: "ius-captcha-field", inputs: { provider: "provider", sitekey: "sitekey", theme: "theme", size: "size", appearance: "appearance", language: "language", action: "action", cData: "cData", disabled: ["disabled", "disabled", booleanAttribute], error: ["error", "error", booleanAttribute], state: "state", label: "label", helpText: "helpText", errorText: "errorText", responseFieldName: "responseFieldName", id: "id" }, outputs: { verify: "verify", expire: "expire", errored: "errored", timedOut: "timedOut", valueChange: "valueChange" }, host: { properties: { "attr.data-size": "sizeState()", "attr.data-state": "stateState() || null", "attr.data-error": "isError() || null", "attr.data-disabled": "isDisabled() || null" }, classAttribute: "ius-cf" }, providers: [
|
|
4350
4350
|
{
|
|
4351
4351
|
provide: NG_VALUE_ACCESSOR,
|
|
4352
4352
|
useExisting: forwardRef(() => CaptchaFieldComponent),
|
|
@@ -4354,7 +4354,7 @@ class CaptchaFieldComponent {
|
|
|
4354
4354
|
},
|
|
4355
4355
|
], viewQueries: [{ propertyName: "hostRef", first: true, predicate: ["host"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label != null) {\r\n <label [attr.for]=\"fieldId\" class=\"ius-cf__label\">{{ label }}</label>\r\n}\r\n\r\n<!-- Hueco reservado: widget vivo \u00B7 esqueleto de carga (demo) \u00B7 placeholder docs -->\r\n@if (useLive()) {\r\n <div class=\"ius-cf__slot\">\r\n <div\r\n #host\r\n [id]=\"fieldId\"\r\n class=\"ius-cf__host\"\r\n [style.visibility]=\"phase() === 'ready' ? 'visible' : 'hidden'\"\r\n ></div>\r\n\r\n @if (phase() === 'loading') {\r\n <div class=\"ius-cf__overlay\">\r\n <!-- Esqueleto inline (reemplazar por <ius-skeleton> cuando exista). -->\r\n <div class=\"ius-cf__skeleton\" role=\"img\" aria-label=\"Cargando verificaci\u00F3n\"></div>\r\n </div>\r\n }\r\n\r\n @if (phase() === 'error') {\r\n <div class=\"ius-cf__ph\">\r\n <span class=\"ius-icon\" aria-hidden=\"true\">gpp_bad</span>\r\n <span class=\"ius-cf__ph-name\">No se pudo cargar la verificaci\u00F3n</span>\r\n <span class=\"ius-cf__ph-note\">Revisa la conexi\u00F3n e int\u00E9ntalo de nuevo.</span>\r\n </div>\r\n }\r\n </div>\r\n} @else if (isDemo() && stateState() === 'loading') {\r\n <div class=\"ius-cf__slot\">\r\n <div class=\"ius-cf__skeleton\" role=\"img\" aria-label=\"Cargando verificaci\u00F3n\"></div>\r\n </div>\r\n} @else {\r\n <div\r\n [id]=\"fieldId\"\r\n class=\"ius-cf__slot is-ph\"\r\n role=\"img\"\r\n [attr.aria-label]=\"ph().name\"\r\n >\r\n <div class=\"ius-cf__ph\">\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ ph().icon }}</span>\r\n <span class=\"ius-cf__ph-name\">{{ ph().name }}</span>\r\n <span class=\"ius-cf__ph-note\">{{ ph().note }}</span>\r\n </div>\r\n </div>\r\n}\r\n\r\n<!-- Input oculto con el token (env\u00EDo nativo del formulario) -->\r\n@if (useLive()) {\r\n <input type=\"hidden\" [name]=\"respName\" [value]=\"token()\" readonly />\r\n}\r\n\r\n<!-- Ayuda / error -->\r\n@if (hint) {\r\n <span class=\"ius-cf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_cf-w: 300px;--_cf-h: 65px;display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);width:100%;max-width:var(--_cf-w);-webkit-user-select:none;user-select:none}:host([data-size=flexible]){--_cf-w: 100%;max-width:100%}:host([data-size=compact]){--_cf-w: 150px;--_cf-h: 140px}.ius-cf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-primary)}.ius-cf__label .ius-icon{font-size:var(--ius-icon-sm);color:var(--ius-text-tertiary)}.ius-cf__slot{position:relative;box-sizing:border-box;width:100%;min-width:min(var(--_cf-w),100%);min-height:var(--_cf-h);border-radius:var(--ius-radius-md);display:grid;place-items:center;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=flexible]) .ius-cf__slot{min-width:min(300px,100%)}.ius-cf__slot.is-ph{background:var(--ius-neutral-2);border:1px dashed var(--ius-stroke-strong);padding:var(--ius-space-md)}:host([data-state=verified]) .ius-cf__slot.is-ph{background:var(--ius-success-100);border:1px solid var(--ius-success-500)}:host([data-state=expired]) .ius-cf__slot.is-ph{background:var(--ius-warning-100);border:1px solid var(--ius-warning-500)}:host([data-state=error]) .ius-cf__slot.is-ph,:host([data-error=true]) .ius-cf__slot.is-ph{background:var(--ius-danger-100);border:1px solid var(--ius-danger-700)}:host([data-disabled=true]) .ius-cf__slot.is-ph{opacity:.55}.ius-cf__ph{display:flex;flex-direction:column;align-items:center;gap:var(--ius-space-xxs);text-align:center}.ius-cf__ph .ius-icon{font-size:var(--ius-icon-lg);color:var(--ius-text-tertiary)}.ius-cf__ph-name{font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-secondary)}.ius-cf__ph-note{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary);max-width:34ch}:host([data-state=verified]) .ius-cf__ph .ius-icon,:host([data-state=verified]) .ius-cf__ph-name{color:var(--ius-success-700)}:host([data-state=expired]) .ius-cf__ph .ius-icon,:host([data-state=expired]) .ius-cf__ph-name{color:var(--ius-warning-700)}:host([data-state=error]) .ius-cf__ph .ius-icon,:host([data-state=error]) .ius-cf__ph-name,:host([data-error=true]) .ius-cf__ph .ius-icon,:host([data-error=true]) .ius-cf__ph-name{color:var(--ius-danger-700)}.ius-cf__host{width:100%;min-height:var(--_cf-h);display:flex;justify-content:center;align-items:center}.ius-cf__overlay{position:absolute;inset:0;display:grid;place-items:center}.ius-cf__skeleton{width:100%;height:var(--_cf-h);border-radius:var(--ius-radius-md);background-color:var(--ius-neutral-2);background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ius-surface-card) 65%,transparent),transparent);background-size:200% 100%;background-repeat:no-repeat;animation:ius-cf-shimmer 1.4s ease-in-out infinite}@keyframes ius-cf-shimmer{0%{background-position:-150% 0}to{background-position:250% 0}}@media(prefers-reduced-motion:reduce){.ius-cf__skeleton{animation:none}}.ius-cf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);color:var(--ius-text-secondary)}:host([data-error=true]) .ius-cf__hint,:host([data-state=error]) .ius-cf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-cf__hint{color:var(--ius-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4356
4356
|
}
|
|
4357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
4357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CaptchaFieldComponent, decorators: [{
|
|
4358
4358
|
type: Component,
|
|
4359
4359
|
args: [{ selector: 'ius-captcha-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4360
4360
|
{
|
|
@@ -4426,10 +4426,10 @@ const ROLE_DEFAULTS = {
|
|
|
4426
4426
|
* `<ius-tag><span iusTagPrefix>…</span>Texto</ius-tag>`.
|
|
4427
4427
|
*/
|
|
4428
4428
|
class IusTagPrefixDirective {
|
|
4429
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
4430
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.
|
|
4429
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusTagPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4430
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: IusTagPrefixDirective, isStandalone: true, selector: "[iusTagPrefix]", ngImport: i0 }); }
|
|
4431
4431
|
}
|
|
4432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
4432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusTagPrefixDirective, decorators: [{
|
|
4433
4433
|
type: Directive,
|
|
4434
4434
|
args: [{ selector: '[iusTagPrefix]', standalone: true }]
|
|
4435
4435
|
}] });
|
|
@@ -4438,10 +4438,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4438
4438
|
* `<ius-tag>Texto<span iusTagSuffix>…</span></ius-tag>`.
|
|
4439
4439
|
*/
|
|
4440
4440
|
class IusTagSuffixDirective {
|
|
4441
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
4442
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.
|
|
4441
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusTagSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4442
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: IusTagSuffixDirective, isStandalone: true, selector: "[iusTagSuffix]", ngImport: i0 }); }
|
|
4443
4443
|
}
|
|
4444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
4444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusTagSuffixDirective, decorators: [{
|
|
4445
4445
|
type: Directive,
|
|
4446
4446
|
args: [{ selector: '[iusTagSuffix]', standalone: true }]
|
|
4447
4447
|
}] });
|
|
@@ -4562,10 +4562,10 @@ class TagComponent {
|
|
|
4562
4562
|
return;
|
|
4563
4563
|
this.closed.emit();
|
|
4564
4564
|
}
|
|
4565
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
4566
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: TagComponent, isStandalone: true, selector: "ius-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", closed: "closed" }, host: { listeners: { "click": "onClickHost($event)", "keydown.enter": "onKeyActivate($event)", "keydown.space": "onSpaceDown($event)", "keyup.space": "onKeyActivate($event)" }, properties: { "attr.data-tone": "tone()", "attr.data-role": "role() !== 'label' ? role() : null", "attr.data-variant": "effVariant()", "attr.data-size": "size() !== 'medium' ? size() : null", "attr.data-shape": "shape() !== 'pill' ? shape() : null", "attr.data-interactive": "isInteractive() || null", "attr.data-selected": "selected() || null", "attr.data-disabled": "disabled() || null", "attr.data-state": "state() && state() !== 'idle' ? state() : null", "attr.role": "isInteractive() ? 'button' : null", "attr.tabindex": "isInteractive() && !disabled() ? 0 : null", "attr.aria-pressed": "isInteractive() && selected() ? 'true' : null", "attr.aria-disabled": "isInteractive() && disabled() ? 'true' : null" }, classAttribute: "ius-tag" }, queries: [{ propertyName: "prefixRef", first: true, predicate: IusTagPrefixDirective, descendants: true, isSignal: true }, { propertyName: "suffixRef", first: true, predicate: IusTagSuffixDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Prefijo: prefix proyectado \u203A icon \u203A dot -->\r\n@if (hasPrefix()) {\r\n <span class=\"ius-tag__icon\" aria-hidden=\"true\"><ng-content select=\"[iusTagPrefix]\" /></span>\r\n} @else if (icon()) {\r\n <span class=\"ius-tag__icon\" aria-hidden=\"true\"><span class=\"ius-icon\">{{ icon() }}</span></span>\r\n} @else if (showDot()) {\r\n <span class=\"ius-tag__dot\" aria-hidden=\"true\"></span>\r\n}\r\n\r\n<!-- Etiqueta: input `label` \u203A contenido proyectado -->\r\n<span class=\"ius-tag__label\">\r\n @if (label() != null) {\r\n {{ label() }}\r\n } @else {\r\n <ng-content />\r\n }\r\n</span>\r\n\r\n<!-- Sufijo: count (`\u00B7 N`) \u203A suffix proyectado -->\r\n@if (count() != null) {\r\n <span class=\"ius-tag__count\">\u00B7 {{ count() }}</span>\r\n} @else if (hasSuffix()) {\r\n <span class=\"ius-tag__suffix\" aria-hidden=\"true\"><ng-content select=\"[iusTagSuffix]\" /></span>\r\n}\r\n\r\n<!-- Cierre: si el host es interactivo, evita bot\u00F3n-en-bot\u00F3n (span[role=button]) -->\r\n@if (closable()) {\r\n @if (isInteractive()) {\r\n <span\r\n role=\"button\"\r\n class=\"ius-tag__x\"\r\n [attr.aria-label]=\"closeLabel()\"\r\n tabindex=\"-1\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"onClose($event)\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </span>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"ius-tag__x\"\r\n [attr.aria-label]=\"closeLabel()\"\r\n tabindex=\"-1\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"onClose($event)\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </button>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{-webkit-user-select:none;user-select:none;--_tag-py: 4px;--_tag-px: 10px;--_tag-fs: var(--ius-fs-sm);--_tag-lh: var(--ius-lh-sm);--_tag-gap: var(--ius-space-xs);--_tag-icon: var(--ius-icon-sm);--_tag-x: 16px;--_tag-dot: 7px;--_c-soft: var(--ius-neutral-2);--_c-soft-h: var(--ius-neutral-3);--_c-soft-p: var(--ius-neutral-4);--_c-fg: var(--ius-neutral-9);--_c-accent: var(--ius-neutral-7);--_c-solid: var(--ius-neutral-9);--_c-solid-h: var(--ius-neutral-10);--_c-solid-p: var(--ius-neutral-black);display:inline-flex;align-items:center;gap:var(--_tag-gap);box-sizing:border-box;max-width:100%;padding:var(--_tag-py) var(--_tag-px);border-radius:var(--ius-radius-pill);border:1px solid transparent;background:var(--_c-soft);color:var(--_c-fg);font-family:var(--ius-font-body);font-size:var(--_tag-fs);line-height:var(--_tag-lh);font-weight:500;vertical-align:middle;white-space:nowrap;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=small]){--_tag-py: 2px;--_tag-px: 8px;--_tag-fs: var(--ius-fs-sm);--_tag-lh: var(--ius-lh-sm);--_tag-gap: var(--ius-space-xxs);--_tag-icon: var(--ius-icon-sm);--_tag-x: 14px;--_tag-dot: 6px}:host([data-size=large]){--_tag-py: 6px;--_tag-px: 12px;--_tag-fs: var(--ius-fs-base);--_tag-lh: var(--ius-lh-base);--_tag-gap: var(--ius-space-xs);--_tag-icon: var(--ius-icon-sm);--_tag-x: 18px;--_tag-dot: 8px}:host([data-shape=rounded]){border-radius:var(--ius-radius-md)}:host([data-tone=primary]){--_c-soft: var(--ius-primary-100);--_c-soft-h: var(--ius-primary-200);--_c-soft-p: var(--ius-primary-300);--_c-fg: var(--ius-primary-700);--_c-accent: var(--ius-primary-500);--_c-solid: var(--ius-primary-900);--_c-solid-h: var(--ius-primary-800);--_c-solid-p: var(--ius-primary-700)}:host([data-tone=info]){--_c-soft: var(--ius-info-100);--_c-soft-h: var(--ius-info-200);--_c-soft-p: var(--ius-info-300);--_c-fg: var(--ius-info-700);--_c-accent: var(--ius-info-500);--_c-solid: var(--ius-info-600);--_c-solid-h: var(--ius-info-700);--_c-solid-p: var(--ius-info-800)}:host([data-tone=success]){--_c-soft: var(--ius-success-100);--_c-soft-h: var(--ius-success-200);--_c-soft-p: var(--ius-success-300);--_c-fg: var(--ius-success-800);--_c-accent: var(--ius-success-600);--_c-solid: var(--ius-success-600);--_c-solid-h: var(--ius-success-700);--_c-solid-p: var(--ius-success-800)}:host([data-tone=warning]){--_c-soft: var(--ius-warning-100);--_c-soft-h: var(--ius-warning-200);--_c-soft-p: var(--ius-warning-300);--_c-fg: var(--ius-warning-800);--_c-accent: var(--ius-warning-600);--_c-solid: var(--ius-warning-600);--_c-solid-h: var(--ius-warning-700);--_c-solid-p: var(--ius-warning-800)}:host([data-tone=danger]){--_c-soft: var(--ius-danger-100);--_c-soft-h: var(--ius-danger-200);--_c-soft-p: var(--ius-danger-300);--_c-fg: var(--ius-danger-700);--_c-accent: var(--ius-danger-500);--_c-solid: var(--ius-danger-600);--_c-solid-h: var(--ius-danger-700);--_c-solid-p: var(--ius-danger-800)}:host([data-tone=neutral]){--_c-soft: var(--ius-neutral-2);--_c-soft-h: var(--ius-neutral-3);--_c-soft-p: var(--ius-neutral-4);--_c-fg: var(--ius-neutral-9);--_c-accent: var(--ius-neutral-7);--_c-solid: var(--ius-neutral-9);--_c-solid-h: var(--ius-neutral-10);--_c-solid-p: var(--ius-neutral-black)}:host([data-tone=durazno]){--_c-soft: var(--ius-durazno-100);--_c-soft-h: var(--ius-durazno-200);--_c-soft-p: var(--ius-durazno-300);--_c-fg: var(--ius-durazno-700);--_c-accent: var(--ius-durazno-500);--_c-solid: var(--ius-durazno-600);--_c-solid-h: var(--ius-durazno-700);--_c-solid-p: var(--ius-durazno-800)}:host([data-tone=banano]){--_c-soft: var(--ius-banano-100);--_c-soft-h: var(--ius-banano-200);--_c-soft-p: var(--ius-banano-300);--_c-fg: var(--ius-banano-800);--_c-accent: var(--ius-banano-500);--_c-solid: var(--ius-banano-700);--_c-solid-h: var(--ius-banano-800);--_c-solid-p: var(--ius-banano-900)}:host([data-tone=sandia]){--_c-soft: var(--ius-sandia-100);--_c-soft-h: var(--ius-sandia-200);--_c-soft-p: var(--ius-sandia-300);--_c-fg: var(--ius-sandia-700);--_c-accent: var(--ius-sandia-500);--_c-solid: var(--ius-sandia-600);--_c-solid-h: var(--ius-sandia-700);--_c-solid-p: var(--ius-sandia-800)}:host([data-tone=arandano]){--_c-soft: var(--ius-arandano-100);--_c-soft-h: var(--ius-arandano-200);--_c-soft-p: var(--ius-arandano-300);--_c-fg: var(--ius-arandano-700);--_c-accent: var(--ius-arandano-500);--_c-solid: var(--ius-arandano-600);--_c-solid-h: var(--ius-arandano-700);--_c-solid-p: var(--ius-arandano-800)}:host([data-tone=uva]){--_c-soft: var(--ius-uva-100);--_c-soft-h: var(--ius-uva-200);--_c-soft-p: var(--ius-uva-300);--_c-fg: var(--ius-uva-700);--_c-accent: var(--ius-uva-500);--_c-solid: var(--ius-uva-600);--_c-solid-h: var(--ius-uva-700);--_c-solid-p: var(--ius-uva-800)}:host([data-tone=aguacate]){--_c-soft: var(--ius-aguacate-100);--_c-soft-h: var(--ius-aguacate-200);--_c-soft-p: var(--ius-aguacate-300);--_c-fg: var(--ius-aguacate-700);--_c-accent: var(--ius-aguacate-500);--_c-solid: var(--ius-aguacate-600);--_c-solid-h: var(--ius-aguacate-700);--_c-solid-p: var(--ius-aguacate-800)}:host([data-variant=outline]){background:var(--ius-neutral-white);color:var(--ius-text-primary);border-color:var(--ius-stroke)}:host([data-variant=solid]){background:var(--_c-solid);color:var(--ius-neutral-white);border-color:transparent}.ius-tag__dot{flex:0 0 auto;width:var(--_tag-dot);height:var(--_tag-dot);border-radius:var(--ius-radius-pill);background:var(--_c-accent)}.ius-tag__icon{display:inline-flex;flex:0 0 auto;color:var(--_c-accent)}.ius-tag__icon .ius-icon{font-size:var(--_tag-icon);line-height:1}:host([data-variant=solid]) .ius-tag__icon{color:currentColor}:host([data-variant=solid]) .ius-tag__dot{background:currentColor}.ius-tag__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ius-tag__count{flex:0 0 auto;opacity:.6;font-variant-numeric:tabular-nums}.ius-tag__suffix{display:inline-flex;flex:0 0 auto;color:var(--_c-accent)}:host([data-variant=solid]) .ius-tag__suffix{color:currentColor}.ius-tag__suffix .ius-icon{font-size:var(--_tag-icon);line-height:1}.ius-tag__x{appearance:none;border:0;margin:0 -2px 0 0;padding:0;flex:0 0 auto;width:var(--_tag-x);height:var(--_tag-x);border-radius:var(--ius-radius-pill);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:currentColor;opacity:.6;cursor:pointer;transition:opacity var(--ius-duration-fast) var(--ius-ease-standard),background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tag__x:hover{opacity:1;background:#00000014}:host([data-variant=solid]) .ius-tag__x:hover{background:#ffffff38}.ius-tag__x .ius-icon{font-size:calc(var(--_tag-x) - 3px);line-height:1}:host([data-interactive=true]){cursor:pointer;appearance:none;font:inherit}:host([data-interactive=true][data-variant=soft]:hover),:host([data-variant=soft][data-state=hover]){background:var(--_c-soft-h)}:host([data-interactive=true][data-variant=outline]:hover),:host([data-variant=outline][data-state=hover]){background:var(--_c-soft);border-color:transparent}:host([data-interactive=true][data-variant=solid]:hover),:host([data-variant=solid][data-state=hover]){background:var(--_c-solid-h)}:host([data-interactive=true][data-variant=soft]:active),:host([data-variant=soft][data-state=pressed]){background:var(--_c-soft-p)}:host([data-interactive=true][data-variant=outline]:active),:host([data-variant=outline][data-state=pressed]){background:var(--_c-soft-h);border-color:transparent}:host([data-interactive=true][data-variant=solid]:active),:host([data-variant=solid][data-state=pressed]){background:var(--_c-solid-p)}:host([data-interactive=true]:focus-visible),:host([data-state=focused]){outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--_c-accent) 35%,transparent)}:host([data-disabled=true]){background:var(--ius-neutral-2);border-color:transparent;color:var(--ius-text-disabled);cursor:default;pointer-events:none}:host([data-disabled=true]) .ius-tag__dot{background:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tag__icon,:host([data-disabled=true]) .ius-tag__suffix{color:var(--ius-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4565
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4566
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TagComponent, isStandalone: true, selector: "ius-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", closed: "closed" }, host: { listeners: { "click": "onClickHost($event)", "keydown.enter": "onKeyActivate($event)", "keydown.space": "onSpaceDown($event)", "keyup.space": "onKeyActivate($event)" }, properties: { "attr.data-tone": "tone()", "attr.data-role": "role() !== 'label' ? role() : null", "attr.data-variant": "effVariant()", "attr.data-size": "size() !== 'medium' ? size() : null", "attr.data-shape": "shape() !== 'pill' ? shape() : null", "attr.data-interactive": "isInteractive() || null", "attr.data-selected": "selected() || null", "attr.data-disabled": "disabled() || null", "attr.data-state": "state() && state() !== 'idle' ? state() : null", "attr.role": "isInteractive() ? 'button' : null", "attr.tabindex": "isInteractive() && !disabled() ? 0 : null", "attr.aria-pressed": "isInteractive() && selected() ? 'true' : null", "attr.aria-disabled": "isInteractive() && disabled() ? 'true' : null" }, classAttribute: "ius-tag" }, queries: [{ propertyName: "prefixRef", first: true, predicate: IusTagPrefixDirective, descendants: true, isSignal: true }, { propertyName: "suffixRef", first: true, predicate: IusTagSuffixDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Prefijo: prefix proyectado \u203A icon \u203A dot -->\r\n@if (hasPrefix()) {\r\n <span class=\"ius-tag__icon\" aria-hidden=\"true\"><ng-content select=\"[iusTagPrefix]\" /></span>\r\n} @else if (icon()) {\r\n <span class=\"ius-tag__icon\" aria-hidden=\"true\"><span class=\"ius-icon\">{{ icon() }}</span></span>\r\n} @else if (showDot()) {\r\n <span class=\"ius-tag__dot\" aria-hidden=\"true\"></span>\r\n}\r\n\r\n<!-- Etiqueta: input `label` \u203A contenido proyectado -->\r\n<span class=\"ius-tag__label\">\r\n @if (label() != null) {\r\n {{ label() }}\r\n } @else {\r\n <ng-content />\r\n }\r\n</span>\r\n\r\n<!-- Sufijo: count (`\u00B7 N`) \u203A suffix proyectado -->\r\n@if (count() != null) {\r\n <span class=\"ius-tag__count\">\u00B7 {{ count() }}</span>\r\n} @else if (hasSuffix()) {\r\n <span class=\"ius-tag__suffix\" aria-hidden=\"true\"><ng-content select=\"[iusTagSuffix]\" /></span>\r\n}\r\n\r\n<!-- Cierre: si el host es interactivo, evita bot\u00F3n-en-bot\u00F3n (span[role=button]) -->\r\n@if (closable()) {\r\n @if (isInteractive()) {\r\n <span\r\n role=\"button\"\r\n class=\"ius-tag__x\"\r\n [attr.aria-label]=\"closeLabel()\"\r\n tabindex=\"-1\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"onClose($event)\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </span>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"ius-tag__x\"\r\n [attr.aria-label]=\"closeLabel()\"\r\n tabindex=\"-1\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"onClose($event)\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </button>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{-webkit-user-select:none;user-select:none;--_tag-py: 4px;--_tag-px: 10px;--_tag-fs: var(--ius-fs-sm);--_tag-lh: var(--ius-lh-sm);--_tag-gap: var(--ius-space-xs);--_tag-icon: var(--ius-icon-sm);--_tag-x: 16px;--_tag-dot: 7px;--_c-soft: var(--ius-neutral-2);--_c-soft-h: var(--ius-neutral-3);--_c-soft-p: var(--ius-neutral-4);--_c-fg: var(--ius-neutral-9);--_c-accent: var(--ius-neutral-7);--_c-solid: var(--ius-neutral-9);--_c-solid-h: var(--ius-neutral-10);--_c-solid-p: var(--ius-neutral-black);display:inline-flex;align-items:center;gap:var(--_tag-gap);box-sizing:border-box;max-width:100%;padding:var(--_tag-py) var(--_tag-px);border-radius:var(--ius-radius-pill);border:1px solid transparent;background:var(--_c-soft);color:var(--_c-fg);font-family:var(--ius-font-body);font-size:var(--_tag-fs);line-height:var(--_tag-lh);font-weight:500;vertical-align:middle;white-space:nowrap;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=small]){--_tag-py: 2px;--_tag-px: 8px;--_tag-fs: var(--ius-fs-sm);--_tag-lh: var(--ius-lh-sm);--_tag-gap: var(--ius-space-xxs);--_tag-icon: var(--ius-icon-sm);--_tag-x: 14px;--_tag-dot: 6px}:host([data-size=large]){--_tag-py: 6px;--_tag-px: 12px;--_tag-fs: var(--ius-fs-base);--_tag-lh: var(--ius-lh-base);--_tag-gap: var(--ius-space-xs);--_tag-icon: var(--ius-icon-sm);--_tag-x: 18px;--_tag-dot: 8px}:host([data-shape=rounded]){border-radius:var(--ius-radius-md)}:host([data-tone=primary]){--_c-soft: var(--ius-primary-100);--_c-soft-h: var(--ius-primary-200);--_c-soft-p: var(--ius-primary-300);--_c-fg: var(--ius-primary-700);--_c-accent: var(--ius-primary-500);--_c-solid: var(--ius-primary-900);--_c-solid-h: var(--ius-primary-800);--_c-solid-p: var(--ius-primary-700)}:host([data-tone=info]){--_c-soft: var(--ius-info-100);--_c-soft-h: var(--ius-info-200);--_c-soft-p: var(--ius-info-300);--_c-fg: var(--ius-info-700);--_c-accent: var(--ius-info-500);--_c-solid: var(--ius-info-600);--_c-solid-h: var(--ius-info-700);--_c-solid-p: var(--ius-info-800)}:host([data-tone=success]){--_c-soft: var(--ius-success-100);--_c-soft-h: var(--ius-success-200);--_c-soft-p: var(--ius-success-300);--_c-fg: var(--ius-success-800);--_c-accent: var(--ius-success-600);--_c-solid: var(--ius-success-600);--_c-solid-h: var(--ius-success-700);--_c-solid-p: var(--ius-success-800)}:host([data-tone=warning]){--_c-soft: var(--ius-warning-100);--_c-soft-h: var(--ius-warning-200);--_c-soft-p: var(--ius-warning-300);--_c-fg: var(--ius-warning-800);--_c-accent: var(--ius-warning-600);--_c-solid: var(--ius-warning-600);--_c-solid-h: var(--ius-warning-700);--_c-solid-p: var(--ius-warning-800)}:host([data-tone=danger]){--_c-soft: var(--ius-danger-100);--_c-soft-h: var(--ius-danger-200);--_c-soft-p: var(--ius-danger-300);--_c-fg: var(--ius-danger-700);--_c-accent: var(--ius-danger-500);--_c-solid: var(--ius-danger-600);--_c-solid-h: var(--ius-danger-700);--_c-solid-p: var(--ius-danger-800)}:host([data-tone=neutral]){--_c-soft: var(--ius-neutral-2);--_c-soft-h: var(--ius-neutral-3);--_c-soft-p: var(--ius-neutral-4);--_c-fg: var(--ius-neutral-9);--_c-accent: var(--ius-neutral-7);--_c-solid: var(--ius-neutral-9);--_c-solid-h: var(--ius-neutral-10);--_c-solid-p: var(--ius-neutral-black)}:host([data-tone=durazno]){--_c-soft: var(--ius-durazno-100);--_c-soft-h: var(--ius-durazno-200);--_c-soft-p: var(--ius-durazno-300);--_c-fg: var(--ius-durazno-700);--_c-accent: var(--ius-durazno-500);--_c-solid: var(--ius-durazno-600);--_c-solid-h: var(--ius-durazno-700);--_c-solid-p: var(--ius-durazno-800)}:host([data-tone=banano]){--_c-soft: var(--ius-banano-100);--_c-soft-h: var(--ius-banano-200);--_c-soft-p: var(--ius-banano-300);--_c-fg: var(--ius-banano-800);--_c-accent: var(--ius-banano-500);--_c-solid: var(--ius-banano-700);--_c-solid-h: var(--ius-banano-800);--_c-solid-p: var(--ius-banano-900)}:host([data-tone=sandia]){--_c-soft: var(--ius-sandia-100);--_c-soft-h: var(--ius-sandia-200);--_c-soft-p: var(--ius-sandia-300);--_c-fg: var(--ius-sandia-700);--_c-accent: var(--ius-sandia-500);--_c-solid: var(--ius-sandia-600);--_c-solid-h: var(--ius-sandia-700);--_c-solid-p: var(--ius-sandia-800)}:host([data-tone=arandano]){--_c-soft: var(--ius-arandano-100);--_c-soft-h: var(--ius-arandano-200);--_c-soft-p: var(--ius-arandano-300);--_c-fg: var(--ius-arandano-700);--_c-accent: var(--ius-arandano-500);--_c-solid: var(--ius-arandano-600);--_c-solid-h: var(--ius-arandano-700);--_c-solid-p: var(--ius-arandano-800)}:host([data-tone=uva]){--_c-soft: var(--ius-uva-100);--_c-soft-h: var(--ius-uva-200);--_c-soft-p: var(--ius-uva-300);--_c-fg: var(--ius-uva-700);--_c-accent: var(--ius-uva-500);--_c-solid: var(--ius-uva-600);--_c-solid-h: var(--ius-uva-700);--_c-solid-p: var(--ius-uva-800)}:host([data-tone=aguacate]){--_c-soft: var(--ius-aguacate-100);--_c-soft-h: var(--ius-aguacate-200);--_c-soft-p: var(--ius-aguacate-300);--_c-fg: var(--ius-aguacate-700);--_c-accent: var(--ius-aguacate-500);--_c-solid: var(--ius-aguacate-600);--_c-solid-h: var(--ius-aguacate-700);--_c-solid-p: var(--ius-aguacate-800)}:host([data-variant=outline]){background:var(--ius-neutral-white);color:var(--ius-text-primary);border-color:var(--ius-stroke)}:host([data-variant=solid]){background:var(--_c-solid);color:var(--ius-neutral-white);border-color:transparent}.ius-tag__dot{flex:0 0 auto;width:var(--_tag-dot);height:var(--_tag-dot);border-radius:var(--ius-radius-pill);background:var(--_c-accent)}.ius-tag__icon{display:inline-flex;flex:0 0 auto;color:var(--_c-accent)}.ius-tag__icon .ius-icon{font-size:var(--_tag-icon);line-height:1}:host([data-variant=solid]) .ius-tag__icon{color:currentColor}:host([data-variant=solid]) .ius-tag__dot{background:currentColor}.ius-tag__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ius-tag__count{flex:0 0 auto;opacity:.6;font-variant-numeric:tabular-nums}.ius-tag__suffix{display:inline-flex;flex:0 0 auto;color:var(--_c-accent)}:host([data-variant=solid]) .ius-tag__suffix{color:currentColor}.ius-tag__suffix .ius-icon{font-size:var(--_tag-icon);line-height:1}.ius-tag__x{appearance:none;border:0;margin:0 -2px 0 0;padding:0;flex:0 0 auto;width:var(--_tag-x);height:var(--_tag-x);border-radius:var(--ius-radius-pill);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:currentColor;opacity:.6;cursor:pointer;transition:opacity var(--ius-duration-fast) var(--ius-ease-standard),background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tag__x:hover{opacity:1;background:#00000014}:host([data-variant=solid]) .ius-tag__x:hover{background:#ffffff38}.ius-tag__x .ius-icon{font-size:calc(var(--_tag-x) - 3px);line-height:1}:host([data-interactive=true]){cursor:pointer;appearance:none;font:inherit}:host([data-interactive=true][data-variant=soft]:hover),:host([data-variant=soft][data-state=hover]){background:var(--_c-soft-h)}:host([data-interactive=true][data-variant=outline]:hover),:host([data-variant=outline][data-state=hover]){background:var(--_c-soft);border-color:transparent}:host([data-interactive=true][data-variant=solid]:hover),:host([data-variant=solid][data-state=hover]){background:var(--_c-solid-h)}:host([data-interactive=true][data-variant=soft]:active),:host([data-variant=soft][data-state=pressed]){background:var(--_c-soft-p)}:host([data-interactive=true][data-variant=outline]:active),:host([data-variant=outline][data-state=pressed]){background:var(--_c-soft-h);border-color:transparent}:host([data-interactive=true][data-variant=solid]:active),:host([data-variant=solid][data-state=pressed]){background:var(--_c-solid-p)}:host([data-interactive=true]:focus-visible),:host([data-state=focused]){outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--_c-accent) 35%,transparent)}:host([data-disabled=true]){background:var(--ius-neutral-2);border-color:transparent;color:var(--ius-text-disabled);cursor:default;pointer-events:none}:host([data-disabled=true]) .ius-tag__dot{background:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tag__icon,:host([data-disabled=true]) .ius-tag__suffix{color:var(--ius-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4567
4567
|
}
|
|
4568
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
4568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TagComponent, decorators: [{
|
|
4569
4569
|
type: Component,
|
|
4570
4570
|
args: [{ selector: 'ius-tag', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4571
4571
|
class: 'ius-tag',
|
|
@@ -4836,8 +4836,8 @@ class MultiTextFieldComponent {
|
|
|
4836
4836
|
this.cleared.emit();
|
|
4837
4837
|
this.focusSlot(0);
|
|
4838
4838
|
}
|
|
4839
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
4840
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
4839
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultiTextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4840
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MultiTextFieldComponent, isStandalone: true, selector: "ius-multi-text-field", inputs: { slots: "slots", label: "label", required: ["required", "required", booleanAttribute], showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", helpText: "helpText", errorText: "errorText", showHelpText: ["showHelpText", "showHelpText", booleanAttribute], showClear: "showClear", error: ["error", "error", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], size: "size", state: "state", id: "id" }, outputs: { valueChange: "valueChange", cleared: "cleared" }, host: { properties: { "attr.data-size": "sizeState() !== 'medium' ? sizeState() : null", "attr.data-focused": "isFocused() || null", "attr.data-error": "isError() || null", "attr.data-disabled": "isDisabled() || null", "attr.data-force": "stateState() || null" }, classAttribute: "ius-tf ius-tf--multi" }, providers: [
|
|
4841
4841
|
{
|
|
4842
4842
|
provide: NG_VALUE_ACCESSOR,
|
|
4843
4843
|
useExisting: forwardRef(() => MultiTextFieldComponent),
|
|
@@ -4845,7 +4845,7 @@ class MultiTextFieldComponent {
|
|
|
4845
4845
|
},
|
|
4846
4846
|
], viewQueries: [{ propertyName: "slotInputs", predicate: ["slotInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label) {\r\n <label [for]=\"baseId + '-0'\" 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 <span\r\n class=\"ius-tf__help-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\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 @for (slot of slotsState(); track $index) {\r\n @if ($index > 0) {\r\n <span class=\"ius-tf__divider\" aria-hidden=\"true\"></span>\r\n }\r\n <input\r\n #slotInput\r\n [id]=\"baseId + '-' + $index\"\r\n class=\"ius-tf__slot\"\r\n [type]=\"slot.type || 'text'\"\r\n [attr.name]=\"slot.name || null\"\r\n [placeholder]=\"slot.placeholder || ''\"\r\n [value]=\"currentValue($index)\"\r\n [disabled]=\"isDisabled()\"\r\n [attr.maxlength]=\"slot.maxLength ?? null\"\r\n [attr.aria-label]=\"slot.ariaLabel || null\"\r\n [attr.aria-invalid]=\"isError() || null\"\r\n [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n [style.flex]=\"slotFlex(slot)\"\r\n [style.width]=\"slotWidth(slot)\"\r\n (input)=\"onSlotInput($index, $event)\"\r\n (keydown)=\"onSlotKeyDown($index, $event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n />\r\n }\r\n\r\n @if (clearReserved) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-tf__clear\"\r\n [class.ius-tf__clear--hidden]=\"!clearActive\"\r\n aria-label=\"Limpiar campos\"\r\n [attr.aria-hidden]=\"clearActive ? null : 'true'\"\r\n tabindex=\"-1\"\r\n [disabled]=\"isDisabled()\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"clear()\"\r\n >\r\n <span 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);width:fit-content;max-width:none;min-width:0}: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__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);width:fit-content;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__slot{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__slot::placeholder{color:var(--_tf-placeholder)}.ius-tf__slot:disabled{color:var(--ius-text-disabled);cursor:not-allowed}:host([data-error=true]) .ius-tf__slot{color:var(--ius-text-primary)}.ius-tf__divider{width:1px;align-self:stretch;background:var(--ius-neutral-5);flex:0 0 auto;margin:var(--ius-space-xxs) var(--ius-space-xs)}:host([data-focused=true]) .ius-tf__divider,:host([data-force=focused]) .ius-tf__divider{background:var(--ius-primary-500)}:host([data-error=true]) .ius-tf__divider,:host([data-force=error]) .ius-tf__divider{background:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__divider,:host([data-force=disabled]) .ius-tf__divider{background:var(--ius-neutral-4)}.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}.ius-tf__clear--hidden{visibility:hidden}: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"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4847
4847
|
}
|
|
4848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
4848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultiTextFieldComponent, decorators: [{
|
|
4849
4849
|
type: Component,
|
|
4850
4850
|
args: [{ selector: 'ius-multi-text-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4851
4851
|
{
|
|
@@ -4914,10 +4914,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4914
4914
|
* ```
|
|
4915
4915
|
*/
|
|
4916
4916
|
class IusModalFooterDirective {
|
|
4917
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
4918
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.
|
|
4917
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4918
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: IusModalFooterDirective, isStandalone: true, selector: "[iusModalFooter]", ngImport: i0 }); }
|
|
4919
4919
|
}
|
|
4920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
4920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IusModalFooterDirective, decorators: [{
|
|
4921
4921
|
type: Directive,
|
|
4922
4922
|
args: [{ selector: '[iusModalFooter]', standalone: true }]
|
|
4923
4923
|
}] });
|
|
@@ -5069,10 +5069,10 @@ class ModalComponent {
|
|
|
5069
5069
|
emitClose(reason) {
|
|
5070
5070
|
this.closed.emit(reason);
|
|
5071
5071
|
}
|
|
5072
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
5073
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
5072
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5073
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ModalComponent, isStandalone: true, selector: "ius-modal", inputs: { open: ["open", "open", booleanAttribute], size: "size", title: "title", description: "description", icon: "icon", iconTone: "iconTone", showClose: ["showClose", "showClose", booleanAttribute], primaryLabel: "primaryLabel", primaryLoading: ["primaryLoading", "primaryLoading", booleanAttribute], primaryDisabled: ["primaryDisabled", "primaryDisabled", booleanAttribute], destructive: ["destructive", "destructive", booleanAttribute], secondaryLabel: "secondaryLabel", dividers: ["dividers", "dividers", booleanAttribute], closeOnScrim: ["closeOnScrim", "closeOnScrim", booleanAttribute], closeOnEsc: ["closeOnEsc", "closeOnEsc", booleanAttribute], zIndex: ["zIndex", "zIndex", numberAttribute], ariaLabel: "ariaLabel" }, outputs: { closed: "closed", primary: "primary", secondary: "secondary" }, queries: [{ propertyName: "customFooter", first: true, predicate: IusModalFooterDirective, descendants: true }], viewQueries: [{ propertyName: "tpl", first: true, predicate: ["tpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #tpl>\r\n <div\r\n class=\"ius-modal__scrim\"\r\n [style.--_modal-z]=\"zIndex\"\r\n (mousedown)=\"onScrimMouseDown($event)\"\r\n >\r\n <div\r\n class=\"ius-modal\"\r\n [attr.data-size]=\"size\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n [attr.aria-label]=\"title == null ? ariaLabel : null\"\r\n cdkTrapFocus\r\n [cdkTrapFocusAutoCapture]=\"true\"\r\n >\r\n @if (hasHead) {\r\n <div class=\"ius-modal__head\" [attr.data-divider]=\"dividers ? 'true' : null\">\r\n @if (icon != null) {\r\n <span\r\n class=\"ius-modal__icon\"\r\n aria-hidden=\"true\"\r\n [style.--_mi-bg]=\"iconColors.bg\"\r\n [style.--_mi-fg]=\"iconColors.fg\"\r\n >\r\n <span class=\"ius-icon\">{{ icon }}</span>\r\n </span>\r\n }\r\n\r\n @if (title != null || description != null) {\r\n <div class=\"ius-modal__titles\">\r\n @if (title != null) {\r\n <h2 class=\"ius-modal__title\">{{ title }}</h2>\r\n }\r\n @if (description != null) {\r\n <p class=\"ius-modal__desc\">{{ description }}</p>\r\n }\r\n </div>\r\n } @else {\r\n <span class=\"ius-modal__titles\"></span>\r\n }\r\n\r\n @if (showClose) {\r\n <ius-icon-button\r\n class=\"ius-modal__close\"\r\n icon=\"close\"\r\n variant=\"tertiary\"\r\n size=\"small\"\r\n shape=\"circle\"\r\n ariaLabel=\"Cerrar\"\r\n (clicked)=\"onCloseClick()\"\r\n />\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"ius-modal__body\" [attr.data-no-head]=\"hasHead ? null : 'true'\">\r\n <ng-content />\r\n </div>\r\n\r\n @if (customFooter) {\r\n <div class=\"ius-modal__foot\" [attr.data-divider]=\"dividers ? 'true' : null\">\r\n <ng-content select=\"[iusModalFooter]\" />\r\n </div>\r\n } @else if (hasConvenienceFooter) {\r\n <div class=\"ius-modal__foot\" [attr.data-divider]=\"dividers ? 'true' : null\">\r\n @if (showSecondary) {\r\n <ius-button\r\n variant=\"secondary\"\r\n size=\"medium\"\r\n [label]=\"secondaryLabel!\"\r\n (clicked)=\"onSecondary()\"\r\n />\r\n }\r\n @if (primaryLabel != null) {\r\n <ius-button\r\n [variant]=\"destructive ? 'danger' : 'primary'\"\r\n size=\"medium\"\r\n [label]=\"primaryLabel\"\r\n [loading]=\"primaryLoading\"\r\n [disabled]=\"primaryDisabled\"\r\n (clicked)=\"onPrimary($event)\"\r\n />\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".ius-modal__scrim{position:fixed;inset:0;background:var(--ius-surface-overlay, rgba(0, 0, 0, .45));display:flex;align-items:center;justify-content:center;padding:var(--ius-space-lg);z-index:var(--_modal-z, 1300);-webkit-user-select:none;user-select:none;animation:ius-modal-scrim-in .2s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1))}@keyframes ius-modal-scrim-in{0%{opacity:0}to{opacity:1}}.ius-modal{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 48px);background:var(--ius-surface-card, #fff);border-radius:var(--ius-radius-lg, 14px);box-shadow:var(--ius-elevation-400, 0 12px 32px rgba(0, 0, 0, .18));overflow:hidden;animation:ius-modal-in .22s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1))}@keyframes ius-modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ius-modal[data-size=small]{max-width:380px}.ius-modal[data-size=medium]{max-width:520px}.ius-modal[data-size=large]{max-width:680px}.ius-modal__head{display:flex;align-items:flex-start;gap:var(--ius-space-sm);padding:var(--ius-space-lg) var(--ius-space-lg) var(--ius-space-md) var(--ius-space-lg);flex:none;-webkit-user-select:none;user-select:none}.ius-modal__head[data-divider=true]{border-bottom:1px solid var(--ius-stroke, #eaeaea)}.ius-modal__icon{flex:none;width:38px;height:38px;margin-top:1px;border-radius:var(--ius-radius-pill, 100px);display:grid;place-items:center;background:var(--_mi-bg, var(--ius-info-100));color:var(--_mi-fg, var(--ius-info-600))}.ius-modal__icon .ius-icon{font-size:var(--ius-icon-lg)}.ius-modal__titles{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-modal__title{font-family:var(--ius-font-display);font-weight:700;font-size:var(--ius-fs-h5);line-height:var(--ius-lh-h5);color:var(--ius-text-primary);margin:0}.ius-modal__desc{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-base);color:var(--ius-text-secondary);margin:0}.ius-modal__close{flex:none;margin:-4px -4px 0 0}.ius-modal__body{padding:var(--ius-space-md) var(--ius-space-lg) var(--ius-space-lg);overflow-y:auto;flex:1 1 auto;font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-secondary);-webkit-user-select:text;user-select:text}.ius-modal__body[data-no-head=true]{padding-top:var(--ius-space-lg)}.ius-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-xs);padding:var(--ius-space-md) var(--ius-space-lg) var(--ius-space-md);flex:none;-webkit-user-select:none;user-select:none}.ius-modal__foot[data-divider=true]{border-top:1px solid var(--ius-stroke, #eaeaea)}@media(prefers-reduced-motion:reduce){.ius-modal__scrim,.ius-modal{animation:none}}@media(max-width:480px){.ius-modal[data-size]{max-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: IconButtonComponent, selector: "ius-icon-button", inputs: ["icon", "variant", "size", "shape", "disabled", "type", "ariaLabel", "tooltip", "tooltipPlacement"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5074
5074
|
}
|
|
5075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
5075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalComponent, decorators: [{
|
|
5076
5076
|
type: Component,
|
|
5077
5077
|
args: [{ selector: 'ius-modal', standalone: true, imports: [A11yModule, ButtonComponent, IconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #tpl>\r\n <div\r\n class=\"ius-modal__scrim\"\r\n [style.--_modal-z]=\"zIndex\"\r\n (mousedown)=\"onScrimMouseDown($event)\"\r\n >\r\n <div\r\n class=\"ius-modal\"\r\n [attr.data-size]=\"size\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n [attr.aria-label]=\"title == null ? ariaLabel : null\"\r\n cdkTrapFocus\r\n [cdkTrapFocusAutoCapture]=\"true\"\r\n >\r\n @if (hasHead) {\r\n <div class=\"ius-modal__head\" [attr.data-divider]=\"dividers ? 'true' : null\">\r\n @if (icon != null) {\r\n <span\r\n class=\"ius-modal__icon\"\r\n aria-hidden=\"true\"\r\n [style.--_mi-bg]=\"iconColors.bg\"\r\n [style.--_mi-fg]=\"iconColors.fg\"\r\n >\r\n <span class=\"ius-icon\">{{ icon }}</span>\r\n </span>\r\n }\r\n\r\n @if (title != null || description != null) {\r\n <div class=\"ius-modal__titles\">\r\n @if (title != null) {\r\n <h2 class=\"ius-modal__title\">{{ title }}</h2>\r\n }\r\n @if (description != null) {\r\n <p class=\"ius-modal__desc\">{{ description }}</p>\r\n }\r\n </div>\r\n } @else {\r\n <span class=\"ius-modal__titles\"></span>\r\n }\r\n\r\n @if (showClose) {\r\n <ius-icon-button\r\n class=\"ius-modal__close\"\r\n icon=\"close\"\r\n variant=\"tertiary\"\r\n size=\"small\"\r\n shape=\"circle\"\r\n ariaLabel=\"Cerrar\"\r\n (clicked)=\"onCloseClick()\"\r\n />\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"ius-modal__body\" [attr.data-no-head]=\"hasHead ? null : 'true'\">\r\n <ng-content />\r\n </div>\r\n\r\n @if (customFooter) {\r\n <div class=\"ius-modal__foot\" [attr.data-divider]=\"dividers ? 'true' : null\">\r\n <ng-content select=\"[iusModalFooter]\" />\r\n </div>\r\n } @else if (hasConvenienceFooter) {\r\n <div class=\"ius-modal__foot\" [attr.data-divider]=\"dividers ? 'true' : null\">\r\n @if (showSecondary) {\r\n <ius-button\r\n variant=\"secondary\"\r\n size=\"medium\"\r\n [label]=\"secondaryLabel!\"\r\n (clicked)=\"onSecondary()\"\r\n />\r\n }\r\n @if (primaryLabel != null) {\r\n <ius-button\r\n [variant]=\"destructive ? 'danger' : 'primary'\"\r\n size=\"medium\"\r\n [label]=\"primaryLabel\"\r\n [loading]=\"primaryLoading\"\r\n [disabled]=\"primaryDisabled\"\r\n (clicked)=\"onPrimary($event)\"\r\n />\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".ius-modal__scrim{position:fixed;inset:0;background:var(--ius-surface-overlay, rgba(0, 0, 0, .45));display:flex;align-items:center;justify-content:center;padding:var(--ius-space-lg);z-index:var(--_modal-z, 1300);-webkit-user-select:none;user-select:none;animation:ius-modal-scrim-in .2s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1))}@keyframes ius-modal-scrim-in{0%{opacity:0}to{opacity:1}}.ius-modal{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 48px);background:var(--ius-surface-card, #fff);border-radius:var(--ius-radius-lg, 14px);box-shadow:var(--ius-elevation-400, 0 12px 32px rgba(0, 0, 0, .18));overflow:hidden;animation:ius-modal-in .22s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1))}@keyframes ius-modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ius-modal[data-size=small]{max-width:380px}.ius-modal[data-size=medium]{max-width:520px}.ius-modal[data-size=large]{max-width:680px}.ius-modal__head{display:flex;align-items:flex-start;gap:var(--ius-space-sm);padding:var(--ius-space-lg) var(--ius-space-lg) var(--ius-space-md) var(--ius-space-lg);flex:none;-webkit-user-select:none;user-select:none}.ius-modal__head[data-divider=true]{border-bottom:1px solid var(--ius-stroke, #eaeaea)}.ius-modal__icon{flex:none;width:38px;height:38px;margin-top:1px;border-radius:var(--ius-radius-pill, 100px);display:grid;place-items:center;background:var(--_mi-bg, var(--ius-info-100));color:var(--_mi-fg, var(--ius-info-600))}.ius-modal__icon .ius-icon{font-size:var(--ius-icon-lg)}.ius-modal__titles{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-modal__title{font-family:var(--ius-font-display);font-weight:700;font-size:var(--ius-fs-h5);line-height:var(--ius-lh-h5);color:var(--ius-text-primary);margin:0}.ius-modal__desc{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-base);color:var(--ius-text-secondary);margin:0}.ius-modal__close{flex:none;margin:-4px -4px 0 0}.ius-modal__body{padding:var(--ius-space-md) var(--ius-space-lg) var(--ius-space-lg);overflow-y:auto;flex:1 1 auto;font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-secondary);-webkit-user-select:text;user-select:text}.ius-modal__body[data-no-head=true]{padding-top:var(--ius-space-lg)}.ius-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-xs);padding:var(--ius-space-md) var(--ius-space-lg) var(--ius-space-md);flex:none;-webkit-user-select:none;user-select:none}.ius-modal__foot[data-divider=true]{border-top:1px solid var(--ius-stroke, #eaeaea)}@media(prefers-reduced-motion:reduce){.ius-modal__scrim,.ius-modal{animation:none}}@media(max-width:480px){.ius-modal[data-size]{max-width:100%}}\n"] }]
|
|
5078
5078
|
}], propDecorators: { tpl: [{
|
|
@@ -5251,12 +5251,12 @@ class TextComponent {
|
|
|
5251
5251
|
}
|
|
5252
5252
|
return st;
|
|
5253
5253
|
}
|
|
5254
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
5255
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
5254
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5255
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TextComponent, isStandalone: true, selector: "ius-text", inputs: { variant: "variant", color: "color", weight: "weight", as: "as", align: "align", italic: ["italic", "italic", booleanAttribute], truncate: ["truncate", "truncate", booleanAttribute], tabularNums: ["tabularNums", "tabularNums", booleanAttribute], for: "for" }, ngImport: i0, template: "<!-- El contenido se captura UNA sola vez y se estampa en el branch activo con\r\n NgTemplateOutlet. Un <ng-content /> repetido por @case NO funciona: Angular\r\n asigna el contenido proyectado a un \u00FAnico slot y los branches del @switch\r\n renderizan vac\u00EDo (bug real: todos los ius-text del login sal\u00EDan sin texto). -->\r\n<ng-template #content><ng-content /></ng-template>\r\n\r\n@switch (tag) {\r\n @case ('h1') {\r\n <h1 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h5>\r\n }\r\n @case ('p') {\r\n <p [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></p>\r\n }\r\n @case ('label') {\r\n <label [class]=\"klass\" [style]=\"styleObject\" [attr.for]=\"for || null\"><ng-container [ngTemplateOutlet]=\"content\" /></label>\r\n }\r\n @case ('div') {\r\n <div [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></div>\r\n }\r\n @case ('strong') {\r\n <strong [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></strong>\r\n }\r\n @case ('em') {\r\n <em [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></em>\r\n }\r\n @case ('small') {\r\n <small [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></small>\r\n }\r\n @default {\r\n <span [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></span>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-text{margin:0;text-wrap:pretty}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5256
5256
|
}
|
|
5257
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
5257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextComponent, decorators: [{
|
|
5258
5258
|
type: Component,
|
|
5259
|
-
args: [{ selector: 'ius-text', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (tag) {\r\n @case ('h1') {\r\n <h1 [class]=\"klass\" [style]=\"styleObject\"><ng-content /></h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"klass\" [style]=\"styleObject\"><ng-content /></h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"klass\" [style]=\"styleObject\"><ng-content /></h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"klass\" [style]=\"styleObject\"><ng-content /></h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"klass\" [style]=\"styleObject\"><ng-content /></h5>\r\n }\r\n @case ('p') {\r\n <p [class]=\"klass\" [style]=\"styleObject\"><ng-content /></p>\r\n }\r\n @case ('label') {\r\n <label [class]=\"klass\" [style]=\"styleObject\" [attr.for]=\"for || null\"><ng-content /></label>\r\n }\r\n @case ('div') {\r\n <div [class]=\"klass\" [style]=\"styleObject\"><ng-content /></div>\r\n }\r\n @case ('strong') {\r\n <strong [class]=\"klass\" [style]=\"styleObject\"><ng-content /></strong>\r\n }\r\n @case ('em') {\r\n <em [class]=\"klass\" [style]=\"styleObject\"><ng-content /></em>\r\n }\r\n @case ('small') {\r\n <small [class]=\"klass\" [style]=\"styleObject\"><ng-content /></small>\r\n }\r\n @default {\r\n <span [class]=\"klass\" [style]=\"styleObject\"><ng-content /></span>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-text{margin:0;text-wrap:pretty}\n"] }]
|
|
5259
|
+
args: [{ selector: 'ius-text', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- El contenido se captura UNA sola vez y se estampa en el branch activo con\r\n NgTemplateOutlet. Un <ng-content /> repetido por @case NO funciona: Angular\r\n asigna el contenido proyectado a un \u00FAnico slot y los branches del @switch\r\n renderizan vac\u00EDo (bug real: todos los ius-text del login sal\u00EDan sin texto). -->\r\n<ng-template #content><ng-content /></ng-template>\r\n\r\n@switch (tag) {\r\n @case ('h1') {\r\n <h1 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></h5>\r\n }\r\n @case ('p') {\r\n <p [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></p>\r\n }\r\n @case ('label') {\r\n <label [class]=\"klass\" [style]=\"styleObject\" [attr.for]=\"for || null\"><ng-container [ngTemplateOutlet]=\"content\" /></label>\r\n }\r\n @case ('div') {\r\n <div [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></div>\r\n }\r\n @case ('strong') {\r\n <strong [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></strong>\r\n }\r\n @case ('em') {\r\n <em [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></em>\r\n }\r\n @case ('small') {\r\n <small [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></small>\r\n }\r\n @default {\r\n <span [class]=\"klass\" [style]=\"styleObject\"><ng-container [ngTemplateOutlet]=\"content\" /></span>\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:contents}.ius-text{margin:0;text-wrap:pretty}\n"] }]
|
|
5260
5260
|
}], propDecorators: { variant: [{
|
|
5261
5261
|
type: Input
|
|
5262
5262
|
}], color: [{
|
|
@@ -5419,8 +5419,8 @@ class SegmentedControlComponent {
|
|
|
5419
5419
|
break;
|
|
5420
5420
|
}
|
|
5421
5421
|
}
|
|
5422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
5423
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
5422
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5423
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SegmentedControlComponent, isStandalone: true, selector: "ius-segmented-control", inputs: { options: "options", size: "size", variant: "variant", fullWidth: ["fullWidth", "fullWidth", booleanAttribute], iconOnly: ["iconOnly", "iconOnly", booleanAttribute], ariaLabel: "ariaLabel", name: "name", value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { valueChange: "valueChange" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.aria-label": "ariaLabel || null", "attr.data-size": "size !== 'medium' ? size : null", "attr.data-variant": "variant", "attr.data-fullwidth": "fullWidth ? 'true' : 'false'", "attr.data-disabled": "disabled ? 'true' : 'false'" }, classAttribute: "ius-seg" }, providers: [
|
|
5424
5424
|
{
|
|
5425
5425
|
provide: NG_VALUE_ACCESSOR,
|
|
5426
5426
|
useExisting: forwardRef(() => SegmentedControlComponent),
|
|
@@ -5428,7 +5428,7 @@ class SegmentedControlComponent {
|
|
|
5428
5428
|
},
|
|
5429
5429
|
], viewQueries: [{ propertyName: "optRefs", predicate: ["opt"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (o of options; track o.value; let i = $index) {\r\n <button\r\n #opt\r\n type=\"button\"\r\n role=\"radio\"\r\n class=\"ius-seg__opt\"\r\n [attr.name]=\"name || null\"\r\n [attr.aria-checked]=\"o.value === selected()\"\r\n [attr.aria-label]=\"iconOnly ? (o.ariaLabel || o.label || null) : null\"\r\n [attr.title]=\"iconOnly ? (o.ariaLabel || o.label || null) : (o.title || null)\"\r\n [disabled]=\"disabled || !!o.disabled\"\r\n [attr.tabindex]=\"tabIndexFor(o, i)\"\r\n (click)=\"onOptionClick(o)\"\r\n (keydown)=\"onKeyDown($event, i)\"\r\n >\r\n @if (o.icon) {\r\n <span class=\"ius-icon\" aria-hidden=\"true\">{{ o.icon }}</span>\r\n }\r\n @if (!iconOnly && o.label != null) {\r\n <span>{{ o.label }}</span>\r\n }\r\n </button>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_seg-h: 40px;--_seg-fs: var(--ius-fs-base);--_seg-px: 14px;--_seg-gap: var(--ius-space-xs);--_seg-icon: var(--ius-icon-md);--_seg-pad: 3px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:stretch;gap:var(--ius-space-xxs);padding:var(--_seg-pad);background:var(--ius-neutral-1);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);box-sizing:border-box;font-family:var(--ius-font-body)}:host([data-size=small]){--_seg-h: 34px;--_seg-fs: var(--ius-fs-sm);--_seg-px: 11px;--_seg-gap: var(--ius-space-xs);--_seg-icon: var(--ius-icon-sm)}:host([data-size=large]){--_seg-h: 48px;--_seg-fs: var(--ius-fs-base);--_seg-px: 18px;--_seg-gap: var(--ius-space-xs);--_seg-icon: var(--ius-icon-md)}@container style(--ius-control-size: small){:host(:not([data-size])){--_seg-h: 34px;--_seg-fs: var(--ius-fs-sm);--_seg-px: 11px;--_seg-gap: var(--ius-space-xs);--_seg-icon: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_seg-h: 48px;--_seg-fs: var(--ius-fs-base);--_seg-px: 18px;--_seg-gap: var(--ius-space-xs);--_seg-icon: var(--ius-icon-md)}}:host([data-fullwidth=true]){display:flex;width:100%}.ius-seg__opt{appearance:none;-webkit-appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--_seg-gap);height:calc(var(--_seg-h) - var(--_seg-pad) * 2 - 2px);padding:0 var(--_seg-px);border:0;background:transparent;cursor:pointer;border-radius:calc(var(--ius-radius-lg) - var(--_seg-pad));color:var(--ius-text-secondary);font-family:var(--ius-font-body);font-size:var(--_seg-fs);font-weight:500;line-height:1;white-space:nowrap;transition:background .14s ease,color .14s ease,box-shadow .14s ease}:host([data-fullwidth=true]) .ius-seg__opt{flex:1 1 0;min-width:0}.ius-seg__opt .ius-icon{font-size:var(--_seg-icon);line-height:1}.ius-seg__opt:hover:not([aria-checked=true]):not(:disabled){color:var(--ius-text-primary);background:var(--ius-neutral-3)}.ius-seg__opt:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-seg__opt:disabled{color:var(--ius-text-disabled);cursor:not-allowed}:host([data-variant=subtle]) .ius-seg__opt[aria-checked=true]{background:var(--ius-surface-card);color:var(--ius-text-primary);box-shadow:var(--ius-elevation-100);font-weight:600}:host([data-variant=solid]) .ius-seg__opt[aria-checked=true]{background:var(--ius-primary-900);color:var(--ius-neutral-white);font-weight:600}:host([data-variant=solid]) .ius-seg__opt[aria-checked=true] .ius-icon{color:var(--ius-neutral-white)}:host([data-disabled=true]){opacity:.55;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5430
5430
|
}
|
|
5431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
5431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SegmentedControlComponent, decorators: [{
|
|
5432
5432
|
type: Component,
|
|
5433
5433
|
args: [{ selector: 'ius-segmented-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5434
5434
|
{
|
|
@@ -5543,10 +5543,10 @@ class OptionItemComponent {
|
|
|
5543
5543
|
// Mantener el foco del menú: previene el blur para que elegir no cierre la búsqueda.
|
|
5544
5544
|
event.preventDefault();
|
|
5545
5545
|
}
|
|
5546
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
5547
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
5546
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OptionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5547
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: OptionItemComponent, isStandalone: true, selector: "ius-option-item", inputs: { label: "label", icon: "icon", selected: ["selected", "selected", booleanAttribute], multi: ["multi", "multi", booleanAttribute], active: ["active", "active", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], size: "size", value: "value", state: "state" }, outputs: { selectClicked: "selectClicked" }, host: { attributes: { "role": "option" }, listeners: { "click": "handleClick()", "mousedown": "onMouseDown($event)" }, properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.aria-selected": "isSelected || null", "attr.aria-disabled": "isDisabled || null", "attr.data-selected": "isSelected || null", "attr.data-variant": "isSelected ? variant : null", "attr.data-active": "active || null", "attr.data-disabled": "isDisabled || null", "attr.data-state": "forced ? state : null", "attr.data-value": "value ?? null" }, classAttribute: "ius-opt" }, ngImport: i0, template: "@if (icon) {\r\n <span class=\"ius-opt__icon\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ icon }}</span>\r\n </span>\r\n}\r\n<span class=\"ius-opt__label\">{{ label }}<ng-content /></span>\r\n@if (showCheck) {\r\n <span class=\"ius-opt__check\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">check</span>\r\n </span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--ius-space-xs);box-sizing:border-box;width:100%;padding:var(--_opt-py, var(--ius-space-xs)) var(--ius-space-sm);border-radius:var(--ius-radius-md);font-family:var(--ius-font-body);font-size:var(--_opt-fs, var(--ius-fs-base));line-height:var(--ius-lh-base);color:var(--ius-text-primary);background:transparent;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=small]){--_opt-py: 6px;--_opt-fs: var(--ius-fs-base)}:host([data-size=large]){--_opt-py: 11px;--_opt-fs: var(--ius-fs-lg)}.ius-opt__icon{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--ius-text-secondary)}.ius-opt__icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-opt__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-opt__check{flex:0 0 auto;width:22px;height:22px;border-radius:var(--ius-radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--ius-primary-900);color:var(--ius-neutral-white)}.ius-opt__check .ius-icon{font-size:var(--ius-icon-sm);line-height:1}:host(:hover),:host([data-active=true]),:host([data-state=hover]),:host([data-state=selectedHovered]){background:var(--ius-info-100)}:host(:active),:host([data-state=pressed]){background:var(--ius-info-200)}:host([data-selected=true][data-variant=check]),:host([data-state=selected]),:host([data-state=selectedHovered]){color:var(--ius-text-primary);font-weight:var(--ius-fw-medium)}:host([data-selected=true][data-variant=fill]),:host([data-state=selectedVar]){background:var(--ius-primary-900);color:var(--ius-neutral-white);font-weight:var(--ius-fw-medium)}:host([data-selected=true][data-variant=fill]) .ius-opt__icon,:host([data-state=selectedVar]) .ius-opt__icon{color:var(--ius-neutral-white)}:host([data-selected=true][data-variant=fill]):hover,:host([data-state=selectedVar]):hover{background:var(--ius-primary-900)}:host([data-disabled=true]),:host([data-state=disabled]){color:var(--ius-text-disabled);cursor:not-allowed;background:transparent}:host([data-disabled=true]) .ius-opt__icon,:host([data-state=disabled]) .ius-opt__icon{color:var(--ius-text-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5548
5548
|
}
|
|
5549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
5549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OptionItemComponent, decorators: [{
|
|
5550
5550
|
type: Component,
|
|
5551
5551
|
args: [{ selector: 'ius-option-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5552
5552
|
class: 'ius-opt',
|
|
@@ -5635,10 +5635,10 @@ class ChipComponent {
|
|
|
5635
5635
|
return;
|
|
5636
5636
|
this.removed.emit();
|
|
5637
5637
|
}
|
|
5638
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
5639
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
5638
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ChipComponent, isStandalone: true, selector: "ius-chip", inputs: { label: "label", icon: "icon", removable: ["removable", "removable", booleanAttribute], size: "size", disabled: ["disabled", "disabled", booleanAttribute], state: "state", removeLabel: "removeLabel" }, outputs: { removed: "removed" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-removable": "removable || null", "attr.data-disabled": "isDisabled || null", "attr.data-state": "forcedState" }, classAttribute: "ius-chip" }, ngImport: i0, template: "@if (icon) {\r\n <span class=\"ius-chip__icon\" aria-hidden=\"true\">\r\n <span class=\"ius-icon\">{{ icon }}</span>\r\n </span>\r\n}\r\n<span class=\"ius-chip__label\">{{ label }}<ng-content /></span>\r\n@if (removable) {\r\n <button\r\n type=\"button\"\r\n class=\"ius-chip__x\"\r\n [attr.aria-label]=\"removeLabel\"\r\n tabindex=\"-1\"\r\n [disabled]=\"isDisabled\"\r\n (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"handleRemove($event)\"\r\n >\r\n <span class=\"ius-icon\">close</span>\r\n </button>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_chip-py: 4px;--_chip-px: 10px;--_chip-fs: var(--ius-fs-sm);--_chip-lh: var(--ius-lh-sm);--_chip-x: 18px;--_chip-icon: var(--ius-icon-sm);--_chip-gap: var(--ius-space-xs);display:inline-flex;align-items:center;gap:var(--_chip-gap);box-sizing:border-box;max-width:100%;padding:var(--_chip-py) var(--_chip-px);border-radius:var(--ius-radius-pill);border:1px solid var(--ius-stroke);background:var(--ius-neutral-white);font-family:var(--ius-font-body);font-size:var(--_chip-fs);line-height:var(--_chip-lh);color:var(--ius-text-primary);vertical-align:middle;-webkit-user-select:none;user-select:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=small]){--_chip-py: 3px;--_chip-px: 8px;--_chip-fs: var(--ius-fs-sm);--_chip-lh: var(--ius-lh-sm);--_chip-x: 16px;--_chip-icon: var(--ius-icon-sm);--_chip-gap: var(--ius-space-xxs)}:host([data-size=large]){--_chip-py: 5px;--_chip-px: 12px;--_chip-fs: var(--ius-fs-base);--_chip-lh: var(--ius-lh-base);--_chip-x: 20px;--_chip-icon: var(--ius-icon-sm);--_chip-gap: var(--ius-space-xs)}:host(:not([data-removable=true]):hover),:host([data-state=hover]:not([data-removable=true])){background:var(--ius-info-100);border-color:transparent}:host([data-removable=true]){background:var(--ius-info-200);border-color:transparent;padding-right:var(--ius-space-xxs)}:host([data-removable=true]:hover),:host([data-state=hover][data-removable=true]){background:var(--ius-info-100)}:host([data-disabled=true]),:host([data-state=disabled]){background:var(--ius-neutral-2);border-color:transparent;color:var(--ius-text-disabled);cursor:default}.ius-chip__icon{display:inline-flex;flex:0 0 auto;color:var(--ius-text-secondary)}.ius-chip__icon .ius-icon{font-size:var(--_chip-icon);line-height:1}:host([data-disabled=true]) .ius-chip__icon,:host([data-state=disabled]) .ius-chip__icon{color:var(--ius-text-disabled)}.ius-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-chip__x{appearance:none;border:0;margin:0;padding:0;flex:0 0 auto;width:var(--_chip-x);height:var(--_chip-x);border-radius:var(--ius-radius-pill);background:var(--ius-neutral-9);color:var(--ius-neutral-white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-chip__x:hover{background:var(--ius-neutral-black)}.ius-chip__x .ius-icon{font-size:calc(var(--_chip-x) - 4px);line-height:1}:host([data-disabled=true]) .ius-chip__x,:host([data-state=disabled]) .ius-chip__x{background:var(--ius-neutral-5);cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5640
5640
|
}
|
|
5641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
5641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipComponent, decorators: [{
|
|
5642
5642
|
type: Component,
|
|
5643
5643
|
args: [{ selector: 'ius-chip', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5644
5644
|
class: 'ius-chip',
|
|
@@ -5717,8 +5717,13 @@ function buildVisible(options, query) {
|
|
|
5717
5717
|
* - El golden compone `OptionItem` (filas) y `Chip` (chips de múltiple): ya
|
|
5718
5718
|
* portados como `ius-option-item` / `ius-chip`, se componen aquí directamente
|
|
5719
5719
|
* (sin CSS inlineado). Los chips de múltiple usan `ius-chip removable`.
|
|
5720
|
-
* - El menú se
|
|
5721
|
-
*
|
|
5720
|
+
* - El menú se portalea a `document.body` vía **CDK Overlay**
|
|
5721
|
+
* (`flexibleConnectedTo` el trigger + `scrollStrategy: reposition`), con
|
|
5722
|
+
* flip abajo/arriba e igualando el ancho del campo — espejo de
|
|
5723
|
+
* `updatePosition` del golden. Encapsulation por defecto (Emulated): los
|
|
5724
|
+
* estilos del menú siguen aplicando dentro del overlay porque Angular
|
|
5725
|
+
* inyecta el `<style>` scopeado en el `<head>` global (mismo patrón que
|
|
5726
|
+
* `ius-modal`, ver `src/lib/modal/modal.component.ts`).
|
|
5722
5727
|
*/
|
|
5723
5728
|
class SelectComponent {
|
|
5724
5729
|
constructor() {
|
|
@@ -5781,20 +5786,29 @@ class SelectComponent {
|
|
|
5781
5786
|
...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
|
|
5782
5787
|
this.activeIndex = signal(0, /* @ts-ignore */
|
|
5783
5788
|
...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
|
|
5784
|
-
|
|
5785
|
-
|
|
5789
|
+
/** Ancho del menú (portal CDK) — igualado al ancho del campo. */
|
|
5790
|
+
this.menuWidth = signal(220, /* @ts-ignore */
|
|
5791
|
+
...(ngDevMode ? [{ debugName: "menuWidth" }] : /* istanbul ignore next */ []));
|
|
5786
5792
|
this.field = viewChild('field', /* @ts-ignore */
|
|
5787
5793
|
...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
|
|
5788
5794
|
this.menu = viewChild('menu', /* @ts-ignore */
|
|
5789
5795
|
...(ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []));
|
|
5790
5796
|
this.search = viewChild('search', /* @ts-ignore */
|
|
5791
5797
|
...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
|
|
5798
|
+
this.menuTpl = viewChild('menuTpl', /* @ts-ignore */
|
|
5799
|
+
...(ngDevMode ? [{ debugName: "menuTpl" }] : /* istanbul ignore next */ []));
|
|
5792
5800
|
this.baseId = this.id || `ius-sel-${uid++}`;
|
|
5793
5801
|
this.helpId = `${this.baseId}-help`;
|
|
5802
|
+
/** `id` único del menú — target de `aria-controls` en el trigger. */
|
|
5803
|
+
this.menuId = `${this.baseId}-menu`;
|
|
5794
5804
|
this.onChange = () => { };
|
|
5795
5805
|
this.onTouched = () => { };
|
|
5806
|
+
this.overlay = inject(Overlay);
|
|
5807
|
+
this.viewContainerRef = inject(ViewContainerRef);
|
|
5808
|
+
this.overlayRef = null;
|
|
5796
5809
|
this.raf = 0;
|
|
5797
|
-
|
|
5810
|
+
// ── Typeahead (buffer de teclas imprimibles, expira a los ~700ms)
|
|
5811
|
+
this.typeaheadBuffer = '';
|
|
5798
5812
|
// ── Derivados
|
|
5799
5813
|
this.isDisabled = computed(() => this.disabledState() || this.stateInput() === 'disabled', /* @ts-ignore */
|
|
5800
5814
|
...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
@@ -5832,6 +5846,10 @@ class SelectComponent {
|
|
|
5832
5846
|
return Array.isArray(v) ? null : v;
|
|
5833
5847
|
}, /* @ts-ignore */
|
|
5834
5848
|
...(ngDevMode ? [{ debugName: "singleValue" }] : /* istanbul ignore next */ []));
|
|
5849
|
+
this.onWindowResize = () => {
|
|
5850
|
+
this.updateMenuWidth();
|
|
5851
|
+
this.overlayRef?.updatePosition();
|
|
5852
|
+
};
|
|
5835
5853
|
}
|
|
5836
5854
|
/** Opciones planas o agrupadas por secciones. */
|
|
5837
5855
|
set options(value) {
|
|
@@ -5905,9 +5923,19 @@ class SelectComponent {
|
|
|
5905
5923
|
get helpIconTitle() {
|
|
5906
5924
|
return this.iconHelpContent || this.iconHelpTitle;
|
|
5907
5925
|
}
|
|
5926
|
+
/**
|
|
5927
|
+
* Alto de fila usado para `maxVisible × itemH` — deriva del box-model real
|
|
5928
|
+
* de `OptionItem` (`option-item.component.scss`): `--_opt-py` (padding
|
|
5929
|
+
* vertical, top+bottom) + `--ius-lh-base` (line-height, fija en 20px, no
|
|
5930
|
+
* cambia por tamaño — solo el font-size lo hace). small py=6px → 32px ·
|
|
5931
|
+
* medium py=8px (`--ius-space-xs`) → 36px · large py=11px → 42px. No
|
|
5932
|
+
* incluye el `gap` entre filas de `.ius-selectmenu__list`
|
|
5933
|
+
* (`--ius-space-xxs`) — constante estructural documentada, no medida en
|
|
5934
|
+
* runtime.
|
|
5935
|
+
*/
|
|
5908
5936
|
get listMaxH() {
|
|
5909
5937
|
const sz = this.sizeState();
|
|
5910
|
-
const itemH = sz === 'small' ? 32 : sz === 'large' ?
|
|
5938
|
+
const itemH = sz === 'small' ? 32 : sz === 'large' ? 42 : 36;
|
|
5911
5939
|
return this.maxVisible * itemH;
|
|
5912
5940
|
}
|
|
5913
5941
|
labelFor(val) {
|
|
@@ -5930,12 +5958,13 @@ class SelectComponent {
|
|
|
5930
5958
|
}
|
|
5931
5959
|
if (!this.openControlled && (this.defaultOpen || this.stateInput() === 'open')) {
|
|
5932
5960
|
this.internalOpen.set(true);
|
|
5933
|
-
this.
|
|
5934
|
-
this.attachListeners();
|
|
5961
|
+
this.scheduleOpen(true);
|
|
5935
5962
|
}
|
|
5936
5963
|
}
|
|
5937
5964
|
ngOnDestroy() {
|
|
5938
|
-
this.
|
|
5965
|
+
cancelAnimationFrame(this.raf);
|
|
5966
|
+
clearTimeout(this.typeaheadTimer);
|
|
5967
|
+
this.detachOverlay();
|
|
5939
5968
|
}
|
|
5940
5969
|
// ── ControlValueAccessor
|
|
5941
5970
|
writeValue(value) {
|
|
@@ -5998,18 +6027,20 @@ class SelectComponent {
|
|
|
5998
6027
|
this.openChange.emit(v);
|
|
5999
6028
|
if (!v) {
|
|
6000
6029
|
this.query.set('');
|
|
6001
|
-
this.
|
|
6030
|
+
cancelAnimationFrame(this.raf);
|
|
6031
|
+
this.detachOverlay();
|
|
6002
6032
|
}
|
|
6003
6033
|
else {
|
|
6004
6034
|
this.activeIndex.set(0);
|
|
6005
|
-
this.
|
|
6006
|
-
this.attachListeners();
|
|
6035
|
+
this.scheduleOpen(true);
|
|
6007
6036
|
}
|
|
6008
6037
|
}
|
|
6009
6038
|
onSearch(event) {
|
|
6010
6039
|
this.query.set(event.target.value);
|
|
6011
6040
|
this.activeIndex.set(0);
|
|
6012
|
-
|
|
6041
|
+
// El filtrado cambia el alto del menú: re-evalúa flip/posición del overlay.
|
|
6042
|
+
cancelAnimationFrame(this.raf);
|
|
6043
|
+
this.raf = requestAnimationFrame(() => this.overlayRef?.updatePosition());
|
|
6013
6044
|
}
|
|
6014
6045
|
moveActive(delta) {
|
|
6015
6046
|
const flat = this.visible().flat;
|
|
@@ -6023,6 +6054,52 @@ class SelectComponent {
|
|
|
6023
6054
|
}
|
|
6024
6055
|
this.activeIndex.set(i);
|
|
6025
6056
|
}
|
|
6057
|
+
/**
|
|
6058
|
+
* ¿Es una tecla imprimible de una sola posición (typeahead)? Se ignora
|
|
6059
|
+
* cuando el foco está en la caja de búsqueda (ahí escribir filtra, no
|
|
6060
|
+
* hace typeahead) y cuando hay modificadores (Ctrl/Alt/Meta).
|
|
6061
|
+
*/
|
|
6062
|
+
isTypeaheadKey(event) {
|
|
6063
|
+
if (event.key.length !== 1 || event.ctrlKey || event.altKey || event.metaKey) {
|
|
6064
|
+
return false;
|
|
6065
|
+
}
|
|
6066
|
+
const searchEl = this.search()?.nativeElement;
|
|
6067
|
+
if (searchEl && event.target === searchEl)
|
|
6068
|
+
return false;
|
|
6069
|
+
return true;
|
|
6070
|
+
}
|
|
6071
|
+
/** Quita diacríticos y normaliza a minúsculas para comparar etiquetas. */
|
|
6072
|
+
normalizeLabel(value) {
|
|
6073
|
+
return value
|
|
6074
|
+
.normalize('NFD')
|
|
6075
|
+
.replace(/\p{Mn}/gu, '')
|
|
6076
|
+
.toLowerCase();
|
|
6077
|
+
}
|
|
6078
|
+
/**
|
|
6079
|
+
* Typeahead: acumula el carácter en un buffer (expira a los ~700ms) y
|
|
6080
|
+
* salta el resaltado/apertura a la primera opción habilitada cuya etiqueta
|
|
6081
|
+
* empiece por el buffer. Con el menú abierto solo mueve el resaltado; con
|
|
6082
|
+
* el menú cerrado (single) lo abre y resalta el match (sin seleccionar).
|
|
6083
|
+
*/
|
|
6084
|
+
handleTypeahead(char) {
|
|
6085
|
+
clearTimeout(this.typeaheadTimer);
|
|
6086
|
+
this.typeaheadBuffer += char;
|
|
6087
|
+
this.typeaheadTimer = setTimeout(() => {
|
|
6088
|
+
this.typeaheadBuffer = '';
|
|
6089
|
+
}, 700);
|
|
6090
|
+
const needle = this.normalizeLabel(this.typeaheadBuffer);
|
|
6091
|
+
const pool = this.isOpen() ? this.visible().flat : this.allFlat();
|
|
6092
|
+
const idx = pool.findIndex((o) => !o.disabled && this.normalizeLabel(String(o.label)).startsWith(needle));
|
|
6093
|
+
if (idx < 0)
|
|
6094
|
+
return;
|
|
6095
|
+
if (this.isOpen()) {
|
|
6096
|
+
this.activeIndex.set(idx);
|
|
6097
|
+
}
|
|
6098
|
+
else {
|
|
6099
|
+
this.setOpen(true);
|
|
6100
|
+
this.activeIndex.set(idx);
|
|
6101
|
+
}
|
|
6102
|
+
}
|
|
6026
6103
|
onTriggerKeyDown(event) {
|
|
6027
6104
|
if (this.isDisabled())
|
|
6028
6105
|
return;
|
|
@@ -6032,6 +6109,11 @@ class SelectComponent {
|
|
|
6032
6109
|
this.setOpen(true);
|
|
6033
6110
|
return;
|
|
6034
6111
|
}
|
|
6112
|
+
if (this.isTypeaheadKey(event)) {
|
|
6113
|
+
event.preventDefault();
|
|
6114
|
+
this.handleTypeahead(event.key);
|
|
6115
|
+
return;
|
|
6116
|
+
}
|
|
6035
6117
|
if (!this.isOpen())
|
|
6036
6118
|
return;
|
|
6037
6119
|
if (event.key === 'ArrowDown') {
|
|
@@ -6066,50 +6148,67 @@ class SelectComponent {
|
|
|
6066
6148
|
this.setOpen(false);
|
|
6067
6149
|
this.field()?.nativeElement.focus();
|
|
6068
6150
|
}
|
|
6069
|
-
// ──
|
|
6070
|
-
|
|
6151
|
+
// ── Portal del menú (CDK Overlay, flip abajo/arriba, ancho = campo)
|
|
6152
|
+
/** Difiere el attach un frame (deja que `@if`/inputs terminen de asentarse). */
|
|
6153
|
+
scheduleOpen(focusSearch) {
|
|
6071
6154
|
cancelAnimationFrame(this.raf);
|
|
6072
|
-
this.raf = requestAnimationFrame(() =>
|
|
6073
|
-
this.reposition();
|
|
6074
|
-
if (focusSearch && this.searchable) {
|
|
6075
|
-
this.search()?.nativeElement.focus();
|
|
6076
|
-
}
|
|
6077
|
-
});
|
|
6155
|
+
this.raf = requestAnimationFrame(() => this.attachOverlay(focusSearch));
|
|
6078
6156
|
}
|
|
6079
|
-
|
|
6080
|
-
|
|
6081
|
-
const menuEl = this.menu()?.nativeElement;
|
|
6082
|
-
if (!fieldEl || !menuEl)
|
|
6157
|
+
attachOverlay(focusSearch) {
|
|
6158
|
+
if (this.overlayRef)
|
|
6083
6159
|
return;
|
|
6084
|
-
const
|
|
6085
|
-
const
|
|
6086
|
-
|
|
6087
|
-
|
|
6088
|
-
|
|
6089
|
-
|
|
6090
|
-
|
|
6091
|
-
const
|
|
6092
|
-
|
|
6093
|
-
|
|
6094
|
-
|
|
6095
|
-
|
|
6096
|
-
|
|
6097
|
-
|
|
6098
|
-
|
|
6099
|
-
|
|
6100
|
-
|
|
6101
|
-
|
|
6160
|
+
const origin = this.field()?.nativeElement;
|
|
6161
|
+
const tpl = this.menuTpl();
|
|
6162
|
+
if (!origin || !tpl)
|
|
6163
|
+
return;
|
|
6164
|
+
this.updateMenuWidth();
|
|
6165
|
+
// Espejo del `reposition()` manual previo: abajo por defecto, flip arriba
|
|
6166
|
+
// si no cabe; `withPush` + margen de viewport clampan en los bordes.
|
|
6167
|
+
const positionStrategy = this.overlay
|
|
6168
|
+
.position()
|
|
6169
|
+
.flexibleConnectedTo(origin)
|
|
6170
|
+
.withFlexibleDimensions(false)
|
|
6171
|
+
.withPush(true)
|
|
6172
|
+
.withViewportMargin(8)
|
|
6173
|
+
.withPositions([
|
|
6174
|
+
{ originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 6 },
|
|
6175
|
+
{ originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -6 },
|
|
6176
|
+
]);
|
|
6177
|
+
this.overlayRef = this.overlay.create({
|
|
6178
|
+
positionStrategy,
|
|
6179
|
+
// CDK reposiciona solo en scroll de ancestros; el resize de ventana lo
|
|
6180
|
+
// cubre `withPush`/`FlexibleConnectedPositionStrategy` automáticamente,
|
|
6181
|
+
// el ancho (no cubierto por CDK) se resincroniza en `onWindowResize`.
|
|
6182
|
+
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
6183
|
+
disposeOnNavigation: true,
|
|
6184
|
+
hasBackdrop: false,
|
|
6185
|
+
});
|
|
6186
|
+
this.overlayRef.attach(new TemplatePortal(tpl, this.viewContainerRef));
|
|
6187
|
+
window.addEventListener('resize', this.onWindowResize);
|
|
6188
|
+
if (focusSearch && this.searchable) {
|
|
6189
|
+
requestAnimationFrame(() => this.search()?.nativeElement.focus());
|
|
6190
|
+
}
|
|
6191
|
+
}
|
|
6192
|
+
detachOverlay() {
|
|
6193
|
+
window.removeEventListener('resize', this.onWindowResize);
|
|
6194
|
+
this.overlayRef?.dispose();
|
|
6195
|
+
this.overlayRef = null;
|
|
6196
|
+
}
|
|
6197
|
+
updateMenuWidth() {
|
|
6198
|
+
const origin = this.field()?.nativeElement;
|
|
6199
|
+
if (origin)
|
|
6200
|
+
this.menuWidth.set(origin.getBoundingClientRect().width);
|
|
6102
6201
|
}
|
|
6103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
6202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6203
|
+
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", 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" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)", "document:keydown.escape": "onEscape()" }, 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: [
|
|
6105
6204
|
{
|
|
6106
6205
|
provide: NG_VALUE_ACCESSOR,
|
|
6107
6206
|
useExisting: forwardRef(() => SelectComponent),
|
|
6108
6207
|
multi: true,
|
|
6109
6208
|
},
|
|
6110
|
-
], 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 }], 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 <span\r\n class=\"ius-tf__help-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\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-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 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\r\n size=\"small\"\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 @if (showClearComputed) {\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 (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"clear($event)\"\r\n >\r\n <span 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 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@if (isOpen()) {\r\n <div\r\n #menu\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.left.px]=\"menuPos().x\"\r\n [style.top.px]=\"menuPos().y\"\r\n [style.width.px]=\"menuPos().width\"\r\n >\r\n @if (searchable) {\r\n <div class=\"ius-selectmenu__search\">\r\n <span 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 [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 </div>\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}: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;flex-wrap:wrap;gap:var(--ius-space-xs);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-xxs);flex:1 1 0;min-width:0}.ius-selectmenu{position:fixed;z-index:1000;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, 600);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)}\n"], dependencies: [{ kind: "component", type: OptionItemComponent, selector: "ius-option-item", inputs: ["label", "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6209
|
+
], 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: "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 <span\r\n class=\"ius-tf__help-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\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 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\r\n size=\"small\"\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 <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 class=\"ius-icon\">cancel</span>\r\n </button>\r\n\r\n <span class=\"ius-select__chevron\" aria-hidden=\"true\">\r\n <span 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 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 [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 </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;flex-wrap:wrap;gap:var(--ius-space-xs);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-xxs);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, 600);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)}\n"], dependencies: [{ kind: "component", type: OptionItemComponent, selector: "ius-option-item", inputs: ["label", "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6111
6210
|
}
|
|
6112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
6211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SelectComponent, decorators: [{
|
|
6113
6212
|
type: Component,
|
|
6114
6213
|
args: [{ selector: 'ius-select', standalone: true, imports: [OptionItemComponent, ChipComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
6115
6214
|
{
|
|
@@ -6125,7 +6224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
6125
6224
|
'[attr.data-error]': 'isError() || null',
|
|
6126
6225
|
'[attr.data-disabled]': 'isDisabled() || null',
|
|
6127
6226
|
'[attr.data-force]': 'stateInput() || null',
|
|
6128
|
-
}, 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 <span\r\n class=\"ius-tf__help-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\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-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 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\r\n size=\"small\"\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 @if (showClearComputed) {\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 (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"clear($event)\"\r\n >\r\n <span 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 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@if (isOpen()) {\r\n <div\r\n #menu\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.left.px]=\"menuPos().x\"\r\n [style.top.px]=\"menuPos().y\"\r\n [style.width.px]=\"menuPos().width\"\r\n >\r\n @if (searchable) {\r\n <div class=\"ius-selectmenu__search\">\r\n <span 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 [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 </div>\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}: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;flex-wrap:wrap;gap:var(--ius-space-xs);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-xxs);flex:1 1 0;min-width:0}.ius-selectmenu{position:fixed;z-index:1000;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, 600);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)}\n"] }]
|
|
6227
|
+
}, 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 <span\r\n class=\"ius-tf__help-icon\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Ayuda\"\r\n [attr.title]=\"helpIconTitle\"\r\n >\r\n <span class=\"ius-icon\">help</span>\r\n </span>\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 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\r\n size=\"small\"\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 <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 class=\"ius-icon\">cancel</span>\r\n </button>\r\n\r\n <span class=\"ius-select__chevron\" aria-hidden=\"true\">\r\n <span 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 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 [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 </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;flex-wrap:wrap;gap:var(--ius-space-xs);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-xxs);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, 600);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)}\n"] }]
|
|
6129
6228
|
}], propDecorators: { options: [{
|
|
6130
6229
|
type: Input
|
|
6131
6230
|
}], multiple: [{
|
|
@@ -6200,7 +6299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
6200
6299
|
type: Output
|
|
6201
6300
|
}], openChange: [{
|
|
6202
6301
|
type: Output
|
|
6203
|
-
}], field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], search: [{ type: i0.ViewChild, args: ['search', { isSignal: true }] }], onDocumentMouseDown: [{
|
|
6302
|
+
}], field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], search: [{ type: i0.ViewChild, args: ['search', { isSignal: true }] }], menuTpl: [{ type: i0.ViewChild, args: ['menuTpl', { isSignal: true }] }], onDocumentMouseDown: [{
|
|
6204
6303
|
type: HostListener,
|
|
6205
6304
|
args: ['document:mousedown', ['$event']]
|
|
6206
6305
|
}], onEscape: [{
|
|
@@ -6311,10 +6410,10 @@ class WizardComponent {
|
|
|
6311
6410
|
get ariaNow() {
|
|
6312
6411
|
return Math.round(this.percent);
|
|
6313
6412
|
}
|
|
6314
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6315
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
6413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6414
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: WizardComponent, isStandalone: true, selector: "ius-wizard", inputs: { api: "api", showIndicator: ["showIndicator", "showIndicator", booleanAttribute], indicator: "indicator", showStepLabel: ["showStepLabel", "showStepLabel", booleanAttribute], stepWord: "stepWord", ofWord: "ofWord" }, host: { classAttribute: "ius-wizard" }, ngImport: i0, template: "@if (api) {\r\n @if (showIndicator || showStepLabel) {\r\n <div class=\"ius-wizard__head\">\r\n @if (showIndicator) {\r\n @if (indicator) {\r\n <ng-container [ngTemplateOutlet]=\"indicator\" />\r\n } @else {\r\n <div\r\n class=\"ius-lpb\"\r\n role=\"progressbar\"\r\n aria-label=\"Progreso\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuemax]=\"100\"\r\n [attr.aria-valuenow]=\"ariaNow\"\r\n >\r\n <div class=\"ius-lpb__track\">\r\n <div class=\"ius-lpb__fill\" [style.width.%]=\"percent\"></div>\r\n @if (percent < 100) {\r\n <div class=\"ius-lpb__rest\"></div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\r\n @if (showStepLabel) {\r\n <span class=\"ius-wizard__label\">\r\n {{ stepWord }} <b>{{ api.step }}</b> {{ ofWord }} {{ api.total }}\r\n @if (api.current?.label) {\r\n <span> \u00B7 {{ api.current?.label }}</span>\r\n }\r\n </span>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"ius-wizard__step\">\r\n @if (api.current?.content) {\r\n <ng-container [ngTemplateOutlet]=\"api.current!.content!\" />\r\n }\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-md);font-family:var(--ius-font-body);min-width:0}.ius-wizard__head{display:flex;flex-direction:column;gap:var(--ius-space-xs)}.ius-wizard__label{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary)}.ius-wizard__label b{color:var(--ius-text-primary);font-weight:var(--ius-fw-medium)}.ius-wizard__step{min-width:0}.ius-lpb{--_lpb-h: 6px;--_lpb-track: var(--ius-neutral-3);--_lpb-fill: var(--ius-info-500);width:100%;display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body)}.ius-lpb__track{display:flex;align-items:center;gap:var(--ius-space-xxs);width:100%;height:var(--_lpb-h)}.ius-lpb__fill{height:100%;flex:0 0 auto;min-width:var(--_lpb-h);background:var(--_lpb-fill);border-radius:var(--ius-radius-pill);transition:width var(--ius-duration-slow, .32s) var(--ius-ease-standard)}.ius-lpb__rest{height:100%;flex:1 1 0;min-width:0;background:var(--_lpb-track);border-radius:var(--ius-radius-pill)}@media(prefers-reduced-motion:reduce){.ius-lpb__fill{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6316
6415
|
}
|
|
6317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
6416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WizardComponent, decorators: [{
|
|
6318
6417
|
type: Component,
|
|
6319
6418
|
args: [{ selector: 'ius-wizard', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-wizard' }, template: "@if (api) {\r\n @if (showIndicator || showStepLabel) {\r\n <div class=\"ius-wizard__head\">\r\n @if (showIndicator) {\r\n @if (indicator) {\r\n <ng-container [ngTemplateOutlet]=\"indicator\" />\r\n } @else {\r\n <div\r\n class=\"ius-lpb\"\r\n role=\"progressbar\"\r\n aria-label=\"Progreso\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuemax]=\"100\"\r\n [attr.aria-valuenow]=\"ariaNow\"\r\n >\r\n <div class=\"ius-lpb__track\">\r\n <div class=\"ius-lpb__fill\" [style.width.%]=\"percent\"></div>\r\n @if (percent < 100) {\r\n <div class=\"ius-lpb__rest\"></div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\r\n @if (showStepLabel) {\r\n <span class=\"ius-wizard__label\">\r\n {{ stepWord }} <b>{{ api.step }}</b> {{ ofWord }} {{ api.total }}\r\n @if (api.current?.label) {\r\n <span> \u00B7 {{ api.current?.label }}</span>\r\n }\r\n </span>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"ius-wizard__step\">\r\n @if (api.current?.content) {\r\n <ng-container [ngTemplateOutlet]=\"api.current!.content!\" />\r\n }\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-md);font-family:var(--ius-font-body);min-width:0}.ius-wizard__head{display:flex;flex-direction:column;gap:var(--ius-space-xs)}.ius-wizard__label{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-tertiary)}.ius-wizard__label b{color:var(--ius-text-primary);font-weight:var(--ius-fw-medium)}.ius-wizard__step{min-width:0}.ius-lpb{--_lpb-h: 6px;--_lpb-track: var(--ius-neutral-3);--_lpb-fill: var(--ius-info-500);width:100%;display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body)}.ius-lpb__track{display:flex;align-items:center;gap:var(--ius-space-xxs);width:100%;height:var(--_lpb-h)}.ius-lpb__fill{height:100%;flex:0 0 auto;min-width:var(--_lpb-h);background:var(--_lpb-fill);border-radius:var(--ius-radius-pill);transition:width var(--ius-duration-slow, .32s) var(--ius-ease-standard)}.ius-lpb__rest{height:100%;flex:1 1 0;min-width:0;background:var(--_lpb-track);border-radius:var(--ius-radius-pill)}@media(prefers-reduced-motion:reduce){.ius-lpb__fill{transition:none}}\n"] }]
|
|
6320
6419
|
}], propDecorators: { api: [{
|
|
@@ -6381,10 +6480,10 @@ class WizardNavComponent {
|
|
|
6381
6480
|
this.finish.emit();
|
|
6382
6481
|
this.finishAction?.();
|
|
6383
6482
|
}
|
|
6384
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6385
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
6483
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WizardNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6484
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: WizardNavComponent, isStandalone: true, selector: "ius-wizard-nav", inputs: { api: "api", backLabel: "backLabel", nextLabel: "nextLabel", finishLabel: "finishLabel", nextIcon: "nextIcon", finishDynamic: ["finishDynamic", "finishDynamic", booleanAttribute], nextDisabled: ["nextDisabled", "nextDisabled", booleanAttribute], hideBackOnFirst: ["hideBackOnFirst", "hideBackOnFirst", booleanAttribute], finishAction: "finishAction" }, outputs: { finish: "finish" }, host: { classAttribute: "ius-wizard-nav" }, ngImport: i0, template: "@if (api) {\r\n @if (!(hideBackOnFirst && api.isFirst)) {\r\n <ius-button\r\n variant=\"secondary\"\r\n fullWidth\r\n [label]=\"backLabel\"\r\n [disabled]=\"api.isFirst\"\r\n (clicked)=\"api.back()\"\r\n />\r\n }\r\n\r\n @if (api.isLast) {\r\n @if (finishDynamic) {\r\n <ius-button\r\n variant=\"primary\"\r\n fullWidth\r\n dynamic\r\n [label]=\"finishLabel\"\r\n [action]=\"runFinish\"\r\n />\r\n } @else {\r\n <ius-button\r\n variant=\"primary\"\r\n fullWidth\r\n [label]=\"finishLabel\"\r\n (clicked)=\"onFinishClick()\"\r\n />\r\n }\r\n } @else {\r\n <ius-button\r\n variant=\"primary\"\r\n fullWidth\r\n [label]=\"nextLabel\"\r\n [sufixIcon]=\"nextIcon\"\r\n [disabled]=\"nextDisabled\"\r\n (clicked)=\"api.next()\"\r\n />\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;gap:var(--ius-space-sm)}:host>*{flex:1 1 0;min-width:0}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "action", "size"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6386
6485
|
}
|
|
6387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
6486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WizardNavComponent, decorators: [{
|
|
6388
6487
|
type: Component,
|
|
6389
6488
|
args: [{ selector: 'ius-wizard-nav', standalone: true, imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ius-wizard-nav' }, template: "@if (api) {\r\n @if (!(hideBackOnFirst && api.isFirst)) {\r\n <ius-button\r\n variant=\"secondary\"\r\n fullWidth\r\n [label]=\"backLabel\"\r\n [disabled]=\"api.isFirst\"\r\n (clicked)=\"api.back()\"\r\n />\r\n }\r\n\r\n @if (api.isLast) {\r\n @if (finishDynamic) {\r\n <ius-button\r\n variant=\"primary\"\r\n fullWidth\r\n dynamic\r\n [label]=\"finishLabel\"\r\n [action]=\"runFinish\"\r\n />\r\n } @else {\r\n <ius-button\r\n variant=\"primary\"\r\n fullWidth\r\n [label]=\"finishLabel\"\r\n (clicked)=\"onFinishClick()\"\r\n />\r\n }\r\n } @else {\r\n <ius-button\r\n variant=\"primary\"\r\n fullWidth\r\n [label]=\"nextLabel\"\r\n [sufixIcon]=\"nextIcon\"\r\n [disabled]=\"nextDisabled\"\r\n (clicked)=\"api.next()\"\r\n />\r\n }\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;gap:var(--ius-space-sm)}:host>*{flex:1 1 0;min-width:0}\n"] }]
|
|
6390
6489
|
}], propDecorators: { api: [{
|
|
@@ -6517,10 +6616,10 @@ class ScrollAreaComponent {
|
|
|
6517
6616
|
v.style.setProperty('--_sa-bot', (v.scrollTop < max - 1 ? FADE : 0) + 'px');
|
|
6518
6617
|
}
|
|
6519
6618
|
}
|
|
6520
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6521
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
6619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6620
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: ScrollAreaComponent, isStandalone: true, selector: "ius-scroll-area", inputs: { axis: "axis", size: "size", autoHide: ["autoHide", "autoHide", booleanAttribute], fade: ["fade", "fade", booleanAttribute], maxHeight: "maxHeight", maxWidth: "maxWidth", viewClassName: "viewClassName" }, outputs: { scrolled: "scrolled" }, host: { properties: { "attr.data-axis": "axis", "attr.data-fade": "fade ? 'true' : 'false'" }, classAttribute: "ius-sa" }, viewQueries: [{ propertyName: "view", first: true, predicate: ["view"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n #view\r\n [class]=\"viewClasses\"\r\n [style.max-height]=\"maxHeightCss\"\r\n [style.max-width]=\"maxWidthCss\"\r\n>\r\n <ng-content />\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{position:relative;box-sizing:border-box;display:block;min-height:0;min-width:0}.ius-sa__view{box-sizing:border-box;width:100%;height:100%}:host([data-axis=y]) .ius-sa__view{overflow-y:auto;overflow-x:hidden}:host([data-axis=x]) .ius-sa__view{overflow-x:auto;overflow-y:hidden}:host([data-axis=both]) .ius-sa__view{overflow:auto}:host([data-fade=true][data-axis=y]) .ius-sa__view{--_sa-top: 0px;--_sa-bot: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--_sa-top),#000 calc(100% - var(--_sa-bot)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--_sa-top),#000 calc(100% - var(--_sa-bot)),transparent 100%)}:host([data-fade=true][data-axis=x]) .ius-sa__view{--_sa-l: 0px;--_sa-r: 0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--_sa-l),#000 calc(100% - var(--_sa-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--_sa-l),#000 calc(100% - var(--_sa-r)),transparent 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6522
6621
|
}
|
|
6523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
6622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollAreaComponent, decorators: [{
|
|
6524
6623
|
type: Component,
|
|
6525
6624
|
args: [{ selector: 'ius-scroll-area', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6526
6625
|
class: 'ius-sa',
|
|
@@ -6576,10 +6675,10 @@ class FlexComponent {
|
|
|
6576
6675
|
/** inline-flex en vez de flex (grupos que fluyen dentro de texto). */
|
|
6577
6676
|
this.inline = false;
|
|
6578
6677
|
}
|
|
6579
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6580
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
6678
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FlexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6679
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FlexComponent, isStandalone: true, selector: "ius-flex, [ius-flex]", inputs: { direction: "direction", gap: "gap", align: "align", justify: "justify", wrap: "wrap", inline: "inline" }, host: { properties: { "attr.data-dir": "direction === 'column' ? 'column' : null", "attr.data-gap": "gap", "attr.data-align": "align ?? null", "attr.data-justify": "justify ?? null", "attr.data-wrap": "wrap ? 'true' : null", "attr.data-inline": "inline ? 'true' : null" }, classAttribute: "ius-flex" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6581
6680
|
}
|
|
6582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
6681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FlexComponent, decorators: [{
|
|
6583
6682
|
type: Component,
|
|
6584
6683
|
args: [{
|
|
6585
6684
|
selector: 'ius-flex, [ius-flex]',
|
|
@@ -6636,14 +6735,14 @@ class DividerComponent {
|
|
|
6636
6735
|
(n.nodeType === Node.TEXT_NODE && (n.textContent ?? '').trim().length > 0));
|
|
6637
6736
|
this.hasLabel.set(this.orientation === 'horizontal' && conContenido);
|
|
6638
6737
|
}
|
|
6639
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6640
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
6738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DividerComponent, isStandalone: true, selector: "ius-divider", inputs: { orientation: "orientation", variant: "variant", textAlign: "textAlign" }, host: { attributes: { "role": "separator" }, properties: { "attr.aria-orientation": "orientation", "attr.data-orientation": "orientation", "attr.data-variant": "variant", "attr.data-text-align": "hasLabel() ? textAlign : null", "attr.data-empty": "orientation === 'horizontal' && !hasLabel() ? 'true' : null" } }, viewQueries: [{ propertyName: "labelWrap", first: true, predicate: ["labelWrap"], descendants: true, static: true }], ngImport: i0, template: `
|
|
6641
6740
|
<span #labelWrap class="ius-divider__label" [hidden]="!hasLabel()">
|
|
6642
6741
|
<ng-content />
|
|
6643
6742
|
</span>
|
|
6644
6743
|
`, isInline: true, styles: ["@charset \"UTF-8\";:host{--_color: var(--ius-neutral-3);--_thickness: 1px;--_gap: 12px;--_stub: 28px;font-family:var(--ius-font-body);color:var(--ius-text-secondary);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold, 600);line-height:1.2;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host([data-orientation=horizontal]){display:flex;align-items:center;gap:var(--_gap);width:100%}:host([data-orientation=horizontal]):before,:host([data-orientation=horizontal]):after{content:\"\";flex:1 1 auto;min-width:0;border-top:var(--_thickness) solid var(--_color)}:host([data-orientation=horizontal][data-variant=dashed]):before,:host([data-orientation=horizontal][data-variant=dashed]):after{border-top-style:dashed}:host([data-orientation=horizontal][data-empty=true]){display:block}:host([data-orientation=horizontal][data-empty=true]):before{display:block;flex:none;width:100%}:host([data-orientation=horizontal][data-empty=true]):after{display:none}:host([data-orientation=horizontal][data-text-align=start]):before{flex:0 0 var(--_stub)}:host([data-orientation=horizontal][data-text-align=end]):after{flex:0 0 var(--_stub)}.ius-divider__label{flex:0 0 auto;max-width:100%;color:var(--ius-text-secondary)}:host([data-orientation=vertical]){display:inline-flex;align-self:stretch;align-items:stretch;width:var(--_thickness);min-height:16px;background:transparent;border-left:var(--_thickness) solid var(--_color)}:host([data-orientation=vertical][data-variant=dashed]){border-left-style:dashed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6645
6744
|
}
|
|
6646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
6745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DividerComponent, decorators: [{
|
|
6647
6746
|
type: Component,
|
|
6648
6747
|
args: [{ selector: 'ius-divider', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
6649
6748
|
<span #labelWrap class="ius-divider__label" [hidden]="!hasLabel()">
|