@sdcorejs/angular 21.0.11 → 21.1.1

package/fesm2022/sdcorejs-angular-services-confirm.mjs

@@ -6,7 +6,9 @@ import * as i1 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { SdButton } from '@sdcorejs/angular/components/button';
 import { SdDate } from '@sdcorejs/angular/forms/date';
+import { SdDatetime } from '@sdcorejs/angular/forms/datetime';
 import { SdRadio } from '@sdcorejs/angular/forms/radio';
+import { SdSelect } from '@sdcorejs/angular/forms/select';
 import { SdTextarea } from '@sdcorejs/angular/forms/textarea';
 import { Utilities } from '@sdcorejs/utils/fns';
 import { SdIcon } from '@sdcorejs/angular/modules/icon';
@@ -27,17 +29,25 @@ class DialogConfirmComponent {
             this.value = this.data?.date?.defaultValue ?? '';
             this.required = this.data?.date?.required || false;
         }
+        if (this.data?.datetime) {
+            this.value = this.data?.datetime?.defaultValue ?? '';
+            this.required = this.data?.datetime?.required || false;
+        }
         if (this.data?.radio) {
             this.value = this.data?.radio?.defaultValue ?? '';
             this.required = this.data?.radio?.required || false;
         }
+        if (this.data?.select) {
+            this.value = this.data?.select?.defaultValue ?? (this.data?.select?.multiple ? [] : null);
+            this.required = this.data?.select?.required || false;
+        }
     }
     onCancel = () => {
         this.dialogRef.close({ action: 'CANCEL', value: null });
     };
     onAccept = () => {
         // Always return an object with action and value for consistency
-        if (this.data?.radio || this.data?.input || this.data?.date) {
+        if (this.data?.radio || this.data?.input || this.data?.date || this.data?.datetime || this.data?.select) {
             this.dialogRef.close({ action: 'ACCEPT', value: this.value });
         }
         else {
@@ -45,11 +55,11 @@ class DialogConfirmComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DialogConfirmComponent, isStandalone: true, selector: "sd-dialog-confirm", ngImport: i0, template: "<div mat-dialog-title class=\"\">\n  @if (data.icon) {\n    <sd-icon [name]=\"data.icon\"></sd-icon>\n  }\n  <span class=\"T24M\" [innerHtml]=\"data.title || 'Confirm'\"></span>\n</div>\n<div mat-dialog-content>\n  <div class=\"T14R mb-4\" [innerHtml]=\"data.message\"></div>\n  @if (data.input) {\n    <sd-textarea [placeholder]=\"data.input.placeholder\" [(model)]=\"value\" [rows]=\"5\" [maxlength]=\"data.input.maxlength!\" />\n  }\n  @if (data.date) {\n    <sd-date\n      [placeholder]=\"data.date.placeholder\"\n      [(model)]=\"value\"\n      type=\"date\"\n      [min]=\"data.date.min!\"\n      [max]=\"data.date.max!\"\n      [required]=\"data.date.required\">\n    </sd-date>\n  }\n  @if (data.radio) {\n    <sd-radio\n      [items]=\"data.radio.items\"\n      [valueField]=\"data.radio.valueField\"\n      [displayField]=\"data.radio.displayField\"\n      [display]=\"data.radio.display || 'column'\"\n      [(model)]=\"value\"\n      [required]=\"data.radio.required\">\n    </sd-radio>\n  }\n</div>\n<div mat-dialog-actions align=\"end\">\n  @if (data.noTitle) {\n    <sd-button [color]=\"data.noButtonColor || 'secondary'\" [title]=\"data.noTitle\" (click)=\"onCancel()\"></sd-button>\n  }\n  @if (data.yesTitle) {\n    <sd-button\n      class=\"ml-8\"\n      type=\"fill\"\n      [color]=\"data.yesButtonColor || 'primary'\"\n      [disabled]=\"required && !value\"\n      cdkFocusInitial\n      [title]=\"data.yesTitle\"\n      (click)=\"onAccept()\"></sd-button>\n  }\n</div>\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}:host .mat-dialog-content{margin:0 -16px 16px!important}:host .mat-button{background-color:#f5f5f5}:host ::ng-deep .mat-dialog-title{display:flex;align-items:center;justify-content:flex-start}:host ::ng-deep .mat-dialog-title sd-icon{margin-right:5px}:host{display:block}:host ::ng-deep .mat-dialog-title sd-icon.info{color:var(--sd-info)}:host ::ng-deep .mat-dialog-title sd-icon.warning{color:var(--sd-warning)}:host ::ng-deep .mat-dialog-title sd-icon.success{color:var(--sd-success)}:host ::ng-deep .mat-dialog-title sd-icon.error{color:var(--sd-error)}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: SdButton, selector: "sd-button", inputs: ["autoId", "type", "color", "size", "fontSet", "title", "width", "tooltip", "prefixIcon", "suffixIcon", "disabled", "loading", "block", "htmlType"], outputs: ["click"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdRadio, selector: "sd-radio", inputs: ["autoId", "name", "form", "label", "placeholder", "display", "items", "valueField", "displayField", "required", "inlineError", "disabled", "viewed", "color", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdTextarea, selector: "sd-textarea", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "rows", "hideInlineError", "required", "disabled", "viewed", "autoHeight", "maxlength", "pattern", "validator", "inlineError", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DialogConfirmComponent, isStandalone: true, selector: "sd-dialog-confirm", ngImport: i0, template: "<div mat-dialog-title class=\"\">\n  @if (data.icon) {\n    <sd-icon [name]=\"data.icon\"></sd-icon>\n  }\n  <span class=\"T24M\" [innerHtml]=\"data.title || 'Confirm'\"></span>\n</div>\n<div mat-dialog-content class=\"sd-dialog-confirm__content\" [class.sd-dialog-confirm__content--radio]=\"data.radio\">\n  <div class=\"T14R mb-4\" [innerHtml]=\"data.message\"></div>\n  @if (data.input) {\n    <sd-textarea [placeholder]=\"data.input.placeholder\" [(model)]=\"value\" [rows]=\"5\" [maxlength]=\"data.input.maxlength!\" />\n  }\n  @if (data.select) {\n    <sd-select\n      [placeholder]=\"data.select.placeholder\"\n      [items]=\"data.select.items\"\n      [valueField]=\"data.select.valueField\"\n      [displayField]=\"data.select.displayField\"\n      [multiple]=\"data.select.multiple\"\n      [(model)]=\"value\"\n      [required]=\"data.select.required\">\n    </sd-select>\n  }\n  @if (data.date) {\n    <sd-date\n      [placeholder]=\"data.date.placeholder\"\n      [(model)]=\"value\"\n      type=\"date\"\n      [min]=\"data.date.min!\"\n      [max]=\"data.date.max!\"\n      [required]=\"data.date.required\">\n    </sd-date>\n  }\n  @if (data.datetime) {\n    <sd-datetime\n      [placeholder]=\"data.datetime.placeholder\"\n      [(model)]=\"value\"\n      [min]=\"data.datetime.min!\"\n      [max]=\"data.datetime.max!\"\n      [showSeconds]=\"data.datetime.showSeconds\"\n      [required]=\"data.datetime.required\">\n    </sd-datetime>\n  }\n  @if (data.radio) {\n    <sd-radio\n      [items]=\"data.radio.items\"\n      [valueField]=\"data.radio.valueField\"\n      [displayField]=\"data.radio.displayField\"\n      [display]=\"data.radio.display || 'column'\"\n      [(model)]=\"value\"\n      [required]=\"data.radio.required\">\n    </sd-radio>\n  }\n</div>\n<div mat-dialog-actions align=\"end\">\n  @if (data.noTitle) {\n    <sd-button type=\"text\" [color]=\"data.noButtonColor || 'secondary'\" [title]=\"data.noTitle\" (click)=\"onCancel()\"></sd-button>\n  }\n  @if (data.yesTitle) {\n    <sd-button\n      class=\"ml-8\"\n      type=\"fill\"\n      [color]=\"data.yesButtonColor || 'primary'\"\n      [disabled]=\"required && (value === undefined || value === null || value === '' || (value.length !== undefined && value.length === 0))\"\n      cdkFocusInitial\n      [title]=\"data.yesTitle\"\n      (click)=\"onAccept()\"></sd-button>\n  }\n</div>\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-primary-contrast{color:var(--sd-primary-contrast)!important}.bg-primary-contrast{background:var(--sd-primary-contrast)!important}.border-primary-contrast{border-color:var(--sd-primary-contrast)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-secondary-contrast{color:var(--sd-secondary-contrast)!important}.bg-secondary-contrast{background:var(--sd-secondary-contrast)!important}.border-secondary-contrast{border-color:var(--sd-secondary-contrast)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-info-contrast{color:var(--sd-info-contrast)!important}.bg-info-contrast{background:var(--sd-info-contrast)!important}.border-info-contrast{border-color:var(--sd-info-contrast)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-success-contrast{color:var(--sd-success-contrast)!important}.bg-success-contrast{background:var(--sd-success-contrast)!important}.border-success-contrast{border-color:var(--sd-success-contrast)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-warning-contrast{color:var(--sd-warning-contrast)!important}.bg-warning-contrast{background:var(--sd-warning-contrast)!important}.border-warning-contrast{border-color:var(--sd-warning-contrast)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-error-contrast{color:var(--sd-error-contrast)!important}.bg-error-contrast{background:var(--sd-error-contrast)!important}.border-error-contrast{border-color:var(--sd-error-contrast)!important}.text-surface{color:var(--sd-surface)!important}.bg-surface{background:var(--sd-surface)!important}.border-surface{border-color:var(--sd-surface)!important}.text-surface-muted{color:var(--sd-surface-muted)!important}.bg-surface-muted{background:var(--sd-surface-muted)!important}.border-surface-muted{border-color:var(--sd-surface-muted)!important}.text-text{color:var(--sd-text)!important}.bg-text{background:var(--sd-text)!important}.border-text{border-color:var(--sd-text)!important}.text-text-secondary{color:var(--sd-text-secondary)!important}.bg-text-secondary{background:var(--sd-text-secondary)!important}.border-text-secondary{border-color:var(--sd-text-secondary)!important}.text-text-muted{color:var(--sd-text-muted)!important}.bg-text-muted{background:var(--sd-text-muted)!important}.border-text-muted{border-color:var(--sd-text-muted)!important}.text-border{color:var(--sd-border)!important}.bg-border{background:var(--sd-border)!important}.border-border{border-color:var(--sd-border)!important}.text-border-strong{color:var(--sd-border-strong)!important}.bg-border-strong{background:var(--sd-border-strong)!important}.border-border-strong{border-color:var(--sd-border-strong)!important}.text-disabled-bg{color:var(--sd-disabled-bg)!important}.bg-disabled-bg{background:var(--sd-disabled-bg)!important}.border-disabled-bg{border-color:var(--sd-disabled-bg)!important}.text-disabled-text{color:var(--sd-disabled-text)!important}.bg-disabled-text{background:var(--sd-disabled-text)!important}.border-disabled-text{border-color:var(--sd-disabled-text)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.text-secondary{color:var(--sd-text-secondary)!important}.text-muted{color:var(--sd-text-muted)!important}.text-body{color:var(--sd-text)!important}.bg-muted{background:var(--sd-surface-muted)!important}:host .sd-dialog-confirm__content--radio{max-height:none;overflow:visible}:host .sd-dialog-confirm__content--radio sd-radio{height:auto}:host .mat-button{background-color:#f5f5f5}:host ::ng-deep .mat-dialog-title{display:flex;align-items:center;justify-content:flex-start}:host ::ng-deep .mat-dialog-title sd-icon{margin-right:5px}:host{display:block}:host ::ng-deep .mat-dialog-title sd-icon.info{color:var(--sd-info)}:host ::ng-deep .mat-dialog-title sd-icon.warning{color:var(--sd-warning)}:host ::ng-deep .mat-dialog-title sd-icon.success{color:var(--sd-success)}:host ::ng-deep .mat-dialog-title sd-icon.error{color:var(--sd-error)}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: SdButton, selector: "sd-button", inputs: ["autoId", "type", "color", "size", "fontSet", "title", "width", "tooltip", "prefixIcon", "suffixIcon", "disabled", "loading", "block", "htmlType"], outputs: ["click"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdRadio, selector: "sd-radio", inputs: ["autoId", "name", "form", "label", "placeholder", "display", "items", "valueField", "displayField", "required", "inlineError", "disabled", "viewed", "color", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdTextarea, selector: "sd-textarea", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "rows", "hideInlineError", "required", "disabled", "viewed", "autoHeight", "maxlength", "pattern", "validator", "inlineError", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogConfirmComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-dialog-confirm', imports: [SdIcon, CommonModule, FormsModule, MatDialogModule, SdButton, SdDate, SdRadio, SdTextarea], template: "<div mat-dialog-title class=\"\">\n  @if (data.icon) {\n    <sd-icon [name]=\"data.icon\"></sd-icon>\n  }\n  <span class=\"T24M\" [innerHtml]=\"data.title || 'Confirm'\"></span>\n</div>\n<div mat-dialog-content>\n  <div class=\"T14R mb-4\" [innerHtml]=\"data.message\"></div>\n  @if (data.input) {\n    <sd-textarea [placeholder]=\"data.input.placeholder\" [(model)]=\"value\" [rows]=\"5\" [maxlength]=\"data.input.maxlength!\" />\n  }\n  @if (data.date) {\n    <sd-date\n      [placeholder]=\"data.date.placeholder\"\n      [(model)]=\"value\"\n      type=\"date\"\n      [min]=\"data.date.min!\"\n      [max]=\"data.date.max!\"\n      [required]=\"data.date.required\">\n    </sd-date>\n  }\n  @if (data.radio) {\n    <sd-radio\n      [items]=\"data.radio.items\"\n      [valueField]=\"data.radio.valueField\"\n      [displayField]=\"data.radio.displayField\"\n      [display]=\"data.radio.display || 'column'\"\n      [(model)]=\"value\"\n      [required]=\"data.radio.required\">\n    </sd-radio>\n  }\n</div>\n<div mat-dialog-actions align=\"end\">\n  @if (data.noTitle) {\n    <sd-button [color]=\"data.noButtonColor || 'secondary'\" [title]=\"data.noTitle\" (click)=\"onCancel()\"></sd-button>\n  }\n  @if (data.yesTitle) {\n    <sd-button\n      class=\"ml-8\"\n      type=\"fill\"\n      [color]=\"data.yesButtonColor || 'primary'\"\n      [disabled]=\"required && !value\"\n      cdkFocusInitial\n      [title]=\"data.yesTitle\"\n      (click)=\"onAccept()\"></sd-button>\n  }\n</div>\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}:host .mat-dialog-content{margin:0 -16px 16px!important}:host .mat-button{background-color:#f5f5f5}:host ::ng-deep .mat-dialog-title{display:flex;align-items:center;justify-content:flex-start}:host ::ng-deep .mat-dialog-title sd-icon{margin-right:5px}:host{display:block}:host ::ng-deep .mat-dialog-title sd-icon.info{color:var(--sd-info)}:host ::ng-deep .mat-dialog-title sd-icon.warning{color:var(--sd-warning)}:host ::ng-deep .mat-dialog-title sd-icon.success{color:var(--sd-success)}:host ::ng-deep .mat-dialog-title sd-icon.error{color:var(--sd-error)}\n"] }]
+            args: [{ selector: 'sd-dialog-confirm', imports: [SdIcon, CommonModule, FormsModule, MatDialogModule, SdButton, SdDate, SdDatetime, SdRadio, SdSelect, SdTextarea], template: "<div mat-dialog-title class=\"\">\n  @if (data.icon) {\n    <sd-icon [name]=\"data.icon\"></sd-icon>\n  }\n  <span class=\"T24M\" [innerHtml]=\"data.title || 'Confirm'\"></span>\n</div>\n<div mat-dialog-content class=\"sd-dialog-confirm__content\" [class.sd-dialog-confirm__content--radio]=\"data.radio\">\n  <div class=\"T14R mb-4\" [innerHtml]=\"data.message\"></div>\n  @if (data.input) {\n    <sd-textarea [placeholder]=\"data.input.placeholder\" [(model)]=\"value\" [rows]=\"5\" [maxlength]=\"data.input.maxlength!\" />\n  }\n  @if (data.select) {\n    <sd-select\n      [placeholder]=\"data.select.placeholder\"\n      [items]=\"data.select.items\"\n      [valueField]=\"data.select.valueField\"\n      [displayField]=\"data.select.displayField\"\n      [multiple]=\"data.select.multiple\"\n      [(model)]=\"value\"\n      [required]=\"data.select.required\">\n    </sd-select>\n  }\n  @if (data.date) {\n    <sd-date\n      [placeholder]=\"data.date.placeholder\"\n      [(model)]=\"value\"\n      type=\"date\"\n      [min]=\"data.date.min!\"\n      [max]=\"data.date.max!\"\n      [required]=\"data.date.required\">\n    </sd-date>\n  }\n  @if (data.datetime) {\n    <sd-datetime\n      [placeholder]=\"data.datetime.placeholder\"\n      [(model)]=\"value\"\n      [min]=\"data.datetime.min!\"\n      [max]=\"data.datetime.max!\"\n      [showSeconds]=\"data.datetime.showSeconds\"\n      [required]=\"data.datetime.required\">\n    </sd-datetime>\n  }\n  @if (data.radio) {\n    <sd-radio\n      [items]=\"data.radio.items\"\n      [valueField]=\"data.radio.valueField\"\n      [displayField]=\"data.radio.displayField\"\n      [display]=\"data.radio.display || 'column'\"\n      [(model)]=\"value\"\n      [required]=\"data.radio.required\">\n    </sd-radio>\n  }\n</div>\n<div mat-dialog-actions align=\"end\">\n  @if (data.noTitle) {\n    <sd-button type=\"text\" [color]=\"data.noButtonColor || 'secondary'\" [title]=\"data.noTitle\" (click)=\"onCancel()\"></sd-button>\n  }\n  @if (data.yesTitle) {\n    <sd-button\n      class=\"ml-8\"\n      type=\"fill\"\n      [color]=\"data.yesButtonColor || 'primary'\"\n      [disabled]=\"required && (value === undefined || value === null || value === '' || (value.length !== undefined && value.length === 0))\"\n      cdkFocusInitial\n      [title]=\"data.yesTitle\"\n      (click)=\"onAccept()\"></sd-button>\n  }\n</div>\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-primary-contrast{color:var(--sd-primary-contrast)!important}.bg-primary-contrast{background:var(--sd-primary-contrast)!important}.border-primary-contrast{border-color:var(--sd-primary-contrast)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-secondary-contrast{color:var(--sd-secondary-contrast)!important}.bg-secondary-contrast{background:var(--sd-secondary-contrast)!important}.border-secondary-contrast{border-color:var(--sd-secondary-contrast)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-info-contrast{color:var(--sd-info-contrast)!important}.bg-info-contrast{background:var(--sd-info-contrast)!important}.border-info-contrast{border-color:var(--sd-info-contrast)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-success-contrast{color:var(--sd-success-contrast)!important}.bg-success-contrast{background:var(--sd-success-contrast)!important}.border-success-contrast{border-color:var(--sd-success-contrast)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-warning-contrast{color:var(--sd-warning-contrast)!important}.bg-warning-contrast{background:var(--sd-warning-contrast)!important}.border-warning-contrast{border-color:var(--sd-warning-contrast)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-error-contrast{color:var(--sd-error-contrast)!important}.bg-error-contrast{background:var(--sd-error-contrast)!important}.border-error-contrast{border-color:var(--sd-error-contrast)!important}.text-surface{color:var(--sd-surface)!important}.bg-surface{background:var(--sd-surface)!important}.border-surface{border-color:var(--sd-surface)!important}.text-surface-muted{color:var(--sd-surface-muted)!important}.bg-surface-muted{background:var(--sd-surface-muted)!important}.border-surface-muted{border-color:var(--sd-surface-muted)!important}.text-text{color:var(--sd-text)!important}.bg-text{background:var(--sd-text)!important}.border-text{border-color:var(--sd-text)!important}.text-text-secondary{color:var(--sd-text-secondary)!important}.bg-text-secondary{background:var(--sd-text-secondary)!important}.border-text-secondary{border-color:var(--sd-text-secondary)!important}.text-text-muted{color:var(--sd-text-muted)!important}.bg-text-muted{background:var(--sd-text-muted)!important}.border-text-muted{border-color:var(--sd-text-muted)!important}.text-border{color:var(--sd-border)!important}.bg-border{background:var(--sd-border)!important}.border-border{border-color:var(--sd-border)!important}.text-border-strong{color:var(--sd-border-strong)!important}.bg-border-strong{background:var(--sd-border-strong)!important}.border-border-strong{border-color:var(--sd-border-strong)!important}.text-disabled-bg{color:var(--sd-disabled-bg)!important}.bg-disabled-bg{background:var(--sd-disabled-bg)!important}.border-disabled-bg{border-color:var(--sd-disabled-bg)!important}.text-disabled-text{color:var(--sd-disabled-text)!important}.bg-disabled-text{background:var(--sd-disabled-text)!important}.border-disabled-text{border-color:var(--sd-disabled-text)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.text-secondary{color:var(--sd-text-secondary)!important}.text-muted{color:var(--sd-text-muted)!important}.text-body{color:var(--sd-text)!important}.bg-muted{background:var(--sd-surface-muted)!important}:host .sd-dialog-confirm__content--radio{max-height:none;overflow:visible}:host .sd-dialog-confirm__content--radio sd-radio{height:auto}:host .mat-button{background-color:#f5f5f5}:host ::ng-deep .mat-dialog-title{display:flex;align-items:center;justify-content:flex-start}:host ::ng-deep .mat-dialog-title sd-icon{margin-right:5px}:host{display:block}:host ::ng-deep .mat-dialog-title sd-icon.info{color:var(--sd-info)}:host ::ng-deep .mat-dialog-title sd-icon.warning{color:var(--sd-warning)}:host ::ng-deep .mat-dialog-title sd-icon.success{color:var(--sd-success)}:host ::ng-deep .mat-dialog-title sd-icon.error{color:var(--sd-error)}\n"] }]
         }], ctorParameters: () => [] });
 
 class SdConfirmService {
@@ -149,6 +159,41 @@ class SdConfirmService {
             });
         });
     };
