@caribeng/ui 22.2.0 → 22.5.0

package/fesm2022/caribeng-ui-scrolltop.mjs

@@ -91,7 +91,9 @@ class CbScrollTop {
         }
     }
     scrollToTop() {
-        const behavior = this.behavior();
+        // Con "reducir movimiento" en el sistema, el desplazamiento es instantáneo.
+        const reduce = this.doc.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+        const behavior = reduce ? 'auto' : this.behavior();
         if (this.target() === 'parent') {
             const parentEl = this.getParentTarget();
             if (!parentEl)

package/fesm2022/caribeng-ui-select.mjs

@@ -568,7 +568,7 @@ class CbSelect {
         {{ labelOf(item.opt) }}
       </li>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.cb-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);box-sizing:border-box;width:100%;font-family:var(--cb-font-sans);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:var(--cb-border-width) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger:hover:not(.cb-is-disabled){border-color:var(--cb-color-text-muted)}.cb-select__trigger:focus-visible,.cb-select__trigger.cb-is-open{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-select__trigger.cb-is-invalid.cb-is-open,.cb-select__trigger.cb-is-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-select__trigger.cb-is-disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted);opacity:.8}.cb-select__trigger--sm{min-height:2rem;padding:var(--cb-space-1) var(--cb-space-3);font-size:var(--cb-text-sm)}.cb-select__trigger--md{min-height:2.5rem;padding:var(--cb-space-2) var(--cb-space-3);font-size:var(--cb-text-base)}.cb-select__trigger--lg{min-height:3rem;padding:var(--cb-space-3) var(--cb-space-4);font-size:var(--cb-text-lg)}.cb-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-select__label--placeholder{color:var(--cb-color-text-muted)}.cb-select__chevron{flex:none;color:var(--cb-color-text-muted);transition:transform var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger.cb-is-open .cb-select__chevron{transform:rotate(180deg)}.cb-select__panel{box-sizing:border-box;width:100%;background-color:var(--cb-color-surface-raised);border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-md);overflow:hidden;font-family:var(--cb-font-sans)}.cb-select__filter{padding:var(--cb-space-2);border-bottom:1px solid var(--cb-color-border)}.cb-select__filter-input{box-sizing:border-box;width:100%;padding:var(--cb-space-2) var(--cb-space-3);font-family:inherit;font-size:var(--cb-text-sm);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm)}.cb-select__filter-input:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__list{list-style:none;margin:0;padding:var(--cb-space-1);max-height:16rem;overflow-y:auto}.cb-select__option{display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3);border-radius:var(--cb-radius-sm);font-size:var(--cb-text-base);color:var(--cb-color-text);cursor:pointer}.cb-select__option.cb-is-active{background-color:var(--cb-color-surface-hover)}.cb-select__option.cb-is-selected{color:var(--cb-color-primary-600);background-color:color-mix(in srgb,var(--cb-color-primary-500) 12%,transparent);font-weight:var(--cb-font-weight-semibold)}.cb-select__option.cb-is-selected.cb-is-active{background-color:color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-select__option.cb-is-disabled{color:var(--cb-color-text-muted);cursor:not-allowed;opacity:.6}.cb-select__empty{padding:var(--cb-space-3);color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}.cb-select__group{list-style:none;margin:0;padding:0}.cb-select__group-label{box-sizing:border-box;display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3) var(--cb-space-1);font-size:var(--cb-text-xs);font-weight:var(--cb-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--cb-color-text-muted);cursor:default}.cb-select__list--virtual{max-height:none}.cb-select__spacer{position:relative;list-style:none}.cb-select__window{list-style:none;margin:0;padding:0}.cb-select__list--virtual .cb-select__option{box-sizing:border-box;padding-top:0;padding-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{position:relative}:host(.cb-has-clear) .cb-select__trigger{padding-right:3.25rem}.cb-select__clear{position:absolute;top:50%;right:2.1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--cb-color-text-muted);background:none;border:none;border-radius:var(--cb-radius-sm);transform:translateY(-50%);cursor:pointer}.cb-select__clear:hover{color:var(--cb-color-text);background-color:var(--cb-color-surface-hover)}.cb-select__clear:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.cb-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);box-sizing:border-box;width:100%;font-family:var(--cb-font-sans);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:var(--cb-border-width) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger:hover:not(.cb-is-disabled){border-color:var(--cb-color-text-muted)}.cb-select__trigger:focus-visible,.cb-select__trigger.cb-is-open{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-select__trigger.cb-is-invalid.cb-is-open,.cb-select__trigger.cb-is-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-select__trigger.cb-is-disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted);opacity:.8}.cb-select__trigger--sm{min-height:2rem;padding:var(--cb-space-1) var(--cb-space-3);font-size:var(--cb-text-sm)}.cb-select__trigger--md{min-height:2.5rem;padding:var(--cb-space-2) var(--cb-space-3);font-size:var(--cb-text-base)}.cb-select__trigger--lg{min-height:3rem;padding:var(--cb-space-3) var(--cb-space-4);font-size:var(--cb-text-lg)}.cb-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-select__label--placeholder{color:var(--cb-color-text-muted)}.cb-select__chevron{flex:none;color:var(--cb-color-text-muted);transition:transform var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger.cb-is-open .cb-select__chevron{transform:rotate(180deg)}.cb-select__panel{box-sizing:border-box;width:100%;background-color:var(--cb-color-surface-raised);border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-md);overflow:hidden;font-family:var(--cb-font-sans)}.cb-select__filter{padding:var(--cb-space-2);border-bottom:1px solid var(--cb-color-border)}.cb-select__filter-input{box-sizing:border-box;width:100%;padding:var(--cb-space-2) var(--cb-space-3);font-family:inherit;font-size:var(--cb-text-sm);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm)}.cb-select__filter-input:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__list{list-style:none;margin:0;padding:var(--cb-space-1);max-height:16rem;overflow-y:auto}.cb-select__option{display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3);border-radius:var(--cb-radius-sm);font-size:var(--cb-text-base);color:var(--cb-color-text);cursor:pointer}.cb-select__option.cb-is-active{background-color:var(--cb-color-surface-hover)}.cb-select__option.cb-is-selected{color:var(--cb-color-primary-text);background-color:color-mix(in srgb,var(--cb-color-primary-500) 12%,transparent);font-weight:var(--cb-font-weight-semibold)}.cb-select__option.cb-is-selected.cb-is-active{background-color:color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-select__option.cb-is-disabled{color:var(--cb-color-text-muted);cursor:not-allowed;opacity:.6}.cb-select__empty{padding:var(--cb-space-3);color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}.cb-select__group{list-style:none;margin:0;padding:0}.cb-select__group-label{box-sizing:border-box;display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3) var(--cb-space-1);font-size:var(--cb-text-xs);font-weight:var(--cb-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--cb-color-text-muted);cursor:default}.cb-select__list--virtual{max-height:none}.cb-select__spacer{position:relative;list-style:none}.cb-select__window{list-style:none;margin:0;padding:0}.cb-select__list--virtual .cb-select__option{box-sizing:border-box;padding-top:0;padding-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{position:relative}:host(.cb-has-clear) .cb-select__trigger{padding-right:3.25rem}.cb-select__clear{position:absolute;top:50%;right:2.1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--cb-color-text-muted);background:none;border:none;border-radius:var(--cb-radius-sm);transform:translateY(-50%);cursor:pointer}.cb-select__clear:hover{color:var(--cb-color-text);background-color:var(--cb-color-surface-hover)}.cb-select__clear:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbSelect, decorators: [{
             type: Component,
@@ -729,7 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         {{ labelOf(item.opt) }}
       </li>
     </ng-template>
-  `, styles: [":host{display:block}.cb-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);box-sizing:border-box;width:100%;font-family:var(--cb-font-sans);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:var(--cb-border-width) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger:hover:not(.cb-is-disabled){border-color:var(--cb-color-text-muted)}.cb-select__trigger:focus-visible,.cb-select__trigger.cb-is-open{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-select__trigger.cb-is-invalid.cb-is-open,.cb-select__trigger.cb-is-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-select__trigger.cb-is-disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted);opacity:.8}.cb-select__trigger--sm{min-height:2rem;padding:var(--cb-space-1) var(--cb-space-3);font-size:var(--cb-text-sm)}.cb-select__trigger--md{min-height:2.5rem;padding:var(--cb-space-2) var(--cb-space-3);font-size:var(--cb-text-base)}.cb-select__trigger--lg{min-height:3rem;padding:var(--cb-space-3) var(--cb-space-4);font-size:var(--cb-text-lg)}.cb-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-select__label--placeholder{color:var(--cb-color-text-muted)}.cb-select__chevron{flex:none;color:var(--cb-color-text-muted);transition:transform var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger.cb-is-open .cb-select__chevron{transform:rotate(180deg)}.cb-select__panel{box-sizing:border-box;width:100%;background-color:var(--cb-color-surface-raised);border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-md);overflow:hidden;font-family:var(--cb-font-sans)}.cb-select__filter{padding:var(--cb-space-2);border-bottom:1px solid var(--cb-color-border)}.cb-select__filter-input{box-sizing:border-box;width:100%;padding:var(--cb-space-2) var(--cb-space-3);font-family:inherit;font-size:var(--cb-text-sm);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm)}.cb-select__filter-input:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__list{list-style:none;margin:0;padding:var(--cb-space-1);max-height:16rem;overflow-y:auto}.cb-select__option{display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3);border-radius:var(--cb-radius-sm);font-size:var(--cb-text-base);color:var(--cb-color-text);cursor:pointer}.cb-select__option.cb-is-active{background-color:var(--cb-color-surface-hover)}.cb-select__option.cb-is-selected{color:var(--cb-color-primary-600);background-color:color-mix(in srgb,var(--cb-color-primary-500) 12%,transparent);font-weight:var(--cb-font-weight-semibold)}.cb-select__option.cb-is-selected.cb-is-active{background-color:color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-select__option.cb-is-disabled{color:var(--cb-color-text-muted);cursor:not-allowed;opacity:.6}.cb-select__empty{padding:var(--cb-space-3);color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}.cb-select__group{list-style:none;margin:0;padding:0}.cb-select__group-label{box-sizing:border-box;display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3) var(--cb-space-1);font-size:var(--cb-text-xs);font-weight:var(--cb-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--cb-color-text-muted);cursor:default}.cb-select__list--virtual{max-height:none}.cb-select__spacer{position:relative;list-style:none}.cb-select__window{list-style:none;margin:0;padding:0}.cb-select__list--virtual .cb-select__option{box-sizing:border-box;padding-top:0;padding-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{position:relative}:host(.cb-has-clear) .cb-select__trigger{padding-right:3.25rem}.cb-select__clear{position:absolute;top:50%;right:2.1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--cb-color-text-muted);background:none;border:none;border-radius:var(--cb-radius-sm);transform:translateY(-50%);cursor:pointer}.cb-select__clear:hover{color:var(--cb-color-text);background-color:var(--cb-color-surface-hover)}.cb-select__clear:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}\n"] }]
+  `, styles: [":host{display:block}.cb-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-2);box-sizing:border-box;width:100%;font-family:var(--cb-font-sans);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:var(--cb-border-width) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger:hover:not(.cb-is-disabled){border-color:var(--cb-color-text-muted)}.cb-select__trigger:focus-visible,.cb-select__trigger.cb-is-open{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__trigger.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-select__trigger.cb-is-invalid.cb-is-open,.cb-select__trigger.cb-is-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-select__trigger.cb-is-disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted);opacity:.8}.cb-select__trigger--sm{min-height:2rem;padding:var(--cb-space-1) var(--cb-space-3);font-size:var(--cb-text-sm)}.cb-select__trigger--md{min-height:2.5rem;padding:var(--cb-space-2) var(--cb-space-3);font-size:var(--cb-text-base)}.cb-select__trigger--lg{min-height:3rem;padding:var(--cb-space-3) var(--cb-space-4);font-size:var(--cb-text-lg)}.cb-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-select__label--placeholder{color:var(--cb-color-text-muted)}.cb-select__chevron{flex:none;color:var(--cb-color-text-muted);transition:transform var(--cb-duration-fast) var(--cb-ease)}.cb-select__trigger.cb-is-open .cb-select__chevron{transform:rotate(180deg)}.cb-select__panel{box-sizing:border-box;width:100%;background-color:var(--cb-color-surface-raised);border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-md);overflow:hidden;font-family:var(--cb-font-sans)}.cb-select__filter{padding:var(--cb-space-2);border-bottom:1px solid var(--cb-color-border)}.cb-select__filter-input{box-sizing:border-box;width:100%;padding:var(--cb-space-2) var(--cb-space-3);font-family:inherit;font-size:var(--cb-text-sm);color:var(--cb-color-text);background-color:var(--cb-color-bg);border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm)}.cb-select__filter-input:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-select__list{list-style:none;margin:0;padding:var(--cb-space-1);max-height:16rem;overflow-y:auto}.cb-select__option{display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3);border-radius:var(--cb-radius-sm);font-size:var(--cb-text-base);color:var(--cb-color-text);cursor:pointer}.cb-select__option.cb-is-active{background-color:var(--cb-color-surface-hover)}.cb-select__option.cb-is-selected{color:var(--cb-color-primary-text);background-color:color-mix(in srgb,var(--cb-color-primary-500) 12%,transparent);font-weight:var(--cb-font-weight-semibold)}.cb-select__option.cb-is-selected.cb-is-active{background-color:color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-select__option.cb-is-disabled{color:var(--cb-color-text-muted);cursor:not-allowed;opacity:.6}.cb-select__empty{padding:var(--cb-space-3);color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}.cb-select__group{list-style:none;margin:0;padding:0}.cb-select__group-label{box-sizing:border-box;display:flex;align-items:center;padding:var(--cb-space-2) var(--cb-space-3) var(--cb-space-1);font-size:var(--cb-text-xs);font-weight:var(--cb-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--cb-color-text-muted);cursor:default}.cb-select__list--virtual{max-height:none}.cb-select__spacer{position:relative;list-style:none}.cb-select__window{list-style:none;margin:0;padding:0}.cb-select__list--virtual .cb-select__option{box-sizing:border-box;padding-top:0;padding-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{position:relative}:host(.cb-has-clear) .cb-select__trigger{padding-right:3.25rem}.cb-select__clear{position:absolute;top:50%;right:2.1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--cb-color-text-muted);background:none;border:none;border-radius:var(--cb-radius-sm);transform:translateY(-50%);cursor:pointer}.cb-select__clear:hover{color:var(--cb-color-text);background-color:var(--cb-color-surface-hover)}.cb-select__clear:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], optionDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionDisabled", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], optionGroupLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupLabel", required: false }] }], optionGroupChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupChildren", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollItemSize", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], filterInputRef: [{ type: i0.ViewChild, args: ['filterInput', { isSignal: true }] }], viewportRef: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }] } });
 function toBoolean(value) {
     return value !== false && value != null && `${value}` !== 'false';

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

@@ -3,7 +3,7 @@ import { input, output, ViewEncapsulation, ChangeDetectionStrategy, Component }
 import { CbIcon } from '@caribeng/ui/icon';
 
 /**
- * Shortcut de Caribe Design: acceso directo con icono y etiqueta, presentado
+ * Shortcut: acceso directo con icono y etiqueta, presentado
  * como una tarjeta pulsable (típico de dashboards y home bancario).
  *
  * @example
@@ -29,37 +29,37 @@ class CbShortcut {
         this.action = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbShortcut, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbShortcut, isStandalone: true, selector: "cb-shortcut", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { classAttribute: "cb-shortcut-host" }, ngImport: i0, template: `
-    <button
-      type="button"
-      class="cb-shortcut"
-      [attr.aria-label]="ariaLabel() || null"
-      [disabled]="disabled()"
-      (click)="!disabled() && action.emit()"
-    >
-      <span class="cb-shortcut__icon">
-        <cb-icon [name]="icon()" [size]="22" aria-hidden="true" />
-      </span>
-      <span class="cb-shortcut__label">{{ label() }}</span>
-    </button>
-  `, isInline: true, styles: [":host{display:inline-flex}.cb-shortcut{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cb-space-2, .5rem);min-width:6rem;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-lg, .75rem);cursor:pointer;transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),box-shadow var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-shortcut__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--cb-color-primary-600, #047857);background-color:var(--cb-color-primary-50, #ecfdf5);border-radius:var(--cb-radius-full, 999px)}.cb-shortcut__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);text-align:center}.cb-shortcut:hover:not(:disabled){border-color:var(--cb-color-primary-300, #6ee7b7);box-shadow:var(--cb-shadow-md, 0 4px 12px rgba(0, 0, 0, .1));transform:translateY(-1px)}.cb-shortcut:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}.cb-shortcut:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-shortcut{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-shortcut__icon{color:var(--cb-color-primary-300, #6ee7b7);background-color:color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbShortcut, isStandalone: true, selector: "cb-shortcut", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { classAttribute: "cb-shortcut-host" }, ngImport: i0, template: `
+    <button
+      type="button"
+      class="cb-shortcut"
+      [attr.aria-label]="ariaLabel() || null"
+      [disabled]="disabled()"
+      (click)="!disabled() && action.emit()"
+    >
+      <span class="cb-shortcut__icon">
+        <cb-icon [name]="icon()" [size]="22" aria-hidden="true" />
+      </span>
+      <span class="cb-shortcut__label">{{ label() }}</span>
+    </button>
+  `, isInline: true, styles: [":host{display:inline-flex}.cb-shortcut{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cb-space-2, .5rem);min-width:6rem;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-lg, .75rem);cursor:pointer;transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),box-shadow var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-shortcut__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--cb-color-primary-text);background-color:var(--cb-color-primary-50, #ecfdf5);border-radius:var(--cb-radius-full, 999px)}.cb-shortcut__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);text-align:center}.cb-shortcut:hover:not(:disabled){border-color:var(--cb-color-primary-300, #6ee7b7);box-shadow:var(--cb-shadow-md, 0 4px 12px rgba(0, 0, 0, .1));transform:translateY(-1px)}.cb-shortcut:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}.cb-shortcut:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-shortcut{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-shortcut__icon{color:var(--cb-color-primary-300, #6ee7b7);background-color:color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbShortcut, decorators: [{
             type: Component,
-            args: [{ selector: 'cb-shortcut', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbIcon], host: { class: 'cb-shortcut-host' }, template: `
-    <button
-      type="button"
-      class="cb-shortcut"
-      [attr.aria-label]="ariaLabel() || null"
-      [disabled]="disabled()"
-      (click)="!disabled() && action.emit()"
-    >
-      <span class="cb-shortcut__icon">
-        <cb-icon [name]="icon()" [size]="22" aria-hidden="true" />
-      </span>
-      <span class="cb-shortcut__label">{{ label() }}</span>
-    </button>
-  `, styles: [":host{display:inline-flex}.cb-shortcut{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cb-space-2, .5rem);min-width:6rem;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-lg, .75rem);cursor:pointer;transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),box-shadow var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-shortcut__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--cb-color-primary-600, #047857);background-color:var(--cb-color-primary-50, #ecfdf5);border-radius:var(--cb-radius-full, 999px)}.cb-shortcut__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);text-align:center}.cb-shortcut:hover:not(:disabled){border-color:var(--cb-color-primary-300, #6ee7b7);box-shadow:var(--cb-shadow-md, 0 4px 12px rgba(0, 0, 0, .1));transform:translateY(-1px)}.cb-shortcut:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}.cb-shortcut:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-shortcut{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-shortcut__icon{color:var(--cb-color-primary-300, #6ee7b7);background-color:color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}\n"] }]
+            args: [{ selector: 'cb-shortcut', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbIcon], host: { class: 'cb-shortcut-host' }, template: `
+    <button
+      type="button"
+      class="cb-shortcut"
+      [attr.aria-label]="ariaLabel() || null"
+      [disabled]="disabled()"
+      (click)="!disabled() && action.emit()"
+    >
+      <span class="cb-shortcut__icon">
+        <cb-icon [name]="icon()" [size]="22" aria-hidden="true" />
+      </span>
+      <span class="cb-shortcut__label">{{ label() }}</span>
+    </button>
+  `, styles: [":host{display:inline-flex}.cb-shortcut{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cb-space-2, .5rem);min-width:6rem;padding:var(--cb-space-4, 1rem);font-family:var(--cb-font-sans, inherit);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-lg, .75rem);cursor:pointer;transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease),box-shadow var(--cb-duration-fast, .12s) var(--cb-ease, ease),transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-shortcut__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--cb-color-primary-text);background-color:var(--cb-color-primary-50, #ecfdf5);border-radius:var(--cb-radius-full, 999px)}.cb-shortcut__label{font-size:var(--cb-text-sm, .8125rem);font-weight:var(--cb-font-weight-semibold, 600);text-align:center}.cb-shortcut:hover:not(:disabled){border-color:var(--cb-color-primary-300, #6ee7b7);box-shadow:var(--cb-shadow-md, 0 4px 12px rgba(0, 0, 0, .1));transform:translateY(-1px)}.cb-shortcut:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500, #10b981));outline-offset:2px}.cb-shortcut:disabled{opacity:.55;cursor:not-allowed}:host-context([data-theme=\"dark\"]) .cb-shortcut{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-800, #1e293b);border-color:var(--cb-color-surface-600, #475569)}:host-context([data-theme=\"dark\"]) .cb-shortcut__icon{color:var(--cb-color-primary-300, #6ee7b7);background-color:color-mix(in srgb,var(--cb-color-primary-500, #10b981) 18%,transparent)}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
 
 /**