@caribeng/ui 22.4.0 → 22.5.0

package/fesm2022/caribeng-ui-caribe-input-date.mjs

@@ -1,138 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, model, signal, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { cbFieldState } from '@caribeng/ui';
-
-/**
- * Input-date de Caribe Design: campo de fecha nativo estilizado con etiqueta,
- * límites min/max y CVA.
- *
- * @example
- * ```html
- * <cb-input-date label="Fecha de pago" />
- * ```
- */
-class CbInputDate {
-    constructor() {
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.min = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
-        this.max = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /** Marca visual y ARIA de estado inválido (también se activa con Angular Forms). */
-        this.invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Indicador de obligatoriedad de este campo; si se omite usa el global de `provideCaribeNG()`. */
-        this.requiredIndicator = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "requiredIndicator" }] : /* istanbul ignore next */ []));
-        /** Estado de validación: inputs manuales + estado de Angular Forms. */
-        this.fieldState = cbFieldState({
-            invalid: () => this.invalid(),
-            requiredIndicator: () => this.requiredIndicator(),
-        });
-        this.value = model('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        this.cvaDisabled = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    onInput(event) {
-        const next = event.target.value;
-        this.value.set(next);
-        this.onChange(next);
-        this.onTouched();
-    }
-    writeValue(val) {
-        this.value.set(val ?? '');
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.cvaDisabled.set(isDisabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputDate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbInputDate, isStandalone: true, selector: "cb-input-date", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, requiredIndicator: { classPropertyName: "requiredIndicator", publicName: "requiredIndicator", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "cb-input-date-host" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => CbInputDate),
-                multi: true,
-            },
-        ], ngImport: i0, template: `
-    <label class="cb-input-date">
-      @if (label()) {
-        <span class="cb-input-date__label">
-          {{ label() }}
-          @if (fieldState.indicator(); as mark) {
-            <span
-              [class]="'cb-input-date__required cb-input-date__required--' + mark.kind"
-              [attr.aria-hidden]="mark.kind === 'optional' ? null : 'true'"
-            >{{ mark.text }}</span>
-          }
-        </span>
-      }
-      <input
-        class="cb-input-date__field"
-        [class.cb-is-invalid]="fieldState.invalid()"
-        [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
-        [attr.aria-required]="fieldState.required() || null"
-        type="date"
-        [value]="value()"
-        [attr.min]="min() || null"
-        [attr.max]="max() || null"
-        [disabled]="disabled() || cvaDisabled()"
-        (input)="onInput($event)"
-        (blur)="onTouched()"
-      />
-    </label>
-  `, isInline: true, styles: [":host{display:inline-block;width:100%;max-width:14rem}.cb-input-date{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);font-family:var(--cb-font-sans, inherit)}.cb-input-date__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a)}.cb-input-date__field{box-sizing:border-box;width:100%;height:2.5rem;padding:0 var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #cbd5e1);border-radius:var(--cb-radius-md, .5rem)}.cb-input-date__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500, #10b981);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}.cb-input-date__field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--cb-color-surface-100, #f1f5f9)}:host-context([data-theme=\"dark\"]) .cb-input-date__label{color:var(--cb-color-surface-0, #f8fafc)}:host-context([data-theme=\"dark\"]) .cb-input-date__field{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-900, #0f172a);border-color:var(--cb-color-surface-600, #475569);color-scheme:dark}.cb-input-date__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-date__required{color:var(--cb-color-danger);margin-left:2px}.cb-input-date__required--required,.cb-input-date__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputDate, decorators: [{
-            type: Component,
-            args: [{ selector: 'cb-input-date', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CbInputDate),
-                            multi: true,
-                        },
-                    ], host: { class: 'cb-input-date-host' }, template: `
-    <label class="cb-input-date">
-      @if (label()) {
-        <span class="cb-input-date__label">
-          {{ label() }}
-          @if (fieldState.indicator(); as mark) {
-            <span
-              [class]="'cb-input-date__required cb-input-date__required--' + mark.kind"
-              [attr.aria-hidden]="mark.kind === 'optional' ? null : 'true'"
-            >{{ mark.text }}</span>
-          }
-        </span>
-      }
-      <input
-        class="cb-input-date__field"
-        [class.cb-is-invalid]="fieldState.invalid()"
-        [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
-        [attr.aria-required]="fieldState.required() || null"
-        type="date"
-        [value]="value()"
-        [attr.min]="min() || null"
-        [attr.max]="max() || null"
-        [disabled]="disabled() || cvaDisabled()"
-        (input)="onInput($event)"
-        (blur)="onTouched()"
-      />
-    </label>
-  `, styles: [":host{display:inline-block;width:100%;max-width:14rem}.cb-input-date{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);font-family:var(--cb-font-sans, inherit)}.cb-input-date__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a)}.cb-input-date__field{box-sizing:border-box;width:100%;height:2.5rem;padding:0 var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #cbd5e1);border-radius:var(--cb-radius-md, .5rem)}.cb-input-date__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500, #10b981);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}.cb-input-date__field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--cb-color-surface-100, #f1f5f9)}:host-context([data-theme=\"dark\"]) .cb-input-date__label{color:var(--cb-color-surface-0, #f8fafc)}:host-context([data-theme=\"dark\"]) .cb-input-date__field{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-900, #0f172a);border-color:var(--cb-color-surface-600, #475569);color-scheme:dark}.cb-input-date__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-date__required{color:var(--cb-color-danger);margin-left:2px}.cb-input-date__required--required,.cb-input-date__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], requiredIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredIndicator", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CbInputDate };

