@caribeng/ui 22.4.0 → 22.5.0

package/fesm2022/caribeng-ui-amount.mjs

@@ -0,0 +1,249 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CB_CONFIG, injectCbTranslation, cbFormatAmount } from '@caribeng/ui';
+
+const ES_CURRENCIES = {
+    COP: { one: 'peso', many: 'pesos', cent: 'centavo', cents: 'centavos', suffix: 'M/CTE' },
+    MXN: { one: 'peso', many: 'pesos', cent: 'centavo', cents: 'centavos', suffix: 'M.N.' },
+    CLP: { one: 'peso', many: 'pesos', cent: 'centavo', cents: 'centavos' },
+    ARS: { one: 'peso', many: 'pesos', cent: 'centavo', cents: 'centavos' },
+    DOP: { one: 'peso', many: 'pesos', cent: 'centavo', cents: 'centavos' },
+    USD: { one: 'dólar', many: 'dólares', cent: 'centavo', cents: 'centavos' },
+    EUR: { one: 'euro', many: 'euros', cent: 'céntimo', cents: 'céntimos' },
+    PEN: { one: 'sol', many: 'soles', cent: 'céntimo', cents: 'céntimos' },
+    GBP: { one: 'libra', many: 'libras', cent: 'penique', cents: 'peniques', feminine: true },
+};
+const EN_CURRENCIES = {
+    COP: { one: 'peso', many: 'pesos', cent: 'cent', cents: 'cents' },
+    MXN: { one: 'peso', many: 'pesos', cent: 'cent', cents: 'cents' },
+    USD: { one: 'dollar', many: 'dollars', cent: 'cent', cents: 'cents' },
+    EUR: { one: 'euro', many: 'euros', cent: 'cent', cents: 'cents' },
+    GBP: { one: 'pound', many: 'pounds', cent: 'penny', cents: 'pence' },
+};
+const UNITS = ['', 'uno', 'dos', 'tres', 'cuatro', 'cinco', 'seis', 'siete', 'ocho', 'nueve', 'diez', 'once', 'doce', 'trece', 'catorce', 'quince', 'dieciséis', 'diecisiete', 'dieciocho', 'diecinueve', 'veinte', 'veintiuno', 'veintidós', 'veintitrés', 'veinticuatro', 'veinticinco', 'veintiséis', 'veintisiete', 'veintiocho', 'veintinueve'];
+const TENS = ['', '', '', 'treinta', 'cuarenta', 'cincuenta', 'sesenta', 'setenta', 'ochenta', 'noventa'];
+const HUNDREDS = ['', 'ciento', 'doscientos', 'trescientos', 'cuatrocientos', 'quinientos', 'seiscientos', 'setecientos', 'ochocientos', 'novecientos'];
+/** 0–999 en español; `apocope` acorta «uno» a «un» (antes de un sustantivo o de «mil»). */
+function esHundreds(n, apocope, feminine = false) {
+    if (n === 0)
+        return '';
+    if (n === 100)
+        return 'cien';
+    const h = Math.floor(n / 100);
+    const rest = n % 100;
+    let hundreds = HUNDREDS[h];
+    if (feminine && h > 1)
+        hundreds = hundreds.replace(/ientos$/, 'ientas').replace(/^quinientos$/, 'quinientas');
+    let tail = '';
+    if (rest < 30)
+        tail = UNITS[rest];
+    else {
+        const t = Math.floor(rest / 10);
+        const u = rest % 10;
+        tail = TENS[t] + (u ? ` y ${UNITS[u]}` : '');
+    }
+    if (tail.endsWith('uno') && apocope)
+        tail = feminine ? tail.replace(/uno$/, 'una') : tail.replace(/veintiuno$/, 'veintiún').replace(/uno$/, 'un');
+    return [hundreds, tail].filter(Boolean).join(' ');
+}
+/** Entero en letras en español (hasta billones). */
+function esInteger(n, apocope = false, feminine = false) {
+    if (n === 0)
+        return 'cero';
+    const parts = [];
+    const billions = Math.floor(n / 1e12);
+    const millions = Math.floor((n % 1e12) / 1e6);
+    const thousands = Math.floor((n % 1e6) / 1e3);
+    const units = n % 1e3;
+    if (billions)
+        parts.push(billions === 1 ? 'un billón' : `${esInteger(billions, true)} billones`);
+    if (millions)
+        parts.push(millions === 1 ? 'un millón' : `${esInteger(millions, true)} millones`);
+    if (thousands)
+        parts.push(thousands === 1 ? 'mil' : `${esHundreds(thousands, true, feminine)} mil`);
+    if (units)
+        parts.push(esHundreds(units, apocope, feminine));
+    return parts.join(' ');
+}
+const EN_SMALL = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
+const EN_TENS = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
+function enHundreds(n) {
+    const h = Math.floor(n / 100);
+    const rest = n % 100;
+    const tail = rest < 20 ? EN_SMALL[rest] : EN_TENS[Math.floor(rest / 10)] + (rest % 10 ? `-${EN_SMALL[rest % 10]}` : '');
+    return [h ? `${EN_SMALL[h]} hundred` : '', tail].filter(Boolean).join(' ');
+}
+/** Entero en letras en inglés (hasta trillones). */
+function enInteger(n) {
+    if (n === 0)
+        return 'zero';
+    const scales = [
+        [1e12, 'trillion'],
+        [1e9, 'billion'],
+        [1e6, 'million'],
+        [1e3, 'thousand'],
+    ];
+    const parts = [];
+    let rest = n;
+    for (const [size, name] of scales) {
+        const q = Math.floor(rest / size);
+        if (q)
+            parts.push(`${enHundreds(q)} ${name}`);
+        rest %= size;
+    }
+    if (rest)
+        parts.push(enHundreds(rest));
+    return parts.join(' ');
+}
+/**
+ * Importe en letras para cheques, recibos y facturas.
+ *
+ * ```ts
+ * cbAmountInWords(1250000.5);                       // "UN MILLÓN DOSCIENTOS CINCUENTA MIL PESOS CON 50/100 M/CTE"
+ * cbAmountInWords(21, { style: 'text' });           // "veintiún pesos"
+ * cbAmountInWords(1234.56, { language: 'en', currency: 'USD', style: 'text' }); // "one thousand two hundred thirty-four dollars and fifty-six cents"
+ * ```
+ */
+function cbAmountInWords(value, options = {}) {
+    const language = options.language ?? 'es';
+    const code = (options.currency ?? 'COP').toUpperCase();
+    const style = options.style ?? 'check';
+    const negative = value < 0;
+    const totalCents = Math.round(Math.abs(value) * 100);
+    const integer = Math.floor(totalCents / 100);
+    const cents = totalCents % 100;
+    let out;
+    if (language === 'en') {
+        const cur = EN_CURRENCIES[code] ?? { one: code, many: code, cent: 'cent', cents: 'cents' };
+        out = `${enInteger(integer)} ${integer === 1 ? cur.one : cur.many}`;
+        if (cents)
+            out += style === 'check' ? ` and ${String(cents).padStart(2, '0')}/100` : ` and ${enInteger(cents)} ${cents === 1 ? cur.cent : cur.cents}`;
+        if (negative)
+            out = `minus ${out}`;
+    }
+    else {
+        const cur = ES_CURRENCIES[code] ?? { one: code, many: code, cent: 'centavo', cents: 'centavos' };
+        const words = esInteger(integer, true, cur.feminine);
+        // «un millón de pesos», «dos millones de pesos»: con millones exactos se añade «de».
+        const de = integer > 0 && integer % 1e6 === 0 ? ' de' : '';
+        out = `${words}${de} ${integer === 1 ? cur.one : cur.many}`;
+        if (cents)
+            out += style === 'check' ? ` con ${String(cents).padStart(2, '0')}/100` : ` con ${esInteger(cents, true)} ${cents === 1 ? cur.cent : cur.cents}`;
+        if (style === 'check' && cur.suffix)
+            out += ` ${cur.suffix}`;
+        if (negative)
+            out = `menos ${out}`;
+    }
+    return style === 'check' ? out.toLocaleUpperCase(language) : out;
+}
+
+/**
+ * Importe de CaribeNG: muestra un valor con su moneda, los negativos en rojo (con
+ * signo o entre paréntesis), su equivalente en otra moneda y, si se pide, en letras.
+ *
+ * @example
+ * ```html
+ * <cb-amount [value]="1250000" currency="COP" words />
+ * <cb-amount [value]="1250000" currency="COP" [convert]="{ currency: 'USD', rate: 3950, divide: true, label: 'TRM' }" />
+ * ```
+ */
+class CbAmount {
+    constructor() {
+        this.config = inject(CB_CONFIG);
+        this.t = injectCbTranslation();
+        this.value = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** Código de moneda (si no, el de `provideCaribeNG({ currency })`; `''` sin símbolo). */
+        this.currency = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+        this.decimals = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "decimals" }] : /* istanbul ignore next */ []));
+        this.negative = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "negative" }] : /* istanbul ignore next */ []));
+        /** Muestra el código de la moneda tras el importe (`COP`). */
+        this.showCode = input(false, { ...(ngDevMode ? { debugName: "showCode" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Muestra el importe en letras debajo. */
+        this.words = input(false, { ...(ngDevMode ? { debugName: "words" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Estilo de las letras: `check` (mayúsculas, 50/100, M/CTE) o `text`. */
+        this.wordsStyle = input('check', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "wordsStyle" }] : /* istanbul ignore next */ []));
+        /** Equivalente en otra moneda. */
+        this.convert = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "convert" }] : /* istanbul ignore next */ []));
+        this.size = input('md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.code = computed(() => {
+            const c = this.currency();
+            return c === undefined ? (this.config.currency ?? '') : c;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []));
+        this.locale = computed(() => this.config.numberLocale ?? this.t().intlLocale, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+        this.isNegative = computed(() => (this.value() ?? 0) < 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isNegative" }] : /* istanbul ignore next */ []));
+        this.text = computed(() => cbFormatAmount(this.value(), this.locale(), { currency: this.code() || null, decimals: this.decimals(), negative: this.negative() ?? this.config.negativeStyle ?? 'minus' }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        this.converted = computed(() => {
+            const c = this.convert();
+            const v = this.value();
+            if (!c || v === null || !c.rate)
+                return null;
+            const amount = c.divide ? v / c.rate : v * c.rate;
+            const target = cbFormatAmount(amount, this.locale(), { currency: c.currency, currencyDisplay: 'symbol' });
+            const rate = cbFormatAmount(c.rate, this.locale(), { decimals: 2 });
+            return c.label ? `${target} (${c.label} ${rate})` : target;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "converted" }] : /* istanbul ignore next */ []));
+        this.inWords = computed(() => {
+            const v = this.value();
+            if (v === null)
+                return '';
+            const language = this.t().intlLocale.startsWith('en') ? 'en' : 'es';
+            return cbAmountInWords(v, { language, currency: this.code() || 'COP', style: this.wordsStyle() });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inWords" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbAmount, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbAmount, isStandalone: true, selector: "cb-amount", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, negative: { classPropertyName: "negative", publicName: "negative", isSignal: true, isRequired: false, transformFunction: null }, showCode: { classPropertyName: "showCode", publicName: "showCode", isSignal: true, isRequired: false, transformFunction: null }, words: { classPropertyName: "words", publicName: "words", isSignal: true, isRequired: false, transformFunction: null }, wordsStyle: { classPropertyName: "wordsStyle", publicName: "wordsStyle", isSignal: true, isRequired: false, transformFunction: null }, convert: { classPropertyName: "convert", publicName: "convert", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cb-amount--negative": "isNegative()", "class.cb-amount--block": "words() || !!convert()", "class": "'cb-amount--' + size()" }, classAttribute: "cb-amount" }, ngImport: i0, template: `
+    <span class="cb-amount__value">{{ text() }}</span>
+    @if (showCode() && code()) {
+      <span class="cb-amount__code">{{ code() }}</span>
+    }
+    @if (converted(); as c) {
+      <span class="cb-amount__converted">≈ {{ c }}</span>
+    }
+    @if (words()) {
+      <span class="cb-amount__words">{{ inWords() }}</span>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 .35rem;font-variant-numeric:tabular-nums}:host(.cb-amount--block){display:inline-grid;grid-template-columns:auto auto;justify-content:start}:host(.cb-amount--negative) .cb-amount__value{color:var(--cb-color-danger-text, #dc2626)}:host(.cb-amount--sm){font-size:var(--cb-text-sm, .875rem)}:host(.cb-amount--lg) .cb-amount__value{font-size:var(--cb-text-xl, 1.25rem);font-weight:var(--cb-font-weight-semibold, 600)}:host(.cb-amount--xl) .cb-amount__value{font-size:var(--cb-text-3xl, 1.875rem);font-weight:var(--cb-font-weight-bold, 700);letter-spacing:-.01em}.cb-amount__code{color:var(--cb-color-text-muted);font-size:.8em}.cb-amount__converted,.cb-amount__words{grid-column:1 / -1;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm, .875rem)}.cb-amount__words{font-variant-numeric:normal;letter-spacing:.01em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbAmount, decorators: [{
+            type: Component,
+            args: [{ selector: 'cb-amount', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        class: 'cb-amount',
+                        '[class.cb-amount--negative]': 'isNegative()',
+                        '[class.cb-amount--block]': 'words() || !!convert()',
+                        '[class]': "'cb-amount--' + size()",
+                    }, template: `
+    <span class="cb-amount__value">{{ text() }}</span>
+    @if (showCode() && code()) {
+      <span class="cb-amount__code">{{ code() }}</span>
+    }
+    @if (converted(); as c) {
+      <span class="cb-amount__converted">≈ {{ c }}</span>
+    }
+    @if (words()) {
+      <span class="cb-amount__words">{{ inWords() }}</span>
+    }
+  `, styles: [":host{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 .35rem;font-variant-numeric:tabular-nums}:host(.cb-amount--block){display:inline-grid;grid-template-columns:auto auto;justify-content:start}:host(.cb-amount--negative) .cb-amount__value{color:var(--cb-color-danger-text, #dc2626)}:host(.cb-amount--sm){font-size:var(--cb-text-sm, .875rem)}:host(.cb-amount--lg) .cb-amount__value{font-size:var(--cb-text-xl, 1.25rem);font-weight:var(--cb-font-weight-semibold, 600)}:host(.cb-amount--xl) .cb-amount__value{font-size:var(--cb-text-3xl, 1.875rem);font-weight:var(--cb-font-weight-bold, 700);letter-spacing:-.01em}.cb-amount__code{color:var(--cb-color-text-muted);font-size:.8em}.cb-amount__converted,.cb-amount__words{grid-column:1 / -1;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm, .875rem)}.cb-amount__words{font-variant-numeric:normal;letter-spacing:.01em}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], negative: [{ type: i0.Input, args: [{ isSignal: true, alias: "negative", required: false }] }], showCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCode", required: false }] }], words: [{ type: i0.Input, args: [{ isSignal: true, alias: "words", required: false }] }], wordsStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "wordsStyle", required: false }] }], convert: [{ type: i0.Input, args: [{ isSignal: true, alias: "convert", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/*
+ * Public API Surface de @caribeng/ui/amount
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CbAmount, cbAmountInWords, enInteger, esInteger };

package/fesm2022/caribeng-ui-anchor.mjs

@@ -127,7 +127,7 @@ class CbAnchor {
       </ng-template>
       <ng-container *ngTemplateOutlet="list; context: { $implicit: links(), level: 0 }" />
     </nav>
-  `, isInline: true, styles: [":host{display:block;font-family:var(--cb-font-sans, inherit)}.cb-anchor__list{margin:0;padding:0;list-style:none;border-left:2px solid var(--cb-color-border)}.cb-anchor__list--nested{border-left:0}.cb-anchor__link{display:block;margin-left:-2px;padding:.3rem .75rem;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-muted);text-decoration:none;border-left:2px solid transparent;transition:color var(--cb-duration-fast, .12s) ease,border-color var(--cb-duration-fast, .12s) ease}.cb-anchor__list--nested .cb-anchor__link{padding-left:1.5rem}.cb-anchor__link:hover{color:var(--cb-color-text)}.cb-anchor__link.cb-is-active{font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-primary-600, #059669);border-left-color:var(--cb-color-primary-500)}.cb-anchor__link:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px;border-radius:var(--cb-radius-sm, .25rem)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--cb-font-sans, inherit)}.cb-anchor__list{margin:0;padding:0;list-style:none;border-left:2px solid var(--cb-color-border)}.cb-anchor__list--nested{border-left:0}.cb-anchor__link{display:block;margin-left:-2px;padding:.3rem .75rem;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-muted);text-decoration:none;border-left:2px solid transparent;transition:color var(--cb-duration-fast, .12s) ease,border-color var(--cb-duration-fast, .12s) ease}.cb-anchor__list--nested .cb-anchor__link{padding-left:1.5rem}.cb-anchor__link:hover{color:var(--cb-color-text)}.cb-anchor__link.cb-is-active{font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-primary-text);border-left-color:var(--cb-color-primary-500)}.cb-anchor__link:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px;border-radius:var(--cb-radius-sm, .25rem)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbAnchor, decorators: [{
             type: Component,
@@ -155,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
       </ng-template>
       <ng-container *ngTemplateOutlet="list; context: { $implicit: links(), level: 0 }" />
     </nav>
-  `, styles: [":host{display:block;font-family:var(--cb-font-sans, inherit)}.cb-anchor__list{margin:0;padding:0;list-style:none;border-left:2px solid var(--cb-color-border)}.cb-anchor__list--nested{border-left:0}.cb-anchor__link{display:block;margin-left:-2px;padding:.3rem .75rem;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-muted);text-decoration:none;border-left:2px solid transparent;transition:color var(--cb-duration-fast, .12s) ease,border-color var(--cb-duration-fast, .12s) ease}.cb-anchor__list--nested .cb-anchor__link{padding-left:1.5rem}.cb-anchor__link:hover{color:var(--cb-color-text)}.cb-anchor__link.cb-is-active{font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-primary-600, #059669);border-left-color:var(--cb-color-primary-500)}.cb-anchor__link:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px;border-radius:var(--cb-radius-sm, .25rem)}\n"] }]
+  `, styles: [":host{display:block;font-family:var(--cb-font-sans, inherit)}.cb-anchor__list{margin:0;padding:0;list-style:none;border-left:2px solid var(--cb-color-border)}.cb-anchor__list--nested{border-left:0}.cb-anchor__link{display:block;margin-left:-2px;padding:.3rem .75rem;font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text-muted);text-decoration:none;border-left:2px solid transparent;transition:color var(--cb-duration-fast, .12s) ease,border-color var(--cb-duration-fast, .12s) ease}.cb-anchor__list--nested .cb-anchor__link{padding-left:1.5rem}.cb-anchor__link:hover{color:var(--cb-color-text)}.cb-anchor__link.cb-is-active{font-weight:var(--cb-font-weight-medium, 500);color:var(--cb-color-primary-text);border-left-color:var(--cb-color-primary-500)}.cb-anchor__link:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px;border-radius:var(--cb-radius-sm, .25rem)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], activeChange: [{ type: i0.Output, args: ["activeChange"] }] } });
 
 /*

package/fesm2022/{caribeng-ui-caribe-animation-lottie.mjs → caribeng-ui-animation-lottie.mjs}

@@ -3,7 +3,7 @@ import { input, signal, ViewEncapsulation, ChangeDetectionStrategy, Component }
 import { injectCbTranslation } from '@caribeng/ui';
 
 /**
- * Animation-lottie de Caribe Design: contenedor de animación (placeholder
+ * Animation-lottie: contenedor de animación (placeholder
  * animado mientras se integra Lottie real).
  *
  * @example
@@ -35,26 +35,26 @@ class CbAnimationLottie {
         this.playing.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbAnimationLottie, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbAnimationLottie, isStandalone: true, selector: "cb-animation-lottie", inputs: { src: { classPropertyName: "src", publicName: "src", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "size()", "style.height": "size()" }, classAttribute: "cb-animation-lottie-host" }, ngImport: i0, template: `
-    <div class="cb-animation-lottie" role="img" [attr.aria-label]="(ariaLabel() ?? t().animation)">
-      <svg
-        class="cb-animation-lottie__svg"
-        [class.cb-is-playing]="playing()"
-        viewBox="0 0 48 48"
-        aria-hidden="true"
-      >
-        <circle
-          cx="24"
-          cy="24"
-          r="18"
-          fill="none"
-          stroke="var(--cb-color-primary-500, #10b981)"
-          stroke-width="4"
-          stroke-linecap="round"
-          stroke-dasharray="80 32"
-        />
-      </svg>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbAnimationLottie, isStandalone: true, selector: "cb-animation-lottie", inputs: { src: { classPropertyName: "src", publicName: "src", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "size()", "style.height": "size()" }, classAttribute: "cb-animation-lottie-host" }, ngImport: i0, template: `
+    <div class="cb-animation-lottie" role="img" [attr.aria-label]="(ariaLabel() ?? t().animation)">
+      <svg
+        class="cb-animation-lottie__svg"
+        [class.cb-is-playing]="playing()"
+        viewBox="0 0 48 48"
+        aria-hidden="true"
+      >
+        <circle
+          cx="24"
+          cy="24"
+          r="18"
+          fill="none"
+          stroke="var(--cb-color-primary-500, #10b981)"
+          stroke-width="4"
+          stroke-linecap="round"
+          stroke-dasharray="80 32"
+        />
+      </svg>
+    </div>
   `, isInline: true, styles: [":host{display:inline-flex}.cb-animation-lottie{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.cb-animation-lottie__svg{width:70%;height:70%;transform-origin:center}.cb-animation-lottie__svg.cb-is-playing{animation:cb-lottie-spin 1.2s linear infinite}@keyframes cb-lottie-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cb-animation-lottie__svg.cb-is-playing{animation-duration:3s}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbAnimationLottie, decorators: [{
@@ -63,26 +63,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         class: 'cb-animation-lottie-host',
                         '[style.width]': 'size()',
                         '[style.height]': 'size()',
-                    }, template: `
-    <div class="cb-animation-lottie" role="img" [attr.aria-label]="(ariaLabel() ?? t().animation)">
-      <svg
-        class="cb-animation-lottie__svg"
-        [class.cb-is-playing]="playing()"
-        viewBox="0 0 48 48"
-        aria-hidden="true"
-      >
-        <circle
-          cx="24"
-          cy="24"
-          r="18"
-          fill="none"
-          stroke="var(--cb-color-primary-500, #10b981)"
-          stroke-width="4"
-          stroke-linecap="round"
-          stroke-dasharray="80 32"
-        />
-      </svg>
-    </div>
+                    }, template: `
+    <div class="cb-animation-lottie" role="img" [attr.aria-label]="(ariaLabel() ?? t().animation)">
+      <svg
+        class="cb-animation-lottie__svg"
+        [class.cb-is-playing]="playing()"
+        viewBox="0 0 48 48"
+        aria-hidden="true"
+      >
+        <circle
+          cx="24"
+          cy="24"
+          r="18"
+          fill="none"
+          stroke="var(--cb-color-primary-500, #10b981)"
+          stroke-width="4"
+          stroke-linecap="round"
+          stroke-dasharray="80 32"
+        />
+      </svg>
+    </div>
   `, styles: [":host{display:inline-flex}.cb-animation-lottie{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.cb-animation-lottie__svg{width:70%;height:70%;transform-origin:center}.cb-animation-lottie__svg.cb-is-playing{animation:cb-lottie-spin 1.2s linear infinite}@keyframes cb-lottie-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cb-animation-lottie__svg.cb-is-playing{animation-duration:3s}}\n"] }]
         }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });