@sdcorejs/angular 20.0.11 → 20.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: "20.3.25", ngImport: i0, type: DialogConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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: "20.3.25", 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: "20.3.25", 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":"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"}

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/forms/datetime/index.d.ts

@@ -10,13 +10,12 @@ declare class SdDatetime implements OnDestroy, OnInit {
     #private;
     id: string;
     inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    private readonly dateTimePicker;
     sdLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     sdViewDef: _angular_core.Signal<SdViewDefDirective<any, any> | undefined>;
     private ref;
-    private overlay;
     private elementRef;
-    private injector;
     private formConfig;
     autoIdInput: _angular_core.InputSignal<string | null | undefined>;
     autoId: _angular_core.Signal<string | undefined>;
@@ -72,8 +71,8 @@ declare class SdDatetime implements OnDestroy, OnInit {
     formControl: SdFormControl;
     isFocused: boolean;
     isValid?: boolean;
-    /** State popup — true khi đang mở. */
-    pickerOpened: _angular_core.WritableSignal<boolean>;
+    /** State popup — true khi picker package đang mở. */
+    pickerOpened: _angular_core.Signal<boolean>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -81,6 +80,7 @@ declare class SdDatetime implements OnDestroy, OnInit {
     open(): void;
     /** Đóng popup (public — gọi từ template nếu cần). */
     close(): void;
+    onPickerConfirm(value: Date): void;
     onFocus: () => void;
     onBlur: () => void;
     onClick: () => void;

package/package.json

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

package/services/confirm/index.d.ts

@@ -24,6 +24,14 @@ interface DialogData {
         min?: string | Date;
         max?: string | Date;
     };
+    datetime?: {
+        required?: boolean;
+        placeholder?: string;
+        defaultValue?: string | Date;
+        min?: string | Date;
+        max?: string | Date;
+        showSeconds?: boolean;
+    };
     radio?: {
         required?: boolean;
         defaultValue?: string | number;
@@ -32,6 +40,15 @@ interface DialogData {
         displayField: string;
         display?: 'row' | 'column';
     };
+    select?: {
+        required?: boolean;
+        defaultValue?: string | number | (string | number)[];
+        items: any[];
+        valueField: string;
+        displayField: string;
+        placeholder?: string;
+        multiple?: boolean;
+    };
 }
 declare class DialogConfirmComponent {
     value: any;
@@ -84,6 +101,21 @@ declare class SdConfirmService {
         display?: "row" | "column";
         disableBackdropClose?: boolean;
     }) => Promise<string>;
+    withSelect: (message?: string, option?: {
+        title?: string;
+        yesTitle?: string;
+        noTitle?: string;
+        required?: boolean;
+        yesButtonColor?: Color;
+        noButtonColor?: Color;
+        defaultValue?: string | number | (string | number)[];
+        items: any[];
+        valueField: string;
+        displayField: string;
+        placeholder?: string;
+        multiple?: boolean;
+        disableBackdropClose?: boolean;
+    }) => Promise<string | number | (string | number)[]>;
     withDate: (message?: string, option?: {
         title?: string;
         yesTitle?: string;
@@ -93,8 +125,24 @@ declare class SdConfirmService {
         noButtonColor?: Color;
         defaultValue?: string | Date;
         placeholder?: string;
+        min?: string | Date;
+        max?: string | Date;
         disableBackdropClose?: boolean;
-    }) => Promise<string>;
+    }) => Promise<string | Date>;
+    withDatetime: (message?: string, option?: {
+        title?: string;
+        yesTitle?: string;
+        noTitle?: string;
+        required?: boolean;
+        yesButtonColor?: Color;
+        noButtonColor?: Color;
+        defaultValue?: string | Date;
+        placeholder?: string;
+        min?: string | Date;
+        max?: string | Date;
+        showSeconds?: boolean;
+        disableBackdropClose?: boolean;
+    }) => Promise<string | Date>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdConfirmService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdConfirmService>;
 }