@caribeng/ui 22.4.0 → 22.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +313 -313
- package/fesm2022/caribeng-ui-account-picker.mjs +533 -0
- package/fesm2022/caribeng-ui-aging.mjs +488 -0
- package/fesm2022/{caribeng-ui-caribe-alert.mjs → caribeng-ui-alert.mjs} +45 -45
- package/fesm2022/caribeng-ui-amount.mjs +249 -0
- package/fesm2022/caribeng-ui-anchor.mjs +2 -2
- package/fesm2022/{caribeng-ui-caribe-animation-lottie.mjs → caribeng-ui-animation-lottie.mjs} +41 -41
- package/fesm2022/caribeng-ui-audit-log.mjs +323 -0
- package/fesm2022/caribeng-ui-avatar.mjs +2 -2
- package/fesm2022/caribeng-ui-breadcrumb.mjs +13 -3
- package/fesm2022/{caribeng-ui-caribe-button-group.mjs → caribeng-ui-button-group.mjs} +15 -15
- package/fesm2022/caribeng-ui-button.mjs +2 -2
- package/fesm2022/{caribeng-ui-caribe-card-content.mjs → caribeng-ui-card-content.mjs} +39 -39
- package/fesm2022/{caribeng-ui-caribe-card-move.mjs → caribeng-ui-card-move.mjs} +65 -65
- package/fesm2022/{caribeng-ui-caribe-card-primary.mjs → caribeng-ui-card-primary.mjs} +31 -31
- package/fesm2022/{caribeng-ui-caribe-card-select.mjs → caribeng-ui-card-select.mjs} +67 -67
- package/fesm2022/caribeng-ui-carousel.mjs +2 -2
- package/fesm2022/caribeng-ui-cascadeselect.mjs +45 -9
- package/fesm2022/caribeng-ui-chat.mjs +2 -2
- package/fesm2022/{caribeng-ui-caribe-coachmark.mjs → caribeng-ui-coachmark.mjs} +85 -85
- package/fesm2022/caribeng-ui-command-palette.mjs +2 -2
- package/fesm2022/caribeng-ui-comments.mjs +864 -0
- package/fesm2022/caribeng-ui-datagrid.mjs +1635 -0
- package/fesm2022/caribeng-ui-dataview.mjs +2 -2
- package/fesm2022/caribeng-ui-datepicker.mjs +2 -2
- package/fesm2022/caribeng-ui-document.mjs +495 -0
- package/fesm2022/{caribeng-ui-caribe-dots-indicator.mjs → caribeng-ui-dots-indicator.mjs} +41 -41
- package/fesm2022/caribeng-ui-dynamic-form.mjs +1581 -0
- package/fesm2022/caribeng-ui-editor.mjs +2303 -1311
- package/fesm2022/{caribeng-ui-caribe-expansion-panel.mjs → caribeng-ui-expansion-panel.mjs} +39 -39
- package/fesm2022/{caribeng-ui-caribe-fab-menu.mjs → caribeng-ui-fab-menu.mjs} +75 -75
- package/fesm2022/caribeng-ui-file-card.mjs +2 -2
- package/fesm2022/{caribeng-ui-caribe-file-download.mjs → caribeng-ui-file-download.mjs} +63 -63
- package/fesm2022/caribeng-ui-financial-report.mjs +380 -0
- package/fesm2022/{caribeng-ui-caribe-float-menu.mjs → caribeng-ui-float-menu.mjs} +31 -31
- package/fesm2022/caribeng-ui-floatlabel.mjs +2 -2
- package/fesm2022/caribeng-ui-flow.mjs +1508 -0
- package/fesm2022/{caribeng-ui-caribe-footer.mjs → caribeng-ui-footer.mjs} +19 -19
- package/fesm2022/caribeng-ui-gantt.mjs +1094 -0
- package/fesm2022/{caribeng-ui-caribe-header.mjs → caribeng-ui-header.mjs} +49 -49
- package/fesm2022/{caribeng-ui-caribe-icon-button.mjs → caribeng-ui-icon-button.mjs} +23 -23
- package/fesm2022/caribeng-ui-image-cropper.mjs +671 -0
- package/fesm2022/caribeng-ui-import-wizard.mjs +746 -0
- package/fesm2022/caribeng-ui-infinite-scroll.mjs +226 -0
- package/fesm2022/caribeng-ui-input-number.mjs +22 -6
- package/fesm2022/{caribeng-ui-caribe-input-search.mjs → caribeng-ui-input-search.mjs} +65 -65
- package/fesm2022/{caribeng-ui-caribe-input-token.mjs → caribeng-ui-input-token.mjs} +59 -59
- package/fesm2022/caribeng-ui-inputotp.mjs +2 -2
- package/fesm2022/caribeng-ui-journal-entry.mjs +340 -0
- package/fesm2022/caribeng-ui-kanban.mjs +6 -6
- package/fesm2022/caribeng-ui-kpi.mjs +189 -0
- package/fesm2022/{caribeng-ui-caribe-link.mjs → caribeng-ui-link.mjs} +37 -37
- package/fesm2022/caribeng-ui-masonry.mjs +93 -0
- package/fesm2022/caribeng-ui-media-player.mjs +821 -0
- package/fesm2022/caribeng-ui-mentions.mjs +2 -2
- package/fesm2022/caribeng-ui-notification-center.mjs +636 -0
- package/fesm2022/{caribeng-ui-caribe-off-canvas.mjs → caribeng-ui-off-canvas.mjs} +55 -55
- package/fesm2022/{caribeng-ui-caribe-onboarding.mjs → caribeng-ui-onboarding.mjs} +105 -105
- package/fesm2022/caribeng-ui-orderlist.mjs +2 -2
- package/fesm2022/caribeng-ui-pdfviewer.mjs +1755 -25
- package/fesm2022/caribeng-ui-period-picker.mjs +637 -0
- package/fesm2022/caribeng-ui-phone-input.mjs +2 -2
- package/fesm2022/caribeng-ui-picklist.mjs +2 -2
- package/fesm2022/caribeng-ui-pivot.mjs +419 -0
- package/fesm2022/caribeng-ui-pricing.mjs +2 -2
- package/fesm2022/caribeng-ui-rating.mjs +14 -17
- package/fesm2022/caribeng-ui-reconciliation.mjs +386 -0
- package/fesm2022/caribeng-ui-scheduler.mjs +1027 -0
- package/fesm2022/caribeng-ui-select.mjs +2 -2
- package/fesm2022/{caribeng-ui-caribe-shortcut.mjs → caribeng-ui-shortcut.mjs} +29 -29
- package/fesm2022/caribeng-ui-sidebar.mjs +2 -2
- package/fesm2022/caribeng-ui-signature-pad.mjs +654 -0
- package/fesm2022/{caribeng-ui-caribe-status.mjs → caribeng-ui-status.mjs} +11 -11
- package/fesm2022/{caribeng-ui-caribe-step-indicator.mjs → caribeng-ui-step-indicator.mjs} +53 -53
- package/fesm2022/caribeng-ui-stepper.mjs +2 -2
- package/fesm2022/caribeng-ui-steps.mjs +2 -2
- package/fesm2022/caribeng-ui-table.mjs +323 -15
- package/fesm2022/caribeng-ui-tabmenu.mjs +2 -2
- package/fesm2022/caribeng-ui-tabs.mjs +2 -2
- package/fesm2022/{caribeng-ui-caribe-tag-button.mjs → caribeng-ui-tag-button.mjs} +25 -25
- package/fesm2022/caribeng-ui-tag.mjs +2 -2
- package/fesm2022/caribeng-ui-tieredmenu.mjs +6 -6
- package/fesm2022/{caribeng-ui-caribe-tracker.mjs → caribeng-ui-tracker.mjs} +29 -29
- package/fesm2022/{caribeng-ui-caribe-transaction-status.mjs → caribeng-ui-transaction-status.mjs} +11 -11
- package/fesm2022/caribeng-ui-treeselect.mjs +44 -9
- package/fesm2022/caribeng-ui-treetable.mjs +236 -17
- package/fesm2022/{caribeng-ui-caribe-voucher.mjs → caribeng-ui-voucher.mjs} +45 -45
- package/fesm2022/caribeng-ui-xlsx.mjs +486 -0
- package/fesm2022/caribeng-ui.mjs +1185 -5
- package/package.json +217 -177
- package/types/caribeng-ui-account-picker.d.ts +142 -0
- package/types/caribeng-ui-aging.d.ts +123 -0
- package/types/{caribeng-ui-caribe-alert.d.ts → caribeng-ui-alert.d.ts} +2 -2
- package/types/caribeng-ui-amount.d.ts +82 -0
- package/types/{caribeng-ui-caribe-animation-lottie.d.ts → caribeng-ui-animation-lottie.d.ts} +2 -2
- package/types/caribeng-ui-audit-log.d.ts +86 -0
- package/types/caribeng-ui-breadcrumb.d.ts +2 -2
- package/types/{caribeng-ui-caribe-button-group.d.ts → caribeng-ui-button-group.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-card-content.d.ts → caribeng-ui-card-content.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-card-move.d.ts → caribeng-ui-card-move.d.ts} +1 -1
- package/types/{caribeng-ui-caribe-card-primary.d.ts → caribeng-ui-card-primary.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-card-select.d.ts → caribeng-ui-card-select.d.ts} +2 -2
- package/types/caribeng-ui-cascadeselect.d.ts +6 -0
- package/types/{caribeng-ui-caribe-coachmark.d.ts → caribeng-ui-coachmark.d.ts} +2 -2
- package/types/caribeng-ui-comments.d.ts +214 -0
- package/types/caribeng-ui-datagrid.d.ts +269 -0
- package/types/caribeng-ui-document.d.ts +138 -0
- package/types/{caribeng-ui-caribe-dots-indicator.d.ts → caribeng-ui-dots-indicator.d.ts} +2 -2
- package/types/caribeng-ui-dynamic-form.d.ts +409 -0
- package/types/caribeng-ui-editor.d.ts +110 -12
- package/types/{caribeng-ui-caribe-expansion-panel.d.ts → caribeng-ui-expansion-panel.d.ts} +1 -1
- package/types/{caribeng-ui-caribe-fab-menu.d.ts → caribeng-ui-fab-menu.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-file-download.d.ts → caribeng-ui-file-download.d.ts} +1 -1
- package/types/caribeng-ui-financial-report.d.ts +102 -0
- package/types/{caribeng-ui-caribe-float-menu.d.ts → caribeng-ui-float-menu.d.ts} +2 -2
- package/types/caribeng-ui-flow.d.ts +228 -0
- package/types/{caribeng-ui-caribe-footer.d.ts → caribeng-ui-footer.d.ts} +2 -2
- package/types/caribeng-ui-gantt.d.ts +244 -0
- package/types/{caribeng-ui-caribe-header.d.ts → caribeng-ui-header.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-icon-button.d.ts → caribeng-ui-icon-button.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-illustration.d.ts → caribeng-ui-illustration.d.ts} +1 -1
- package/types/caribeng-ui-image-cropper.d.ts +169 -0
- package/types/caribeng-ui-import-wizard.d.ts +149 -0
- package/types/caribeng-ui-infinite-scroll.d.ts +75 -0
- package/types/caribeng-ui-input-number.d.ts +1 -1
- package/types/{caribeng-ui-caribe-input-search.d.ts → caribeng-ui-input-search.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-input-token.d.ts → caribeng-ui-input-token.d.ts} +2 -2
- package/types/caribeng-ui-journal-entry.d.ts +110 -0
- package/types/caribeng-ui-kpi.d.ts +64 -0
- package/types/{caribeng-ui-caribe-link.d.ts → caribeng-ui-link.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-logo.d.ts → caribeng-ui-logo.d.ts} +1 -1
- package/types/caribeng-ui-masonry.d.ts +32 -0
- package/types/caribeng-ui-media-player.d.ts +140 -0
- package/types/caribeng-ui-notification-center.d.ts +153 -0
- package/types/{caribeng-ui-caribe-off-canvas.d.ts → caribeng-ui-off-canvas.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-onboarding.d.ts → caribeng-ui-onboarding.d.ts} +2 -2
- package/types/caribeng-ui-pdfviewer.d.ts +245 -5
- package/types/caribeng-ui-period-picker.d.ts +148 -0
- package/types/caribeng-ui-pivot.d.ts +116 -0
- package/types/caribeng-ui-reconciliation.d.ts +109 -0
- package/types/caribeng-ui-scheduler.d.ts +188 -0
- package/types/{caribeng-ui-caribe-shortcut.d.ts → caribeng-ui-shortcut.d.ts} +2 -2
- package/types/caribeng-ui-signature-pad.d.ts +151 -0
- package/types/{caribeng-ui-caribe-status.d.ts → caribeng-ui-status.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-step-indicator.d.ts → caribeng-ui-step-indicator.d.ts} +2 -2
- package/types/caribeng-ui-table.d.ts +66 -2
- package/types/{caribeng-ui-caribe-tag-button.d.ts → caribeng-ui-tag-button.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-tracker.d.ts → caribeng-ui-tracker.d.ts} +2 -2
- package/types/{caribeng-ui-caribe-transaction-status.d.ts → caribeng-ui-transaction-status.d.ts} +2 -2
- package/types/caribeng-ui-treeselect.d.ts +6 -0
- package/types/caribeng-ui-treetable.d.ts +67 -2
- package/types/{caribeng-ui-caribe-voucher.d.ts → caribeng-ui-voucher.d.ts} +2 -2
- package/types/caribeng-ui-xlsx.d.ts +79 -0
- package/types/caribeng-ui.d.ts +713 -4
- package/fesm2022/caribeng-ui-caribe-calendar.mjs +0 -92
- package/fesm2022/caribeng-ui-caribe-circle-loading.mjs +0 -130
- package/fesm2022/caribeng-ui-caribe-data-table.mjs +0 -94
- package/fesm2022/caribeng-ui-caribe-file-select.mjs +0 -88
- package/fesm2022/caribeng-ui-caribe-inline-alert.mjs +0 -100
- package/fesm2022/caribeng-ui-caribe-input-date.mjs +0 -138
- package/fesm2022/caribeng-ui-caribe-input-select.mjs +0 -154
- package/fesm2022/caribeng-ui-caribe-loader.mjs +0 -48
- package/fesm2022/caribeng-ui-caribe-modal.mjs +0 -119
- package/fesm2022/caribeng-ui-caribe-pictogram.mjs +0 -52
- package/fesm2022/caribeng-ui-caribe-pop-over.mjs +0 -104
- package/fesm2022/caribeng-ui-caribe-preloader.mjs +0 -57
- package/fesm2022/caribeng-ui-caribe-progress-bar.mjs +0 -84
- package/fesm2022/caribeng-ui-caribe-stroke.mjs +0 -69
- package/fesm2022/caribeng-ui-caribe-switch.mjs +0 -182
- package/types/caribeng-ui-caribe-calendar.d.ts +0 -27
- package/types/caribeng-ui-caribe-circle-loading.d.ts +0 -28
- package/types/caribeng-ui-caribe-data-table.d.ts +0 -26
- package/types/caribeng-ui-caribe-file-select.d.ts +0 -31
- package/types/caribeng-ui-caribe-inline-alert.d.ts +0 -28
- package/types/caribeng-ui-caribe-input-date.d.ts +0 -40
- package/types/caribeng-ui-caribe-input-select.d.ts +0 -47
- package/types/caribeng-ui-caribe-loader.d.ts +0 -22
- package/types/caribeng-ui-caribe-modal.d.ts +0 -21
- package/types/caribeng-ui-caribe-pictogram.d.ts +0 -15
- package/types/caribeng-ui-caribe-pop-over.d.ts +0 -17
- package/types/caribeng-ui-caribe-preloader.d.ts +0 -24
- package/types/caribeng-ui-caribe-progress-bar.d.ts +0 -28
- package/types/caribeng-ui-caribe-stroke.d.ts +0 -17
- package/types/caribeng-ui-caribe-switch.d.ts +0 -55
- /package/fesm2022/{caribeng-ui-caribe-illustration.mjs → caribeng-ui-illustration.mjs} +0 -0
- /package/fesm2022/{caribeng-ui-caribe-logo.mjs → caribeng-ui-logo.mjs} +0 -0
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, model, viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { injectCbTranslation, cbOverlayFocus } from '@caribeng/ui';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Pop-over de Caribe Design: disparador con panel flotante de contenido
|
|
7
|
-
* contextual.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```html
|
|
11
|
-
* <cb-pop-over triggerLabel="Más info">Detalle contextual…</cb-pop-over>
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
let nextId = 0;
|
|
15
|
-
class CbPopOver {
|
|
16
|
-
constructor() {
|
|
17
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
18
|
-
this.t = injectCbTranslation();
|
|
19
|
-
this.triggerLabel = input(undefined, /* @ts-ignore */
|
|
20
|
-
...(ngDevMode ? [{ debugName: "triggerLabel" }] : /* istanbul ignore next */ []));
|
|
21
|
-
this.visible = model(false, /* @ts-ignore */
|
|
22
|
-
...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
|
|
23
|
-
this.panelId = `cb-pop-over-${++nextId}`;
|
|
24
|
-
this.closeBtn = viewChild('closeBtn', /* @ts-ignore */
|
|
25
|
-
...(ngDevMode ? [{ debugName: "closeBtn" }] : /* istanbul ignore next */ []));
|
|
26
|
-
cbOverlayFocus({ open: this.visible, initialFocus: () => this.closeBtn()?.nativeElement });
|
|
27
|
-
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPopOver, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbPopOver, isStandalone: true, selector: "cb-pop-over", inputs: { triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange" }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
30
|
-
<div class="cb-pop-over">
|
|
31
|
-
<button
|
|
32
|
-
type="button"
|
|
33
|
-
class="cb-pop-over__trigger"
|
|
34
|
-
[attr.aria-expanded]="visible()"
|
|
35
|
-
[attr.aria-controls]="visible() ? panelId : null"
|
|
36
|
-
(click)="visible.update((v) => !v)"
|
|
37
|
-
>
|
|
38
|
-
{{ (triggerLabel() ?? t().showInfo) }}
|
|
39
|
-
</button>
|
|
40
|
-
@if (visible()) {
|
|
41
|
-
<section
|
|
42
|
-
class="cb-pop-over__panel"
|
|
43
|
-
role="dialog"
|
|
44
|
-
[id]="panelId"
|
|
45
|
-
[attr.aria-label]="triggerLabel() ?? t().showInfo"
|
|
46
|
-
(keydown.escape)="visible.set(false)"
|
|
47
|
-
>
|
|
48
|
-
<button
|
|
49
|
-
#closeBtn
|
|
50
|
-
type="button"
|
|
51
|
-
class="cb-pop-over__close"
|
|
52
|
-
[attr.aria-label]="t().close"
|
|
53
|
-
(click)="visible.set(false)"
|
|
54
|
-
>
|
|
55
|
-
×
|
|
56
|
-
</button>
|
|
57
|
-
<div class="cb-pop-over__content"><ng-content /></div>
|
|
58
|
-
</section>
|
|
59
|
-
}
|
|
60
|
-
</div>
|
|
61
|
-
`, isInline: true, styles: [":host{display:inline-block}.cb-pop-over{position:relative;display:inline-block;font-family:var(--cb-font-sans, inherit)}.cb-pop-over__trigger{padding:var(--cb-space-2, .5rem) var(--cb-space-4, 1rem);font:inherit;font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500);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}.cb-pop-over__trigger:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-pop-over__panel{position:absolute;top:calc(100% + var(--cb-space-2, .5rem));left:0;z-index:var(--cb-z-popover, 900);min-width:14rem;max-width:20rem;padding:var(--cb-space-4, 1rem);padding-right:var(--cb-space-6, 2rem);font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text, #334155);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem);box-shadow:var(--cb-shadow-lg, 0 12px 28px rgba(0, 0, 0, .18));animation:cb-pop-in var(--cb-duration-fast, .12s) var(--cb-ease-out, ease-out)}.cb-pop-over__close{position:absolute;top:var(--cb-space-1, .25rem);right:var(--cb-space-1, .25rem);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1rem;line-height:1;color:var(--cb-color-text-muted, #64748b);background:transparent;border:none;border-radius:var(--cb-radius-full, 999px);cursor:pointer}.cb-pop-over__close:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}@keyframes cb-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:host-context([data-theme=\"dark\"]) .cb-pop-over__trigger,:host-context([data-theme=\"dark\"]) .cb-pop-over__panel{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-pop-over__trigger:hover{background-color:var(--cb-color-surface-700, #334155)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
62
|
-
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPopOver, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{ selector: 'cb-pop-over', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: `
|
|
66
|
-
<div class="cb-pop-over">
|
|
67
|
-
<button
|
|
68
|
-
type="button"
|
|
69
|
-
class="cb-pop-over__trigger"
|
|
70
|
-
[attr.aria-expanded]="visible()"
|
|
71
|
-
[attr.aria-controls]="visible() ? panelId : null"
|
|
72
|
-
(click)="visible.update((v) => !v)"
|
|
73
|
-
>
|
|
74
|
-
{{ (triggerLabel() ?? t().showInfo) }}
|
|
75
|
-
</button>
|
|
76
|
-
@if (visible()) {
|
|
77
|
-
<section
|
|
78
|
-
class="cb-pop-over__panel"
|
|
79
|
-
role="dialog"
|
|
80
|
-
[id]="panelId"
|
|
81
|
-
[attr.aria-label]="triggerLabel() ?? t().showInfo"
|
|
82
|
-
(keydown.escape)="visible.set(false)"
|
|
83
|
-
>
|
|
84
|
-
<button
|
|
85
|
-
#closeBtn
|
|
86
|
-
type="button"
|
|
87
|
-
class="cb-pop-over__close"
|
|
88
|
-
[attr.aria-label]="t().close"
|
|
89
|
-
(click)="visible.set(false)"
|
|
90
|
-
>
|
|
91
|
-
×
|
|
92
|
-
</button>
|
|
93
|
-
<div class="cb-pop-over__content"><ng-content /></div>
|
|
94
|
-
</section>
|
|
95
|
-
}
|
|
96
|
-
</div>
|
|
97
|
-
`, styles: [":host{display:inline-block}.cb-pop-over{position:relative;display:inline-block;font-family:var(--cb-font-sans, inherit)}.cb-pop-over__trigger{padding:var(--cb-space-2, .5rem) var(--cb-space-4, 1rem);font:inherit;font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500);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}.cb-pop-over__trigger:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-pop-over__panel{position:absolute;top:calc(100% + var(--cb-space-2, .5rem));left:0;z-index:var(--cb-z-popover, 900);min-width:14rem;max-width:20rem;padding:var(--cb-space-4, 1rem);padding-right:var(--cb-space-6, 2rem);font-size:var(--cb-text-sm, .875rem);color:var(--cb-color-text, #334155);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #e2e8f0);border-radius:var(--cb-radius-md, .5rem);box-shadow:var(--cb-shadow-lg, 0 12px 28px rgba(0, 0, 0, .18));animation:cb-pop-in var(--cb-duration-fast, .12s) var(--cb-ease-out, ease-out)}.cb-pop-over__close{position:absolute;top:var(--cb-space-1, .25rem);right:var(--cb-space-1, .25rem);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1rem;line-height:1;color:var(--cb-color-text-muted, #64748b);background:transparent;border:none;border-radius:var(--cb-radius-full, 999px);cursor:pointer}.cb-pop-over__close:hover{background-color:var(--cb-color-surface-100, #f1f5f9)}@keyframes cb-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:host-context([data-theme=\"dark\"]) .cb-pop-over__trigger,:host-context([data-theme=\"dark\"]) .cb-pop-over__panel{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-pop-over__trigger:hover{background-color:var(--cb-color-surface-700, #334155)}\n"] }]
|
|
98
|
-
}], ctorParameters: () => [], propDecorators: { triggerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLabel", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], closeBtn: [{ type: i0.ViewChild, args: ['closeBtn', { isSignal: true }] }] } });
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* Generated bundle index. Do not edit.
|
|
102
|
-
*/
|
|
103
|
-
|
|
104
|
-
export { CbPopOver };
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { injectCbTranslation } from '@caribeng/ui';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Preloader de Caribe Design: pantalla/bloque de carga inicial con marca,
|
|
7
|
-
* barra de progreso indeterminada y mensaje.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```html
|
|
11
|
-
* <cb-preloader title="CaribeNG" label="Preparando…" />
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
class CbPreloader {
|
|
15
|
-
constructor() {
|
|
16
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
17
|
-
this.t = injectCbTranslation();
|
|
18
|
-
this.active = input(true, /* @ts-ignore */
|
|
19
|
-
...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
20
|
-
this.title = input('', /* @ts-ignore */
|
|
21
|
-
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
22
|
-
this.label = input(undefined, /* @ts-ignore */
|
|
23
|
-
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
24
|
-
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPreloader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbPreloader, isStandalone: true, selector: "cb-preloader", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cb-preloader-host" }, ngImport: i0, template: `
|
|
27
|
-
@if (active()) {
|
|
28
|
-
<div class="cb-preloader" role="alert">
|
|
29
|
-
<strong class="cb-preloader__title">{{ title() }}</strong>
|
|
30
|
-
<div class="cb-preloader__bar" aria-hidden="true">
|
|
31
|
-
<span class="cb-preloader__bar-fill"></span>
|
|
32
|
-
</div>
|
|
33
|
-
<span class="cb-preloader__label">{{ (label() ?? t().preparingSession) }}</span>
|
|
34
|
-
</div>
|
|
35
|
-
}
|
|
36
|
-
`, isInline: true, styles: [":host{display:inline-flex}.cb-preloader{display:flex;flex-direction:column;align-items:center;gap:var(--cb-space-3, .75rem);box-sizing:border-box;min-width:15rem;padding:var(--cb-space-6, 1.5rem) var(--cb-space-8, 2rem);font-family:var(--cb-font-sans, inherit);text-align:center;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);box-shadow:var(--cb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}.cb-preloader__title{font-size:var(--cb-text-lg, 1.05rem);font-weight:var(--cb-font-weight-bold, 700);color:var(--cb-color-primary-600, #047857)}.cb-preloader__bar{position:relative;width:100%;height:.375rem;overflow:hidden;background-color:var(--cb-color-surface-200, #e2e8f0);border-radius:var(--cb-radius-full, 999px)}.cb-preloader__bar-fill{position:absolute;top:0;left:0;width:40%;height:100%;background-color:var(--cb-color-primary-500, #10b981);border-radius:var(--cb-radius-full, 999px);animation:cb-preloader-slide 1.3s ease-in-out infinite}.cb-preloader__label{font-size:var(--cb-text-sm, .8125rem);color:var(--cb-color-text-muted, #64748b)}@keyframes cb-preloader-slide{0%{left:-40%}to{left:100%}}@media(prefers-reduced-motion:reduce){.cb-preloader__bar-fill{animation-duration:3s}}:host-context([data-theme=\"dark\"]) .cb-preloader{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-preloader__bar{background-color:var(--cb-color-surface-700, #334155)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPreloader, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{ selector: 'cb-preloader', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-preloader-host' }, template: `
|
|
41
|
-
@if (active()) {
|
|
42
|
-
<div class="cb-preloader" role="alert">
|
|
43
|
-
<strong class="cb-preloader__title">{{ title() }}</strong>
|
|
44
|
-
<div class="cb-preloader__bar" aria-hidden="true">
|
|
45
|
-
<span class="cb-preloader__bar-fill"></span>
|
|
46
|
-
</div>
|
|
47
|
-
<span class="cb-preloader__label">{{ (label() ?? t().preparingSession) }}</span>
|
|
48
|
-
</div>
|
|
49
|
-
}
|
|
50
|
-
`, styles: [":host{display:inline-flex}.cb-preloader{display:flex;flex-direction:column;align-items:center;gap:var(--cb-space-3, .75rem);box-sizing:border-box;min-width:15rem;padding:var(--cb-space-6, 1.5rem) var(--cb-space-8, 2rem);font-family:var(--cb-font-sans, inherit);text-align:center;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);box-shadow:var(--cb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}.cb-preloader__title{font-size:var(--cb-text-lg, 1.05rem);font-weight:var(--cb-font-weight-bold, 700);color:var(--cb-color-primary-600, #047857)}.cb-preloader__bar{position:relative;width:100%;height:.375rem;overflow:hidden;background-color:var(--cb-color-surface-200, #e2e8f0);border-radius:var(--cb-radius-full, 999px)}.cb-preloader__bar-fill{position:absolute;top:0;left:0;width:40%;height:100%;background-color:var(--cb-color-primary-500, #10b981);border-radius:var(--cb-radius-full, 999px);animation:cb-preloader-slide 1.3s ease-in-out infinite}.cb-preloader__label{font-size:var(--cb-text-sm, .8125rem);color:var(--cb-color-text-muted, #64748b)}@keyframes cb-preloader-slide{0%{left:-40%}to{left:100%}}@media(prefers-reduced-motion:reduce){.cb-preloader__bar-fill{animation-duration:3s}}:host-context([data-theme=\"dark\"]) .cb-preloader{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-preloader__bar{background-color:var(--cb-color-surface-700, #334155)}\n"] }]
|
|
51
|
-
}], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* Generated bundle index. Do not edit.
|
|
55
|
-
*/
|
|
56
|
-
|
|
57
|
-
export { CbPreloader };
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { injectCbTranslation } from '@caribeng/ui';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Progress-bar de Caribe Design: barra de progreso determinada (0–100) con
|
|
7
|
-
* etiqueta y valor opcionales.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```html
|
|
11
|
-
* <cb-progress-bar [value]="40" label="Carga" />
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
class CbProgressBar {
|
|
15
|
-
constructor() {
|
|
16
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
17
|
-
this.t = injectCbTranslation();
|
|
18
|
-
/** Valor actual (0–100). */
|
|
19
|
-
this.value = input(60, /* @ts-ignore */
|
|
20
|
-
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
21
|
-
/** Etiqueta mostrada sobre la barra. */
|
|
22
|
-
this.label = input('', /* @ts-ignore */
|
|
23
|
-
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
24
|
-
/** Muestra el porcentaje numérico. */
|
|
25
|
-
this.showValue = input(true, /* @ts-ignore */
|
|
26
|
-
...(ngDevMode ? [{ debugName: "showValue" }] : /* istanbul ignore next */ []));
|
|
27
|
-
this.clamped = computed(() => Math.max(0, Math.min(100, Math.round(this.value()))), /* @ts-ignore */
|
|
28
|
-
...(ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []));
|
|
29
|
-
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbProgressBar, isStandalone: true, selector: "cb-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cb-progress-bar-host" }, ngImport: i0, template: `
|
|
32
|
-
<div class="cb-progress-bar">
|
|
33
|
-
@if (label() || showValue()) {
|
|
34
|
-
<div class="cb-progress-bar__head">
|
|
35
|
-
<span class="cb-progress-bar__label">{{ label() }}</span>
|
|
36
|
-
@if (showValue()) {
|
|
37
|
-
<strong class="cb-progress-bar__value">{{ clamped() }}%</strong>
|
|
38
|
-
}
|
|
39
|
-
</div>
|
|
40
|
-
}
|
|
41
|
-
<div
|
|
42
|
-
class="cb-progress-bar__track"
|
|
43
|
-
role="progressbar"
|
|
44
|
-
[attr.aria-valuenow]="clamped()"
|
|
45
|
-
aria-valuemin="0"
|
|
46
|
-
aria-valuemax="100"
|
|
47
|
-
[attr.aria-label]="label() || t().progress"
|
|
48
|
-
>
|
|
49
|
-
<div class="cb-progress-bar__fill" [style.width.%]="clamped()"></div>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
`, isInline: true, styles: [":host{display:block;width:100%}.cb-progress-bar{display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem);width:100%;font-family:var(--cb-font-sans, inherit)}.cb-progress-bar__head{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--cb-text-sm, .8125rem);color:var(--cb-color-text, #0f172a)}.cb-progress-bar__value{font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a)}.cb-progress-bar__track{width:100%;height:.5rem;background-color:var(--cb-color-surface-200, #e2e8f0);border-radius:var(--cb-radius-full, 999px);overflow:hidden}.cb-progress-bar__fill{height:100%;background-color:var(--cb-color-primary-500, #10b981);border-radius:var(--cb-radius-full, 999px);transition:width var(--cb-duration-normal, .2s) var(--cb-ease, ease)}:host-context([data-theme=\"dark\"]) .cb-progress-bar__head{color:var(--cb-color-surface-0, #f8fafc)}:host-context([data-theme=\"dark\"]) .cb-progress-bar__track{background-color:var(--cb-color-surface-700, #334155)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
53
|
-
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbProgressBar, decorators: [{
|
|
55
|
-
type: Component,
|
|
56
|
-
args: [{ selector: 'cb-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-progress-bar-host' }, template: `
|
|
57
|
-
<div class="cb-progress-bar">
|
|
58
|
-
@if (label() || showValue()) {
|
|
59
|
-
<div class="cb-progress-bar__head">
|
|
60
|
-
<span class="cb-progress-bar__label">{{ label() }}</span>
|
|
61
|
-
@if (showValue()) {
|
|
62
|
-
<strong class="cb-progress-bar__value">{{ clamped() }}%</strong>
|
|
63
|
-
}
|
|
64
|
-
</div>
|
|
65
|
-
}
|
|
66
|
-
<div
|
|
67
|
-
class="cb-progress-bar__track"
|
|
68
|
-
role="progressbar"
|
|
69
|
-
[attr.aria-valuenow]="clamped()"
|
|
70
|
-
aria-valuemin="0"
|
|
71
|
-
aria-valuemax="100"
|
|
72
|
-
[attr.aria-label]="label() || t().progress"
|
|
73
|
-
>
|
|
74
|
-
<div class="cb-progress-bar__fill" [style.width.%]="clamped()"></div>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
`, styles: [":host{display:block;width:100%}.cb-progress-bar{display:flex;flex-direction:column;gap:var(--cb-space-2, .5rem);width:100%;font-family:var(--cb-font-sans, inherit)}.cb-progress-bar__head{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--cb-text-sm, .8125rem);color:var(--cb-color-text, #0f172a)}.cb-progress-bar__value{font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a)}.cb-progress-bar__track{width:100%;height:.5rem;background-color:var(--cb-color-surface-200, #e2e8f0);border-radius:var(--cb-radius-full, 999px);overflow:hidden}.cb-progress-bar__fill{height:100%;background-color:var(--cb-color-primary-500, #10b981);border-radius:var(--cb-radius-full, 999px);transition:width var(--cb-duration-normal, .2s) var(--cb-ease, ease)}:host-context([data-theme=\"dark\"]) .cb-progress-bar__head{color:var(--cb-color-surface-0, #f8fafc)}:host-context([data-theme=\"dark\"]) .cb-progress-bar__track{background-color:var(--cb-color-surface-700, #334155)}\n"] }]
|
|
78
|
-
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }] } });
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Generated bundle index. Do not edit.
|
|
82
|
-
*/
|
|
83
|
-
|
|
84
|
-
export { CbProgressBar };
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { injectCbTranslation } from '@caribeng/ui';
|
|
4
|
-
|
|
5
|
-
class CbStroke {
|
|
6
|
-
constructor() {
|
|
7
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
8
|
-
this.t = injectCbTranslation();
|
|
9
|
-
this.name = input('01', /* @ts-ignore */
|
|
10
|
-
...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
11
|
-
this.size = input('220px', /* @ts-ignore */
|
|
12
|
-
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
13
|
-
this.color = input('var(--cb-color-primary-500, #10b981)', /* @ts-ignore */
|
|
14
|
-
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
15
|
-
this.ariaHidden = input(true, /* @ts-ignore */
|
|
16
|
-
...(ngDevMode ? [{ debugName: "ariaHidden" }] : /* istanbul ignore next */ []));
|
|
17
|
-
this.alt = input(undefined, /* @ts-ignore */
|
|
18
|
-
...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
|
|
19
|
-
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbStroke, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbStroke, isStandalone: true, selector: "cb-stroke", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaHidden: { classPropertyName: "ariaHidden", publicName: "ariaHidden", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "size()" }, classAttribute: "cb-stroke" }, ngImport: i0, template: `
|
|
22
|
-
<svg
|
|
23
|
-
class="cb-stroke__svg"
|
|
24
|
-
viewBox="0 0 240 36"
|
|
25
|
-
[attr.role]="ariaHidden() ? null : 'img'"
|
|
26
|
-
[attr.aria-hidden]="ariaHidden() ? 'true' : null"
|
|
27
|
-
[attr.aria-label]="ariaHidden() ? null : (alt() ?? t().decorativeStroke)"
|
|
28
|
-
style="width: 100%; height: auto"
|
|
29
|
-
>
|
|
30
|
-
<path
|
|
31
|
-
d="M6 26 C 58 4, 114 34, 172 12 C 198 4, 218 22, 234 14"
|
|
32
|
-
fill="none"
|
|
33
|
-
[attr.stroke]="color()"
|
|
34
|
-
stroke-width="6"
|
|
35
|
-
stroke-linecap="round"
|
|
36
|
-
/>
|
|
37
|
-
</svg>
|
|
38
|
-
`, 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 }); }
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbStroke, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{ selector: 'cb-stroke', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
|
|
43
|
-
class: 'cb-stroke',
|
|
44
|
-
'[style.width]': 'size()',
|
|
45
|
-
}, template: `
|
|
46
|
-
<svg
|
|
47
|
-
class="cb-stroke__svg"
|
|
48
|
-
viewBox="0 0 240 36"
|
|
49
|
-
[attr.role]="ariaHidden() ? null : 'img'"
|
|
50
|
-
[attr.aria-hidden]="ariaHidden() ? 'true' : null"
|
|
51
|
-
[attr.aria-label]="ariaHidden() ? null : (alt() ?? t().decorativeStroke)"
|
|
52
|
-
style="width: 100%; height: auto"
|
|
53
|
-
>
|
|
54
|
-
<path
|
|
55
|
-
d="M6 26 C 58 4, 114 34, 172 12 C 198 4, 218 22, 234 14"
|
|
56
|
-
fill="none"
|
|
57
|
-
[attr.stroke]="color()"
|
|
58
|
-
stroke-width="6"
|
|
59
|
-
stroke-linecap="round"
|
|
60
|
-
/>
|
|
61
|
-
</svg>
|
|
62
|
-
`, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;font-family:var(--cb-font-sans, inherit)}\n"] }]
|
|
63
|
-
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], ariaHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHidden", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }] } });
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Generated bundle index. Do not edit.
|
|
67
|
-
*/
|
|
68
|
-
|
|
69
|
-
export { CbStroke };
|
|
@@ -1,182 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, model, output, signal, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
-
import { injectCbTranslation, cbFieldState } from '@caribeng/ui';
|
|
5
|
-
|
|
6
|
-
let nextUid = 0;
|
|
7
|
-
/**
|
|
8
|
-
* Switch de Caribe Design. Permite alternar entre dos estados mutuamente
|
|
9
|
-
* exclusivos (on/off). Integrado con Angular Forms vía `ControlValueAccessor`,
|
|
10
|
-
* expone `role="switch"` y soporte de teclado.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <cb-switch [(value)]="activo">Notificaciones</cb-switch>
|
|
15
|
-
* <cb-switch formControlName="oscuro" leftLabel>Modo oscuro</cb-switch>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
class CbSwitch {
|
|
19
|
-
constructor() {
|
|
20
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
21
|
-
this.t = injectCbTranslation();
|
|
22
|
-
/** Etiqueta visible junto al control. */
|
|
23
|
-
this.label = input('', /* @ts-ignore */
|
|
24
|
-
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
25
|
-
/** Coloca la etiqueta a la izquierda del control. */
|
|
26
|
-
this.leftLabel = input(false, { ...(ngDevMode ? { debugName: "leftLabel" } : /* istanbul ignore next */ {}), transform: booleanAttr });
|
|
27
|
-
/** Marca el control como requerido (`aria-required`). */
|
|
28
|
-
this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttr });
|
|
29
|
-
/** Deshabilitado declarativo (se combina con Angular Forms). */
|
|
30
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttr });
|
|
31
|
-
/** Marca visual y ARIA de estado inválido (también se activa con Angular Forms). */
|
|
32
|
-
this.invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttr });
|
|
33
|
-
/** Indicador de obligatoriedad de este campo; si se omite usa el global de `provideCaribeNG()`. */
|
|
34
|
-
this.requiredIndicator = input(undefined, /* @ts-ignore */
|
|
35
|
-
...(ngDevMode ? [{ debugName: "requiredIndicator" }] : /* istanbul ignore next */ []));
|
|
36
|
-
/** Estado de validación: inputs manuales + estado de Angular Forms. */
|
|
37
|
-
this.fieldState = cbFieldState({
|
|
38
|
-
invalid: () => this.invalid(),
|
|
39
|
-
required: () => this.required(),
|
|
40
|
-
requiredIndicator: () => this.requiredIndicator(),
|
|
41
|
-
});
|
|
42
|
-
/** Id del input; se genera uno estable si no se provee. */
|
|
43
|
-
this.inputId = input(`cb-switch-${++nextUid}`, /* @ts-ignore */
|
|
44
|
-
...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
45
|
-
/** Estado del switch (two-way: `[(checked)]`). */
|
|
46
|
-
this.checked = model(false, /* @ts-ignore */
|
|
47
|
-
...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
48
|
-
/** Emite el nuevo estado al cambiar. */
|
|
49
|
-
this.changed = output();
|
|
50
|
-
this.cvaDisabled = signal(false, /* @ts-ignore */
|
|
51
|
-
...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
|
|
52
|
-
this.isDisabled = computed(() => this.disabled() || this.cvaDisabled(), /* @ts-ignore */
|
|
53
|
-
...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
54
|
-
this.onChange = () => { };
|
|
55
|
-
this.onTouched = () => { };
|
|
56
|
-
}
|
|
57
|
-
// --- ControlValueAccessor --------------------------------------------------
|
|
58
|
-
writeValue(value) {
|
|
59
|
-
this.checked.set(!!value);
|
|
60
|
-
}
|
|
61
|
-
registerOnChange(fn) {
|
|
62
|
-
this.onChange = fn;
|
|
63
|
-
}
|
|
64
|
-
registerOnTouched(fn) {
|
|
65
|
-
this.onTouched = fn;
|
|
66
|
-
}
|
|
67
|
-
setDisabledState(isDisabled) {
|
|
68
|
-
this.cvaDisabled.set(isDisabled);
|
|
69
|
-
}
|
|
70
|
-
// --- Lógica ----------------------------------------------------------------
|
|
71
|
-
toggle() {
|
|
72
|
-
if (this.isDisabled())
|
|
73
|
-
return;
|
|
74
|
-
const next = !this.checked();
|
|
75
|
-
this.checked.set(next);
|
|
76
|
-
this.onChange(next);
|
|
77
|
-
this.onTouched();
|
|
78
|
-
this.changed.emit(next);
|
|
79
|
-
}
|
|
80
|
-
handleBlur() {
|
|
81
|
-
this.onTouched();
|
|
82
|
-
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
84
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbSwitch, isStandalone: true, selector: "cb-switch", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leftLabel: { classPropertyName: "leftLabel", publicName: "leftLabel", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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 }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", changed: "changed" }, host: { classAttribute: "cb-switch-host" }, providers: [
|
|
85
|
-
{
|
|
86
|
-
provide: NG_VALUE_ACCESSOR,
|
|
87
|
-
useExisting: forwardRef(() => CbSwitch),
|
|
88
|
-
multi: true,
|
|
89
|
-
},
|
|
90
|
-
], ngImport: i0, template: `
|
|
91
|
-
<label
|
|
92
|
-
class="cb-switch"
|
|
93
|
-
[class.cb-is-invalid]="fieldState.invalid()"
|
|
94
|
-
[class.cb-switch--left-label]="leftLabel()"
|
|
95
|
-
[class.cb-is-disabled]="isDisabled()"
|
|
96
|
-
>
|
|
97
|
-
<input
|
|
98
|
-
type="checkbox"
|
|
99
|
-
class="cb-switch__input"
|
|
100
|
-
[attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
|
|
101
|
-
role="switch"
|
|
102
|
-
[id]="inputId()"
|
|
103
|
-
[checked]="checked()"
|
|
104
|
-
[disabled]="isDisabled()"
|
|
105
|
-
[attr.aria-checked]="checked()"
|
|
106
|
-
[attr.aria-required]="fieldState.required() || null"
|
|
107
|
-
[attr.aria-label]="label() ? null : t().switch"
|
|
108
|
-
(change)="toggle()"
|
|
109
|
-
(blur)="handleBlur()"
|
|
110
|
-
/>
|
|
111
|
-
<span class="cb-switch__track" aria-hidden="true">
|
|
112
|
-
<span class="cb-switch__thumb"></span>
|
|
113
|
-
</span>
|
|
114
|
-
@if (label()) {
|
|
115
|
-
<span class="cb-switch__label">
|
|
116
|
-
{{ label() }}
|
|
117
|
-
@if (fieldState.indicator(); as mark) {
|
|
118
|
-
<span
|
|
119
|
-
[class]="'cb-switch__required cb-switch__required--' + mark.kind"
|
|
120
|
-
[attr.aria-hidden]="mark.kind === 'optional' ? null : 'true'"
|
|
121
|
-
>{{ mark.text }}</span>
|
|
122
|
-
}
|
|
123
|
-
</span>
|
|
124
|
-
}
|
|
125
|
-
</label>
|
|
126
|
-
`, isInline: true, styles: [":host{display:inline-block}.cb-switch{display:inline-flex;align-items:center;gap:var(--cb-space-2, .5rem);font-family:var(--cb-font-sans, inherit);font-size:var(--cb-text-base, .875rem);color:var(--cb-color-text, #0f172a);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-switch--left-label{flex-direction:row-reverse}.cb-switch__input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.cb-switch__track{box-sizing:border-box;position:relative;flex:none;width:2.75rem;height:1.5rem;padding:2px;background-color:var(--cb-color-surface-300, #cbd5e1);border-radius:var(--cb-radius-full, 999px);transition:background-color var(--cb-duration-normal, .2s) var(--cb-ease, ease),box-shadow var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-switch__thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:var(--cb-color-surface-0, #ffffff);border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .15));transition:transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-switch__input:checked~.cb-switch__track{background-color:var(--cb-color-primary-500, #10b981)}.cb-switch__input:checked~.cb-switch__track .cb-switch__thumb{transform:translate(1.25rem)}.cb-switch:hover .cb-switch__input:not(:disabled):not(:checked)~.cb-switch__track{background-color:var(--cb-color-surface-400, #94a3b8)}.cb-switch__input:focus-visible~.cb-switch__track{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 25%,transparent)}.cb-switch.cb-is-disabled{cursor:not-allowed;opacity:.55}.cb-switch__label{line-height:var(--cb-line-height-normal, 1.5)}.cb-switch__label:empty{display:none}:host-context([data-theme=\"dark\"]) .cb-switch__track{background-color:var(--cb-color-surface-700, #334155)}:host-context([data-theme=\"dark\"]) .cb-switch__input:checked~.cb-switch__track{background-color:var(--cb-color-primary-500, #10b981)}.cb-switch.cb-is-invalid .cb-switch__track{box-shadow:0 0 0 2px var(--cb-color-danger)}.cb-switch__required{color:var(--cb-color-danger);margin-left:2px}.cb-switch__required--required,.cb-switch__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 }); }
|
|
127
|
-
}
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbSwitch, decorators: [{
|
|
129
|
-
type: Component,
|
|
130
|
-
args: [{ selector: 'cb-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { class: 'cb-switch-host' }, providers: [
|
|
131
|
-
{
|
|
132
|
-
provide: NG_VALUE_ACCESSOR,
|
|
133
|
-
useExisting: forwardRef(() => CbSwitch),
|
|
134
|
-
multi: true,
|
|
135
|
-
},
|
|
136
|
-
], template: `
|
|
137
|
-
<label
|
|
138
|
-
class="cb-switch"
|
|
139
|
-
[class.cb-is-invalid]="fieldState.invalid()"
|
|
140
|
-
[class.cb-switch--left-label]="leftLabel()"
|
|
141
|
-
[class.cb-is-disabled]="isDisabled()"
|
|
142
|
-
>
|
|
143
|
-
<input
|
|
144
|
-
type="checkbox"
|
|
145
|
-
class="cb-switch__input"
|
|
146
|
-
[attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
|
|
147
|
-
role="switch"
|
|
148
|
-
[id]="inputId()"
|
|
149
|
-
[checked]="checked()"
|
|
150
|
-
[disabled]="isDisabled()"
|
|
151
|
-
[attr.aria-checked]="checked()"
|
|
152
|
-
[attr.aria-required]="fieldState.required() || null"
|
|
153
|
-
[attr.aria-label]="label() ? null : t().switch"
|
|
154
|
-
(change)="toggle()"
|
|
155
|
-
(blur)="handleBlur()"
|
|
156
|
-
/>
|
|
157
|
-
<span class="cb-switch__track" aria-hidden="true">
|
|
158
|
-
<span class="cb-switch__thumb"></span>
|
|
159
|
-
</span>
|
|
160
|
-
@if (label()) {
|
|
161
|
-
<span class="cb-switch__label">
|
|
162
|
-
{{ label() }}
|
|
163
|
-
@if (fieldState.indicator(); as mark) {
|
|
164
|
-
<span
|
|
165
|
-
[class]="'cb-switch__required cb-switch__required--' + mark.kind"
|
|
166
|
-
[attr.aria-hidden]="mark.kind === 'optional' ? null : 'true'"
|
|
167
|
-
>{{ mark.text }}</span>
|
|
168
|
-
}
|
|
169
|
-
</span>
|
|
170
|
-
}
|
|
171
|
-
</label>
|
|
172
|
-
`, styles: [":host{display:inline-block}.cb-switch{display:inline-flex;align-items:center;gap:var(--cb-space-2, .5rem);font-family:var(--cb-font-sans, inherit);font-size:var(--cb-text-base, .875rem);color:var(--cb-color-text, #0f172a);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-switch--left-label{flex-direction:row-reverse}.cb-switch__input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.cb-switch__track{box-sizing:border-box;position:relative;flex:none;width:2.75rem;height:1.5rem;padding:2px;background-color:var(--cb-color-surface-300, #cbd5e1);border-radius:var(--cb-radius-full, 999px);transition:background-color var(--cb-duration-normal, .2s) var(--cb-ease, ease),box-shadow var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-switch__thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:var(--cb-color-surface-0, #ffffff);border-radius:var(--cb-radius-full, 999px);box-shadow:var(--cb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .15));transition:transform var(--cb-duration-normal, .2s) var(--cb-ease, ease)}.cb-switch__input:checked~.cb-switch__track{background-color:var(--cb-color-primary-500, #10b981)}.cb-switch__input:checked~.cb-switch__track .cb-switch__thumb{transform:translate(1.25rem)}.cb-switch:hover .cb-switch__input:not(:disabled):not(:checked)~.cb-switch__track{background-color:var(--cb-color-surface-400, #94a3b8)}.cb-switch__input:focus-visible~.cb-switch__track{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 25%,transparent)}.cb-switch.cb-is-disabled{cursor:not-allowed;opacity:.55}.cb-switch__label{line-height:var(--cb-line-height-normal, 1.5)}.cb-switch__label:empty{display:none}:host-context([data-theme=\"dark\"]) .cb-switch__track{background-color:var(--cb-color-surface-700, #334155)}:host-context([data-theme=\"dark\"]) .cb-switch__input:checked~.cb-switch__track{background-color:var(--cb-color-primary-500, #10b981)}.cb-switch.cb-is-invalid .cb-switch__track{box-shadow:0 0 0 2px var(--cb-color-danger)}.cb-switch__required{color:var(--cb-color-danger);margin-left:2px}.cb-switch__required--required,.cb-switch__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}\n"] }]
|
|
173
|
-
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], leftLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftLabel", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", 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 }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
174
|
-
function booleanAttr(value) {
|
|
175
|
-
return value !== false && value != null && `${value}` !== 'false';
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* Generated bundle index. Do not edit.
|
|
180
|
-
*/
|
|
181
|
-
|
|
182
|
-
export { CbSwitch };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as _caribeng_ui from '@caribeng/ui';
|
|
2
|
-
import * as _angular_core from '@angular/core';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Calendar de Caribe Design: cuadrícula mensual con selección de día.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```html
|
|
9
|
-
* <cb-calendar monthLabel="Octubre 2026" [totalDays]="31" [(selectedDay)]="dia" />
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
declare class CbCalendar {
|
|
13
|
-
readonly monthLabel: _angular_core.InputSignal<string>;
|
|
14
|
-
readonly totalDays: _angular_core.InputSignal<number>;
|
|
15
|
-
readonly selectedDay: _angular_core.ModelSignal<number>;
|
|
16
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
17
|
-
protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
|
|
18
|
-
/** Iniciales de lunes a domingo en el idioma activo. */
|
|
19
|
-
protected readonly weekdays: _angular_core.Signal<string[]>;
|
|
20
|
-
protected readonly days: _angular_core.Signal<number[]>;
|
|
21
|
-
selectDay(day: number): void;
|
|
22
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCalendar, never>;
|
|
23
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCalendar, "cb-calendar", never, { "monthLabel": { "alias": "monthLabel"; "required": false; "isSignal": true; }; "totalDays": { "alias": "totalDays"; "required": false; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; }, { "selectedDay": "selectedDayChange"; }, never, never, true, never>;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export { CbCalendar };
|
|
27
|
-
//# sourceMappingURL=caribeng-ui-caribe-calendar.d.ts.map
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import * as _caribeng_ui from '@caribeng/ui';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Circle-loading de Caribe Design: progreso circular determinado o
|
|
6
|
-
* indeterminado (spinner).
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```html
|
|
10
|
-
* <cb-circle-loading [progress]="65" />
|
|
11
|
-
* <cb-circle-loading [indeterminate]="true" />
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
declare class CbCircleLoading {
|
|
15
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
16
|
-
protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
|
|
17
|
-
readonly progress: _angular_core.InputSignal<number>;
|
|
18
|
-
readonly size: _angular_core.InputSignal<number>;
|
|
19
|
-
readonly indeterminate: _angular_core.InputSignal<boolean>;
|
|
20
|
-
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
21
|
-
protected readonly circumference: number;
|
|
22
|
-
protected readonly dashOffset: _angular_core.Signal<number>;
|
|
23
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCircleLoading, never>;
|
|
24
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCircleLoading, "cb-circle-loading", never, { "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { CbCircleLoading };
|
|
28
|
-
//# sourceMappingURL=caribeng-ui-caribe-circle-loading.d.ts.map
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import * as _caribeng_ui from '@caribeng/ui';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Data-table de Caribe Design: tabla simple de columnas y filas con mensaje de
|
|
6
|
-
* vacío.
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```html
|
|
10
|
-
* <cb-data-table [columns]="cols" [rows]="data" />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
|
-
declare class CbDataTable {
|
|
14
|
-
/** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
|
|
15
|
-
protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
|
|
16
|
-
readonly columns: _angular_core.InputSignal<readonly string[]>;
|
|
17
|
-
readonly rows: _angular_core.InputSignal<readonly Record<string, unknown>[]>;
|
|
18
|
-
readonly emptyMessage: _angular_core.InputSignal<string | undefined>;
|
|
19
|
-
/** Nombre accesible de la tabla (p. ej. "Movimientos del mes"). */
|
|
20
|
-
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
21
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbDataTable, never>;
|
|
22
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDataTable, "cb-data-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { CbDataTable };
|
|
26
|
-
//# sourceMappingURL=caribeng-ui-caribe-data-table.d.ts.map
|