@m1z23r/ngx-ui 1.1.44 → 1.1.46
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.
|
@@ -984,11 +984,11 @@ class ModalComponent {
|
|
|
984
984
|
return classes.join(' ');
|
|
985
985
|
}
|
|
986
986
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
987
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ModalComponent, isStandalone: true, selector: "ui-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" } }, ngImport: i0, template: "<div class=\"ui-modal__backdrop\" (mousedown)=\"onBackdropMouseDown($event)\" (click)=\"onBackdropClick($event)\">\n <div\n class=\"ui-modal__container\"\n [class]=\"containerClasses()\"\n [style.width]=\"width()\"\n [style.max-width]=\"maxWidth()\"\n role=\"dialog\"\n aria-modal=\"true\"\n >\n @if (title()) {\n <div class=\"ui-modal__header\">\n <h2 class=\"ui-modal__title\">{{ title() }}</h2>\n @if (showCloseButton()) {\n <button\n type=\"button\"\n class=\"ui-modal__close\"\n aria-label=\"Close\"\n (click)=\"close()\"\n >\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M18 6L6 18M6 6l12 12\"/>\n </svg>\n </button>\n }\n </div>\n }\n\n <div class=\"ui-modal__body\">\n <ng-content />\n </div>\n\n <div class=\"ui-modal__footer\">\n <ng-content select=\"[footer]\" />\n </div>\n </div>\n</div>\n", styles: [".ui-modal__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ui-spacing-md);background-color
|
|
987
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ModalComponent, isStandalone: true, selector: "ui-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" } }, ngImport: i0, template: "<div class=\"ui-modal__backdrop\" (mousedown)=\"onBackdropMouseDown($event)\" (click)=\"onBackdropClick($event)\">\n <div\n class=\"ui-modal__container\"\n [class]=\"containerClasses()\"\n [style.width]=\"width()\"\n [style.max-width]=\"maxWidth()\"\n role=\"dialog\"\n aria-modal=\"true\"\n >\n @if (title()) {\n <div class=\"ui-modal__header\">\n <h2 class=\"ui-modal__title\">{{ title() }}</h2>\n @if (showCloseButton()) {\n <button\n type=\"button\"\n class=\"ui-modal__close\"\n aria-label=\"Close\"\n (click)=\"close()\"\n >\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M18 6L6 18M6 6l12 12\"/>\n </svg>\n </button>\n }\n </div>\n }\n\n <div class=\"ui-modal__body\">\n <ng-content />\n </div>\n\n <div class=\"ui-modal__footer\">\n <ng-content select=\"[footer]\" />\n </div>\n </div>\n</div>\n", styles: [".ui-modal__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ui-spacing-md);background-color:var(--ui-backdrop-bg);animation:fadeIn var(--ui-transition-fast)}.ui-modal__container{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--ui-spacing-xl) * 2);background-color:var(--ui-bg);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-lg);animation:slideIn var(--ui-transition-normal)}.ui-modal--sm{max-width:400px}.ui-modal--md{max-width:560px}.ui-modal--lg{max-width:800px}.ui-modal--xl{max-width:1140px}.ui-modal--full{max-width:calc(100vw - var(--ui-spacing-xl) * 2);max-height:calc(100vh - var(--ui-spacing-xl) * 2)}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-md) var(--ui-spacing-lg);border-bottom:1px solid var(--ui-border)}.ui-modal__title{margin:0;font-size:var(--ui-font-lg);font-weight:600;color:var(--ui-text)}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:calc(var(--ui-spacing-sm) * -1);color:var(--ui-text-muted);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;transition:all var(--ui-transition-fast)}.ui-modal__close:hover{color:var(--ui-text);background-color:var(--ui-bg-hover)}.ui-modal__close:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-modal__body{flex:1;padding:var(--ui-spacing-lg);overflow-y:auto}.ui-modal__footer{display:flex;gap:var(--ui-spacing-sm);justify-content:flex-end;padding:var(--ui-spacing-md) var(--ui-spacing-lg);border-top:1px solid var(--ui-border)}.ui-modal__footer:empty{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
988
988
|
}
|
|
989
989
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ModalComponent, decorators: [{
|
|
990
990
|
type: Component,
|
|
991
|
-
args: [{ selector: 'ui-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-modal__backdrop\" (mousedown)=\"onBackdropMouseDown($event)\" (click)=\"onBackdropClick($event)\">\n <div\n class=\"ui-modal__container\"\n [class]=\"containerClasses()\"\n [style.width]=\"width()\"\n [style.max-width]=\"maxWidth()\"\n role=\"dialog\"\n aria-modal=\"true\"\n >\n @if (title()) {\n <div class=\"ui-modal__header\">\n <h2 class=\"ui-modal__title\">{{ title() }}</h2>\n @if (showCloseButton()) {\n <button\n type=\"button\"\n class=\"ui-modal__close\"\n aria-label=\"Close\"\n (click)=\"close()\"\n >\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M18 6L6 18M6 6l12 12\"/>\n </svg>\n </button>\n }\n </div>\n }\n\n <div class=\"ui-modal__body\">\n <ng-content />\n </div>\n\n <div class=\"ui-modal__footer\">\n <ng-content select=\"[footer]\" />\n </div>\n </div>\n</div>\n", styles: [".ui-modal__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ui-spacing-md);background-color
|
|
991
|
+
args: [{ selector: 'ui-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-modal__backdrop\" (mousedown)=\"onBackdropMouseDown($event)\" (click)=\"onBackdropClick($event)\">\n <div\n class=\"ui-modal__container\"\n [class]=\"containerClasses()\"\n [style.width]=\"width()\"\n [style.max-width]=\"maxWidth()\"\n role=\"dialog\"\n aria-modal=\"true\"\n >\n @if (title()) {\n <div class=\"ui-modal__header\">\n <h2 class=\"ui-modal__title\">{{ title() }}</h2>\n @if (showCloseButton()) {\n <button\n type=\"button\"\n class=\"ui-modal__close\"\n aria-label=\"Close\"\n (click)=\"close()\"\n >\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M18 6L6 18M6 6l12 12\"/>\n </svg>\n </button>\n }\n </div>\n }\n\n <div class=\"ui-modal__body\">\n <ng-content />\n </div>\n\n <div class=\"ui-modal__footer\">\n <ng-content select=\"[footer]\" />\n </div>\n </div>\n</div>\n", styles: [".ui-modal__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ui-spacing-md);background-color:var(--ui-backdrop-bg);animation:fadeIn var(--ui-transition-fast)}.ui-modal__container{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--ui-spacing-xl) * 2);background-color:var(--ui-bg);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-lg);animation:slideIn var(--ui-transition-normal)}.ui-modal--sm{max-width:400px}.ui-modal--md{max-width:560px}.ui-modal--lg{max-width:800px}.ui-modal--xl{max-width:1140px}.ui-modal--full{max-width:calc(100vw - var(--ui-spacing-xl) * 2);max-height:calc(100vh - var(--ui-spacing-xl) * 2)}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-md) var(--ui-spacing-lg);border-bottom:1px solid var(--ui-border)}.ui-modal__title{margin:0;font-size:var(--ui-font-lg);font-weight:600;color:var(--ui-text)}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:calc(var(--ui-spacing-sm) * -1);color:var(--ui-text-muted);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;transition:all var(--ui-transition-fast)}.ui-modal__close:hover{color:var(--ui-text);background-color:var(--ui-bg-hover)}.ui-modal__close:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-modal__body{flex:1;padding:var(--ui-spacing-lg);overflow-y:auto}.ui-modal__footer{display:flex;gap:var(--ui-spacing-sm);justify-content:flex-end;padding:var(--ui-spacing-md) var(--ui-spacing-lg);border-top:1px solid var(--ui-border)}.ui-modal__footer:empty{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
|
|
992
992
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], onEscapePress: [{
|
|
993
993
|
type: HostListener,
|
|
994
994
|
args: ['document:keydown.escape']
|
|
@@ -2553,11 +2553,11 @@ class BadgeComponent {
|
|
|
2553
2553
|
this.removed.emit();
|
|
2554
2554
|
}
|
|
2555
2555
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2556
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: BadgeComponent, isStandalone: true, selector: "ui-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: "<span [class]=\"badgeClass()\">\n <ng-content />\n @if (removable()) {\n <button type=\"button\" class=\"ui-badge__remove\" (click)=\"onRemove($event)\" aria-label=\"Remove\">\n <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4l8 8M12 4l-8 8\"/>\n </svg>\n </button>\n }\n</span>\n", styles: [":host{display:inline-flex}.ui-badge{display:inline-flex;align-items:center;gap:var(--ui-spacing-xs);font-weight:500;border-radius:var(--ui-radius-sm);transition:all var(--ui-transition-fast)}.ui-badge--sm{padding:.125rem .375rem;font-size:.675rem}.ui-badge--md{padding:.25rem .5rem;font-size:.75rem}.ui-badge--lg{padding:.375rem .625rem;font-size:.875rem}.ui-badge--rounded{border-radius:9999px}.ui-badge--default{background:var(--ui-bg-tertiary);color:var(--ui-text)}.ui-badge--primary{background:color-mix(in srgb,var(--ui-primary) 15%,transparent);color:var(--ui-primary)}.ui-badge--success{background:color-mix(in srgb,var(--ui-success) 15%,transparent);color:var(--ui-success)}.ui-badge--warning{background:color-mix(in srgb,var(--ui-warning) 15%,transparent);color:var(--ui-warning)}.ui-badge--danger{background:color-mix(in srgb,var(--ui-danger) 15%,transparent);color:var(--ui-danger)}.ui-badge--info{background:color-mix(in srgb,var(--ui-info
|
|
2556
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: BadgeComponent, isStandalone: true, selector: "ui-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: "<span [class]=\"badgeClass()\">\n <ng-content />\n @if (removable()) {\n <button type=\"button\" class=\"ui-badge__remove\" (click)=\"onRemove($event)\" aria-label=\"Remove\">\n <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4l8 8M12 4l-8 8\"/>\n </svg>\n </button>\n }\n</span>\n", styles: [":host{display:inline-flex}.ui-badge{display:inline-flex;align-items:center;gap:var(--ui-spacing-xs);font-weight:500;border-radius:var(--ui-radius-sm);transition:all var(--ui-transition-fast)}.ui-badge--sm{padding:.125rem .375rem;font-size:.675rem}.ui-badge--md{padding:.25rem .5rem;font-size:.75rem}.ui-badge--lg{padding:.375rem .625rem;font-size:.875rem}.ui-badge--rounded{border-radius:9999px}.ui-badge--default{background:var(--ui-bg-tertiary);color:var(--ui-text)}.ui-badge--primary{background:color-mix(in srgb,var(--ui-primary) 15%,transparent);color:var(--ui-primary)}.ui-badge--success{background:color-mix(in srgb,var(--ui-success) 15%,transparent);color:var(--ui-success)}.ui-badge--warning{background:color-mix(in srgb,var(--ui-warning) 15%,transparent);color:var(--ui-warning)}.ui-badge--danger{background:color-mix(in srgb,var(--ui-danger) 15%,transparent);color:var(--ui-danger)}.ui-badge--info{background:color-mix(in srgb,var(--ui-info) 15%,transparent);color:var(--ui-info)}.ui-badge__remove{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:currentColor;cursor:pointer;opacity:.7;transition:opacity var(--ui-transition-fast);border-radius:var(--ui-radius-sm)}.ui-badge__remove:hover{opacity:1}.ui-badge__remove:focus-visible{outline:2px solid currentColor;outline-offset:1px}.ui-badge__remove svg{width:.75em;height:.75em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2557
2557
|
}
|
|
2558
2558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
2559
2559
|
type: Component,
|
|
2560
|
-
args: [{ selector: 'ui-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [class]=\"badgeClass()\">\n <ng-content />\n @if (removable()) {\n <button type=\"button\" class=\"ui-badge__remove\" (click)=\"onRemove($event)\" aria-label=\"Remove\">\n <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4l8 8M12 4l-8 8\"/>\n </svg>\n </button>\n }\n</span>\n", styles: [":host{display:inline-flex}.ui-badge{display:inline-flex;align-items:center;gap:var(--ui-spacing-xs);font-weight:500;border-radius:var(--ui-radius-sm);transition:all var(--ui-transition-fast)}.ui-badge--sm{padding:.125rem .375rem;font-size:.675rem}.ui-badge--md{padding:.25rem .5rem;font-size:.75rem}.ui-badge--lg{padding:.375rem .625rem;font-size:.875rem}.ui-badge--rounded{border-radius:9999px}.ui-badge--default{background:var(--ui-bg-tertiary);color:var(--ui-text)}.ui-badge--primary{background:color-mix(in srgb,var(--ui-primary) 15%,transparent);color:var(--ui-primary)}.ui-badge--success{background:color-mix(in srgb,var(--ui-success) 15%,transparent);color:var(--ui-success)}.ui-badge--warning{background:color-mix(in srgb,var(--ui-warning) 15%,transparent);color:var(--ui-warning)}.ui-badge--danger{background:color-mix(in srgb,var(--ui-danger) 15%,transparent);color:var(--ui-danger)}.ui-badge--info{background:color-mix(in srgb,var(--ui-info
|
|
2560
|
+
args: [{ selector: 'ui-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [class]=\"badgeClass()\">\n <ng-content />\n @if (removable()) {\n <button type=\"button\" class=\"ui-badge__remove\" (click)=\"onRemove($event)\" aria-label=\"Remove\">\n <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4l8 8M12 4l-8 8\"/>\n </svg>\n </button>\n }\n</span>\n", styles: [":host{display:inline-flex}.ui-badge{display:inline-flex;align-items:center;gap:var(--ui-spacing-xs);font-weight:500;border-radius:var(--ui-radius-sm);transition:all var(--ui-transition-fast)}.ui-badge--sm{padding:.125rem .375rem;font-size:.675rem}.ui-badge--md{padding:.25rem .5rem;font-size:.75rem}.ui-badge--lg{padding:.375rem .625rem;font-size:.875rem}.ui-badge--rounded{border-radius:9999px}.ui-badge--default{background:var(--ui-bg-tertiary);color:var(--ui-text)}.ui-badge--primary{background:color-mix(in srgb,var(--ui-primary) 15%,transparent);color:var(--ui-primary)}.ui-badge--success{background:color-mix(in srgb,var(--ui-success) 15%,transparent);color:var(--ui-success)}.ui-badge--warning{background:color-mix(in srgb,var(--ui-warning) 15%,transparent);color:var(--ui-warning)}.ui-badge--danger{background:color-mix(in srgb,var(--ui-danger) 15%,transparent);color:var(--ui-danger)}.ui-badge--info{background:color-mix(in srgb,var(--ui-info) 15%,transparent);color:var(--ui-info)}.ui-badge__remove{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:currentColor;cursor:pointer;opacity:.7;transition:opacity var(--ui-transition-fast);border-radius:var(--ui-radius-sm)}.ui-badge__remove:hover{opacity:1}.ui-badge__remove:focus-visible{outline:2px solid currentColor;outline-offset:1px}.ui-badge__remove svg{width:.75em;height:.75em}\n"] }]
|
|
2561
2561
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }] } });
|
|
2562
2562
|
|
|
2563
2563
|
class TextareaComponent {
|
|
@@ -2619,11 +2619,11 @@ class ProgressComponent {
|
|
|
2619
2619
|
return classes.join(' ');
|
|
2620
2620
|
}, ...(ngDevMode ? [{ debugName: "barClass" }] : []));
|
|
2621
2621
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2622
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ProgressComponent, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"trackClass()\" role=\"progressbar\"\n [attr.aria-valuenow]=\"indeterminate() ? null : clampedValue()\"\n [attr.aria-valuemin]=\"indeterminate() ? null : 0\"\n [attr.aria-valuemax]=\"indeterminate() ? null : 100\">\n <div [class]=\"barClass()\" [style.width]=\"barWidth()\">\n @if (showLabel() && !indeterminate()) {\n <span class=\"ui-progress__label\">{{ clampedValue() }}%</span>\n }\n </div>\n</div>\n", styles: [":host{display:block}.ui-progress{width:100%;background:var(--ui-bg-tertiary);border-radius:var(--ui-radius-xl);overflow:hidden}.ui-progress--sm{height:4px}.ui-progress--md{height:8px}.ui-progress--lg{height:12px}.ui-progress__bar{height:100%;border-radius:inherit;transition:width var(--ui-transition-normal) ease;display:flex;align-items:center;justify-content:center}.ui-progress__bar--primary{background:var(--ui-primary)}.ui-progress__bar--success{background:var(--ui-success)}.ui-progress__bar--warning{background:var(--ui-warning)}.ui-progress__bar--danger{background:var(--ui-danger)}.ui-progress__bar--striped{background-image:linear-gradient(45deg,
|
|
2622
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ProgressComponent, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"trackClass()\" role=\"progressbar\"\n [attr.aria-valuenow]=\"indeterminate() ? null : clampedValue()\"\n [attr.aria-valuemin]=\"indeterminate() ? null : 0\"\n [attr.aria-valuemax]=\"indeterminate() ? null : 100\">\n <div [class]=\"barClass()\" [style.width]=\"barWidth()\">\n @if (showLabel() && !indeterminate()) {\n <span class=\"ui-progress__label\">{{ clampedValue() }}%</span>\n }\n </div>\n</div>\n", styles: [":host{display:block}.ui-progress{width:100%;background:var(--ui-bg-tertiary);border-radius:var(--ui-radius-xl);overflow:hidden}.ui-progress--sm{height:4px}.ui-progress--md{height:8px}.ui-progress--lg{height:12px}.ui-progress__bar{height:100%;border-radius:inherit;transition:width var(--ui-transition-normal) ease;display:flex;align-items:center;justify-content:center}.ui-progress__bar--primary{background:var(--ui-primary)}.ui-progress__bar--success{background:var(--ui-success)}.ui-progress__bar--warning{background:var(--ui-warning)}.ui-progress__bar--danger{background:var(--ui-danger)}.ui-progress__bar--striped{background-image:linear-gradient(45deg,var(--ui-progress-stripe-color) 25%,transparent 25%,transparent 50%,var(--ui-progress-stripe-color) 50%,var(--ui-progress-stripe-color) 75%,transparent 75%,transparent);background-size:1rem 1rem}.ui-progress__bar--animated{animation:ui-progress-stripes 1s linear infinite}.ui-progress__bar--indeterminate{width:30%!important;animation:ui-progress-indeterminate 1.5s ease-in-out infinite}.ui-progress__label{font-size:.625rem;font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}@keyframes ui-progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes ui-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2623
2623
|
}
|
|
2624
2624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ProgressComponent, decorators: [{
|
|
2625
2625
|
type: Component,
|
|
2626
|
-
args: [{ selector: 'ui-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"trackClass()\" role=\"progressbar\"\n [attr.aria-valuenow]=\"indeterminate() ? null : clampedValue()\"\n [attr.aria-valuemin]=\"indeterminate() ? null : 0\"\n [attr.aria-valuemax]=\"indeterminate() ? null : 100\">\n <div [class]=\"barClass()\" [style.width]=\"barWidth()\">\n @if (showLabel() && !indeterminate()) {\n <span class=\"ui-progress__label\">{{ clampedValue() }}%</span>\n }\n </div>\n</div>\n", styles: [":host{display:block}.ui-progress{width:100%;background:var(--ui-bg-tertiary);border-radius:var(--ui-radius-xl);overflow:hidden}.ui-progress--sm{height:4px}.ui-progress--md{height:8px}.ui-progress--lg{height:12px}.ui-progress__bar{height:100%;border-radius:inherit;transition:width var(--ui-transition-normal) ease;display:flex;align-items:center;justify-content:center}.ui-progress__bar--primary{background:var(--ui-primary)}.ui-progress__bar--success{background:var(--ui-success)}.ui-progress__bar--warning{background:var(--ui-warning)}.ui-progress__bar--danger{background:var(--ui-danger)}.ui-progress__bar--striped{background-image:linear-gradient(45deg,
|
|
2626
|
+
args: [{ selector: 'ui-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"trackClass()\" role=\"progressbar\"\n [attr.aria-valuenow]=\"indeterminate() ? null : clampedValue()\"\n [attr.aria-valuemin]=\"indeterminate() ? null : 0\"\n [attr.aria-valuemax]=\"indeterminate() ? null : 100\">\n <div [class]=\"barClass()\" [style.width]=\"barWidth()\">\n @if (showLabel() && !indeterminate()) {\n <span class=\"ui-progress__label\">{{ clampedValue() }}%</span>\n }\n </div>\n</div>\n", styles: [":host{display:block}.ui-progress{width:100%;background:var(--ui-bg-tertiary);border-radius:var(--ui-radius-xl);overflow:hidden}.ui-progress--sm{height:4px}.ui-progress--md{height:8px}.ui-progress--lg{height:12px}.ui-progress__bar{height:100%;border-radius:inherit;transition:width var(--ui-transition-normal) ease;display:flex;align-items:center;justify-content:center}.ui-progress__bar--primary{background:var(--ui-primary)}.ui-progress__bar--success{background:var(--ui-success)}.ui-progress__bar--warning{background:var(--ui-warning)}.ui-progress__bar--danger{background:var(--ui-danger)}.ui-progress__bar--striped{background-image:linear-gradient(45deg,var(--ui-progress-stripe-color) 25%,transparent 25%,transparent 50%,var(--ui-progress-stripe-color) 50%,var(--ui-progress-stripe-color) 75%,transparent 75%,transparent);background-size:1rem 1rem}.ui-progress__bar--animated{animation:ui-progress-stripes 1s linear infinite}.ui-progress__bar--indeterminate{width:30%!important;animation:ui-progress-indeterminate 1.5s ease-in-out infinite}.ui-progress__label{font-size:.625rem;font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}@keyframes ui-progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes ui-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}\n"] }]
|
|
2627
2627
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }] } });
|
|
2628
2628
|
|
|
2629
2629
|
class CircularProgressComponent {
|
|
@@ -2696,11 +2696,11 @@ class AlertComponent {
|
|
|
2696
2696
|
this.dismissed.emit();
|
|
2697
2697
|
}
|
|
2698
2698
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2699
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AlertComponent, isStandalone: true, selector: "ui-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, ngImport: i0, template: "@if (visible()) {\n <div [class]=\"alertClass()\" role=\"alert\">\n @if (showIcon()) {\n <span class=\"ui-alert__icon\">\n @switch (variant()) {\n @case ('success') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('warning') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('danger') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @default {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n }\n </span>\n }\n <div class=\"ui-alert__content\">\n @if (title()) {\n <h4 class=\"ui-alert__title\">{{ title() }}</h4>\n }\n <div class=\"ui-alert__message\">\n <ng-content />\n </div>\n </div>\n @if (dismissible()) {\n <button type=\"button\" class=\"ui-alert__close\" (click)=\"dismiss()\" aria-label=\"Dismiss\">\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n </button>\n }\n </div>\n}\n", styles: [":host{display:block}.ui-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-sm);padding:var(--ui-spacing-md);border-radius:var(--ui-radius-md);border:1px solid transparent}.ui-alert--info{background:color-mix(in srgb,var(--ui-info
|
|
2699
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AlertComponent, isStandalone: true, selector: "ui-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, ngImport: i0, template: "@if (visible()) {\n <div [class]=\"alertClass()\" role=\"alert\">\n @if (showIcon()) {\n <span class=\"ui-alert__icon\">\n @switch (variant()) {\n @case ('success') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('warning') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('danger') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @default {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n }\n </span>\n }\n <div class=\"ui-alert__content\">\n @if (title()) {\n <h4 class=\"ui-alert__title\">{{ title() }}</h4>\n }\n <div class=\"ui-alert__message\">\n <ng-content />\n </div>\n </div>\n @if (dismissible()) {\n <button type=\"button\" class=\"ui-alert__close\" (click)=\"dismiss()\" aria-label=\"Dismiss\">\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n </button>\n }\n </div>\n}\n", styles: [":host{display:block}.ui-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-sm);padding:var(--ui-spacing-md);border-radius:var(--ui-radius-md);border:1px solid transparent}.ui-alert--info{background:color-mix(in srgb,var(--ui-info) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-info) 30%,transparent);color:var(--ui-info)}.ui-alert--success{background:color-mix(in srgb,var(--ui-success) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-success) 30%,transparent);color:var(--ui-success)}.ui-alert--warning{background:color-mix(in srgb,var(--ui-warning) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-warning) 30%,transparent);color:var(--ui-warning)}.ui-alert--danger{background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-danger) 30%,transparent);color:var(--ui-danger)}.ui-alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ui-alert__icon svg{width:100%;height:100%}.ui-alert__content{flex:1;min-width:0}.ui-alert__title{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.ui-alert__message{font-size:.875rem;color:var(--ui-text)}.ui-alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:currentColor;opacity:.7;cursor:pointer;border-radius:var(--ui-radius-sm);transition:opacity var(--ui-transition-fast)}.ui-alert__close:hover{opacity:1}.ui-alert__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ui-alert__close svg{width:1rem;height:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2700
2700
|
}
|
|
2701
2701
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AlertComponent, decorators: [{
|
|
2702
2702
|
type: Component,
|
|
2703
|
-
args: [{ selector: 'ui-alert', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible()) {\n <div [class]=\"alertClass()\" role=\"alert\">\n @if (showIcon()) {\n <span class=\"ui-alert__icon\">\n @switch (variant()) {\n @case ('success') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('warning') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('danger') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @default {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n }\n </span>\n }\n <div class=\"ui-alert__content\">\n @if (title()) {\n <h4 class=\"ui-alert__title\">{{ title() }}</h4>\n }\n <div class=\"ui-alert__message\">\n <ng-content />\n </div>\n </div>\n @if (dismissible()) {\n <button type=\"button\" class=\"ui-alert__close\" (click)=\"dismiss()\" aria-label=\"Dismiss\">\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n </button>\n }\n </div>\n}\n", styles: [":host{display:block}.ui-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-sm);padding:var(--ui-spacing-md);border-radius:var(--ui-radius-md);border:1px solid transparent}.ui-alert--info{background:color-mix(in srgb,var(--ui-info
|
|
2703
|
+
args: [{ selector: 'ui-alert', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible()) {\n <div [class]=\"alertClass()\" role=\"alert\">\n @if (showIcon()) {\n <span class=\"ui-alert__icon\">\n @switch (variant()) {\n @case ('success') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('warning') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @case ('danger') {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n @default {\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"/>\n </svg>\n }\n }\n </span>\n }\n <div class=\"ui-alert__content\">\n @if (title()) {\n <h4 class=\"ui-alert__title\">{{ title() }}</h4>\n }\n <div class=\"ui-alert__message\">\n <ng-content />\n </div>\n </div>\n @if (dismissible()) {\n <button type=\"button\" class=\"ui-alert__close\" (click)=\"dismiss()\" aria-label=\"Dismiss\">\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n </button>\n }\n </div>\n}\n", styles: [":host{display:block}.ui-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-sm);padding:var(--ui-spacing-md);border-radius:var(--ui-radius-md);border:1px solid transparent}.ui-alert--info{background:color-mix(in srgb,var(--ui-info) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-info) 30%,transparent);color:var(--ui-info)}.ui-alert--success{background:color-mix(in srgb,var(--ui-success) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-success) 30%,transparent);color:var(--ui-success)}.ui-alert--warning{background:color-mix(in srgb,var(--ui-warning) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-warning) 30%,transparent);color:var(--ui-warning)}.ui-alert--danger{background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-bg));border-color:color-mix(in srgb,var(--ui-danger) 30%,transparent);color:var(--ui-danger)}.ui-alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ui-alert__icon svg{width:100%;height:100%}.ui-alert__content{flex:1;min-width:0}.ui-alert__title{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.ui-alert__message{font-size:.875rem;color:var(--ui-text)}.ui-alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:currentColor;opacity:.7;cursor:pointer;border-radius:var(--ui-radius-sm);transition:opacity var(--ui-transition-fast)}.ui-alert__close:hover{opacity:1}.ui-alert__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ui-alert__close svg{width:1rem;height:1rem}\n"] }]
|
|
2704
2704
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
|
|
2705
2705
|
|
|
2706
2706
|
class CardComponent {
|
|
@@ -3647,10 +3647,15 @@ class PaginationComponent {
|
|
|
3647
3647
|
maxPages = input(5, ...(ngDevMode ? [{ debugName: "maxPages" }] : []));
|
|
3648
3648
|
showFirstLast = input(true, ...(ngDevMode ? [{ debugName: "showFirstLast" }] : []));
|
|
3649
3649
|
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
3650
|
+
pageSelect = input(false, ...(ngDevMode ? [{ debugName: "pageSelect" }] : []));
|
|
3650
3651
|
page = model(1, ...(ngDevMode ? [{ debugName: "page" }] : []));
|
|
3651
3652
|
totalPages = computed(() => {
|
|
3652
3653
|
return Math.max(1, Math.ceil(this.total() / this.pageSize()));
|
|
3653
3654
|
}, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
|
|
3655
|
+
pageOptions = computed(() => {
|
|
3656
|
+
const total = this.totalPages();
|
|
3657
|
+
return Array.from({ length: total }, (_, i) => i + 1);
|
|
3658
|
+
}, ...(ngDevMode ? [{ debugName: "pageOptions" }] : []));
|
|
3654
3659
|
paginationClasses = computed(() => {
|
|
3655
3660
|
return `ui-pagination--${this.size()}`;
|
|
3656
3661
|
}, ...(ngDevMode ? [{ debugName: "paginationClasses" }] : []));
|
|
@@ -3706,13 +3711,18 @@ class PaginationComponent {
|
|
|
3706
3711
|
this.page.set(newPage);
|
|
3707
3712
|
}
|
|
3708
3713
|
}
|
|
3714
|
+
onPageSelect(value) {
|
|
3715
|
+
if (value !== null) {
|
|
3716
|
+
this.goToPage(value);
|
|
3717
|
+
}
|
|
3718
|
+
}
|
|
3709
3719
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3710
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: PaginationComponent, isStandalone: true, selector: "ui-pagination", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, maxPages: { classPropertyName: "maxPages", publicName: "maxPages", isSignal: true, isRequired: false, transformFunction: null }, showFirstLast: { classPropertyName: "showFirstLast", publicName: "showFirstLast", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange" }, ngImport: i0, template: "<nav class=\"ui-pagination\" [class]=\"paginationClasses()\" aria-label=\"Pagination\">\n @if (showFirstLast()) {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(1)\"\n aria-label=\"First page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"11 17 6 12 11 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <polyline points=\"18 17 13 12 18 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n }\n\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(page() - 1)\"\n aria-label=\"Previous page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"15 18 9 12 15 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n\n @for (item of visiblePages(); track item.value) {\n
|
|
3720
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: PaginationComponent, isStandalone: true, selector: "ui-pagination", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, maxPages: { classPropertyName: "maxPages", publicName: "maxPages", isSignal: true, isRequired: false, transformFunction: null }, showFirstLast: { classPropertyName: "showFirstLast", publicName: "showFirstLast", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pageSelect: { classPropertyName: "pageSelect", publicName: "pageSelect", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange" }, ngImport: i0, template: "<nav class=\"ui-pagination\" [class]=\"paginationClasses()\" aria-label=\"Pagination\">\n @if (showFirstLast()) {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(1)\"\n aria-label=\"First page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"11 17 6 12 11 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <polyline points=\"18 17 13 12 18 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n }\n\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(page() - 1)\"\n aria-label=\"Previous page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"15 18 9 12 15 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n\n @if (pageSelect()) {\n <ui-select\n class=\"ui-pagination__select\"\n [searchable]=\"true\"\n [value]=\"page()\"\n (valueChange)=\"onPageSelect($any($event))\"\n [size]=\"size()\"\n [placeholder]=\"'Page...'\"\n >\n @for (p of pageOptions(); track p) {\n <ui-option [value]=\"p\">{{ p }}</ui-option>\n }\n </ui-select>\n } @else {\n @for (item of visiblePages(); track item.value) {\n @if (item.type === 'ellipsis') {\n <span class=\"ui-pagination__ellipsis\">...</span>\n } @else {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--page\"\n [class.ui-pagination__btn--active]=\"item.value === page()\"\n [attr.aria-current]=\"item.value === page() ? 'page' : null\"\n (click)=\"goToPage(item.value)\"\n >\n {{ item.value }}\n </button>\n }\n }\n }\n\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === totalPages()\"\n (click)=\"goToPage(page() + 1)\"\n aria-label=\"Next page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9 18 15 12 9 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n\n @if (showFirstLast()) {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === totalPages()\"\n (click)=\"goToPage(totalPages())\"\n aria-label=\"Last page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"13 17 18 12 13 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <polyline points=\"6 17 11 12 6 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n }\n</nav>\n", styles: [":host{display:block}.ui-pagination{display:flex;align-items:center;gap:var(--ui-spacing-xs)}.ui-pagination__btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border);background-color:var(--ui-bg);color:var(--ui-text);font-weight:500;cursor:pointer;transition:all var(--ui-transition-fast)}.ui-pagination__btn:hover:not(:disabled){background-color:var(--ui-bg-secondary);border-color:var(--ui-border-hover)}.ui-pagination__btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.ui-pagination__btn--active{background-color:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-primary-text)}.ui-pagination__btn--active:hover:not(:disabled){background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-pagination__btn--nav svg{width:1em;height:1em}.ui-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text-muted);-webkit-user-select:none;user-select:none}.ui-pagination__select{min-width:80px;max-width:100px}.ui-pagination--sm .ui-pagination__btn{min-width:28px;height:28px;padding:0 var(--ui-spacing-xs);font-size:var(--ui-font-xs);border-radius:var(--ui-radius-sm)}.ui-pagination--sm .ui-pagination__ellipsis{min-width:28px;height:28px;font-size:var(--ui-font-xs)}.ui-pagination--md .ui-pagination__btn{min-width:36px;height:36px;padding:0 var(--ui-spacing-sm);font-size:var(--ui-font-sm);border-radius:var(--ui-radius-md)}.ui-pagination--md .ui-pagination__ellipsis{min-width:36px;height:36px;font-size:var(--ui-font-sm)}.ui-pagination--lg .ui-pagination__btn{min-width:44px;height:44px;padding:0 var(--ui-spacing-md);font-size:var(--ui-font-md);border-radius:var(--ui-radius-md)}.ui-pagination--lg .ui-pagination__ellipsis{min-width:44px;height:44px;font-size:var(--ui-font-md)}\n"], dependencies: [{ kind: "component", type: SelectComponent, selector: "ui-select", inputs: ["variant", "size", "placeholder", "label", "hint", "error", "disabled", "multiple", "searchable", "clearable", "creatable", "deletable", "selectable", "asyncSearch", "debounceTime", "minSearchLength", "initialLoad", "initialOptions", "defaultOptions", "cacheAsyncResults", "value"], outputs: ["valueChange", "opened", "closed", "created", "deleted"] }, { kind: "component", type: OptionComponent, selector: "ui-option", inputs: ["value", "disabled"], outputs: ["deleteClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3711
3721
|
}
|
|
3712
3722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
3713
3723
|
type: Component,
|
|
3714
|
-
args: [{ selector: 'ui-pagination', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"ui-pagination\" [class]=\"paginationClasses()\" aria-label=\"Pagination\">\n @if (showFirstLast()) {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(1)\"\n aria-label=\"First page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"11 17 6 12 11 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <polyline points=\"18 17 13 12 18 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n }\n\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(page() - 1)\"\n aria-label=\"Previous page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"15 18 9 12 15 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n\n @for (item of visiblePages(); track item.value) {\n
|
|
3715
|
-
}], propDecorators: { total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], maxPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPages", required: false }] }], showFirstLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLast", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }] } });
|
|
3724
|
+
args: [{ selector: 'ui-pagination', standalone: true, imports: [SelectComponent, OptionComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"ui-pagination\" [class]=\"paginationClasses()\" aria-label=\"Pagination\">\n @if (showFirstLast()) {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(1)\"\n aria-label=\"First page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"11 17 6 12 11 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <polyline points=\"18 17 13 12 18 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n }\n\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === 1\"\n (click)=\"goToPage(page() - 1)\"\n aria-label=\"Previous page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"15 18 9 12 15 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n\n @if (pageSelect()) {\n <ui-select\n class=\"ui-pagination__select\"\n [searchable]=\"true\"\n [value]=\"page()\"\n (valueChange)=\"onPageSelect($any($event))\"\n [size]=\"size()\"\n [placeholder]=\"'Page...'\"\n >\n @for (p of pageOptions(); track p) {\n <ui-option [value]=\"p\">{{ p }}</ui-option>\n }\n </ui-select>\n } @else {\n @for (item of visiblePages(); track item.value) {\n @if (item.type === 'ellipsis') {\n <span class=\"ui-pagination__ellipsis\">...</span>\n } @else {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--page\"\n [class.ui-pagination__btn--active]=\"item.value === page()\"\n [attr.aria-current]=\"item.value === page() ? 'page' : null\"\n (click)=\"goToPage(item.value)\"\n >\n {{ item.value }}\n </button>\n }\n }\n }\n\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === totalPages()\"\n (click)=\"goToPage(page() + 1)\"\n aria-label=\"Next page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9 18 15 12 9 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n\n @if (showFirstLast()) {\n <button\n type=\"button\"\n class=\"ui-pagination__btn ui-pagination__btn--nav\"\n [disabled]=\"page() === totalPages()\"\n (click)=\"goToPage(totalPages())\"\n aria-label=\"Last page\"\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"13 17 18 12 13 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <polyline points=\"6 17 11 12 6 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n }\n</nav>\n", styles: [":host{display:block}.ui-pagination{display:flex;align-items:center;gap:var(--ui-spacing-xs)}.ui-pagination__btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border);background-color:var(--ui-bg);color:var(--ui-text);font-weight:500;cursor:pointer;transition:all var(--ui-transition-fast)}.ui-pagination__btn:hover:not(:disabled){background-color:var(--ui-bg-secondary);border-color:var(--ui-border-hover)}.ui-pagination__btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.ui-pagination__btn--active{background-color:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-primary-text)}.ui-pagination__btn--active:hover:not(:disabled){background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-pagination__btn--nav svg{width:1em;height:1em}.ui-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text-muted);-webkit-user-select:none;user-select:none}.ui-pagination__select{min-width:80px;max-width:100px}.ui-pagination--sm .ui-pagination__btn{min-width:28px;height:28px;padding:0 var(--ui-spacing-xs);font-size:var(--ui-font-xs);border-radius:var(--ui-radius-sm)}.ui-pagination--sm .ui-pagination__ellipsis{min-width:28px;height:28px;font-size:var(--ui-font-xs)}.ui-pagination--md .ui-pagination__btn{min-width:36px;height:36px;padding:0 var(--ui-spacing-sm);font-size:var(--ui-font-sm);border-radius:var(--ui-radius-md)}.ui-pagination--md .ui-pagination__ellipsis{min-width:36px;height:36px;font-size:var(--ui-font-sm)}.ui-pagination--lg .ui-pagination__btn{min-width:44px;height:44px;padding:0 var(--ui-spacing-md);font-size:var(--ui-font-md);border-radius:var(--ui-radius-md)}.ui-pagination--lg .ui-pagination__ellipsis{min-width:44px;height:44px;font-size:var(--ui-font-md)}\n"] }]
|
|
3725
|
+
}], propDecorators: { total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], maxPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPages", required: false }] }], showFirstLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLast", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], pageSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSelect", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }] } });
|
|
3716
3726
|
|
|
3717
3727
|
class FileSizePipe {
|
|
3718
3728
|
transform(bytes) {
|
|
@@ -5772,11 +5782,11 @@ class ShellComponent {
|
|
|
5772
5782
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
5773
5783
|
sidebarService = inject(SidebarService);
|
|
5774
5784
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5775
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ShellComponent, isStandalone: true, selector: "ui-shell", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ui-shell\"\n [class.ui-shell--header]=\"variant() === 'header'\"\n [class.ui-shell--simple]=\"variant() === 'simple'\"\n [class.ui-shell--sidebar-collapsed]=\"sidebarService.collapsed()\"\n [class.ui-shell--mobile]=\"sidebarService.isMobile()\"\n [class.ui-shell--mobile-open]=\"sidebarService.mobileOpen()\">\n <ng-content />\n @if (sidebarService.isMobile() && sidebarService.mobileOpen()) {\n <div class=\"ui-shell__backdrop\" (click)=\"sidebarService.closeMobile()\"></div>\n }\n</div>\n", styles: [":host{display:block;height:100vh;overflow:hidden}.ui-shell{display:grid;grid-template-areas:\"sidebar navbar\" \"sidebar content\" \"sidebar footer\";grid-template-columns:var(--ui-sidebar-width) 1fr;grid-template-rows:var(--ui-navbar-height) 1fr auto;height:100%;transition:grid-template-columns var(--ui-transition-normal)}.ui-shell--sidebar-collapsed{grid-template-columns:var(--ui-sidebar-collapsed-width) 1fr}.ui-shell--header{grid-template-areas:\"navbar navbar\" \"sidebar content\" \"footer footer\"}.ui-shell--simple{grid-template-areas:\"sidebar content\";grid-template-rows:1fr}.ui-shell--mobile{grid-template-areas:\"navbar\" \"content\" \"footer\";grid-template-columns:1fr}.ui-shell--simple.ui-shell--mobile{grid-template-areas:\"content\";grid-template-rows:1fr}.ui-shell__backdrop{position:fixed;inset:0;background-color
|
|
5785
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ShellComponent, isStandalone: true, selector: "ui-shell", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ui-shell\"\n [class.ui-shell--header]=\"variant() === 'header'\"\n [class.ui-shell--simple]=\"variant() === 'simple'\"\n [class.ui-shell--sidebar-collapsed]=\"sidebarService.collapsed()\"\n [class.ui-shell--mobile]=\"sidebarService.isMobile()\"\n [class.ui-shell--mobile-open]=\"sidebarService.mobileOpen()\">\n <ng-content />\n @if (sidebarService.isMobile() && sidebarService.mobileOpen()) {\n <div class=\"ui-shell__backdrop\" (click)=\"sidebarService.closeMobile()\"></div>\n }\n</div>\n", styles: [":host{display:block;height:100vh;overflow:hidden}.ui-shell{display:grid;grid-template-areas:\"sidebar navbar\" \"sidebar content\" \"sidebar footer\";grid-template-columns:var(--ui-sidebar-width) 1fr;grid-template-rows:var(--ui-navbar-height) 1fr auto;height:100%;transition:grid-template-columns var(--ui-transition-normal)}.ui-shell--sidebar-collapsed{grid-template-columns:var(--ui-sidebar-collapsed-width) 1fr}.ui-shell--header{grid-template-areas:\"navbar navbar\" \"sidebar content\" \"footer footer\"}.ui-shell--simple{grid-template-areas:\"sidebar content\";grid-template-rows:1fr}.ui-shell--mobile{grid-template-areas:\"navbar\" \"content\" \"footer\";grid-template-columns:1fr}.ui-shell--simple.ui-shell--mobile{grid-template-areas:\"content\";grid-template-rows:1fr}.ui-shell__backdrop{position:fixed;inset:0;background-color:var(--ui-backdrop-bg);z-index:40}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5776
5786
|
}
|
|
5777
5787
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ShellComponent, decorators: [{
|
|
5778
5788
|
type: Component,
|
|
5779
|
-
args: [{ selector: 'ui-shell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-shell\"\n [class.ui-shell--header]=\"variant() === 'header'\"\n [class.ui-shell--simple]=\"variant() === 'simple'\"\n [class.ui-shell--sidebar-collapsed]=\"sidebarService.collapsed()\"\n [class.ui-shell--mobile]=\"sidebarService.isMobile()\"\n [class.ui-shell--mobile-open]=\"sidebarService.mobileOpen()\">\n <ng-content />\n @if (sidebarService.isMobile() && sidebarService.mobileOpen()) {\n <div class=\"ui-shell__backdrop\" (click)=\"sidebarService.closeMobile()\"></div>\n }\n</div>\n", styles: [":host{display:block;height:100vh;overflow:hidden}.ui-shell{display:grid;grid-template-areas:\"sidebar navbar\" \"sidebar content\" \"sidebar footer\";grid-template-columns:var(--ui-sidebar-width) 1fr;grid-template-rows:var(--ui-navbar-height) 1fr auto;height:100%;transition:grid-template-columns var(--ui-transition-normal)}.ui-shell--sidebar-collapsed{grid-template-columns:var(--ui-sidebar-collapsed-width) 1fr}.ui-shell--header{grid-template-areas:\"navbar navbar\" \"sidebar content\" \"footer footer\"}.ui-shell--simple{grid-template-areas:\"sidebar content\";grid-template-rows:1fr}.ui-shell--mobile{grid-template-areas:\"navbar\" \"content\" \"footer\";grid-template-columns:1fr}.ui-shell--simple.ui-shell--mobile{grid-template-areas:\"content\";grid-template-rows:1fr}.ui-shell__backdrop{position:fixed;inset:0;background-color
|
|
5789
|
+
args: [{ selector: 'ui-shell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-shell\"\n [class.ui-shell--header]=\"variant() === 'header'\"\n [class.ui-shell--simple]=\"variant() === 'simple'\"\n [class.ui-shell--sidebar-collapsed]=\"sidebarService.collapsed()\"\n [class.ui-shell--mobile]=\"sidebarService.isMobile()\"\n [class.ui-shell--mobile-open]=\"sidebarService.mobileOpen()\">\n <ng-content />\n @if (sidebarService.isMobile() && sidebarService.mobileOpen()) {\n <div class=\"ui-shell__backdrop\" (click)=\"sidebarService.closeMobile()\"></div>\n }\n</div>\n", styles: [":host{display:block;height:100vh;overflow:hidden}.ui-shell{display:grid;grid-template-areas:\"sidebar navbar\" \"sidebar content\" \"sidebar footer\";grid-template-columns:var(--ui-sidebar-width) 1fr;grid-template-rows:var(--ui-navbar-height) 1fr auto;height:100%;transition:grid-template-columns var(--ui-transition-normal)}.ui-shell--sidebar-collapsed{grid-template-columns:var(--ui-sidebar-collapsed-width) 1fr}.ui-shell--header{grid-template-areas:\"navbar navbar\" \"sidebar content\" \"footer footer\"}.ui-shell--simple{grid-template-areas:\"sidebar content\";grid-template-rows:1fr}.ui-shell--mobile{grid-template-areas:\"navbar\" \"content\" \"footer\";grid-template-columns:1fr}.ui-shell--simple.ui-shell--mobile{grid-template-areas:\"content\";grid-template-rows:1fr}.ui-shell__backdrop{position:fixed;inset:0;background-color:var(--ui-backdrop-bg);z-index:40}\n"] }]
|
|
5780
5790
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
5781
5791
|
|
|
5782
5792
|
class NavbarComponent {
|