nira-falcon 0.1.9 → 0.1.11
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.
|
@@ -18,14 +18,14 @@ export class CoreConfirmDialogComponent {
|
|
|
18
18
|
this.closeSubject.next('true');
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreConfirmDialogComponent, selector: "app-core-confirm-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreConfirmDialogComponent, selector: "app-core-confirm-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"confirm()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"], dependencies: [{ kind: "component", type: i1.CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: i2.CloseIconComponent, selector: "close-icon" }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'app-core-confirm-dialog', template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"
|
|
25
|
+
args: [{ selector: 'app-core-confirm-dialog', template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"confirm()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"] }]
|
|
26
26
|
}], propDecorators: { closeSubject: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], config: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1jb25maXJtLWRpYWxvZy9jb3JlLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWNvbmZpcm0tZGlhbG9nL2NvcmUtY29uZmlybS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVakQsTUFBTSxPQUFPLDBCQUEwQjtJQUlyQyxLQUFLLENBQUMsUUFBUTtRQUNaLElBQUksQ0FBQyxhQUFhLEdBQUc7WUFDbkIsU0FBUyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVM7WUFDckMsVUFBVSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVU7WUFDdkMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDM0IsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUs7U0FDOUIsQ0FBQztJQUNKLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUNELE9BQU87UUFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWpCVSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwySENWdkMsaTNCQTRCQTs7NEZEbEJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBSzFCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJTW9kYWwsIE5pcmFNb2RhbENvbmZpZyB9IGZyb20gJ25pcmEtbW9kYWwnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENvbmZpcm1EaWFsb2cgfSBmcm9tICcuLi9mYWxjb25UeXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jb3JlLWNvbmZpcm0tZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZUNvbmZpcm1EaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBJTW9kYWwge1xyXG4gIEBJbnB1dCgpIGNsb3NlU3ViamVjdCE6IFN1YmplY3Q8YW55PjtcclxuICBASW5wdXQoKSBjb25maWchOiBOaXJhTW9kYWxDb25maWc7XHJcbiAgY29uZmlybURpYWxvZyE6IENvbmZpcm1EaWFsb2c7XHJcbiAgYXN5bmMgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmNvbmZpcm1EaWFsb2cgPSB7XHJcbiAgICAgIGNhbmNlbEJ0bjogdGhpcy5jb25maWcuZGF0YS5jYW5jZWxCdG4sXHJcbiAgICAgIGNvbmZpcm1CdG46IHRoaXMuY29uZmlnLmRhdGEuY29uZmlybUJ0bixcclxuICAgICAgdGV4dDogdGhpcy5jb25maWcuZGF0YS50ZXh0LFxyXG4gICAgICB0aXRsZTogdGhpcy5jb25maWcuZGF0YS50aXRsZSxcclxuICAgIH07XHJcbiAgfVxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZVN1YmplY3QubmV4dCgnZmFsc2UnKTtcclxuICB9XHJcbiAgY29uZmlybSgpIHtcclxuICAgIHRoaXMuY2xvc2VTdWJqZWN0Lm5leHQoJ3RydWUnKTtcclxuICB9XHJcbn1cclxuIiwiPGNvcmUtY2FyZCBjbGFzcz1cImJsb2NrIG1pbi13LTY0IG0tNVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJoZWFkZXIgZmxleCBtYi02IGp1c3RpZnktYmV0d2VlblwiPlxyXG4gICAgPGIgY2xhc3M9XCJtLTMgc2VsZi1jZW50ZXJcIj57eyBjb25maXJtRGlhbG9nLnRpdGxlIH19PC9iPlxyXG4gICAgPGNsb3NlLWljb25cclxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgICBjbGFzcz1cImhlYWRlci1pY29uIGgtMTAgbS0zIHJvdW5kZWQtZnVsbCBjdXJzb3ItcG9pbnRlciBwLTIgaG92ZXI6c2hhZG93LW1kXCJcclxuICAgID48L2Nsb3NlLWljb24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxwIGNsYXNzPVwibWF4LXctbGcgcHgtNlwiPnt7IGNvbmZpcm1EaWFsb2cudGV4dCB9fTwvcD5cclxuICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtNCBnYXAteC0yIHAtM1wiIGRpcj1cImx0clwiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBjbGFzcz1cImNvbC1zcGFuLTEgYnV0dG9uIHNxdWFyZSBkZWZhdWx0IHNtYWxsXCJcclxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgID5cclxuICAgICAge3sgY29uZmlybURpYWxvZy5jYW5jZWxCdG4gfX1cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxidXR0b25cclxuICAgICAgY2xhc3M9XCJjb2wtc3Bhbi0xIGJ1dHRvbiBzcXVhcmUgZGFuZ2VyIHNtYWxsXCJcclxuICAgICAgKGNsaWNrKT1cImNvbmZpcm0oKVwiXHJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgPlxyXG4gICAgICB7eyBjb25maXJtRGlhbG9nLmNvbmZpcm1CdG4gfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2NvcmUtY2FyZD5cclxuIl19
|
package/fesm2022/nira-falcon.mjs
CHANGED
|
@@ -54,11 +54,11 @@ class CoreConfirmDialogComponent {
|
|
|
54
54
|
this.closeSubject.next('true');
|
|
55
55
|
}
|
|
56
56
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreConfirmDialogComponent, selector: "app-core-confirm-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreConfirmDialogComponent, selector: "app-core-confirm-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"confirm()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"], dependencies: [{ kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
58
58
|
}
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
|
-
args: [{ selector: 'app-core-confirm-dialog', template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"
|
|
61
|
+
args: [{ selector: 'app-core-confirm-dialog', template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"confirm()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"] }]
|
|
62
62
|
}], propDecorators: { closeSubject: [{
|
|
63
63
|
type: Input
|
|
64
64
|
}], config: [{
|