package/fesm2022/caribeng-ui-caribe-input-select.mjs

@@ -1,154 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, model, signal, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { injectCbTranslation, cbFieldState } from '@caribeng/ui';
-
-/**
- * Input-select de Caribe Design: desplegable nativo estilizado con etiqueta,
- * placeholder y CVA.
- *
- * @example
- * ```html
- * <cb-input-select label="País" [options]="paises" />
- * ```
- */
-class CbInputSelect {
-    constructor() {
-        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
-        this.t = injectCbTranslation();
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.placeholder = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        this.options = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /** Marca visual y ARIA de estado inválido (también se activa con Angular Forms). */
-        this.invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Indicador de obligatoriedad de este campo; si se omite usa el global de `provideCaribeNG()`. */
-        this.requiredIndicator = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "requiredIndicator" }] : /* istanbul ignore next */ []));
-        /** Estado de validación: inputs manuales + estado de Angular Forms. */
-        this.fieldState = cbFieldState({
-            invalid: () => this.invalid(),
-            requiredIndicator: () => this.requiredIndicator(),
-        });
-        this.value = model('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        this.cvaDisabled = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    onSelect(event) {
-        const next = event.target.value;
-        this.value.set(next);
-        this.onChange(next);
-        this.onTouched();
-    }
-    writeValue(val) {
-        this.value.set(val ?? '');
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.cvaDisabled.set(isDisabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbInputSelect, isStandalone: true, selector: "cb-input-select", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, requiredIndicator: { classPropertyName: "requiredIndicator", publicName: "requiredIndicator", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "cb-input-select-host" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => CbInputSelect),
-                multi: true,
-            },
-        ], ngImport: i0, template: `
-    <label class="cb-input-select">
-      @if (label()) {
-        <span class="cb-input-select__label">
-          {{ label() }}
-          @if (fieldState.indicator(); as mark) {
-            <span
-              [class]="'cb-input-select__required cb-input-select__required--' + mark.kind"
-              [attr.aria-hidden]="mark.kind === 'optional' ? null : 'true'"
-            >{{ mark.text }}</span>
-          }
-        </span>
-      }
-      <div class="cb-input-select__wrap">
-        <select
-          class="cb-input-select__field"
-          [class.cb-is-invalid]="fieldState.invalid()"
-          [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
-          [attr.aria-required]="fieldState.required() || null"
-          [disabled]="disabled() || cvaDisabled()"
-          (change)="onSelect($event)"
-          (blur)="onTouched()"
-        >
-          @if ((placeholder() ?? t().select)) {
-            <option value="" disabled [selected]="!value()">{{ (placeholder() ?? t().select) }}</option>
-          }
-          <!-- [selected] por opción: [value] en el <select> se aplicaría antes de crear las opciones -->
-          @for (opt of options(); track opt.value) {
-            <option [value]="opt.value" [selected]="opt.value === value()">{{ opt.label }}</option>
-          }
-        </select>
-        <span class="cb-input-select__chevron" aria-hidden="true">▾</span>
-      </div>
-    </label>
-  `, isInline: true, styles: [":host{display:block;width:100%}.cb-input-select{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);font-family:var(--cb-font-sans, inherit)}.cb-input-select__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a)}.cb-input-select__wrap{position:relative;display:flex}.cb-input-select__field{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;height:2.5rem;padding:0 var(--cb-space-8, 2rem) 0 var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #cbd5e1);border-radius:var(--cb-radius-md, .5rem);cursor:pointer;transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-input-select__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500, #10b981);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}.cb-input-select__field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-input-select__chevron{position:absolute;top:50%;right:var(--cb-space-3, .75rem);transform:translateY(-50%);pointer-events:none;color:var(--cb-color-text-muted, #64748b)}:host-context([data-theme=\"dark\"]) .cb-input-select__label{color:var(--cb-color-surface-0, #f8fafc)}:host-context([data-theme=\"dark\"]) .cb-input-select__field{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-900, #0f172a);border-color:var(--cb-color-surface-600, #475569)}.cb-input-select__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-select__required{color:var(--cb-color-danger);margin-left:2px}.cb-input-select__required--required,.cb-input-select__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputSelect, decorators: [{
-            type: Component,
-            args: [{ selector: 'cb-input-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CbInputSelect),
-                            multi: true,
-                        },
-                    ], host: { class: 'cb-input-select-host' }, template: `
-    <label class="cb-input-select">
-      @if (label()) {
-        <span class="cb-input-select__label">
-          {{ label() }}
-          @if (fieldState.indicator(); as mark) {
-            <span
-              [class]="'cb-input-select__required cb-input-select__required--' + mark.kind"
-              [attr.aria-hidden]="mark.kind === 'optional' ? null : 'true'"
-            >{{ mark.text }}</span>
-          }
-        </span>
-      }
-      <div class="cb-input-select__wrap">
-        <select
-          class="cb-input-select__field"
-          [class.cb-is-invalid]="fieldState.invalid()"
-          [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
-          [attr.aria-required]="fieldState.required() || null"
-          [disabled]="disabled() || cvaDisabled()"
-          (change)="onSelect($event)"
-          (blur)="onTouched()"
-        >
-          @if ((placeholder() ?? t().select)) {
-            <option value="" disabled [selected]="!value()">{{ (placeholder() ?? t().select) }}</option>
-          }
-          <!-- [selected] por opción: [value] en el <select> se aplicaría antes de crear las opciones -->
-          @for (opt of options(); track opt.value) {
-            <option [value]="opt.value" [selected]="opt.value === value()">{{ opt.label }}</option>
-          }
-        </select>
-        <span class="cb-input-select__chevron" aria-hidden="true">▾</span>
-      </div>
-    </label>
-  `, styles: [":host{display:block;width:100%}.cb-input-select{display:flex;flex-direction:column;gap:var(--cb-space-2, .35rem);font-family:var(--cb-font-sans, inherit)}.cb-input-select__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a)}.cb-input-select__wrap{position:relative;display:flex}.cb-input-select__field{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;height:2.5rem;padding:0 var(--cb-space-8, 2rem) 0 var(--cb-space-3, .75rem);font:inherit;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #cbd5e1);border-radius:var(--cb-radius-md, .5rem);cursor:pointer;transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-input-select__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500, #10b981);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}.cb-input-select__field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-input-select__chevron{position:absolute;top:50%;right:var(--cb-space-3, .75rem);transform:translateY(-50%);pointer-events:none;color:var(--cb-color-text-muted, #64748b)}:host-context([data-theme=\"dark\"]) .cb-input-select__label{color:var(--cb-color-surface-0, #f8fafc)}:host-context([data-theme=\"dark\"]) .cb-input-select__field{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-900, #0f172a);border-color:var(--cb-color-surface-600, #475569)}.cb-input-select__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-select__required{color:var(--cb-color-danger);margin-left:2px}.cb-input-select__required--required,.cb-input-select__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], requiredIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredIndicator", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CbInputSelect };

package/fesm2022/caribeng-ui-caribe-loader.mjs

@@ -1,48 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { injectCbTranslation } from '@caribeng/ui';
-
-/**
- * Loader de Caribe Design: indicador de carga en línea con spinner y texto.
- *
- * @example
- * ```html
- * <cb-loader text="Cargando…" size="md" />
- * ```
- */
-class CbLoader {
-    constructor() {
-        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
-        this.t = injectCbTranslation();
-        this.text = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-        this.size = input('md', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbLoader, isStandalone: true, selector: "cb-loader", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cb-loader-host" }, ngImport: i0, template: `
-    <div class="cb-loader cb-loader--{{ size() }}" role="status" aria-live="polite">
-      <span class="cb-loader__spinner" aria-hidden="true"></span>
-      @if ((text() ?? t().loadingMessage)) {
-        <span class="cb-loader__text">{{ (text() ?? t().loadingMessage) }}</span>
-      }
-    </div>
-  `, isInline: true, styles: [":host{display:inline-flex}.cb-loader{display:inline-flex;align-items:center;gap:var(--cb-space-2, .65rem);font-family:var(--cb-font-sans, inherit);font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text, #334155)}.cb-loader__spinner{flex:none;display:inline-block;width:1.1rem;height:1.1rem;border:2px solid var(--cb-color-surface-300, #cbd5e1);border-top-color:var(--cb-color-primary-500, #10b981);border-radius:var(--cb-radius-full, 999px);animation:cb-loader-spin .7s linear infinite}.cb-loader--sm .cb-loader__spinner{width:.85rem;height:.85rem}.cb-loader--lg .cb-loader__spinner{width:1.5rem;height:1.5rem;border-width:3px}@keyframes cb-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cb-loader__spinner{animation-duration:2s}}:host-context([data-theme=\"dark\"]) .cb-loader{color:var(--cb-color-surface-100, #f1f5f9)}:host-context([data-theme=\"dark\"]) .cb-loader__spinner{border-color:var(--cb-color-surface-600, #475569);border-top-color:var(--cb-color-primary-500, #10b981)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbLoader, decorators: [{
-            type: Component,
-            args: [{ selector: 'cb-loader', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-loader-host' }, template: `
-    <div class="cb-loader cb-loader--{{ size() }}" role="status" aria-live="polite">
-      <span class="cb-loader__spinner" aria-hidden="true"></span>
-      @if ((text() ?? t().loadingMessage)) {
-        <span class="cb-loader__text">{{ (text() ?? t().loadingMessage) }}</span>
-      }
-    </div>
-  `, styles: [":host{display:inline-flex}.cb-loader{display:inline-flex;align-items:center;gap:var(--cb-space-2, .65rem);font-family:var(--cb-font-sans, inherit);font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text, #334155)}.cb-loader__spinner{flex:none;display:inline-block;width:1.1rem;height:1.1rem;border:2px solid var(--cb-color-surface-300, #cbd5e1);border-top-color:var(--cb-color-primary-500, #10b981);border-radius:var(--cb-radius-full, 999px);animation:cb-loader-spin .7s linear infinite}.cb-loader--sm .cb-loader__spinner{width:.85rem;height:.85rem}.cb-loader--lg .cb-loader__spinner{width:1.5rem;height:1.5rem;border-width:3px}@keyframes cb-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cb-loader__spinner{animation-duration:2s}}:host-context([data-theme=\"dark\"]) .cb-loader{color:var(--cb-color-surface-100, #f1f5f9)}:host-context([data-theme=\"dark\"]) .cb-loader__spinner{border-color:var(--cb-color-surface-600, #475569);border-top-color:var(--cb-color-primary-500, #10b981)}\n"] }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CbLoader };

package/fesm2022/caribeng-ui-caribe-modal.mjs

@@ -1,119 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, model, output, viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import { CbButton } from '@caribeng/ui/button';
-import { injectCbTranslation, cbOverlayFocus } from '@caribeng/ui';
-
-/**
- * Modal de Caribe Design: diálogo centrado con backdrop, cabecera, contenido y
- * acciones de confirmación/cancelación.
- *
- * @example
- * ```html
- * <cb-modal title="Confirmar" [(visible)]="open" (confirm)="ok()">…</cb-modal>
- * ```
- */
-let nextId = 0;
-class CbModal {
-    constructor() {
-        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
-        this.t = injectCbTranslation();
-        this.title = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-        this.confirmLabel = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "confirmLabel" }] : /* istanbul ignore next */ []));
-        this.visible = model(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
-        this.confirm = output();
-        this.closed = output();
-        this.titleId = `cb-modal-${++nextId}-title`;
-        this.closeBtn = viewChild('closeBtn', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "closeBtn" }] : /* istanbul ignore next */ []));
-        cbOverlayFocus({ open: this.visible, initialFocus: () => this.closeBtn()?.nativeElement });
-    }
-    close() {
-        this.visible.set(false);
-        this.closed.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbModal, isStandalone: true, selector: "cb-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", confirm: "confirm", closed: "closed" }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    @if (visible()) {
-      <div class="cb-modal__backdrop" (click)="close()">
-        <div
-          class="cb-modal"
-          role="dialog"
-          aria-modal="true"
-          [attr.aria-labelledby]="title() ? titleId : null"
-          cdkTrapFocus
-          (click)="$event.stopPropagation()"
-          (keydown.escape)="close()"
-        >
-          <header class="cb-modal__head">
-            <h2 class="cb-modal__title" [id]="titleId">{{ title() }}</h2>
-            <button
-              #closeBtn
-              type="button"
-              class="cb-modal__close"
-              [attr.aria-label]="t().close"
-              (click)="close()"
-            >
-              ×
-            </button>
-          </header>
-          <div class="cb-modal__body"><ng-content /></div>
-          <footer class="cb-modal__foot">
-            <cb-button variant="text" severity="secondary" (click)="close()">
-              {{ t().cancel }}
-            </cb-button>
-            <cb-button (click)="confirm.emit()">{{ (confirmLabel() ?? t().accept) }}</cb-button>
-          </footer>
-        </div>
-      </div>
-    }
-  `, isInline: true, styles: [":host{display:contents}.cb-modal__backdrop{position:fixed;inset:0;z-index:var(--cb-z-modal, 1000);display:flex;align-items:center;justify-content:center;padding:var(--cb-space-4, 1rem);background-color:var(--cb-color-overlay, rgba(15, 23, 42, .55));animation:cb-modal-fade var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-modal{display:flex;flex-direction:column;width:100%;max-width:28rem;max-height:90vh;overflow:hidden;font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border-radius:var(--cb-radius-lg, .75rem);box-shadow:var(--cb-shadow-lg, 0 24px 48px rgba(0, 0, 0, .28));animation:cb-modal-in var(--cb-duration-normal, .2s) var(--cb-ease-out, ease-out)}.cb-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);padding:var(--cb-space-4, 1rem) var(--cb-space-5, 1.25rem);border-bottom:1px solid var(--cb-color-border, #e2e8f0)}.cb-modal__title{margin:0;font-size:var(--cb-text-lg, 1.05rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-modal__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;color:var(--cb-color-text-muted, #64748b);background:transparent;border:none;border-radius:var(--cb-radius-full, 999px);cursor:pointer}.cb-modal__close:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-modal__body{flex:1;overflow-y:auto;padding:var(--cb-space-5, 1.25rem);font-size:var(--cb-text-sm, .9375rem);color:var(--cb-color-text, #334155);line-height:var(--cb-line-height-relaxed, 1.6)}.cb-modal__foot{display:flex;justify-content:flex-end;gap:var(--cb-space-2, .5rem);padding:var(--cb-space-4, 1rem) var(--cb-space-5, 1.25rem);border-top:1px solid var(--cb-color-border, #e2e8f0)}@keyframes cb-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes cb-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host-context([data-theme=\"dark\"]) .cb-modal{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b)}:host-context([data-theme=\"dark\"]) .cb-modal__head,:host-context([data-theme=\"dark\"]) .cb-modal__foot{border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-modal__body{color:var(--cb-color-surface-200, #e2e8f0)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CbButton, selector: "cb-button", inputs: ["severity", "variant", "size", "disabled", "loading", "fullWidth", "type", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbModal, decorators: [{
-            type: Component,
-            args: [{ selector: 'cb-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [A11yModule, CbButton], template: `
-    @if (visible()) {
-      <div class="cb-modal__backdrop" (click)="close()">
-        <div
-          class="cb-modal"
-          role="dialog"
-          aria-modal="true"
-          [attr.aria-labelledby]="title() ? titleId : null"
-          cdkTrapFocus
-          (click)="$event.stopPropagation()"
-          (keydown.escape)="close()"
-        >
-          <header class="cb-modal__head">
-            <h2 class="cb-modal__title" [id]="titleId">{{ title() }}</h2>
-            <button
-              #closeBtn
-              type="button"
-              class="cb-modal__close"
-              [attr.aria-label]="t().close"
-              (click)="close()"
-            >
-              ×
-            </button>
-          </header>
-          <div class="cb-modal__body"><ng-content /></div>
-          <footer class="cb-modal__foot">
-            <cb-button variant="text" severity="secondary" (click)="close()">
-              {{ t().cancel }}
-            </cb-button>
-            <cb-button (click)="confirm.emit()">{{ (confirmLabel() ?? t().accept) }}</cb-button>
-          </footer>
-        </div>
-      </div>
-    }
-  `, styles: [":host{display:contents}.cb-modal__backdrop{position:fixed;inset:0;z-index:var(--cb-z-modal, 1000);display:flex;align-items:center;justify-content:center;padding:var(--cb-space-4, 1rem);background-color:var(--cb-color-overlay, rgba(15, 23, 42, .55));animation:cb-modal-fade var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-modal{display:flex;flex-direction:column;width:100%;max-width:28rem;max-height:90vh;overflow:hidden;font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border-radius:var(--cb-radius-lg, .75rem);box-shadow:var(--cb-shadow-lg, 0 24px 48px rgba(0, 0, 0, .28));animation:cb-modal-in var(--cb-duration-normal, .2s) var(--cb-ease-out, ease-out)}.cb-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3, .75rem);padding:var(--cb-space-4, 1rem) var(--cb-space-5, 1.25rem);border-bottom:1px solid var(--cb-color-border, #e2e8f0)}.cb-modal__title{margin:0;font-size:var(--cb-text-lg, 1.05rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-modal__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;color:var(--cb-color-text-muted, #64748b);background:transparent;border:none;border-radius:var(--cb-radius-full, 999px);cursor:pointer}.cb-modal__close:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-modal__body{flex:1;overflow-y:auto;padding:var(--cb-space-5, 1.25rem);font-size:var(--cb-text-sm, .9375rem);color:var(--cb-color-text, #334155);line-height:var(--cb-line-height-relaxed, 1.6)}.cb-modal__foot{display:flex;justify-content:flex-end;gap:var(--cb-space-2, .5rem);padding:var(--cb-space-4, 1rem) var(--cb-space-5, 1.25rem);border-top:1px solid var(--cb-color-border, #e2e8f0)}@keyframes cb-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes cb-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host-context([data-theme=\"dark\"]) .cb-modal{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b)}:host-context([data-theme=\"dark\"]) .cb-modal__head,:host-context([data-theme=\"dark\"]) .cb-modal__foot{border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-modal__body{color:var(--cb-color-surface-200, #e2e8f0)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmLabel", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], confirm: [{ type: i0.Output, args: ["confirm"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeBtn: [{ type: i0.ViewChild, args: ['closeBtn', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CbModal };

package/fesm2022/caribeng-ui-caribe-pictogram.mjs

@@ -1,52 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { injectCbTranslation } from '@caribeng/ui';
-
-class CbPictogram {
-    constructor() {
-        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
-        this.t = injectCbTranslation();
-        this.name = input('security-shield', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-        this.size = input('56px', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        this.alt = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPictogram, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbPictogram, isStandalone: true, selector: "cb-pictogram", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "size()", "style.height": "size()" }, classAttribute: "cb-pictogram" }, ngImport: i0, template: `
-    <svg
-      viewBox="0 0 64 64"
-      role="img"
-      [attr.aria-label]="(alt() ?? t().pictogram) || name()"
-      style="width: 100%; height: 100%"
-    >
-      <circle cx="32" cy="32" r="28" fill="var(--cb-color-primary-100, #d1fae5)" />
-      <path d="M22 33l7 7 14-15" fill="none" stroke="var(--cb-color-primary-600, #059669)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-    </svg>
-  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;font-family:var(--cb-font-sans, inherit)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPictogram, decorators: [{
-            type: Component,
-            args: [{ selector: 'cb-pictogram', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
-                        class: 'cb-pictogram',
-                        '[style.width]': 'size()',
-                        '[style.height]': 'size()',
-                    }, template: `
-    <svg
-      viewBox="0 0 64 64"
-      role="img"
-      [attr.aria-label]="(alt() ?? t().pictogram) || name()"
-      style="width: 100%; height: 100%"
-    >
-      <circle cx="32" cy="32" r="28" fill="var(--cb-color-primary-100, #d1fae5)" />
-      <path d="M22 33l7 7 14-15" fill="none" stroke="var(--cb-color-primary-600, #059669)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-    </svg>
-  `, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;font-family:var(--cb-font-sans, inherit)}\n"] }]
-        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CbPictogram };