@cuby-ui/core 0.0.68 → 0.0.69
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/components/dialog/dialog.component.d.ts +4 -1
- package/components/dialog/dialog.interfaces.d.ts +2 -1
- package/esm2020/components/dialog/dialog.component.mjs +11 -5
- package/esm2020/components/dialog/dialog.interfaces.mjs +1 -1
- package/esm2020/components/dialog/dialog.tokens.mjs +2 -2
- package/fesm2015/cuby-ui-core.mjs +10 -4
- package/fesm2015/cuby-ui-core.mjs.map +1 -1
- package/fesm2020/cuby-ui-core.mjs +10 -4
- package/fesm2020/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import type { OnDestroy, OnInit
|
|
1
|
+
import type { OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { Type } from '@angular/core';
|
|
2
3
|
import { TemplateRef } from '@angular/core';
|
|
3
4
|
import type { CuiValueOf } from '@cuby-ui/cdk';
|
|
5
|
+
import type { CuiDialogSize } from './dialog.interfaces';
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
export declare const ContentType: {
|
|
6
8
|
readonly String: "string";
|
|
@@ -17,6 +19,7 @@ export declare class CuiDialogComponent implements OnInit, OnDestroy {
|
|
|
17
19
|
readonly Component: "component";
|
|
18
20
|
};
|
|
19
21
|
protected contentType: IContentType;
|
|
22
|
+
protected get size(): CuiDialogSize;
|
|
20
23
|
ngOnInit(): void;
|
|
21
24
|
ngOnDestroy(): void;
|
|
22
25
|
protected get contentTemplateRef(): TemplateRef<unknown>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import { HostBinding } from '@angular/core';
|
|
1
2
|
import { DOCUMENT } from '@angular/common';
|
|
2
3
|
import { ChangeDetectionStrategy, Component, inject, TemplateRef } from '@angular/core';
|
|
3
4
|
import { CUI_DIALOG_CONTEXT } from './dialog.tokens';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "../button/button.component";
|
|
7
7
|
export const ContentType = {
|
|
8
8
|
String: 'string',
|
|
9
9
|
Template: 'template',
|
|
@@ -16,6 +16,9 @@ export class CuiDialogComponent {
|
|
|
16
16
|
this.ContentType = ContentType;
|
|
17
17
|
this.contentType = ContentType.Component;
|
|
18
18
|
}
|
|
19
|
+
get size() {
|
|
20
|
+
return this.context.size;
|
|
21
|
+
}
|
|
19
22
|
ngOnInit() {
|
|
20
23
|
this.initBodyScrollHiding();
|
|
21
24
|
this.initContentType();
|
|
@@ -51,9 +54,12 @@ export class CuiDialogComponent {
|
|
|
51
54
|
}
|
|
52
55
|
}
|
|
53
56
|
CuiDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
CuiDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiDialogComponent, selector: "cui-dialog",
|
|
57
|
+
CuiDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiDialogComponent, selector: "cui-dialog", host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [":host{padding:16px 24px;box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 180px);width:100%;border-radius:12px;background:var(--cui-base-0);font-family:var(--cui-main-font)}:host[data-size=auto]{width:auto}:host[data-size=xl]{max-width:1080px}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
55
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogComponent, decorators: [{
|
|
56
59
|
type: Component,
|
|
57
|
-
args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
58
|
-
}]
|
|
59
|
-
|
|
60
|
+
args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [":host{padding:16px 24px;box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 180px);width:100%;border-radius:12px;background:var(--cui-base-0);font-family:var(--cui-main-font)}:host[data-size=auto]{width:auto}:host[data-size=xl]{max-width:1080px}\n"] }]
|
|
61
|
+
}], propDecorators: { size: [{
|
|
62
|
+
type: HostBinding,
|
|
63
|
+
args: ['attr.data-size']
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSXhGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFckQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHO0lBQ3pCLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFNBQVMsRUFBRSxXQUFXO0NBQ2QsQ0FBQztBQVVYLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPcUIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QixZQUFPLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFckMsZ0JBQVcsR0FBRyxXQUFXLENBQUM7UUFFbkMsZ0JBQVcsR0FBaUIsV0FBVyxDQUFDLFNBQVMsQ0FBQztLQW1EN0Q7SUFqREMsSUFDYyxJQUFJO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELElBQWMsa0JBQWtCO1FBQzlCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUErQixDQUFDO0lBQ3RELENBQUM7SUFFRCxJQUFjLGFBQWE7UUFDekIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQXdCLENBQUM7SUFDL0MsQ0FBQztJQUVTLE9BQU87UUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRU8sZUFBZTtRQUNyQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztRQUVyQyxRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssQ0FBQyxPQUFPLE9BQU8sS0FBSyxRQUFRLENBQUM7Z0JBQ2hDLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDLE1BQU0sQ0FBQztnQkFFdEMsT0FBTztZQUVULEtBQUssQ0FBQyxPQUFPLFlBQVksV0FBVyxDQUFDO2dCQUNuQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUM7Z0JBRXhDLE9BQU87U0FDVjtJQUNILENBQUM7SUFFTyxvQkFBb0I7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDL0MsQ0FBQztJQUVPLHVCQUF1QjtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN6QyxDQUFDOztnSEF4RFUsa0JBQWtCO29HQUFsQixrQkFBa0IsMkdDdkIvQixrZUFXQTs0RkRZYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNOzhCQVdqQyxJQUFJO3NCQURqQixXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEhvc3RCaW5kaW5nLCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEN1aVZhbHVlT2YgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aURpYWxvZ1NpemUgfSBmcm9tICcuL2RpYWxvZy5pbnRlcmZhY2VzJztcbmltcG9ydCB7IENVSV9ESUFMT0dfQ09OVEVYVCB9IGZyb20gJy4vZGlhbG9nLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50VHlwZSA9IHtcbiAgU3RyaW5nOiAnc3RyaW5nJyxcbiAgVGVtcGxhdGU6ICd0ZW1wbGF0ZScsXG4gIENvbXBvbmVudDogJ2NvbXBvbmVudCdcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCB0eXBlIElDb250ZW50VHlwZSA9IEN1aVZhbHVlT2Y8dHlwZW9mIENvbnRlbnRUeXBlPjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3VpLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2cudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RpYWxvZy5zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aURpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGRvY3VtZW50ID0gaW5qZWN0KERPQ1VNRU5UKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbnRleHQgPSBpbmplY3QoQ1VJX0RJQUxPR19DT05URVhUKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgQ29udGVudFR5cGUgPSBDb250ZW50VHlwZTtcblxuICBwcm90ZWN0ZWQgY29udGVudFR5cGU6IElDb250ZW50VHlwZSA9IENvbnRlbnRUeXBlLkNvbXBvbmVudDtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgcHJvdGVjdGVkIGdldCBzaXplKCk6IEN1aURpYWxvZ1NpemUge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHQuc2l6ZTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRCb2R5U2Nyb2xsSGlkaW5nKCk7XG4gICAgdGhpcy5pbml0Q29udGVudFR5cGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3lCb2R5U2Nyb2xsSGlkaW5nKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGNvbnRlbnRUZW1wbGF0ZVJlZigpOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dC5jb250ZW50IGFzIFRlbXBsYXRlUmVmPHVua25vd24+O1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBjb21wb25lbnRUeXBlKCk6IFR5cGU8dW5rbm93bj4ge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHQuY29udGVudCBhcyBUeXBlPHVua25vd24+O1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZXh0LiRpbXBsaWNpdC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0Q29udGVudFR5cGUoKTogdm9pZCB7XG4gICAgY29uc3QgY29udGVudCA9IHRoaXMuY29udGV4dC5jb250ZW50O1xuXG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlICh0eXBlb2YgY29udGVudCA9PT0gJ3N0cmluZycpOlxuICAgICAgICB0aGlzLmNvbnRlbnRUeXBlID0gQ29udGVudFR5cGUuU3RyaW5nO1xuXG4gICAgICAgIHJldHVybjtcblxuICAgICAgY2FzZSAoY29udGVudCBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKTpcbiAgICAgICAgdGhpcy5jb250ZW50VHlwZSA9IENvbnRlbnRUeXBlLlRlbXBsYXRlO1xuXG4gICAgICAgIHJldHVybjtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGluaXRCb2R5U2Nyb2xsSGlkaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nO1xuICB9XG5cbiAgcHJpdmF0ZSBkZXN0cm95Qm9keVNjcm9sbEhpZGluZygpOiB2b2lkIHtcbiAgICB0aGlzLmRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnJztcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29udGVudFR5cGVcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiQ29udGVudFR5cGUuU3RyaW5nXCI+XG4gICAge3sgY29udGV4dC5jb250ZW50IH19XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJDb250ZW50VHlwZS5UZW1wbGF0ZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50VGVtcGxhdGVSZWY7IGNvbnRleHQ6IGNvbnRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIkNvbnRlbnRUeXBlLkNvbXBvbmVudFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiY29tcG9uZW50VHlwZVwiPjwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmludGVyZmFjZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy5pbnRlcmZhY2VzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUT0RPOiDQmNGB0L/QvtC70YzQt9C+0LLQsNGC0Ywg0LIg0LHRg9C00YPRidC10LwgQ3VpU2l6ZS3RgtC40L/Ri1xuZXhwb3J0IHR5cGUgQ3VpRGlhbG9nU2l6ZSA9ICd4bCcgfCAnYXV0byc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ3VpRGlhbG9nT3B0aW9ucyB7XG4gIHJlYWRvbmx5IHNpemU6IEN1aURpYWxvZ1NpemU7XG59XG4iXX0=
|
|
@@ -3,8 +3,8 @@ import { cuiCreateToken } from '@cuby-ui/cdk';
|
|
|
3
3
|
import { BehaviorSubject } from 'rxjs';
|
|
4
4
|
export const CUI_DIALOGS = cuiCreateToken(new BehaviorSubject([]));
|
|
5
5
|
export const CUI_DIALOG_DEFAULT_OPTIONS = {
|
|
6
|
-
|
|
6
|
+
size: 'auto'
|
|
7
7
|
};
|
|
8
8
|
export const CUI_DIALOG_OPTIONS = cuiCreateToken(CUI_DIALOG_DEFAULT_OPTIONS);
|
|
9
9
|
export const CUI_DIALOG_CONTEXT = new InjectionToken('');
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnRva2Vucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLnRva2Vucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUl2QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsY0FBYyxDQUN2QyxJQUFJLGVBQWUsQ0FBOEMsRUFBRSxDQUFDLENBQ3JFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBcUI7SUFDMUQsSUFBSSxFQUFFLE1BQU07Q0FDYixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsY0FBYyxDQUFDLDBCQUEwQixDQUFDLENBQUM7QUFFN0UsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxjQUFjLENBQStCLEVBQUUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgQ3VpUG9wb3ZlciB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5pbXBvcnQgeyBjdWlDcmVhdGVUb2tlbiB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHR5cGUgeyBDdWlEaWFsb2dPcHRpb25zIH0gZnJvbSAnLi9kaWFsb2cuaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCBjb25zdCBDVUlfRElBTE9HUyA9IGN1aUNyZWF0ZVRva2VuKFxuICBuZXcgQmVoYXZpb3JTdWJqZWN0PFJlYWRvbmx5QXJyYXk8Q3VpUG9wb3ZlcjxDdWlEaWFsb2dPcHRpb25zPj4+KFtdKVxuKTtcblxuZXhwb3J0IGNvbnN0IENVSV9ESUFMT0dfREVGQVVMVF9PUFRJT05TOiBDdWlEaWFsb2dPcHRpb25zID0ge1xuICBzaXplOiAnYXV0bydcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfRElBTE9HX09QVElPTlMgPSBjdWlDcmVhdGVUb2tlbihDVUlfRElBTE9HX0RFRkFVTFRfT1BUSU9OUyk7XG5cbmV4cG9ydCBjb25zdCBDVUlfRElBTE9HX0NPTlRFWFQgPSBuZXcgSW5qZWN0aW9uVG9rZW48Q3VpUG9wb3ZlcjxDdWlEaWFsb2dPcHRpb25zPj4oJycpO1xuIl19
|
|
@@ -864,7 +864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
864
864
|
|
|
865
865
|
const CUI_DIALOGS = cuiCreateToken(new BehaviorSubject([]));
|
|
866
866
|
const CUI_DIALOG_DEFAULT_OPTIONS = {
|
|
867
|
-
|
|
867
|
+
size: 'auto'
|
|
868
868
|
};
|
|
869
869
|
const CUI_DIALOG_OPTIONS = cuiCreateToken(CUI_DIALOG_DEFAULT_OPTIONS);
|
|
870
870
|
const CUI_DIALOG_CONTEXT = new InjectionToken('');
|
|
@@ -881,6 +881,9 @@ class CuiDialogComponent {
|
|
|
881
881
|
this.ContentType = ContentType;
|
|
882
882
|
this.contentType = ContentType.Component;
|
|
883
883
|
}
|
|
884
|
+
get size() {
|
|
885
|
+
return this.context.size;
|
|
886
|
+
}
|
|
884
887
|
ngOnInit() {
|
|
885
888
|
this.initBodyScrollHiding();
|
|
886
889
|
this.initContentType();
|
|
@@ -916,11 +919,14 @@ class CuiDialogComponent {
|
|
|
916
919
|
}
|
|
917
920
|
}
|
|
918
921
|
CuiDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
919
|
-
CuiDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiDialogComponent, selector: "cui-dialog",
|
|
922
|
+
CuiDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiDialogComponent, selector: "cui-dialog", host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [":host{padding:16px 24px;box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 180px);width:100%;border-radius:12px;background:var(--cui-base-0);font-family:var(--cui-main-font)}:host[data-size=auto]{width:auto}:host[data-size=xl]{max-width:1080px}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
920
923
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogComponent, decorators: [{
|
|
921
924
|
type: Component,
|
|
922
|
-
args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
923
|
-
}]
|
|
925
|
+
args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [":host{padding:16px 24px;box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 180px);width:100%;border-radius:12px;background:var(--cui-base-0);font-family:var(--cui-main-font)}:host[data-size=auto]{width:auto}:host[data-size=xl]{max-width:1080px}\n"] }]
|
|
926
|
+
}], propDecorators: { size: [{
|
|
927
|
+
type: HostBinding,
|
|
928
|
+
args: ['attr.data-size']
|
|
929
|
+
}] } });
|
|
924
930
|
|
|
925
931
|
class CuiDialogsComponent {
|
|
926
932
|
constructor() {
|