cps-ui-kit 17.12.0 → 17.14.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/esm2022/lib/components/cps-autocomplete/cps-autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/cps-button/cps-button.component.mjs +3 -3
- package/esm2022/lib/components/cps-button-toggle/cps-button-toggle.component.mjs +3 -3
- package/esm2022/lib/components/cps-checkbox/cps-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/cps-chip/cps-chip.component.mjs +3 -3
- package/esm2022/lib/components/cps-datepicker/cps-datepicker.component.mjs +3 -3
- package/esm2022/lib/components/cps-expansion-panel/cps-expansion-panel.component.mjs +3 -3
- package/esm2022/lib/components/cps-file-upload/cps-file-upload.component.mjs +3 -3
- package/esm2022/lib/components/cps-icon/cps-icon.component.mjs +3 -3
- package/esm2022/lib/components/cps-info-circle/cps-info-circle.component.mjs +3 -3
- package/esm2022/lib/components/cps-input/cps-input.component.mjs +3 -3
- package/esm2022/lib/components/cps-loader/cps-loader.component.mjs +3 -3
- package/esm2022/lib/components/cps-menu/cps-menu.component.mjs +3 -3
- package/esm2022/lib/components/cps-paginator/cps-paginator.component.mjs +5 -6
- package/esm2022/lib/components/cps-paginator/pipes/cps-paginate.pipe.mjs +3 -3
- package/esm2022/lib/components/cps-progress-circular/cps-progress-circular.component.mjs +3 -3
- package/esm2022/lib/components/cps-progress-linear/cps-progress-linear.component.mjs +3 -3
- package/esm2022/lib/components/cps-radio-group/cps-radio/cps-radio.component.mjs +3 -3
- package/esm2022/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.mjs +3 -3
- package/esm2022/lib/components/cps-radio-group/cps-radio-group.component.mjs +3 -3
- package/esm2022/lib/components/cps-scheduler/cps-scheduler.component.mjs +3 -3
- package/esm2022/lib/components/cps-select/cps-select.component.mjs +3 -3
- package/esm2022/lib/components/cps-sidebar-menu/cps-sidebar-menu.component.mjs +3 -3
- package/esm2022/lib/components/cps-switch/cps-switch.component.mjs +3 -3
- package/esm2022/lib/components/cps-tab-group/cps-tab/cps-tab.component.mjs +3 -3
- package/esm2022/lib/components/cps-tab-group/cps-tab-group.component.mjs +3 -3
- package/esm2022/lib/components/cps-table/components/internal/cps-sort-icon/cps-sort-icon.component.mjs +3 -3
- package/esm2022/lib/components/cps-table/components/internal/table-column-filter/table-column-filter.component.mjs +3 -3
- package/esm2022/lib/components/cps-table/components/internal/table-column-filter-constraint/table-column-filter-constraint.component.mjs +4 -5
- package/esm2022/lib/components/cps-table/components/internal/table-row-menu/table-row-menu.component.mjs +3 -3
- package/esm2022/lib/components/cps-table/cps-table.component.mjs +7 -6
- package/esm2022/lib/components/cps-table/directives/cps-table-column-filter.directive.mjs +3 -3
- package/esm2022/lib/components/cps-table/directives/cps-table-column-sortable.directive.mjs +3 -3
- package/esm2022/lib/components/cps-table/directives/cps-table-header-selectable.directive.mjs +3 -3
- package/esm2022/lib/components/cps-table/directives/cps-table-row-selectable.directive.mjs +3 -3
- package/esm2022/lib/components/cps-table/directives/internal/table-unsort.directive.mjs +21 -29
- package/esm2022/lib/components/cps-tag/cps-tag.component.mjs +3 -3
- package/esm2022/lib/components/cps-textarea/cps-textarea.component.mjs +3 -3
- package/esm2022/lib/components/cps-timepicker/cps-timepicker.component.mjs +3 -3
- package/esm2022/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.mjs +5 -5
- package/esm2022/lib/components/cps-tree-select/cps-tree-select.component.mjs +3 -3
- package/esm2022/lib/components/cps-tree-table/cps-tree-table.component.mjs +7 -9
- package/esm2022/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.mjs +3 -3
- package/esm2022/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.mjs +3 -3
- package/esm2022/lib/components/cps-tree-table/directives/cps-tree-table-header-selectable.directive.mjs +3 -3
- package/esm2022/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.mjs +3 -3
- package/esm2022/lib/components/cps-tree-table/directives/cps-tree-table-row-toggler.directive.mjs +3 -3
- package/esm2022/lib/components/cps-tree-table/directives/internal/tree-table-unsort.directive.mjs +23 -41
- package/esm2022/lib/components/internal/cps-base-tree-dropdown/cps-base-tree-dropdown.component.mjs +12 -6
- package/esm2022/lib/directives/cps-tooltip/cps-tooltip.directive.mjs +3 -3
- package/esm2022/lib/pipes/internal/check-option-selected.pipe.mjs +3 -3
- package/esm2022/lib/pipes/internal/combine-labels.pipe.mjs +3 -3
- package/esm2022/lib/pipes/internal/label-by-value.pipe.mjs +3 -3
- package/esm2022/lib/services/cps-dialog/cps-dialog.service.mjs +34 -16
- package/esm2022/lib/services/cps-dialog/internal/components/cps-confirmation/cps-confirmation.component.mjs +5 -5
- package/esm2022/lib/services/cps-dialog/internal/components/cps-dialog/cps-dialog.component.mjs +3 -3
- package/esm2022/lib/services/cps-dialog/internal/directives/cps-dialog-content.directive.mjs +3 -3
- package/esm2022/lib/services/cps-notification/cps-notification.service.mjs +3 -3
- package/esm2022/lib/services/cps-notification/internal/components/cps-notification-container/cps-notification-container.component.mjs +3 -3
- package/esm2022/lib/services/cps-notification/internal/components/cps-toast/cps-toast.component.mjs +3 -3
- package/fesm2022/cps-ui-kit.mjs +263 -268
- package/fesm2022/cps-ui-kit.mjs.map +1 -1
- package/lib/components/cps-tree-table/cps-tree-table.component.d.ts +3 -4
- package/lib/components/internal/cps-base-tree-dropdown/cps-base-tree-dropdown.component.d.ts +1 -0
- package/lib/services/cps-dialog/cps-dialog.service.d.ts +10 -4
- package/package.json +7 -7
package/esm2022/lib/services/cps-dialog/internal/directives/cps-dialog-content.directive.mjs
CHANGED
|
@@ -5,10 +5,10 @@ export class CpsDialogContentDirective {
|
|
|
5
5
|
constructor(viewContainerRef) {
|
|
6
6
|
this.viewContainerRef = viewContainerRef;
|
|
7
7
|
}
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
9
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsDialogContentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: CpsDialogContentDirective, isStandalone: true, selector: "[cpsDialogContent]", ngImport: i0 }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsDialogContentDirective, decorators: [{
|
|
12
12
|
type: Directive,
|
|
13
13
|
args: [{
|
|
14
14
|
standalone: true,
|
|
@@ -109,10 +109,10 @@ export class CpsNotificationService {
|
|
|
109
109
|
this._containersMap.delete(position);
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
113
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsNotificationService, deps: [{ token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
113
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsNotificationService, providedIn: 'root' }); }
|
|
114
114
|
}
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsNotificationService, decorators: [{
|
|
116
116
|
type: Injectable,
|
|
117
117
|
args: [{ providedIn: 'root' }]
|
|
118
118
|
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: Document, decorators: [{
|
|
@@ -63,14 +63,14 @@ export class CpsNotificationContainerComponent {
|
|
|
63
63
|
ZIndexUtils.clear(this.container.nativeElement);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
67
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
66
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsNotificationContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.PrimeNGConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
67
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: CpsNotificationContainerComponent, isStandalone: true, selector: "cps-notification-container", inputs: { position: "position" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n [ngClass]=\"{\n 'cps-notification-container-mask': true,\n 'cps-notification-container-left':\n position === CpsNotificationPosition.LEFT,\n 'cps-notification-container-right':\n position === CpsNotificationPosition.RIGHT,\n 'cps-notification-container-top': position === CpsNotificationPosition.TOP,\n 'cps-notification-container-bottom':\n position === CpsNotificationPosition.BOTTOM,\n 'cps-notification-container-top-left':\n position === CpsNotificationPosition.TOPLEFT,\n 'cps-notification-container-top-right':\n position === CpsNotificationPosition.TOPRIGHT,\n 'cps-notification-container-bottom-left':\n position === CpsNotificationPosition.BOTTOMLEFT,\n 'cps-notification-container-bottom-right':\n position === CpsNotificationPosition.BOTTOMRIGHT\n }\">\n <div #container class=\"cps-notification-container\" role=\"notification\">\n <div\n #content\n class=\"cps-notification-container-content\"\n [ngStyle]=\"{\n 'align-items': [\n CpsNotificationPosition.RIGHT,\n CpsNotificationPosition.TOPRIGHT,\n CpsNotificationPosition.BOTTOMRIGHT\n ].includes(position)\n ? 'flex-end'\n : 'flex-start'\n }\">\n <cps-toast\n *ngFor=\"let notification of notifications; let i = index\"\n [data]=\"notification.data\"\n [config]=\"notification.config\"\n @notificationAnimation\n (closed)=\"onCloseNotification(i)\">\n </cps-toast>\n </div>\n </div>\n</div>\n", styles: [".cps-notification-container-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.cps-notification-container{box-sizing:border-box;display:flex;flex-direction:column;pointer-events:auto;transform:scale(1);position:relative;border-radius:4px;border:0 none;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:400}.cps-notification-container .cps-notification-container-content{background:transparent;flex-grow:1;gap:12px;display:flex;flex-direction:column-reverse}.cps-notification-container-top .cps-notification-container,.cps-notification-container-bottom .cps-notification-container,.cps-notification-container-left .cps-notification-container,.cps-notification-container-right .cps-notification-container,.cps-notification-container-top-left .cps-notification-container,.cps-notification-container-top-right .cps-notification-container,.cps-notification-container-bottom-left .cps-notification-container,.cps-notification-container-bottom-right .cps-notification-container{margin:.75rem;transform:translateZ(0)}.cps-notification-container-left{justify-content:flex-start}.cps-notification-container-right{justify-content:flex-end}.cps-notification-container-top{align-items:flex-start}.cps-notification-container-top-left{justify-content:flex-start;align-items:flex-start}.cps-notification-container-top-right{justify-content:flex-end;align-items:flex-start}.cps-notification-container-bottom{align-items:flex-end}.cps-notification-container-bottom-left{justify-content:flex-start;align-items:flex-end}.cps-notification-container-bottom-right{justify-content:flex-end;align-items:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: CpsToastComponent, selector: "cps-toast", inputs: ["config", "data"], outputs: ["closed"] }], animations: [
|
|
68
68
|
trigger('notificationAnimation', [
|
|
69
69
|
transition(':enter, :leave', [query('@*', animateChild())])
|
|
70
70
|
])
|
|
71
71
|
], encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsNotificationContainerComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'cps-notification-container', standalone: true, imports: [
|
|
76
76
|
CommonModule,
|
package/esm2022/lib/services/cps-notification/internal/components/cps-toast/cps-toast.component.mjs
CHANGED
|
@@ -54,8 +54,8 @@ export class CpsToastComponent {
|
|
|
54
54
|
this.timeout = null;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
57
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsToastComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: CpsToastComponent, isStandalone: true, selector: "cps-toast", inputs: { config: "config", data: "data" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n (mouseenter)=\"clearTimeout()\"\n (mouseleave)=\"initiateTimeout()\"\n [class]=\"data.type\"\n [@toastState]=\"{\n value: 'visible'\n }\"\n [ngStyle]=\"{ 'max-width': maxWidth }\"\n class=\"cps-toast-content\">\n <div class=\"cps-toast-icon\" [ngClass]=\"{ filled: filled }\">\n <cps-icon\n [icon]=\"'toast-' + data.type\"\n [color]=\"filled ? '#fff' : color\"\n size=\"normal\"></cps-icon>\n </div>\n <div class=\"cps-toast-message\">\n <p class=\"cps-toast-message-header\">{{ data.message || '' }}</p>\n <p class=\"cps-toast-message-details\" *ngIf=\"data.details\">\n {{ data.details }}\n </p>\n </div>\n <div class=\"cps-toast-buttons\">\n <cps-button\n (clicked)=\"close()\"\n [color]=\"color\"\n icon=\"close-x\"\n class=\"cps-toast-close-button\"\n width=\"40\"\n type=\"borderless\"></cps-button>\n </div>\n</div>\n", styles: [":host .cps-toast-content{color:var(--cps-color-text-darkest);border-radius:4px;box-shadow:0 1px 3px #0000004d;display:flex;overflow:hidden}:host .cps-toast-content.success{background-color:var(--cps-color-success-bg);border:2px solid var(--cps-color-success)}:host .cps-toast-content.success .cps-toast-icon.filled{background-color:var(--cps-color-success)}:host .cps-toast-content.error{background-color:var(--cps-color-error-bg);border:2px solid var(--cps-color-error)}:host .cps-toast-content.error .cps-toast-icon.filled{background-color:var(--cps-color-error)}:host .cps-toast-content.warning{background-color:var(--cps-color-warn-bg);border:2px solid var(--cps-color-warn)}:host .cps-toast-content.warning .cps-toast-icon.filled{background-color:var(--cps-color-warn)}:host .cps-toast-content.info{background-color:var(--cps-color-info-bg);border:2px solid var(--cps-color-info)}:host .cps-toast-content.info .cps-toast-icon.filled{background-color:var(--cps-color-info)}:host .cps-toast-icon{display:flex;align-items:center;padding:20px}:host .cps-toast-message{display:flex;flex-direction:column;justify-content:center;padding:0 16px;font-weight:600;font-family:Source Sans Pro,sans-serif;cursor:default}:host .cps-toast-message .cps-toast-message-details{white-space:pre-line;margin-top:0;font-size:14px}:host .cps-toast-buttons{display:flex;justify-content:center;align-items:center}:host .cps-toast-buttons .cps-toast-close-button{margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CpsButtonComponent, selector: "cps-button", inputs: ["color", "contentColor", "borderRadius", "type", "label", "icon", "iconPosition", "size", "width", "height", "disabled", "loading"], outputs: ["clicked"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color"] }], animations: [
|
|
59
59
|
trigger('toastState', [
|
|
60
60
|
state('visible', style({
|
|
61
61
|
transform: 'translateY(0)',
|
|
@@ -75,7 +75,7 @@ export class CpsToastComponent {
|
|
|
75
75
|
])
|
|
76
76
|
] }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsToastComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
args: [{ standalone: true, imports: [CommonModule, CpsButtonComponent, CpsIconComponent], selector: 'cps-toast', animations: [
|
|
81
81
|
trigger('toastState', [
|