+    withSelect = (message, option) => {
+        const dialogRef = this.dialog.open(DialogConfirmComponent, {
+            width: '400px',
+            disableClose: option?.disableBackdropClose ?? true,
+            data: {
+                title: option?.title || this.#i18n.t('core.confirm.title'),
+                message,
+                yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),
+                noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),
+                noButtonColor: option?.noButtonColor || 'secondary',
+                yesButtonColor: option?.yesButtonColor || 'primary',
+                select: {
+                    items: option?.items || [],
+                    valueField: option?.valueField || 'value',
+                    displayField: option?.displayField || 'label',
+                    placeholder: option?.placeholder,
+                    multiple: option?.multiple,
+                    required: option?.required,
+                    defaultValue: option?.defaultValue,
+                },
+            },
+        });
+        return new Promise((resolve, reject) => {
+            dialogRef.afterClosed().subscribe(result => {
+                if (result) {
+                    if (result.action === 'CANCEL') {
+                        reject(result.action);
+                    }
+                    else if (result.action === 'ACCEPT') {
+                        resolve(result.value);
+                    }
+                }
+            });
+        });
+    };
     withDate = (message, option) => {
         const dialogRef = this.dialog.open(DialogConfirmComponent, {
             width: '400px',
@@ -164,6 +209,42 @@ class SdConfirmService {
                     placeholder: option?.placeholder,
                     required: option?.required,
                     defaultValue: option?.defaultValue || '',
+                    min: option?.min,
+                    max: option?.max,
+                },
+            },
+        });
+        return new Promise((resolve, reject) => {
+            dialogRef.afterClosed().subscribe(result => {
+                if (result) {
+                    if (result.action === 'CANCEL') {
+                        reject(result.action);
+                    }
+                    else if (result.action === 'ACCEPT') {
+                        resolve(result.value);
+                    }
+                }
+            });
+        });
+    };
+    withDatetime = (message, option) => {
+        const dialogRef = this.dialog.open(DialogConfirmComponent, {
+            width: '400px',
+            disableClose: option?.disableBackdropClose ?? true,
+            data: {
+                title: option?.title || this.#i18n.t('core.confirm.title'),
+                message,
+                yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),
+                noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),
+                noButtonColor: option?.noButtonColor || 'secondary',
+                yesButtonColor: option?.yesButtonColor || 'primary',
+                datetime: {
+                    placeholder: option?.placeholder,
+                    required: option?.required,
+                    defaultValue: option?.defaultValue || '',
+                    min: option?.min,
+                    max: option?.max,
+                    showSeconds: option?.showSeconds,
                 },
             },
         });

package/fesm2022/sdcorejs-angular-services-confirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-services-confirm.mjs","sources":["../../../projects/sdcorejs-angular/services/confirm/src/lib/components/dialog-confirm/dialog-confirm.component.ts","../../../projects/sdcorejs-angular/services/confirm/src/lib/components/dialog-confirm/dialog-confirm.component.html","../../../projects/sdcorejs-angular/services/confirm/src/lib/confirm.service.ts","../../../projects/sdcorejs-angular/services/confirm/src/public-api.ts","../../../projects/sdcorejs-angular/services/confirm/sdcorejs-angular-services-confirm.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';\nimport { SdButton } from '@sdcorejs/angular/components/button';\nimport { SdDate } from '@sdcorejs/angular/forms/date';\nimport { SdRadio } from '@sdcorejs/angular/forms/radio';\nimport { SdTextarea } from '@sdcorejs/angular/forms/textarea';\nimport { Color } from '@sdcorejs/utils/models';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\nexport interface DialogData {\n  icon?: string;\n  title?: string;\n  message?: string;\n  yesTitle?: string;\n  noTitle?: string;\n  yesButtonColor?: Color;\n  noButtonColor?: Color;\n  input?: {\n    placeholder?: string;\n    minlength?: number;\n    maxlength?: number;\n    required?: boolean;\n    defaultValue?: string;\n  };\n  date?: {\n    required?: boolean;\n    placeholder?: string;\n    defaultValue?: string | Date;\n    min?: string | Date;\n    max?: string | Date;\n  };\n  radio?: {\n    required?: boolean;\n    defaultValue?: string | number;\n    items: any[];\n    valueField: string;\n    displayField: string;\n    display?: 'row' | 'column';\n  };\n}\n\n@Component({\n  selector: 'sd-dialog-confirm',\n  templateUrl: 'dialog-confirm.component.html',\n  styleUrl: './dialog-confirm.component.scss',\n  imports: [SdIcon, CommonModule, FormsModule, MatDialogModule, SdButton, SdDate, SdRadio, SdTextarea],\n})\nexport class DialogConfirmComponent {\n  value: any;\n  required = false;\n  id = `I${Utilities.generateUuid()}`;\n  public readonly dialogRef = inject(MatDialogRef<DialogConfirmComponent>);\n  public readonly data = inject<DialogData>(MAT_DIALOG_DATA);\n\n  constructor() {\n    if (this.data?.input) {\n      this.value = this.data?.input?.defaultValue ?? '';\n      this.required = this.data?.input?.required || false;\n    }\n    if (this.data?.date) {\n      this.value = this.data?.date?.defaultValue ?? '';\n      this.required = this.data?.date?.required || false;\n    }\n    if (this.data?.radio) {\n      this.value = this.data?.radio?.defaultValue ?? '';\n      this.required = this.data?.radio?.required || false;\n    }\n  }\n\n  onCancel = () => {\n    this.dialogRef.close({ action: 'CANCEL', value: null });\n  };\n\n  onAccept = () => {\n    // Always return an object with action and value for consistency\n    if (this.data?.radio || this.data?.input || this.data?.date) {\n      this.dialogRef.close({ action: 'ACCEPT', value: this.value });\n    } else {\n      this.dialogRef.close({ action: 'ACCEPT', value: null });\n    }\n  };\n}\n","<div mat-dialog-title class=\"\">\n  @if (data.icon) {\n    <sd-icon [name]=\"data.icon\"></sd-icon>\n  }\n  <span class=\"T24M\" [innerHtml]=\"data.title || 'Confirm'\"></span>\n</div>\n<div mat-dialog-content>\n  <div class=\"T14R mb-4\" [innerHtml]=\"data.message\"></div>\n  @if (data.input) {\n    <sd-textarea [placeholder]=\"data.input.placeholder\" [(model)]=\"value\" [rows]=\"5\" [maxlength]=\"data.input.maxlength!\" />\n  }\n  @if (data.date) {\n    <sd-date\n      [placeholder]=\"data.date.placeholder\"\n      [(model)]=\"value\"\n      type=\"date\"\n      [min]=\"data.date.min!\"\n      [max]=\"data.date.max!\"\n      [required]=\"data.date.required\">\n    </sd-date>\n  }\n  @if (data.radio) {\n    <sd-radio\n      [items]=\"data.radio.items\"\n      [valueField]=\"data.radio.valueField\"\n      [displayField]=\"data.radio.displayField\"\n      [display]=\"data.radio.display || 'column'\"\n      [(model)]=\"value\"\n      [required]=\"data.radio.required\">\n    </sd-radio>\n  }\n</div>\n<div mat-dialog-actions align=\"end\">\n  @if (data.noTitle) {\n    <sd-button [color]=\"data.noButtonColor || 'secondary'\" [title]=\"data.noTitle\" (click)=\"onCancel()\"></sd-button>\n  }\n  @if (data.yesTitle) {\n    <sd-button\n      class=\"ml-8\"\n      type=\"fill\"\n      [color]=\"data.yesButtonColor || 'primary'\"\n      [disabled]=\"required && !value\"\n      cdkFocusInitial\n      [title]=\"data.yesTitle\"\n      (click)=\"onAccept()\"></sd-button>\n  }\n</div>\n","import { inject, Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { DialogConfirmComponent } from './components/dialog-confirm/dialog-confirm.component';\nimport { Color } from '@sdcorejs/utils/models';\nimport { I18nService } from '@sdcorejs/angular/i18n';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdConfirmService {\n  readonly #i18n = inject(I18nService);\n\n  constructor(private dialog: MatDialog) {}\n\n  confirm = (\n    message: string,\n    option: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      width?: string;\n      disableBackdropClose?: boolean;\n    } = {}\n  ) => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: option?.width || '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withInput = (\n    message?: string,\n    option?: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      maxlength?: number;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string;\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        input: {\n          maxlength: option?.maxlength || 255,\n          required: option?.required,\n          defaultValue: option?.defaultValue || '',\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withRadio = (\n    message?: string,\n    option?: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string | number;\n      items: any[];\n      valueField: string;\n      displayField: string;\n      display?: 'row' | 'column';\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        radio: {\n          items: option?.items || [],\n          valueField: option?.valueField || 'value',\n          displayField: option?.displayField || 'label',\n          display: option?.display || 'row',\n          required: option?.required,\n          defaultValue: option?.defaultValue,\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withDate = (\n    message?: string,\n    option?: {\n      title?: string;\n\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string | Date;\n      placeholder?: string;\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        date: {\n          placeholder: option?.placeholder,\n          required: option?.required,\n          defaultValue: option?.defaultValue || '',\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n}\n","/*\n * Public API Surface of superdev-angular-core\n */\n\nexport * from './lib/components/dialog-confirm/dialog-confirm.component';\nexport * from './lib/confirm.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sdcorejs-angular-services-confirm.mjs","sources":["../../../projects/sdcorejs-angular/services/confirm/src/lib/components/dialog-confirm/dialog-confirm.component.ts","../../../projects/sdcorejs-angular/services/confirm/src/lib/components/dialog-confirm/dialog-confirm.component.html","../../../projects/sdcorejs-angular/services/confirm/src/lib/confirm.service.ts","../../../projects/sdcorejs-angular/services/confirm/src/public-api.ts","../../../projects/sdcorejs-angular/services/confirm/sdcorejs-angular-services-confirm.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';\nimport { SdButton } from '@sdcorejs/angular/components/button';\nimport { SdDate } from '@sdcorejs/angular/forms/date';\nimport { SdDatetime } from '@sdcorejs/angular/forms/datetime';\nimport { SdRadio } from '@sdcorejs/angular/forms/radio';\nimport { SdSelect } from '@sdcorejs/angular/forms/select';\nimport { SdTextarea } from '@sdcorejs/angular/forms/textarea';\nimport { Color } from '@sdcorejs/utils/models';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\nexport interface DialogData {\n  icon?: string;\n  title?: string;\n  message?: string;\n  yesTitle?: string;\n  noTitle?: string;\n  yesButtonColor?: Color;\n  noButtonColor?: Color;\n  input?: {\n    placeholder?: string;\n    minlength?: number;\n    maxlength?: number;\n    required?: boolean;\n    defaultValue?: string;\n  };\n  date?: {\n    required?: boolean;\n    placeholder?: string;\n    defaultValue?: string | Date;\n    min?: string | Date;\n    max?: string | Date;\n  };\n  datetime?: {\n    required?: boolean;\n    placeholder?: string;\n    defaultValue?: string | Date;\n    min?: string | Date;\n    max?: string | Date;\n    showSeconds?: boolean;\n  };\n  radio?: {\n    required?: boolean;\n    defaultValue?: string | number;\n    items: any[];\n    valueField: string;\n    displayField: string;\n    display?: 'row' | 'column';\n  };\n  select?: {\n    required?: boolean;\n    defaultValue?: string | number | (string | number)[];\n    items: any[];\n    valueField: string;\n    displayField: string;\n    placeholder?: string;\n    multiple?: boolean;\n  };\n}\n\n@Component({\n  selector: 'sd-dialog-confirm',\n  templateUrl: 'dialog-confirm.component.html',\n  styleUrl: './dialog-confirm.component.scss',\n  imports: [SdIcon, CommonModule, FormsModule, MatDialogModule, SdButton, SdDate, SdDatetime, SdRadio, SdSelect, SdTextarea],\n})\nexport class DialogConfirmComponent {\n  value: any;\n  required = false;\n  id = `I${Utilities.generateUuid()}`;\n  public readonly dialogRef = inject(MatDialogRef<DialogConfirmComponent>);\n  public readonly data = inject<DialogData>(MAT_DIALOG_DATA);\n\n  constructor() {\n    if (this.data?.input) {\n      this.value = this.data?.input?.defaultValue ?? '';\n      this.required = this.data?.input?.required || false;\n    }\n    if (this.data?.date) {\n      this.value = this.data?.date?.defaultValue ?? '';\n      this.required = this.data?.date?.required || false;\n    }\n    if (this.data?.datetime) {\n      this.value = this.data?.datetime?.defaultValue ?? '';\n      this.required = this.data?.datetime?.required || false;\n    }\n    if (this.data?.radio) {\n      this.value = this.data?.radio?.defaultValue ?? '';\n      this.required = this.data?.radio?.required || false;\n    }\n    if (this.data?.select) {\n      this.value = this.data?.select?.defaultValue ?? (this.data?.select?.multiple ? [] : null);\n      this.required = this.data?.select?.required || false;\n    }\n  }\n\n  onCancel = () => {\n    this.dialogRef.close({ action: 'CANCEL', value: null });\n  };\n\n  onAccept = () => {\n    // Always return an object with action and value for consistency\n    if (this.data?.radio || this.data?.input || this.data?.date || this.data?.datetime || this.data?.select) {\n      this.dialogRef.close({ action: 'ACCEPT', value: this.value });\n    } else {\n      this.dialogRef.close({ action: 'ACCEPT', value: null });\n    }\n  };\n}\n","<div mat-dialog-title class=\"\">\n  @if (data.icon) {\n    <sd-icon [name]=\"data.icon\"></sd-icon>\n  }\n  <span class=\"T24M\" [innerHtml]=\"data.title || 'Confirm'\"></span>\n</div>\n<div mat-dialog-content class=\"sd-dialog-confirm__content\" [class.sd-dialog-confirm__content--radio]=\"data.radio\">\n  <div class=\"T14R mb-4\" [innerHtml]=\"data.message\"></div>\n  @if (data.input) {\n    <sd-textarea [placeholder]=\"data.input.placeholder\" [(model)]=\"value\" [rows]=\"5\" [maxlength]=\"data.input.maxlength!\" />\n  }\n  @if (data.select) {\n    <sd-select\n      [placeholder]=\"data.select.placeholder\"\n      [items]=\"data.select.items\"\n      [valueField]=\"data.select.valueField\"\n      [displayField]=\"data.select.displayField\"\n      [multiple]=\"data.select.multiple\"\n      [(model)]=\"value\"\n      [required]=\"data.select.required\">\n    </sd-select>\n  }\n  @if (data.date) {\n    <sd-date\n      [placeholder]=\"data.date.placeholder\"\n      [(model)]=\"value\"\n      type=\"date\"\n      [min]=\"data.date.min!\"\n      [max]=\"data.date.max!\"\n      [required]=\"data.date.required\">\n    </sd-date>\n  }\n  @if (data.datetime) {\n    <sd-datetime\n      [placeholder]=\"data.datetime.placeholder\"\n      [(model)]=\"value\"\n      [min]=\"data.datetime.min!\"\n      [max]=\"data.datetime.max!\"\n      [showSeconds]=\"data.datetime.showSeconds\"\n      [required]=\"data.datetime.required\">\n    </sd-datetime>\n  }\n  @if (data.radio) {\n    <sd-radio\n      [items]=\"data.radio.items\"\n      [valueField]=\"data.radio.valueField\"\n      [displayField]=\"data.radio.displayField\"\n      [display]=\"data.radio.display || 'column'\"\n      [(model)]=\"value\"\n      [required]=\"data.radio.required\">\n    </sd-radio>\n  }\n</div>\n<div mat-dialog-actions align=\"end\">\n  @if (data.noTitle) {\n    <sd-button type=\"text\" [color]=\"data.noButtonColor || 'secondary'\" [title]=\"data.noTitle\" (click)=\"onCancel()\"></sd-button>\n  }\n  @if (data.yesTitle) {\n    <sd-button\n      class=\"ml-8\"\n      type=\"fill\"\n      [color]=\"data.yesButtonColor || 'primary'\"\n      [disabled]=\"required && (value === undefined || value === null || value === '' || (value.length !== undefined && value.length === 0))\"\n      cdkFocusInitial\n      [title]=\"data.yesTitle\"\n      (click)=\"onAccept()\"></sd-button>\n  }\n</div>\n","import { inject, Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { DialogConfirmComponent } from './components/dialog-confirm/dialog-confirm.component';\nimport { Color } from '@sdcorejs/utils/models';\nimport { I18nService } from '@sdcorejs/angular/i18n';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdConfirmService {\n  readonly #i18n = inject(I18nService);\n\n  constructor(private dialog: MatDialog) {}\n\n  confirm = (\n    message: string,\n    option: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      width?: string;\n      disableBackdropClose?: boolean;\n    } = {}\n  ) => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: option?.width || '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withInput = (\n    message?: string,\n    option?: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      maxlength?: number;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string;\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        input: {\n          maxlength: option?.maxlength || 255,\n          required: option?.required,\n          defaultValue: option?.defaultValue || '',\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withRadio = (\n    message?: string,\n    option?: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string | number;\n      items: any[];\n      valueField: string;\n      displayField: string;\n      display?: 'row' | 'column';\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        radio: {\n          items: option?.items || [],\n          valueField: option?.valueField || 'value',\n          displayField: option?.displayField || 'label',\n          display: option?.display || 'row',\n          required: option?.required,\n          defaultValue: option?.defaultValue,\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withSelect = (\n    message?: string,\n    option?: {\n      title?: string;\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string | number | (string | number)[];\n      items: any[];\n      valueField: string;\n      displayField: string;\n      placeholder?: string;\n      multiple?: boolean;\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string | number | (string | number)[]> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        select: {\n          items: option?.items || [],\n          valueField: option?.valueField || 'value',\n          displayField: option?.displayField || 'label',\n          placeholder: option?.placeholder,\n          multiple: option?.multiple,\n          required: option?.required,\n          defaultValue: option?.defaultValue,\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withDate = (\n    message?: string,\n    option?: {\n      title?: string;\n\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string | Date;\n      placeholder?: string;\n      min?: string | Date;\n      max?: string | Date;\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string | Date> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        date: {\n          placeholder: option?.placeholder,\n          required: option?.required,\n          defaultValue: option?.defaultValue || '',\n          min: option?.min,\n          max: option?.max,\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n\n  withDatetime = (\n    message?: string,\n    option?: {\n      title?: string;\n\n      yesTitle?: string;\n      noTitle?: string;\n      required?: boolean;\n      yesButtonColor?: Color;\n      noButtonColor?: Color;\n      defaultValue?: string | Date;\n      placeholder?: string;\n      min?: string | Date;\n      max?: string | Date;\n      showSeconds?: boolean;\n      disableBackdropClose?: boolean;\n    }\n  ): Promise<string | Date> => {\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\n      width: '400px',\n      disableClose: option?.disableBackdropClose ?? true,\n      data: {\n        title: option?.title || this.#i18n.t('core.confirm.title'),\n        message,\n        yesTitle: option?.yesTitle || this.#i18n.t('core.confirm.yes-short'),\n        noTitle: option?.noTitle || this.#i18n.t('core.confirm.no-short'),\n        noButtonColor: option?.noButtonColor || 'secondary',\n        yesButtonColor: option?.yesButtonColor || 'primary',\n        datetime: {\n          placeholder: option?.placeholder,\n          required: option?.required,\n          defaultValue: option?.defaultValue || '',\n          min: option?.min,\n          max: option?.max,\n          showSeconds: option?.showSeconds,\n        },\n      },\n    });\n    return new Promise((resolve, reject) => {\n      dialogRef.afterClosed().subscribe(result => {\n        if (result) {\n          if (result.action === 'CANCEL') {\n            reject(result.action);\n          } else if (result.action === 'ACCEPT') {\n            resolve(result.value);\n          }\n        }\n      });\n    });\n  };\n}\n","/*\n * Public API Surface of superdev-angular-core\n */\n\nexport * from './lib/components/dialog-confirm/dialog-confirm.component';\nexport * from './lib/confirm.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAqEa,sBAAsB,CAAA;AACjC,IAAA,KAAK;IACL,QAAQ,GAAG,KAAK;AAChB,IAAA,EAAE,GAAG,CAAA,CAAA,EAAI,SAAS,CAAC,YAAY,EAAE,EAAE;AACnB,IAAA,SAAS,GAAG,MAAM,EAAC,YAAoC,EAAC;AACxD,IAAA,IAAI,GAAG,MAAM,CAAa,eAAe,CAAC;AAE1D,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;AACpB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,IAAI,EAAE;AACjD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAI,KAAK;QACrD;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,IAAI,EAAE;AAChD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK;QACpD;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE;AACvB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,IAAI,EAAE;AACpD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,KAAK;QACxD;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;AACpB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,IAAI,EAAE;AACjD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAI,KAAK;QACrD;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;AACrB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC;AACzF,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,IAAI,KAAK;QACtD;IACF;IAEA,QAAQ,GAAG,MAAK;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzD,IAAA,CAAC;IAED,QAAQ,GAAG,MAAK;;AAEd,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;AACvG,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAC/D;aAAO;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QACzD;AACF,IAAA,CAAC;wGAzCU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrEnC,g1EAoEA,EAAA,MAAA,EAAA,CAAA,s3NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,MAAM,uKAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,0bAAE,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,SAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,iXAAE,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,aAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAE9G,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACE,mBAAmB,EAAA,OAAA,EAGpB,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAA,QAAA,EAAA,g1EAAA,EAAA,MAAA,EAAA,CAAA,s3NAAA,CAAA,EAAA;;;ME1D/G,gBAAgB,CAAA;AAGP,IAAA,MAAA;AAFX,IAAA,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;AAEpC,IAAA,WAAA,CAAoB,MAAiB,EAAA;QAAjB,IAAA,CAAA,MAAM,GAAN,MAAM;IAAc;AAExC,IAAA,OAAO,GAAG,CACR,OAAe,EACf,MAAA,GAQI,EAAE,KACJ;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACzD,YAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,OAAO;AAC/B,YAAA,YAAY,EAAE,MAAM,EAAE,oBAAoB,IAAI,IAAI;AAClD,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBAC1D,OAAO;AACP,gBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC;AAC9D,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAC3D,gBAAA,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,WAAW;AACnD,gBAAA,cAAc,EAAE,MAAM,EAAE,cAAc,IAAI,SAAS;AACpD,aAAA;AACF,SAAA,CAAC;QACF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACrC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;gBACzC,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;oBACvB;AAAO,yBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AACrC,wBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvB;gBACF;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,SAAS,GAAG,CACV,OAAgB,EAChB,MAUC,KACkB;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACzD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,MAAM,EAAE,oBAAoB,IAAI,IAAI;AAClD,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBAC1D,OAAO;AACP,gBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC;AACpE,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC;AACjE,gBAAA,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,WAAW;AACnD,gBAAA,cAAc,EAAE,MAAM,EAAE,cAAc,IAAI,SAAS;AACnD,gBAAA,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,MAAM,EAAE,SAAS,IAAI,GAAG;oBACnC,QAAQ,EAAE,MAAM,EAAE,QAAQ;AAC1B,oBAAA,YAAY,EAAE,MAAM,EAAE,YAAY,IAAI,EAAE;AACzC,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;QACF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACrC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;gBACzC,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;oBACvB;AAAO,yBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AACrC,wBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvB;gBACF;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,SAAS,GAAG,CACV,OAAgB,EAChB,MAaC,KACkB;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACzD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,MAAM,EAAE,oBAAoB,IAAI,IAAI;AAClD,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBAC1D,OAAO;AACP,gBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC;AACpE,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC;AACjE,gBAAA,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,WAAW;AACnD,gBAAA,cAAc,EAAE,MAAM,EAAE,cAAc,IAAI,SAAS;AACnD,gBAAA,KAAK,EAAE;AACL,oBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE;AAC1B,oBAAA,UAAU,EAAE,MAAM,EAAE,UAAU,IAAI,OAAO;AACzC,oBAAA,YAAY,EAAE,MAAM,EAAE,YAAY,IAAI,OAAO;AAC7C,oBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,KAAK;oBACjC,QAAQ,EAAE,MAAM,EAAE,QAAQ;oBAC1B,YAAY,EAAE,MAAM,EAAE,YAAY;AACnC,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;QACF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACrC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;gBACzC,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;oBACvB;AAAO,yBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AACrC,wBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvB;gBACF;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,UAAU,GAAG,CACX,OAAgB,EAChB,MAcC,KACiD;QAClD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACzD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,MAAM,EAAE,oBAAoB,IAAI,IAAI;AAClD,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBAC1D,OAAO;AACP,gBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC;AACpE,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC;AACjE,gBAAA,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,WAAW;AACnD,gBAAA,cAAc,EAAE,MAAM,EAAE,cAAc,IAAI,SAAS;AACnD,gBAAA,MAAM,EAAE;AACN,oBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE;AAC1B,oBAAA,UAAU,EAAE,MAAM,EAAE,UAAU,IAAI,OAAO;AACzC,oBAAA,YAAY,EAAE,MAAM,EAAE,YAAY,IAAI,OAAO;oBAC7C,WAAW,EAAE,MAAM,EAAE,WAAW;oBAChC,QAAQ,EAAE,MAAM,EAAE,QAAQ;oBAC1B,QAAQ,EAAE,MAAM,EAAE,QAAQ;oBAC1B,YAAY,EAAE,MAAM,EAAE,YAAY;AACnC,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;QACF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACrC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;gBACzC,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;oBACvB;AAAO,yBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AACrC,wBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvB;gBACF;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,QAAQ,GAAG,CACT,OAAgB,EAChB,MAaC,KACyB;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACzD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,MAAM,EAAE,oBAAoB,IAAI,IAAI;AAClD,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBAC1D,OAAO;AACP,gBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC;AACpE,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC;AACjE,gBAAA,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,WAAW;AACnD,gBAAA,cAAc,EAAE,MAAM,EAAE,cAAc,IAAI,SAAS;AACnD,gBAAA,IAAI,EAAE;oBACJ,WAAW,EAAE,MAAM,EAAE,WAAW;oBAChC,QAAQ,EAAE,MAAM,EAAE,QAAQ;AAC1B,oBAAA,YAAY,EAAE,MAAM,EAAE,YAAY,IAAI,EAAE;oBACxC,GAAG,EAAE,MAAM,EAAE,GAAG;oBAChB,GAAG,EAAE,MAAM,EAAE,GAAG;AACjB,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;QACF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACrC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;gBACzC,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;oBACvB;AAAO,yBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AACrC,wBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvB;gBACF;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,YAAY,GAAG,CACb,OAAgB,EAChB,MAcC,KACyB;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACzD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,MAAM,EAAE,oBAAoB,IAAI,IAAI;AAClD,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBAC1D,OAAO;AACP,gBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC;AACpE,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC;AACjE,gBAAA,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,WAAW;AACnD,gBAAA,cAAc,EAAE,MAAM,EAAE,cAAc,IAAI,SAAS;AACnD,gBAAA,QAAQ,EAAE;oBACR,WAAW,EAAE,MAAM,EAAE,WAAW;oBAChC,QAAQ,EAAE,MAAM,EAAE,QAAQ;AAC1B,oBAAA,YAAY,EAAE,MAAM,EAAE,YAAY,IAAI,EAAE;oBACxC,GAAG,EAAE,MAAM,EAAE,GAAG;oBAChB,GAAG,EAAE,MAAM,EAAE,GAAG;oBAChB,WAAW,EAAE,MAAM,EAAE,WAAW;AACjC,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;QACF,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACrC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;gBACzC,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;oBACvB;AAAO,yBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AACrC,wBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvB;gBACF;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;wGA9RU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;4FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACRD;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/sdcorejs-angular-services-loading.mjs

@@ -49,7 +49,7 @@ class SdLoadingService {
             width: '5rem',
             height: '5rem',
             border: '0.5rem solid var(--sd-primary)',
-            'border-top': '0.5rem solid var(--sd-black200)',
+            'border-top': '0.5rem solid var(--sd-border)',
             'border-radius': '50%',
             animation: 'spin 1s linear infinite',
         };

package/fesm2022/sdcorejs-angular-services-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-services-loading.mjs","sources":["../../../projects/sdcorejs-angular/services/loading/src/loading.service.ts","../../../projects/sdcorejs-angular/services/loading/sdcorejs-angular-services-loading.ts"],"sourcesContent":["import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdLoadingService {\n  private loadingId = 'L8d556b9b-f6dd-46e9-9710-757e65d82839';\n\n  private renderer: Renderer2;\n\n  private loadingMap = new WeakMap<Element, HTMLElement>();\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(null, null);\n  }\n\n  start = (element = 'body') => {\n    const ele = document.querySelector(element);\n    if (ele && !this.loadingMap.has(ele)) {\n      const loadingElement = this.#createLoading();\n      ele.appendChild(loadingElement);\n      this.loadingMap.set(ele, loadingElement);\n    }\n  };\n\n  isLoading = (element = 'body') => {\n    const ele = document.querySelector(element);\n    return ele && this.loadingMap.has(ele);\n  };\n\n  stop = (element = 'body') => {\n    const ele = document.querySelector(element);\n    if (ele && this.loadingMap.has(ele)) {\n      const loadingElement = this.loadingMap.get(ele);\n      loadingElement?.remove();\n      this.loadingMap.delete(ele);\n    }\n  };\n\n  #createLoading = (): HTMLElement => {\n    const renderer = this.renderer;\n    const container: HTMLElement = this.renderer.createElement('div');\n    const spinner: HTMLElement = this.renderer.createElement('div');\n    const containerStyle = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      height: '100%',\n      width: '100%',\n      opacity: 0.6,\n      background: '#FFFFFF',\n      'z-index': 99999,\n    };\n    const spinnerStyle = {\n      position: 'absolute',\n      top: 'calc(50% - 2.5rem)',\n      left: 'calc(50% - 2.5rem)',\n      width: '5rem',\n      height: '5rem',\n      border: '0.5rem solid var(--sd-primary)',\n      'border-top': '0.5rem solid var(--sd-black200)',\n      'border-radius': '50%',\n      animation: 'spin 1s linear infinite',\n    };\n    const keyframes = `\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    `;\n\n    renderer.addClass(container, 'sd-loading');\n    renderer.setAttribute(container, 'id', this.loadingId);\n\n    Object.entries(containerStyle).forEach(entry => {\n      renderer.setStyle(container, entry[0], entry[1]);\n    });\n\n    renderer.addClass(spinner, 'sd-loading-spinner');\n    Object.entries(spinnerStyle).forEach(entry => {\n      renderer.setStyle(spinner, entry[0], entry[1]);\n    });\n\n    const styleElement = this.renderer.createElement('style');\n    this.renderer.appendChild(styleElement, this.renderer.createText(keyframes));\n    document.head.appendChild(styleElement);\n\n    container.appendChild(spinner);\n    return container;\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sdcorejs-angular-services-loading.mjs","sources":["../../../projects/sdcorejs-angular/services/loading/src/loading.service.ts","../../../projects/sdcorejs-angular/services/loading/sdcorejs-angular-services-loading.ts"],"sourcesContent":["import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdLoadingService {\n  private loadingId = 'L8d556b9b-f6dd-46e9-9710-757e65d82839';\n\n  private renderer: Renderer2;\n\n  private loadingMap = new WeakMap<Element, HTMLElement>();\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(null, null);\n  }\n\n  start = (element = 'body') => {\n    const ele = document.querySelector(element);\n    if (ele && !this.loadingMap.has(ele)) {\n      const loadingElement = this.#createLoading();\n      ele.appendChild(loadingElement);\n      this.loadingMap.set(ele, loadingElement);\n    }\n  };\n\n  isLoading = (element = 'body') => {\n    const ele = document.querySelector(element);\n    return ele && this.loadingMap.has(ele);\n  };\n\n  stop = (element = 'body') => {\n    const ele = document.querySelector(element);\n    if (ele && this.loadingMap.has(ele)) {\n      const loadingElement = this.loadingMap.get(ele);\n      loadingElement?.remove();\n      this.loadingMap.delete(ele);\n    }\n  };\n\n  #createLoading = (): HTMLElement => {\n    const renderer = this.renderer;\n    const container: HTMLElement = this.renderer.createElement('div');\n    const spinner: HTMLElement = this.renderer.createElement('div');\n    const containerStyle = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      height: '100%',\n      width: '100%',\n      opacity: 0.6,\n      background: '#FFFFFF',\n      'z-index': 99999,\n    };\n    const spinnerStyle = {\n      position: 'absolute',\n      top: 'calc(50% - 2.5rem)',\n      left: 'calc(50% - 2.5rem)',\n      width: '5rem',\n      height: '5rem',\n      border: '0.5rem solid var(--sd-primary)',\n      'border-top': '0.5rem solid var(--sd-border)',\n      'border-radius': '50%',\n      animation: 'spin 1s linear infinite',\n    };\n    const keyframes = `\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    `;\n\n    renderer.addClass(container, 'sd-loading');\n    renderer.setAttribute(container, 'id', this.loadingId);\n\n    Object.entries(containerStyle).forEach(entry => {\n      renderer.setStyle(container, entry[0], entry[1]);\n    });\n\n    renderer.addClass(spinner, 'sd-loading-spinner');\n    Object.entries(spinnerStyle).forEach(entry => {\n      renderer.setStyle(spinner, entry[0], entry[1]);\n    });\n\n    const styleElement = this.renderer.createElement('style');\n    this.renderer.appendChild(styleElement, this.renderer.createText(keyframes));\n    document.head.appendChild(styleElement);\n\n    container.appendChild(spinner);\n    return container;\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdcorejs/angular",
-  "version": "21.0.11",
+  "version": "21.1.1",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",

package/types/sdcorejs-angular-components-badge.d.ts

@@ -33,7 +33,7 @@ declare class SdBadge {
     }>;
     iconColorClasses: _angular_core.Signal<{
         'c-primary': boolean;
-        'c-black400': boolean;
+        'c-secondary': boolean;
         'c-info': boolean;
         'c-success': boolean;
         'c-warning': boolean;
@@ -74,7 +74,7 @@ declare class SdBadge {
     }>;
     iconCombinedClasses: _angular_core.Signal<{
         'c-primary': boolean;
-        'c-black400': boolean;
+        'c-secondary': boolean;
         'c-info': boolean;
         'c-success': boolean;
         'c-warning': boolean;

package/types/sdcorejs-angular-components-button.d.ts

@@ -3,7 +3,7 @@ import { OnInit, OnDestroy } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
 import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 
-type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
+type SdButtonType = 'fill' | 'light' | 'outline' | 'text';
 type SdButtonSize = 'sm' | 'md' | 'lg';
 type SdButtonHtmlType = 'button' | 'submit' | 'reset';
 type SdButtonColor = Color | 'black';

package/types/sdcorejs-angular-components-form-generic.d.ts

@@ -757,6 +757,7 @@ interface ResizeState {
     rowId: string;
     columns: string;
 }
+type RowInsertionEdge = 'before' | 'after';
 declare class SdFormBuilder implements OnInit, OnDestroy {
     #private;
     readonly popupViewJSON: i0.Signal<SdModal | undefined>;
@@ -791,6 +792,9 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
      *  Trigger class `.fb-shell--dragging` để ẩn hover/actions/resize toàn diện, không phụ thuộc :has(). */
     readonly isAnyDragging: i0.WritableSignal<boolean>;
     readonly dragSource: i0.WritableSignal<"row" | "palette" | "canvas" | "resize" | undefined>;
+    readonly draggedPaletteItem: i0.WritableSignal<FormBuilderComponent | undefined>;
+    readonly rowInsertionEdge: i0.WritableSignal<RowInsertionEdge>;
+    readonly inlineDropTargetRow: i0.WritableSignal<DragDropRowItem | undefined>;
     readonly resizeState: i0.WritableSignal<ResizeState | undefined>;
     readonly isResizing: i0.Signal<boolean>;
     expand: boolean;
@@ -800,7 +804,7 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     private lastDragPointer?;
     /** Handler chung cho mọi cdkDragStarted — set signal global true. */
     onAnyDragStarted: () => void;
-    onPaletteDragStarted: () => void;
+    onPaletteDragStarted: (item?: FormBuilderComponent) => void;
     onRowDragStarted: () => void;
     onAnyDragMoved: (event: CdkDragMove<any>) => void;
     /** Handler chung cho mọi cdkDragEnded — set signal global false (dùng setTimeout 0
@@ -819,6 +823,7 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     placeholderSymbolFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
     placeholderTitleFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
     placeholderMetaFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => string;
+    placeholderColumnsFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => number;
     /** True nếu component có expression điều kiện — drives the "conditional" status chip. */
     hasConditional: (item: SdFormGenericComponent | SdFormGenericGroup) => boolean;
     /** Map SdColor preset → 2 CSS var names cho header-bg và header-fg của group card. */
@@ -849,6 +854,9 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     onMouseover: (event: MouseEvent, rowItem: DragDropRowItem) => void;
     isRowFull: (row: DragDropRowItem) => boolean;
     isRowInlineDropLocked: (row: DragDropRowItem) => boolean;
+    shouldShowRowInsertionPlaceholder: (row: DragDropRowItem, edge?: RowInsertionEdge) => boolean;
+    onRowItemsDropEntered: (row: DragDropRowItem) => void;
+    onRowItemsDropExited: (row: DragDropRowItem) => void;
     canEnterRowDropList: (drag: CdkDrag<FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup>, drop: CdkDropList<(SdFormGenericComponent | SdFormGenericGroup)[]>) => boolean;
     onFocus: (event: FocusEvent) => void;
     xuLyKeoCheo: (dragItem?: SdFormGenericComponent | SdFormGenericGroup) => void;

package/types/sdcorejs-angular-components-modal-resizable.d.ts

@@ -26,7 +26,7 @@ declare class SdModalResizable {
     onFocus: () => void;
     onBlur: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdModalResizable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdModalResizable, "sd-modal-resizable", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "editingChanged": "editingChanged"; }, never, ["[sdTitle]", "[sdBody]", "[sdFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdModalResizable, "sd-modal-resizable", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "editingChanged": "editingChanged"; }, never, ["[sdTitle]", "[sdBody]", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }
 
 export { SdModalResizable };

package/types/sdcorejs-angular-components-modal.d.ts

@@ -27,7 +27,7 @@ declare class SdModal {
     open: () => void;
     close: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdModal, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "[sdHeader]", "*", "[sdFooterLeft]", "[sdFooterRight]", "[sdFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "modalClass": { "alias": "modalClass"; "required": false; "isSignal": true; }; "lazyLoadContent": { "alias": "lazyLoadContent"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }
 
 export { SdModal };

package/types/sdcorejs-angular-components-query-bar.d.ts

@@ -390,6 +390,7 @@ declare class SdQueryBar {
     /** Swap the field of an existing chip — reset operator + value to the new field's defaults. */
     changeFilterField(index: number, field: SdQueryField): void;
     updateFilter(index: number, patch: Partial<Filter>): void;
+    updateFilterData(index: number, data: unknown): void;
     removeFilter(index: number): void;
     clearAll(): void;
     setLogic(value: SdQueryLogic): void;

package/types/sdcorejs-angular-components-query-builder.d.ts

@@ -248,7 +248,7 @@ declare class SdQueryBuilder {
     setBetweenFrom(rule: QbRule, raw: any): void;
     /** Set the upper bound of a BETWEEN rule's `{ from, to }` value. */
     setBetweenTo(rule: QbRule, raw: any): void;
-    setValueSource(rule: QbRule, source: QbValueSource): void;
+    setValueSource(rule: QbRule, source: unknown): void;
     setCompareField(rule: QbRule, key: any): void;
     /** The field metadata for a rule's current `field` key (or undefined if unset). */
     fieldOf(rule: QbRule): SdQueryBuilderField | undefined;
@@ -270,7 +270,7 @@ declare class SdQueryBuilder {
     /** Current date-value mode of a rule, derived from its value (no separate state). */
     dateMode(rule: QbRule): QbDateMode;
     /** Switch a date/datetime rule's value mode, reseeding the value for the new mode. */
-    setDateMode(rule: QbRule, mode: QbDateMode): void;
+    setDateMode(rule: QbRule, mode: unknown): void;
     /** Read the offset amount of a relative rule (default 1). */
     relativeAmount(rule: QbRule): number;
     /** Set the offset amount (clamped to an integer >= 1). */
@@ -278,7 +278,7 @@ declare class SdQueryBuilder {
     /** Read the `'unit:direction'` token of a relative rule (default `'day:previous'`). */
     relativeUnitDirValue(rule: QbRule): string;
     /** Set the offset unit + direction from a `'unit:direction'` token. */
-    setRelativeUnitDir(rule: QbRule, token: string): void;
+    setRelativeUnitDir(rule: QbRule, token: unknown): void;
     /** Build a `data-autoid` for an inner control under this builder's `autoId` prefix. */
     autoIdFor(suffix: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdQueryBuilder, never>;

package/types/sdcorejs-angular-components-section.d.ts

@@ -9,15 +9,11 @@ declare class SdSection {
     iconColor: _angular_core.InputSignal<Color>;
     collapsed: _angular_core.ModelSignal<boolean>;
     collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** @deprecated Use `collapsible` instead. */
-    collapsable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly isCollapsible: _angular_core.Signal<boolean>;
     hideHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    noPaddingBody: _angular_core.InputSignalWithTransform<boolean, unknown>;
     constructor();
     toggleCollapse: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSection, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }
 
 declare class SdSectionItem {

package/types/sdcorejs-angular-components-side-drawer.d.ts

@@ -26,7 +26,7 @@ declare class SdSideDrawer {
     stopLoading: () => void;
     preventScroll: (event: Event) => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdSideDrawer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "drawerClass": { "alias": "drawerClass"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdSideDrawer, "sd-side-drawer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "drawerClass": { "alias": "drawerClass"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*", "[sdFooterLeft]", "[sdFooterRight]"], true, never>;
 }
 
 export { SdSideDrawer };

package/types/sdcorejs-angular-components-table.d.ts

@@ -342,8 +342,6 @@ interface SdTableOptionFilter<T = any> {
     manualFilter?: boolean;
     /** Có thể thu gọn bộ lọc hay không */
     collapsible?: boolean;
-    /** @deprecated Use `collapsible` instead. */
-    collapsable?: boolean;
     /** Ẩn toolbar (xóa bộ lọc, thiết lập) của external filter, khi có ít external filter user không cần chức năng này */
     hideExternalFilterToolbar?: boolean;
     /** Hàm xử lý khi trigger clear filter từ external filter */