npm - @sd-angular/core - Versions diffs - 19.0.48 → 19.0.50 - Mend

@sd-angular/core 19.0.48 → 19.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/fesm2022/sd-angular-core-components-import-excel.mjs CHANGED Viewed

@@ -603,7 +603,7 @@ class SdImportExcel {
         this.sdClosed.emit();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdImportExcel, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.SdExcelService }, { token: i2.SdNotifyService }, { token: ColumnHiddenPipe }, { token: i4.SdLoadingService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdImportExcel, isStandalone: true, selector: "sd-import-excel", inputs: { option: "option" }, outputs: { sdClosed: "sdClosed" }, providers: [ColumnHiddenPipe], viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "@if (option) {\n  <sd-modal\n    [title]=\"option.title || ('core.component.import-excel.title' | translate)\"\n    width=\"min(1120px, calc(100vw - 32px))\"\n    (sdClosed)=\"onClosed()\"\n    #modal>\n    <div class=\"sd-import-workspace\" [attr.aria-busy]=\"uploading\">\n      @if (uploading) {\n        <sd-data-state state=\"loading\" [title]=\"'core.component.import-excel.loading' | translate\" message=\"\" />\n      } @else if (!excelItems.length) {\n        <div class=\"sd-import-entry\">\n          <sd-data-state\n            state=\"empty\"\n            icon=\"upload_file\"\n            [title]=\"'core.component.import-excel.title' | translate\"\n            [message]=\"'core.component.import-excel.choose-hint' | translate: { limit: option.limit || 1000 }\" />\n          <div class=\"sd-import-entry-actions\">\n            <sd-button\n              data-import-action=\"choose\"\n              (click)=\"upload()\"\n              prefixIcon=\"upload_file\"\n              [title]=\"'core.component.import-excel.choose-file' | translate\"\n              color=\"primary\"\n              type=\"fill\"\n              size=\"sm\" />\n            <sd-button\n              data-import-action=\"template\"\n              (click)=\"downloadTemplate()\"\n              prefixIcon=\"download\"\n              [title]=\"'core.component.import-excel.template' | translate\"\n              color=\"secondary\"\n              type=\"link\"\n              size=\"sm\"\n              [loading]=\"isDownloadTemplate\" />\n          </div>\n        </div>\n      } @else {\n        <div class=\"sd-import-file\">\n          <span class=\"sd-import-file-icon\" aria-hidden=\"true\"><mat-icon>description</mat-icon></span>\n          <div class=\"sd-import-file-info\">\n            <strong>{{ file?.name || option.fileName || ('core.component.import-excel.title' | translate) }}</strong>\n            <span>{{ 'core.component.import-excel.row-count' | translate: { count: excelItems.length } }}</span>\n          </div>\n          <sd-button\n            (click)=\"upload()\"\n            prefixIcon=\"upload_file\"\n            [title]=\"'core.component.import-excel.replace-file' | translate\"\n            color=\"secondary\"\n            type=\"link\"\n            size=\"sm\" />\n        </div>\n\n        <div class=\"sd-import-filters\" role=\"group\" [attr.aria-label]=\"'core.component.import-excel.status' | translate\">\n          @for (filter of filters; track filter.value) {\n            <button\n              type=\"button\"\n              class=\"sd-import-filter\"\n              [class]=\"'sd-import-filter sd-import-filter--' + filter.value.toLowerCase()\"\n              [attr.data-import-filter]=\"filter.value\"\n              [attr.aria-pressed]=\"showing === filter.value\"\n              (click)=\"view(filter.value)\">\n              <mat-icon aria-hidden=\"true\">{{ filter.icon }}</mat-icon>\n              <span>{{ filter.label | translate }}</span\n              ><span class=\"sd-import-filter-count\">{{ filterCount(filter.value) }}</span>\n            </button>\n          }\n        </div>\n\n        @if (viewItems.length) {\n          <div class=\"table-responsive\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"'core.component.import-excel.preview' | translate\">\n            <table class=\"sd-table\">\n              <thead>\n                <tr>\n                  <th class=\"text-center c-sticky-left\" style=\"width: 50px\">#</th>\n                  <th class=\"sd-import-status\">{{ 'core.component.import-excel.status' | translate }}</th>\n                  @for (column of option.columns; track column.field) {\n                    @if (column | columnHidden) {\n                      <th [ngStyle]=\"{ 'min-width': column.width || '300px', width: column.width || '300px' }\" [matTooltip]=\"column.title\">\n                        <span class=\"c-ellipsis\">{{ column.title }}</span>\n                      </th>\n                    }\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (item of viewItems; track item.meta.excelIndex) {\n                  <tr>\n                    <td class=\"text-center c-sticky-left px-4\">\n                      <sd-badge\n                        type=\"tag\"\n                        [title]=\"item.meta.excelIndex\"\n                        [success]=\"!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [warning]=\"!!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [error]=\"!!item.meta.errorMessages.length\" />\n                    </td>\n                    <td class=\"sd-import-status\">\n                      @let messages = validationMessages(item);\n                      @let issueCount = messages.errors.length + messages.warnings.length;\n                      @if (issueCount) {\n                        <details class=\"sd-import-issues\">\n                          <summary>\n                            <span [innerHTML]=\"item.meta.errorMessages[0] || item.meta.warningMessages[0]\"></span>\n                            <span class=\"sd-import-issue-count\">{{\n                              'core.component.import-excel.issue-count' | translate: { count: issueCount }\n                            }}</span>\n                          </summary>\n                          <ul>\n                            @for (message of messages.errors; track $index) {\n                              <li class=\"sd-import-error\">\n                                <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-error' | translate }}:</span>\n                                <span [innerHTML]=\"message\"></span>\n                              </li>\n                            }\n                            @for (message of messages.warnings; track $index) {\n                              <li class=\"sd-import-warning\">\n                                <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-warning' | translate }}:</span>\n                                <span [innerHTML]=\"message\"></span>\n                              </li>\n                            }\n                          </ul>\n                        </details>\n                      } @else {\n                        <span class=\"sd-import-valid\">{{ 'core.component.import-excel.valid-data' | translate }}</span>\n                      }\n                    </td>\n                    @for (column of option.columns; track column.field) {\n                      @if (column | columnHidden) {\n                        <td\n                          class=\"align-middle\"\n                          [ngClass]=\"{\n                            'bg-warning-light': item.meta.warning[column.field] && !item.meta.error[column.field],\n                            'bg-error-light': item.meta.error[column.field],\n                          }\"\n                          [matTooltip]=\"item.meta.error[column.field] || item.meta.warning[column.field]\"\n                          [ngStyle]=\"{ 'min-width': column.width || '300px' }\"\n                          matTooltipPosition=\"above\">\n                          <div class=\"c-ellipsis\">\n                            @if (column.type !== 'array') {\n                              <span [innerHTML]=\"item | columnTransform: column | async\"></span>\n                            } @else {\n                              @let arrayItems = item.data[column.field]?.split(column.divideString);\n                              <div class=\"d-flex align-items-center justify-content-between\">\n                                <span>{{ arrayItems?.length || 0 }} {{ column.unitString }}</span>\n                                @if (arrayItems?.length) {\n                                  <button\n                                    mat-icon-button\n                                    [matMenuTriggerFor]=\"menu\"\n                                    class=\"c-mat-menu\"\n                                    [attr.aria-label]=\"column.title\"\n                                    style=\"width: 24px; height: 24px; line-height: 24px\">\n                                    <mat-icon style=\"font-size: 18px\">open_in_new</mat-icon>\n                                  </button>\n                                  <mat-menu #menu=\"matMenu\">\n                                    <div\n                                      class=\"px-3 py-2 text-wrap\"\n                                      role=\"group\"\n                                      style=\"max-width: 300px; max-height: 250px; overflow: auto\"\n                                      (click)=\"$event.stopPropagation()\"\n                                      (keydown.enter)=\"$event.stopPropagation()\">\n                                      @for (val of arrayItems; track $index) {\n                                        <div class=\"border-bottom py-2 text-wrap\" [innerHTML]=\"val\"></div>\n                                      }\n                                    </div>\n                                  </mat-menu>\n                                }\n                              </div>\n                            }\n                          </div>\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </div>\n        } @else {\n          <sd-data-state\n            class=\"sd-import-no-results\"\n            state=\"empty\"\n            compact\n            [title]=\"'core.component.import-excel.no-filter-results' | translate\"\n            [message]=\"'core.component.import-excel.no-filter-results-hint' | translate\"\n            [actionLabel]=\"'core.component.import-excel.see-all' | translate\"\n            (sdAction)=\"view('ALL')\" />\n        }\n        <mat-paginator\n          class=\"sd-import-paginator\"\n          [hidden]=\"!filteredItems.length\"\n          [length]=\"filteredItems.length\"\n          [pageSize]=\"10\"\n          hidePageSize />\n\n        <div class=\"sd-import-footer\">\n          @if (numberOfError) {\n            <p class=\"sd-import-blocked\" role=\"status\">\n              {{ 'core.component.import-excel.blocked-errors' | translate: { count: numberOfError } }}\n            </p>\n          } @else if (isUploaded) {\n            <p class=\"sd-import-submitted\" role=\"status\">{{ 'core.component.import-excel.submitted' | translate }}</p>\n          }\n          <div class=\"sd-import-footer-actions\">\n            <sd-button\n              (click)=\"export()\"\n              prefixIcon=\"download\"\n              [disabled]=\"!filteredItems.length\"\n              [title]=\"'core.component.import-excel.download' | translate\"\n              size=\"sm\"\n              color=\"secondary\"\n              type=\"link\" />\n            <sd-button\n              data-import-action=\"accept\"\n              (click)=\"accept()\"\n              [title]=\"'core.component.import-excel.confirm-save' | translate\"\n              [disabled]=\"(numberOfSuccess === 0 && numberOfWarning === 0) || numberOfError > 0 || isUploaded\"\n              color=\"primary\"\n              type=\"fill\"\n              size=\"sm\" />\n          </div>\n        </div>\n      }\n    </div>\n  </sd-modal>\n}\n", styles: [":host{display:block}.sd-import-workspace{min-width:0;color:var(--sd-text, #24272b)}.sd-import-entry{padding:24px 0 32px}.sd-import-entry-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px}.sd-import-file{display:flex;align-items:center;gap:12px;padding-bottom:16px}.sd-import-file-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:10px;color:var(--sd-primary, #005cbb);background:var(--sd-primary-light, #e5effa)}.sd-import-file-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.sd-import-file-info strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.sd-import-file-info>span{font-size:12px;color:var(--sd-text-secondary, #62676d)}.sd-import-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px}.sd-import-filter{--filter-color: var(--sd-primary, #005cbb);--filter-bg: var(--sd-primary-light, #e5effa);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid var(--sd-border, #dfe2e7);border-radius:8px;background:var(--sd-surface, #fff);color:var(--sd-text-secondary, #62676d);cursor:pointer;font:inherit;font-size:13px}.sd-import-filter--success{--filter-color: var(--sd-success, #2b7d39);--filter-bg: var(--sd-success-light, #e4f3e6)}.sd-import-filter--warning{--filter-color: var(--sd-warning-dark, #8a5700);--filter-bg: var(--sd-warning-light, #fff3d8)}.sd-import-filter--error{--filter-color: var(--sd-error, #bc3030);--filter-bg: var(--sd-error-light, #fce8e8)}.sd-import-filter[aria-pressed=true]{background:var(--filter-bg);color:var(--filter-color);border-color:var(--filter-color);font-weight:600}.sd-import-filter:hover{background:var(--filter-bg);color:var(--filter-color)}.sd-import-filter:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px}.sd-import-filter sd-icon,.sd-import-filter mat-icon{width:18px;height:18px;font-size:18px}.sd-import-filter-count{font-variant-numeric:tabular-nums;min-width:16px;text-align:center}.table-responsive{position:relative;max-height:50vh;overflow:auto;border:1px solid var(--sd-border, #dfe2e7);border-radius:8px}.table-responsive:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px}.sd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.sd-table thead th{position:sticky;top:0;padding:10px 8px;white-space:nowrap;z-index:2;font-weight:600;background:var(--sd-surface-variant, #f6f7f9);border-bottom:1px solid var(--sd-border, #dfe2e7)}.sd-table thead th.c-sticky-left{z-index:3}.sd-table tbody td{padding:10px 8px;border-bottom:1px solid var(--sd-border, #e8eaed);vertical-align:top}.sd-table tbody tr:last-child td{border-bottom:0}.sd-table tbody tr{background:var(--sd-surface, #fff)}.sd-table tbody tr:hover{background:var(--sd-surface-variant, #f6f7f9)}.c-sticky-left{position:sticky;left:0;background:inherit;z-index:1;border-right:1px solid var(--sd-border, #e8eaed)}.sd-import-status{min-width:240px;width:240px;max-width:320px;white-space:normal!important;overflow-wrap:anywhere}.sd-import-issues summary{cursor:pointer;line-height:1.5}.sd-import-issues summary:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px;border-radius:3px}.sd-import-issues ul{padding-left:18px;margin:8px 0 0}.sd-import-issues li+li{margin-top:6px}.sd-import-issue-count{display:block;color:var(--sd-primary, #005cbb);font-size:12px;margin-top:4px}.sd-import-issue-label{font-weight:600}.sd-import-error,.sd-import-blocked{color:var(--sd-error, #bc3030)}.sd-import-warning{color:var(--sd-warning-dark, #8a5700)}.sd-import-valid,.sd-import-submitted{color:var(--sd-success, #2b7d39)}.sd-import-no-results{display:block;padding:24px 0;border:1px solid var(--sd-border, #dfe2e7);border-radius:8px}.sd-import-footer{padding:12px 0 0;border-top:1px solid var(--sd-border, #dfe2e7)}.sd-import-footer p{margin:0 0 10px;font-size:13px;line-height:1.5}.sd-import-footer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:0 4px}.c-mat-menu{border:none;min-width:unset;padding:0 8px}.sd-import-paginator{background:transparent}.sd-import-paginator ::ng-deep .mat-mdc-paginator-container{padding:0;min-height:48px}.sd-import-paginator ::ng-deep .mat-mdc-paginator-range-label{white-space:nowrap;margin:0 12px 0 0}@media(max-width:600px){.sd-import-entry{padding:4px 0 16px}.sd-import-file{flex-wrap:wrap;gap:8px}.sd-import-file>sd-button{margin-left:auto}.sd-import-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sd-import-filter{min-height:40px;padding:6px;gap:5px}.sd-import-footer-actions sd-button{flex:1;min-width:0}.sd-import-footer-actions ::ng-deep sd-button button{width:100%;min-height:40px}}@media(max-width:400px){.sd-import-footer-actions{display:grid;grid-template-columns:minmax(0,1fr)}.sd-import-status{min-width:180px;width:180px}}\n"], dependencies: [{ kind: "component", type: SdDataState, selector: "sd-data-state", inputs: ["state", "title", "message", "icon", "fontSet", "retryable", "retryLabel", "actionLabel", "compact", "fullPage"], outputs: ["sdRetry", "sdAction"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { 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: SdModal, selector: "sd-modal", inputs: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], outputs: ["sdClosed"] }, { kind: "pipe", type: ColumnTransformPipe, name: "columnTransform" }, { kind: "pipe", type: ColumnHiddenPipe, name: "columnHidden" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: SdBadge, selector: "sd-badge", inputs: ["type", "color", "primary", "secondary", "success", "info", "warning", "error", "fontSet", "title", "description", "tooltip", "icon", "size"], outputs: ["click"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdImportExcel, isStandalone: true, selector: "sd-import-excel", inputs: { option: "option" }, outputs: { sdClosed: "sdClosed" }, providers: [ColumnHiddenPipe], viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "@if (option) {\n  <sd-modal\n    [title]=\"option.title || ('core.component.import-excel.title' | translate)\"\n    width=\"min(1120px, calc(100vw - 32px))\"\n    (sdClosed)=\"onClosed()\"\n    #modal>\n    <div class=\"sd-import-workspace\" [attr.aria-busy]=\"uploading\">\n      @if (uploading) {\n        <sd-data-state state=\"loading\" [title]=\"'core.component.import-excel.loading' | translate\" message=\"\" />\n      } @else if (!excelItems.length) {\n        <div class=\"sd-import-entry\">\n          <sd-data-state\n            state=\"empty\"\n            icon=\"upload_file\"\n            [title]=\"'core.component.import-excel.title' | translate\"\n            [message]=\"'core.component.import-excel.choose-hint' | translate: { limit: option.limit || 1000 }\" />\n          <div class=\"sd-import-entry-actions\">\n            <sd-button\n              data-import-action=\"choose\"\n              (click)=\"upload()\"\n              prefixIcon=\"upload_file\"\n              [title]=\"'core.component.import-excel.choose-file' | translate\"\n              color=\"primary\"\n              type=\"fill\"\n              size=\"sm\" />\n            <sd-button\n              data-import-action=\"template\"\n              (click)=\"downloadTemplate()\"\n              prefixIcon=\"download\"\n              [title]=\"'core.component.import-excel.template' | translate\"\n              color=\"secondary\"\n              type=\"link\"\n              size=\"sm\"\n              [loading]=\"isDownloadTemplate\" />\n          </div>\n        </div>\n      } @else {\n        <div class=\"sd-import-file\">\n          <span class=\"sd-import-file-icon\" aria-hidden=\"true\"><mat-icon>description</mat-icon></span>\n          <div class=\"sd-import-file-info\">\n            <strong>{{ file?.name || option.fileName || ('core.component.import-excel.title' | translate) }}</strong>\n            <span>{{ 'core.component.import-excel.row-count' | translate: { count: excelItems.length } }}</span>\n          </div>\n          <sd-button\n            (click)=\"upload()\"\n            prefixIcon=\"upload_file\"\n            [title]=\"'core.component.import-excel.replace-file' | translate\"\n            color=\"secondary\"\n            type=\"link\"\n            size=\"sm\" />\n        </div>\n\n        <div class=\"sd-import-filters\" role=\"group\" [attr.aria-label]=\"'core.component.import-excel.status' | translate\">\n          @for (filter of filters; track filter.value) {\n            <button\n              type=\"button\"\n              class=\"sd-import-filter\"\n              [class]=\"'sd-import-filter sd-import-filter--' + filter.value.toLowerCase()\"\n              [attr.data-import-filter]=\"filter.value\"\n              [attr.aria-pressed]=\"showing === filter.value\"\n              (click)=\"view(filter.value)\">\n              <mat-icon aria-hidden=\"true\">{{ filter.icon }}</mat-icon>\n              <span>{{ filter.label | translate }}</span\n              ><span class=\"sd-import-filter-count\">{{ filterCount(filter.value) }}</span>\n            </button>\n          }\n        </div>\n\n        @if (viewItems.length) {\n          <div class=\"table-responsive\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"'core.component.import-excel.preview' | translate\">\n            <table class=\"sd-table\">\n              <thead>\n                <tr>\n                  <th class=\"text-center c-sticky-left\" style=\"width: 50px\">#</th>\n                  <th class=\"sd-import-status\">{{ 'core.component.import-excel.status' | translate }}</th>\n                  @for (column of option.columns; track column.field) {\n                    @if (column | columnHidden) {\n                      <th [ngStyle]=\"{ 'min-width': column.width || '300px', width: column.width || '300px' }\" [matTooltip]=\"column.title\">\n                        <span class=\"c-ellipsis\">{{ column.title }}</span>\n                      </th>\n                    }\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (item of viewItems; track item.meta.excelIndex) {\n                  <tr>\n                    <td class=\"text-center c-sticky-left px-4\">\n                      <sd-badge\n                        type=\"tag\"\n                        [title]=\"item.meta.excelIndex\"\n                        [success]=\"!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [warning]=\"!!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [error]=\"!!item.meta.errorMessages.length\" />\n                    </td>\n                    <td class=\"sd-import-status\">\n                      @let messages = validationMessages(item);\n                      @let issueCount = messages.errors.length + messages.warnings.length;\n                      @if (issueCount) {\n                        <details class=\"sd-import-issues\">\n                          <summary>\n                            <span [innerHTML]=\"item.meta.errorMessages[0] || item.meta.warningMessages[0]\"></span>\n                            <span class=\"sd-import-issue-count\">{{\n                              'core.component.import-excel.issue-count' | translate: { count: issueCount }\n                            }}</span>\n                          </summary>\n                          <ul>\n                            @for (message of messages.errors; track $index) {\n                              <li class=\"sd-import-error\">\n                                <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-error' | translate }}:</span>\n                                <span [innerHTML]=\"message\"></span>\n                              </li>\n                            }\n                            @for (message of messages.warnings; track $index) {\n                              <li class=\"sd-import-warning\">\n                                <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-warning' | translate }}:</span>\n                                <span [innerHTML]=\"message\"></span>\n                              </li>\n                            }\n                          </ul>\n                        </details>\n                      } @else {\n                        <span class=\"sd-import-valid\">{{ 'core.component.import-excel.valid-data' | translate }}</span>\n                      }\n                    </td>\n                    @for (column of option.columns; track column.field) {\n                      @if (column | columnHidden) {\n                        <td\n                          class=\"align-middle\"\n                          [ngClass]=\"{\n                            'bg-warning-light': item.meta.warning[column.field] && !item.meta.error[column.field],\n                            'bg-error-light': item.meta.error[column.field],\n                          }\"\n                          [matTooltip]=\"item.meta.error[column.field] || item.meta.warning[column.field]\"\n                          [ngStyle]=\"{ 'min-width': column.width || '300px' }\"\n                          matTooltipPosition=\"above\">\n                          <div class=\"c-ellipsis\">\n                            @if (column.type !== 'array') {\n                              <span [innerHTML]=\"item | columnTransform: column | async\"></span>\n                            } @else {\n                              @let arrayItems = item.data[column.field]?.split(column.divideString);\n                              <div class=\"d-flex align-items-center justify-content-between\">\n                                <span>{{ arrayItems?.length || 0 }} {{ column.unitString }}</span>\n                                @if (arrayItems?.length) {\n                                  <button\n                                    mat-icon-button\n                                    [matMenuTriggerFor]=\"menu\"\n                                    class=\"c-mat-menu\"\n                                    [attr.aria-label]=\"column.title\"\n                                    style=\"width: 24px; height: 24px; line-height: 24px\">\n                                    <mat-icon style=\"font-size: 18px\">open_in_new</mat-icon>\n                                  </button>\n                                  <mat-menu #menu=\"matMenu\">\n                                    <div\n                                      class=\"px-3 py-2 text-wrap\"\n                                      role=\"group\"\n                                      style=\"max-width: 300px; max-height: 250px; overflow: auto\"\n                                      (click)=\"$event.stopPropagation()\"\n                                      (keydown.enter)=\"$event.stopPropagation()\">\n                                      @for (val of arrayItems; track $index) {\n                                        <div class=\"border-bottom py-2 text-wrap\" [innerHTML]=\"val\"></div>\n                                      }\n                                    </div>\n                                  </mat-menu>\n                                }\n                              </div>\n                            }\n                          </div>\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </div>\n        } @else {\n          <sd-data-state\n            class=\"sd-import-no-results\"\n            state=\"empty\"\n            compact\n            [title]=\"'core.component.import-excel.no-filter-results' | translate\"\n            [message]=\"'core.component.import-excel.no-filter-results-hint' | translate\"\n            [actionLabel]=\"'core.component.import-excel.see-all' | translate\"\n            (sdAction)=\"view('ALL')\" />\n        }\n        <mat-paginator\n          class=\"sd-import-paginator\"\n          [hidden]=\"!filteredItems.length\"\n          [length]=\"filteredItems.length\"\n          [pageSize]=\"10\"\n          hidePageSize />\n\n        <div class=\"sd-import-footer\">\n          @if (numberOfError) {\n            <p class=\"sd-import-blocked\" role=\"status\">\n              {{ 'core.component.import-excel.blocked-errors' | translate: { count: numberOfError } }}\n            </p>\n          } @else if (isUploaded) {\n            <p class=\"sd-import-submitted\" role=\"status\">{{ 'core.component.import-excel.submitted' | translate }}</p>\n          }\n          <div class=\"sd-import-footer-actions\">\n            <sd-button\n              (click)=\"export()\"\n              prefixIcon=\"download\"\n              [disabled]=\"!filteredItems.length\"\n              [title]=\"'core.component.import-excel.download' | translate\"\n              size=\"sm\"\n              color=\"secondary\"\n              type=\"link\" />\n            <sd-button\n              data-import-action=\"accept\"\n              (click)=\"accept()\"\n              [title]=\"'core.component.import-excel.confirm-save' | translate\"\n              [disabled]=\"(numberOfSuccess === 0 && numberOfWarning === 0) || numberOfError > 0 || isUploaded\"\n              color=\"primary\"\n              type=\"fill\"\n              size=\"sm\" />\n          </div>\n        </div>\n      }\n    </div>\n  </sd-modal>\n}\n", styles: [":host{display:block}.sd-import-workspace{min-width:0;color:var(--sd-text, #24272b)}.sd-import-entry{padding:24px 0 32px}.sd-import-entry-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px}.sd-import-file{display:flex;align-items:center;gap:12px;padding-bottom:16px}.sd-import-file-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:10px;color:var(--sd-primary, #005cbb);background:var(--sd-primary-light, #e5effa)}.sd-import-file-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.sd-import-file-info strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.sd-import-file-info>span{font-size:12px;color:var(--sd-text-secondary, #62676d)}.sd-import-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px}.sd-import-filter{--filter-color: var(--sd-primary, #005cbb);--filter-bg: var(--sd-primary-light, #e5effa);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid var(--sd-border, #dfe2e7);border-radius:8px;background:var(--sd-surface, #fff);color:var(--sd-text-secondary, #62676d);cursor:pointer;font:inherit;font-size:13px}.sd-import-filter--success{--filter-color: var(--sd-success, #2b7d39);--filter-bg: var(--sd-success-light, #e4f3e6)}.sd-import-filter--warning{--filter-color: var(--sd-warning-dark, #8a5700);--filter-bg: var(--sd-warning-light, #fff3d8)}.sd-import-filter--error{--filter-color: var(--sd-error, #bc3030);--filter-bg: var(--sd-error-light, #fce8e8)}.sd-import-filter[aria-pressed=true]{background:var(--filter-bg);color:var(--filter-color);border-color:var(--filter-color);font-weight:600}.sd-import-filter:hover{background:var(--filter-bg);color:var(--filter-color)}.sd-import-filter:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px}.sd-import-filter sd-icon,.sd-import-filter mat-icon{width:18px;height:18px;font-size:18px}.sd-import-filter-count{font-variant-numeric:tabular-nums;min-width:16px;text-align:center}.table-responsive{position:relative;max-height:50vh;overflow:auto;border:1px solid var(--sd-border, #dfe2e7);border-radius:8px}.table-responsive:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px}.sd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.sd-table thead th{position:sticky;top:0;padding:10px 8px;white-space:nowrap;z-index:2;font-weight:600;background:var(--sd-surface-variant, #f6f7f9);border-bottom:1px solid var(--sd-border, #dfe2e7)}.sd-table thead th.c-sticky-left{z-index:3}.sd-table tbody td{padding:10px 8px;border-bottom:1px solid var(--sd-border, #e8eaed);vertical-align:top}.sd-table tbody tr:last-child td{border-bottom:0}.sd-table tbody tr{background:var(--sd-surface, #fff)}.sd-table tbody tr:hover{background:var(--sd-surface-variant, #f6f7f9)}.c-sticky-left{position:sticky;left:0;background:inherit;z-index:1;border-right:1px solid var(--sd-border, #e8eaed)}.sd-import-status{min-width:240px;width:240px;max-width:320px;white-space:normal!important;overflow-wrap:anywhere}.sd-import-issues summary{cursor:pointer;line-height:1.5}.sd-import-issues summary:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px;border-radius:3px}.sd-import-issues ul{padding-left:18px;margin:8px 0 0}.sd-import-issues li+li{margin-top:6px}.sd-import-issue-count{display:block;color:var(--sd-primary, #005cbb);font-size:12px;margin-top:4px}.sd-import-issue-label{font-weight:600}.sd-import-error,.sd-import-blocked{color:var(--sd-error, #bc3030)}.sd-import-warning{color:var(--sd-warning-dark, #8a5700)}.sd-import-valid,.sd-import-submitted{color:var(--sd-success, #2b7d39)}.sd-import-no-results{display:block;padding:24px 0;border:1px solid var(--sd-border, #dfe2e7);border-radius:8px}.sd-import-footer{padding:12px 0 0;border-top:1px solid var(--sd-border, #dfe2e7)}.sd-import-footer p{margin:0 0 10px;font-size:13px;line-height:1.5}.sd-import-footer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:0 4px}.c-mat-menu{border:none;min-width:unset;padding:0 8px}.sd-import-paginator{background:transparent}.sd-import-paginator ::ng-deep .mat-mdc-paginator-container{padding:0;min-height:48px}.sd-import-paginator ::ng-deep .mat-mdc-paginator-range-label{white-space:nowrap;margin:0 12px 0 0}@media(max-width:600px){.sd-import-entry{padding:4px 0 16px}.sd-import-file{flex-wrap:wrap;gap:8px}.sd-import-file>sd-button{margin-left:auto}.sd-import-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sd-import-filter{min-height:40px;padding:6px;gap:5px}.sd-import-footer-actions sd-button{flex:1;min-width:0}.sd-import-footer-actions ::ng-deep sd-button button{width:100%;min-height:40px}}@media(max-width:400px){.sd-import-footer-actions{display:grid;grid-template-columns:minmax(0,1fr)}.sd-import-status{min-width:180px;width:180px}}\n"], dependencies: [{ kind: "component", type: SdDataState, selector: "sd-data-state", inputs: ["state", "title", "message", "icon", "fontSet", "retryable", "retryLabel", "actionLabel", "compact", "fullPage"], outputs: ["sdRetry", "sdAction"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { 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: SdModal, selector: "sd-modal", inputs: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "enableBackdropClose", "disableBackdropClose"], outputs: ["sdClosed"] }, { kind: "pipe", type: ColumnTransformPipe, name: "columnTransform" }, { kind: "pipe", type: ColumnHiddenPipe, name: "columnHidden" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: SdBadge, selector: "sd-badge", inputs: ["type", "color", "primary", "secondary", "success", "info", "warning", "error", "fontSet", "title", "description", "tooltip", "icon", "size"], outputs: ["click"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdImportExcel, decorators: [{
             type: Component,

package/fesm2022/sd-angular-core-components-import-excel.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-angular-core-components-import-excel.mjs","sources":["../../../projects/sd-angular/components/import-excel/src/import-excel.model.ts","../../../projects/sd-angular/components/import-excel/src/pipes/columm-hidden.pipe.ts","../../../projects/sd-angular/components/import-excel/src/pipes/column-transform.pipe.ts","../../../projects/sd-angular/components/import-excel/src/import-excel.component.ts","../../../projects/sd-angular/components/import-excel/src/import-excel.component.html","../../../projects/sd-angular/components/import-excel/sd-angular-core-components-import-excel.ts"],"sourcesContent":["export interface SdImportExcelValidation {\n idx: number;\n errorMessage?: string;\n warningMessage?: string;\n}\nexport interface SdImportExcelSheet<T = any> {\n name: string; // Tên của sheet\n items: T[] \| (() => Promise<T[]>);\n headers: {\n value: Extract<keyof T, string>; // Trường muốn hiển thị\n display: string; // Label hiển thị\n }[];\n}\n\nexport interface SdImportExcelOption<T = any> {\n columns: SdUploadExcelColumn<T>[];\n accept: (items: T[], args: { file: File }) => SdImportExcelValidation[] \| Promise<SdImportExcelValidation[]>;\n title?: string;\n fileName?: string;\n limit?: number;\n sheets?: SdImportExcelSheet[];\n transform?: (items: SdImportExcelItem<T>[]) => SdImportExcelItem<T>[] \| Promise<SdImportExcelItem<T>[]>;\n validateItem?: (item: T, idx: number, items: T[]) => SdImportExcelValidation \| Promise<SdImportExcelValidation>;\n validateItems?: (items: T[]) => SdImportExcelValidation[] \| Promise<SdImportExcelValidation[]>;\n}\n\nexport type SdUploadExcelColumn<T = any> =\n \| SdUploadExcelColumnString<T>\n \| SdUploadExcelColumnNumber<T>\n \| SdUploadExcelColumnBool<T>\n \| SdUploadExcelColumnDate<T>\n \| SdUploadExcelColumnTime<T>\n \| SdUploadExcelColumnDateTime<T>\n \| SdUploadExcelColumnValues<T>\n \| SdUploadExcelColumnStringArray<T>;\n\nexport interface SdUploadExcelBaseColumn<T = any> {\n field: string;\n title: string;\n required?: boolean;\n width?: string;\n description?: string;\n hidden?: boolean \| (() => boolean);\n fontColor?: string;\n fill?: string;\n transform?: (value: any, rowData: T) => string \| Promise<string>;\n}\n\nexport interface SdUploadExcelColumnString<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'string';\n defaultValue?: string;\n pattern?: string;\n minlength?: number;\n maxlength?: number;\n}\n\nexport interface SdUploadExcelColumnNumber<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'number';\n defaultValue?: number;\n min?: number;\n max?: number;\n}\n\nexport interface SdUploadExcelColumnBool<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'bool';\n defaultValue?: boolean;\n parseToBool?: boolean;\n}\n\nexport interface SdUploadExcelColumnDate<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'date';\n format?: 'dd/MM/yyyy';\n defaultValue?: Date;\n minDate?: Date;\n maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnTime<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'time';\n format?: 'HH:mm' \| 'HH:mm:ss';\n defaultValue?: Date;\n minDate?: Date;\n maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnDateTime<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'datetime';\n format?: 'dd/MM/yyyy HH:mm' \| 'dd/MM/yyyy';\n defaultValue?: Date;\n minDate?: Date;\n maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnValues<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'values' \| 'radio';\n defaultValue?: string \| number;\n values: (string \| number)[];\n checkValueInArray?: boolean;\n}\n\nexport interface SdUploadExcelColumnStringArray<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'array';\n divideString: string \| ';';\n unitString: string \| 'items';\n defaultValue?: string;\n minlength?: number;\n maxlength?: number;\n}\n\nexport type SdImportExcelItem<T = any> = {\n data: T;\n meta: {\n excelIndex: number;\n origin: T;\n error: Record<string, string>;\n errorMessages: string[];\n warning: Record<string, string>;\n warningMessages: string[];\n };\n};\n\n// export type ExcelItem<T> = {\n// origin?: T;\n// excelIndex?: number;\n// validation: SdUploadExcelValidation;\n// } & T;\n","import { Injectable, Pipe, PipeTransform } from '@angular/core';\nimport { SdUploadExcelColumn } from '../import-excel.model';\n@Pipe({\n name: 'columnHidden'\n})\n@Injectable()\nexport class ColumnHiddenPipe implements PipeTransform {\n constructor() { }\n transform(column: SdUploadExcelColumn): boolean {\n if (column.hidden === undefined) {\n return true;\n }\n if (typeof (column.hidden) === 'boolean') {\n return !column.hidden;\n }\n if (typeof (column.hidden) === 'function') {\n return !column.hidden();\n }\n return false;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ɵSD_LOCAL_DATE_TIME, ɵsdInjectDateTime } from '@sd-angular/core/services/date-time';\nimport { NumberUtilities } from '@sd-angular/core/utilities';\nimport { SdImportExcelItem, SdUploadExcelColumn } from '../import-excel.model';\n\n@Pipe({\n name: 'columnTransform',\n standalone: true,\n})\nexport class ColumnTransformPipe implements PipeTransform {\n // why: `new ColumnTransformPipe(sanitizer)` outside an injection context keeps the local behavior (no zone).\n readonly #dateTime = ɵsdInjectDateTime() ?? ɵSD_LOCAL_DATE_TIME;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n // Chuyển thành async để hỗ trợ Promise từ bên ngoài\n async transform(item: SdImportExcelItem, column: SdUploadExcelColumn): Promise<string \| SafeHtml> {\n const { type, transform, field } = column;\n const value = item.data[field];\n\n // 1. Ưu tiên hiển thị dữ liệu gốc nếu có lỗi\n if (item.meta.error[field]) {\n return item.meta.origin[field] ?? value ?? '';\n }\n\n // 2. Custom Transform (Hỗ trợ cả Sync và Async)\n if (transform) {\n // await sẽ hoạt động đúng dù transform trả về value thường hay Promise\n const result = await transform(item.data, value);\n return result ?? '';\n }\n\n // 3. Xử lý logic hiển thị\n switch (type) {\n case 'number':\n return NumberUtilities.toVN(value) ?? '';\n\n case 'bool':\n if (typeof value === 'boolean') {\n const html = `<div class=\"text-center\"><input type=\"checkbox\" ${value ? 'checked' : ''} disabled></div>`;\n // Bắt buộc bypass security để hiển thị được input checkbox\n return this.sanitizer.bypassSecurityTrustHtml(html);\n }\n return '';\n\n case 'date':\n return this.#dateTime.toFormat(value, column.format \|\| 'dd/MM/yyyy') ?? '';\n\n case 'datetime':\n return this.#dateTime.toFormat(value, column.format \|\| 'dd/MM/yyyy HH:mm') ?? '';\n\n default:\n return value ?? '';\n }\n }\n}","import { SdDataState } from '@sd-angular/core/components/data-state';\nimport { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';\n\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { Subscription } from 'rxjs';\nimport { ColumnHiddenPipe } from './pipes/columm-hidden.pipe';\nimport { SdImportExcelItem, SdImportExcelOption, SdImportExcelSheet, SdImportExcelValidation } from './import-excel.model';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SdButton } from '@sd-angular/core/components/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SdModal } from '@sd-angular/core/components/modal';\nimport { SdInput } from '@sd-angular/core/forms/input';\nimport { SdExcelService, SdExcelSheet, SdExcelTemplate, SdExcelTemplateColumn } from '@sd-angular/core/services/excel';\nimport { SdNotifyService } from '@sd-angular/core/services/notify';\nimport { SdDateTimeService } from '@sd-angular/core/services/date-time';\nimport { DateUtilities, NumberUtilities } from '@sd-angular/core/utilities';\nimport { SdLoadingService } from '@sd-angular/core/services/loading';\nimport { ColumnTransformPipe } from './pipes/column-transform.pipe';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { SdBadge } from '@sd-angular/core/components/badge';\nimport { I18nService, TranslatePipe } from '@sd-angular/core/i18n';\n\n@Component({\n selector: 'sd-import-excel',\n templateUrl: './import-excel.component.html',\n styleUrl: './import-excel.component.scss',\n imports: [\n SdDataState,\n CommonModule,\n FormsModule,\n MatSlideToggleModule,\n MatTooltipModule,\n MatPaginatorModule,\n MatSlideToggleModule,\n SdButton,\n SdModal,\n ColumnTransformPipe,\n ColumnHiddenPipe,\n MatIconModule,\n MatMenuModule,\n MatProgressSpinner,\n SdBadge,\n TranslatePipe,\n ],\n providers: [ColumnHiddenPipe],\n})\nexport class SdImportExcel implements OnInit, OnDestroy {\n @Input({ required: true }) option!: SdImportExcelOption;\n @ViewChild(SdModal) modal!: SdModal;\n excelItems: SdImportExcelItem[] = [];\n // originItems: SdExcelItem[] = [];\n hasDescription = false;\n\n showing: 'ALL' \| 'SUCCESS' \| 'WARNING' \| 'ERROR' = 'ALL';\n readonly filters = [\n { value: 'ALL', label: 'core.component.import-excel.filter-all', icon: 'list_alt' },\n { value: 'SUCCESS', label: 'core.component.import-excel.filter-success', icon: 'check_circle_outline' },\n { value: 'WARNING', label: 'core.component.import-excel.filter-warning', icon: 'warning_amber' },\n { value: 'ERROR', label: 'core.component.import-excel.filter-error', icon: 'error_outline' },\n ] as const;\n\n filterCount = (value: 'ALL' \| 'SUCCESS' \| 'WARNING' \| 'ERROR'): number => {\n if (value === 'SUCCESS') return this.numberOfSuccess;\n if (value === 'WARNING') return this.numberOfWarning;\n if (value === 'ERROR') return this.numberOfError;\n return this.excelItems.length;\n };\n\n // why: callback có thể trả cùng thông báo nhiều lần; chỉ gộp phần hiển thị, giữ nguyên kết quả validation.\n protected validationMessages = (item: SdImportExcelItem) => ({\n errors: [...new Set(item.meta.errorMessages)],\n warnings: [...new Set(item.meta.warningMessages)],\n });\n\n filteredItems: SdImportExcelItem[] = [];\n viewItems: SdImportExcelItem[] = [];\n numberOfSuccess = 0;\n numberOfError = 0;\n numberOfWarning = 0;\n file?: File;\n #paginator?: MatPaginator;\n #paginatorSub?: Subscription;\n @ViewChild(MatPaginator) set paginator(paginator: MatPaginator \| undefined) {\n if (!paginator) {\n this.#paginatorSub?.unsubscribe();\n this.#paginator = undefined;\n return;\n }\n if (paginator && this.#paginator !== paginator) {\n this.#paginator = paginator;\n this.#paginatorSub?.unsubscribe(); // Clear cũ\n this.#paginatorSub = paginator.page.subscribe(this.#reload);\n this.#subscription.add(this.#paginatorSub);\n }\n }\n #subscription = new Subscription();\n uploading = false;\n isUploaded = false;\n isDownloadTemplate = false;\n @Output() sdClosed = new EventEmitter();\n readonly #i18n = inject(I18nService);\n // why: date cells are wall clock in ISdCoreConfiguration.timeZone, not in the browser zone.\n readonly #dateTime = inject(SdDateTimeService);\n constructor(\n private ref: ChangeDetectorRef,\n private excelService: SdExcelService,\n private notifyService: SdNotifyService,\n private columnHiddenPipe: ColumnHiddenPipe,\n private loadingService: SdLoadingService\n ) {}\n\n ngOnInit() {\n this.isUploaded = false;\n }\n\n ngOnDestroy() {\n this.#subscription.unsubscribe();\n }\n\n open = () => {\n this.#reset();\n this.modal.open();\n };\n\n close = () => {\n this.modal.close();\n };\n\n #reset = () => {\n this.excelItems = [];\n this.filteredItems = [];\n this.viewItems = [];\n this.numberOfSuccess = 0;\n this.numberOfError = 0;\n this.numberOfWarning = 0;\n this.showing = 'ALL';\n this.file = undefined;\n this.isUploaded = false;\n };\n\n #reload = () => {\n const pageIndex = this.#paginator?.pageIndex ?? 0;\n // why: lần đọc tệp đầu tiên chưa render paginator; dùng cùng pageSize của preview.\n const pageSize = this.#paginator?.pageSize \|\| 10;\n this.filteredItems = this.excelItems.filter(item => {\n const { errorMessages, warningMessages } = item.meta;\n if (this.showing === 'SUCCESS') {\n return !errorMessages.length && !warningMessages.length;\n } else if (this.showing === 'WARNING') {\n return !!warningMessages.length && !errorMessages.length;\n } else if (this.showing === 'ERROR') {\n return !!errorMessages.length;\n }\n return true;\n });\n this.viewItems = this.filteredItems.filter((item, index) => index >= pageIndex * pageSize && index < (pageIndex + 1) * pageSize);\n\n this.numberOfSuccess = this.excelItems.filter(this.#filterSuccess).length;\n this.numberOfError = this.excelItems.filter(this.#filterError).length;\n this.numberOfWarning = this.excelItems.filter(this.#filterWarning).length;\n };\n\n #filterError = (item: SdImportExcelItem) => !!item.meta.errorMessages.length;\n #filterWarning = (item: SdImportExcelItem) => item.meta.warningMessages.length && !item.meta.errorMessages.length;\n #filterSuccess = (item: SdImportExcelItem) => !item.meta.errorMessages.length && !item.meta.warningMessages.length;\n\n upload = async () => {\n try {\n const { transform, validateItem, validateItems } = this.option;\n const { items, file } = await this.excelService.upload();\n this.hasDescription = this.option.columns.some(e => !!e.description);\n const offset = this.hasDescription ? 2 : 1;\n items.splice(0, offset);\n if (items.length === 0) {\n this.notifyService.warning(this.#i18n.t('core.component.import-excel.no-data-in-file'));\n return;\n }\n const limit = this.option.limit \|\| 1000;\n if (items.length > limit) {\n this.notifyService.warning(this.#i18n.t('core.component.import-excel.row-limit', { limit }));\n return;\n }\n this.#reset();\n this.excelItems = items.map<SdImportExcelItem>((data, idx) => ({\n data,\n meta: {\n excelIndex: idx + (this.hasDescription ? 4 : 3),\n origin: { ...data },\n error: {},\n warning: {},\n errorMessages: [],\n warningMessages: [],\n },\n }));\n\n if (transform) {\n const mappedItems = transform(this.excelItems);\n if (mappedItems instanceof Promise) {\n this.uploading = true;\n this.excelItems = await mappedItems.finally(() => (this.uploading = false));\n } else {\n this.excelItems = mappedItems \|\| this.excelItems;\n }\n }\n this.file = file!;\n this.loadingService.start();\n const validatePromises = this.excelItems.map((item, idx) => this.#validate(item, idx));\n await Promise.all(validatePromises);\n\n // Nếu không có error thì tiếp tục validate từ option validate truyền vào\n\n if (!this.excelItems.some(this.#filterError) && validateItems) {\n const results = await validateItems(this.excelItems.map(e => e.data));\n results\n .filter(result => result.idx >= 0)\n .forEach(result => {\n if (result?.errorMessage) {\n this.excelItems[result.idx].meta.errorMessages.push(result.errorMessage);\n }\n if (result?.warningMessage) {\n this.excelItems[result.idx].meta.warningMessages.push(result.warningMessage);\n }\n });\n }\n\n if (this.#paginator) this.#paginator.pageIndex = 0;\n this.#reload();\n this.ref.detectChanges();\n\n this.isUploaded = false;\n } catch (err: any) {\n this.notifyService.error(err);\n } finally {\n this.loadingService.stop();\n }\n };\n\n #validate = async (excelItem: SdImportExcelItem, idx: number) => {\n const {\n data: item,\n meta: { error, errorMessages },\n } = excelItem;\n const { validateItem } = this.option;\n for (const column of this.option.columns) {\n if (!this.columnHiddenPipe.transform(column)) {\n continue;\n }\n try {\n if (column.defaultValue !== undefined) {\n item[column.field] = item[column.field] ?? column.defaultValue;\n } else if (column.required && !item[column.field] && item[column.field] !== 0) {\n error[column.field] = this.#i18n.t('core.component.import-excel.required');\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.type === 'string') {\n const value = (item[column.field] \|\| '').toString();\n if (column.minlength !== undefined && value.length < column.minlength) {\n error[column.field] = this.#i18n.t('core.component.import-excel.min-length', { min: column.minlength });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.maxlength !== undefined && value.length > column.maxlength) {\n error[column.field] = this.#i18n.t('core.component.import-excel.max-length', { max: column.maxlength });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n item[column.field] = value;\n } else if (column.type === 'number') {\n if (item[column.field]) {\n const value = +item[column.field];\n if (!NumberUtilities.isNumber(item[column.field])) {\n error[column.field] = this.#i18n.t('core.component.import-excel.not-a-number', { value: item[column.field] });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n item[column.field] = value;\n }\n if (!item[column.field] && item[column.field] !== 0) {\n item[column.field] = undefined;\n }\n if (column.min !== undefined && item[column.field] < column.min) {\n error[column.field] = this.#i18n.t('core.component.import-excel.below-min', { value: item[column.field], min: column.min });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.max !== undefined && item[column.field] > column.max) {\n error[column.field] = this.#i18n.t('core.component.import-excel.above-max', { value: item[column.field], max: column.max });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n } else if (column.type === 'bool') {\n if (\n item[column.field] === 0 \|\|\n item[column.field] === '0' \|\|\n item[column.field] === false \|\|\n item[column.field]?.toString()?.toLowerCase()?.trim() === 'false'\n ) {\n item[column.field] = false;\n } else if (\n item[column.field] === 1 \|\|\n item[column.field] === '1' \|\|\n item[column.field] === true \|\|\n item[column.field]?.toString()?.toLowerCase()?.trim() === 'true'\n ) {\n item[column.field] = true;\n } else if (item[column.field] === '') item[column.field] = undefined;\n\n if (typeof item[column.field] !== 'boolean' && item[column.field] !== undefined && item[column.field] !== null) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-bool');\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n }\n } else if (column.type === 'values') {\n if (item[column.field] && typeof item[column.field] !== 'number' && typeof item[column.field] !== 'string') {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-value', { value: item[column.field] });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.checkValueInArray && item[column.field] && !column.values.some(e => e.toString() === item[column.field].toString())) {\n error[column.field] = this.#i18n.t('core.component.import-excel.value-not-in-list', {\n value: item[column.field],\n list: column.values.join(),\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n } else if (column.type === 'date' \|\| column.type === 'datetime' \|\| column.type === 'time') {\n const { type, format } = column;\n const val = item[column.field];\n if (val instanceof Date) {\n item[column.field] = this.#excelDateCell(val);\n continue;\n }\n if (format && item[column.field]) {\n if (typeof val !== 'string') {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (type === 'date' && !this.#isValidDate(format, val)) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (type === 'time' && !this.#isValidTime(format, val)) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (type === 'datetime' && !this.#isValidDateTime(format, val)) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n item[column.field] = this.#dateTime.parseFrom(val, format);\n }\n if (item[column.field] && !DateUtilities.isDate(item[column.field])) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n }\n\n // Nếu pass validation từng column, kiểm tra validation theo hàm validateItem\n if (!errorMessages.length && validateItem) {\n const validation = await validateItem(\n item,\n idx,\n this.excelItems.map(e => e.data)\n );\n if (validation.errorMessage) excelItem.meta.errorMessages.push(validation.errorMessage);\n if (validation.warningMessage) excelItem.meta.warningMessages.push(validation.warningMessage);\n }\n } catch (ex: any) {\n error[column.field] = `${ex?.message \|\| ex?.error \|\| ex \|\| this.#i18n.t('core.component.import-excel.generic-error')}`;\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n }\n }\n };\n\n #mapItem = (item: SdImportExcelItem) => {\n const { data } = item;\n return data;\n };\n\n accept = () => {\n this.option!.accept(\n this.excelItems.map(e => e.data),\n { file: this.file! }\n );\n this.isUploaded = true;\n };\n\n setValidation = (validations: SdImportExcelValidation[]) => {\n this.excelItems.forEach(e => {\n e.meta.errorMessages = [];\n e.meta.warningMessages = [];\n });\n if (Array.isArray(validations)) {\n validations.forEach(validation => {\n if (validation.errorMessage) {\n this.excelItems[validation.idx].meta.errorMessages = [validation.errorMessage];\n }\n if (validation.warningMessage) {\n this.excelItems[validation.idx].meta.warningMessages = [validation.warningMessage];\n }\n });\n }\n this.#reload();\n this.ref.detectChanges();\n };\n\n view = (showing: 'ALL' \| 'SUCCESS' \| 'WARNING' \| 'ERROR' = 'ALL') => {\n this.showing = showing;\n if (this.#paginator) this.#paginator.pageIndex = 0;\n this.#reload();\n };\n\n downloadTemplate = async () => {\n const sheets: SdExcelSheet[] = [];\n if (Array.isArray(this.option?.sheets)) {\n for (const sheet of this.option.sheets) {\n if (sheet.name && sheet.items && sheet.headers) {\n if (Array.isArray(sheet.items)) {\n sheets.push({\n name: sheet.name,\n items: sheet.items,\n headers: sheet.headers,\n });\n } else {\n sheets.push({\n name: sheet.name,\n items: await sheet.items(),\n headers: sheet.headers,\n });\n }\n }\n }\n }\n const columnNotHiddens = this.option.columns.filter(column => this.columnHiddenPipe.transform(column));\n const excelTemplate: SdExcelTemplate = {\n fileName: this.option.fileName \|\| 'Template',\n columns: columnNotHiddens.map(column => {\n return {\n field: column.field,\n title: column.title,\n width: column.width,\n required: column.required,\n description: column.description,\n fontColor: column.fontColor,\n fill: column.fill,\n };\n }),\n sheets,\n };\n this.isDownloadTemplate = true;\n await this.excelService.generateTemplate(excelTemplate).finally(() => {\n this.isDownloadTemplate = false;\n });\n };\n\n export = async () => {\n this.loadingService.start();\n const columns: SdExcelTemplateColumn[] = [\n {\n field: 'sdMessage',\n title: this.#i18n.t('core.component.import-excel.message-column'),\n width: '250px',\n required: false,\n },\n ...this.option.columns.filter(column => this.columnHiddenPipe.transform(column)),\n ];\n await this.excelService\n .export({\n columns,\n items: this.filteredItems.map(e => {\n let result = {};\n for (const column of columns) {\n result = {\n ...result,\n [column.field]: e.meta.origin?.[column.field],\n };\n }\n return {\n ...result,\n sdMessage: (\n e.meta.errorMessages.join(', ') \|\|\n e.meta.warningMessages.join(', ') \|\|\n this.#i18n.t('core.component.import-excel.success')\n )\n ?.replace(/<strong>/g, '')\n .replace(/<\\/strong>/g, '')\n .replace(/<br>/g, '\\n'),\n };\n }),\n })\n .finally(this.loadingService.stop);\n };\n\n #isValidDate = (format: string, value: string) => {\n if (value?.length !== format?.length) {\n return false;\n }\n const regex =\n /^(?:(?:31(\\/\|-\|\\.)(?:0?[13578]\|1[02]))\\1\|(?:(?:29\|30)(\\/\|-\|\\.)(?:0?[13-9]\|1[0-2])\\2))(?:(?:1[6-9]\|[2-9]\\d)?\\d{2})$\|^(?:29(\\/\|-\|\\.)0?2\\3(?:(?:(?:1[6-9]\|[2-9]\\d)?(?:0[48]\|[2468][048]\|[13579][26])\|(?:(?:16\|[2468][048]\|[3579][26])00))))$\|^(?:0?[1-9]\|1\\d\|2[0-8])(\\/\|-\|\\.)(?:(?:0?[1-9])\|(?:1[0-2]))\\4(?:(?:1[6-9]\|[2-9]\\d)?\\d{2})$/;\n return regex.test(value);\n };\n\n #isValidTime = (format: string, value: string) => {\n if (value?.length !== format?.length) {\n return false;\n }\n return true;\n };\n\n #isValidDateTime = (format: string, value: string) => {\n if (value?.length !== format?.length) {\n return false;\n }\n const dates = value?.split(' ');\n if (dates.length !== 2) {\n return false;\n }\n const date = dates[0];\n if (!this.#isValidDate('dd/MM/yyyy', date)) {\n return false;\n }\n const time = dates[1];\n const regex = /^(0[0-9]\|1[0-9]\|2[0-3])(\\:)(0[0-9]\|[0-5][0-9])$/;\n return regex.test(time);\n };\n\n /** exceljs gives a date cell as a Date whose UTC fields are the Excel wall clock; read it in the zone. /\n #excelDateCell(value: Date): string {\n if (this.#dateTime.timeZone === 'local') return value.toISOString();\n const carrier = new Date(0);\n carrier.setFullYear(value.getUTCFullYear(), value.getUTCMonth(), value.getUTCDate());\n carrier.setHours(value.getUTCHours(), value.getUTCMinutes(), value.getUTCSeconds(), value.getUTCMilliseconds());\n return this.#dateTime.fromWallClock(carrier).toISOString();\n }\n\n onClosed = () => {\n this.sdClosed.emit();\n };\n}\n","@if (option) {\n <sd-modal\n [title]=\"option.title \|\| ('core.component.import-excel.title' \| translate)\"\n width=\"min(1120px, calc(100vw - 32px))\"\n (sdClosed)=\"onClosed()\"\n #modal>\n <div class=\"sd-import-workspace\" [attr.aria-busy]=\"uploading\">\n @if (uploading) {\n <sd-data-state state=\"loading\" [title]=\"'core.component.import-excel.loading' \| translate\" message=\"\" />\n } @else if (!excelItems.length) {\n <div class=\"sd-import-entry\">\n <sd-data-state\n state=\"empty\"\n icon=\"upload_file\"\n [title]=\"'core.component.import-excel.title' \| translate\"\n [message]=\"'core.component.import-excel.choose-hint' \| translate: { limit: option.limit \|\| 1000 }\" />\n <div class=\"sd-import-entry-actions\">\n <sd-button\n data-import-action=\"choose\"\n (click)=\"upload()\"\n prefixIcon=\"upload_file\"\n [title]=\"'core.component.import-excel.choose-file' \| translate\"\n color=\"primary\"\n type=\"fill\"\n size=\"sm\" />\n <sd-button\n data-import-action=\"template\"\n (click)=\"downloadTemplate()\"\n prefixIcon=\"download\"\n [title]=\"'core.component.import-excel.template' \| translate\"\n color=\"secondary\"\n type=\"link\"\n size=\"sm\"\n [loading]=\"isDownloadTemplate\" />\n </div>\n </div>\n } @else {\n <div class=\"sd-import-file\">\n <span class=\"sd-import-file-icon\" aria-hidden=\"true\"><mat-icon>description</mat-icon></span>\n <div class=\"sd-import-file-info\">\n <strong>{{ file?.name \|\| option.fileName \|\| ('core.component.import-excel.title' \| translate) }}</strong>\n <span>{{ 'core.component.import-excel.row-count' \| translate: { count: excelItems.length } }}</span>\n </div>\n <sd-button\n (click)=\"upload()\"\n prefixIcon=\"upload_file\"\n [title]=\"'core.component.import-excel.replace-file' \| translate\"\n color=\"secondary\"\n type=\"link\"\n size=\"sm\" />\n </div>\n\n <div class=\"sd-import-filters\" role=\"group\" [attr.aria-label]=\"'core.component.import-excel.status' \| translate\">\n @for (filter of filters; track filter.value) {\n <button\n type=\"button\"\n class=\"sd-import-filter\"\n [class]=\"'sd-import-filter sd-import-filter--' + filter.value.toLowerCase()\"\n [attr.data-import-filter]=\"filter.value\"\n [attr.aria-pressed]=\"showing === filter.value\"\n (click)=\"view(filter.value)\">\n <mat-icon aria-hidden=\"true\">{{ filter.icon }}</mat-icon>\n <span>{{ filter.label \| translate }}</span\n ><span class=\"sd-import-filter-count\">{{ filterCount(filter.value) }}</span>\n </button>\n }\n </div>\n\n @if (viewItems.length) {\n <div class=\"table-responsive\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"'core.component.import-excel.preview' \| translate\">\n <table class=\"sd-table\">\n <thead>\n <tr>\n <th class=\"text-center c-sticky-left\" style=\"width: 50px\">#</th>\n <th class=\"sd-import-status\">{{ 'core.component.import-excel.status' \| translate }}</th>\n @for (column of option.columns; track column.field) {\n @if (column \| columnHidden) {\n <th [ngStyle]=\"{ 'min-width': column.width \|\| '300px', width: column.width \|\| '300px' }\" [matTooltip]=\"column.title\">\n <span class=\"c-ellipsis\">{{ column.title }}</span>\n </th>\n }\n }\n </tr>\n </thead>\n <tbody>\n @for (item of viewItems; track item.meta.excelIndex) {\n <tr>\n <td class=\"text-center c-sticky-left px-4\">\n <sd-badge\n type=\"tag\"\n [title]=\"item.meta.excelIndex\"\n [success]=\"!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n [warning]=\"!!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n [error]=\"!!item.meta.errorMessages.length\" />\n </td>\n <td class=\"sd-import-status\">\n @let messages = validationMessages(item);\n @let issueCount = messages.errors.length + messages.warnings.length;\n @if (issueCount) {\n <details class=\"sd-import-issues\">\n <summary>\n <span [innerHTML]=\"item.meta.errorMessages[0] \|\| item.meta.warningMessages[0]\"></span>\n <span class=\"sd-import-issue-count\">{{\n 'core.component.import-excel.issue-count' \| translate: { count: issueCount }\n }}</span>\n </summary>\n <ul>\n @for (message of messages.errors; track $index) {\n <li class=\"sd-import-error\">\n <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-error' \| translate }}:</span>\n <span [innerHTML]=\"message\"></span>\n </li>\n }\n @for (message of messages.warnings; track $index) {\n <li class=\"sd-import-warning\">\n <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-warning' \| translate }}:</span>\n <span [innerHTML]=\"message\"></span>\n </li>\n }\n </ul>\n </details>\n } @else {\n <span class=\"sd-import-valid\">{{ 'core.component.import-excel.valid-data' \| translate }}</span>\n }\n </td>\n @for (column of option.columns; track column.field) {\n @if (column \| columnHidden) {\n <td\n class=\"align-middle\"\n [ngClass]=\"{\n 'bg-warning-light': item.meta.warning[column.field] && !item.meta.error[column.field],\n 'bg-error-light': item.meta.error[column.field],\n }\"\n [matTooltip]=\"item.meta.error[column.field] \|\| item.meta.warning[column.field]\"\n [ngStyle]=\"{ 'min-width': column.width \|\| '300px' }\"\n matTooltipPosition=\"above\">\n <div class=\"c-ellipsis\">\n @if (column.type !== 'array') {\n <span [innerHTML]=\"item \| columnTransform: column \| async\"></span>\n } @else {\n @let arrayItems = item.data[column.field]?.split(column.divideString);\n <div class=\"d-flex align-items-center justify-content-between\">\n <span>{{ arrayItems?.length \|\| 0 }} {{ column.unitString }}</span>\n @if (arrayItems?.length) {\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n class=\"c-mat-menu\"\n [attr.aria-label]=\"column.title\"\n style=\"width: 24px; height: 24px; line-height: 24px\">\n <mat-icon style=\"font-size: 18px\">open_in_new</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <div\n class=\"px-3 py-2 text-wrap\"\n role=\"group\"\n style=\"max-width: 300px; max-height: 250px; overflow: auto\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n @for (val of arrayItems; track $index) {\n <div class=\"border-bottom py-2 text-wrap\" [innerHTML]=\"val\"></div>\n }\n </div>\n </mat-menu>\n }\n </div>\n }\n </div>\n </td>\n }\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n } @else {\n <sd-data-state\n class=\"sd-import-no-results\"\n state=\"empty\"\n compact\n [title]=\"'core.component.import-excel.no-filter-results' \| translate\"\n [message]=\"'core.component.import-excel.no-filter-results-hint' \| translate\"\n [actionLabel]=\"'core.component.import-excel.see-all' \| translate\"\n (sdAction)=\"view('ALL')\" />\n }\n <mat-paginator\n class=\"sd-import-paginator\"\n [hidden]=\"!filteredItems.length\"\n [length]=\"filteredItems.length\"\n [pageSize]=\"10\"\n hidePageSize />\n\n <div class=\"sd-import-footer\">\n @if (numberOfError) {\n <p class=\"sd-import-blocked\" role=\"status\">\n {{ 'core.component.import-excel.blocked-errors' \| translate: { count: numberOfError } }}\n </p>\n } @else if (isUploaded) {\n <p class=\"sd-import-submitted\" role=\"status\">{{ 'core.component.import-excel.submitted' \| translate }}</p>\n }\n <div class=\"sd-import-footer-actions\">\n <sd-button\n (click)=\"export()\"\n prefixIcon=\"download\"\n [disabled]=\"!filteredItems.length\"\n [title]=\"'core.component.import-excel.download' \| translate\"\n size=\"sm\"\n color=\"secondary\"\n type=\"link\" />\n <sd-button\n data-import-action=\"accept\"\n (click)=\"accept()\"\n [title]=\"'core.component.import-excel.confirm-save' \| translate\"\n [disabled]=\"(numberOfSuccess === 0 && numberOfWarning === 0) \|\| numberOfError > 0 \|\| isUploaded\"\n color=\"primary\"\n type=\"fill\"\n size=\"sm\" />\n </div>\n </div>\n }\n </div>\n </sd-modal>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["ɵsdInjectDateTime","ɵSD_LOCAL_DATE_TIME","i1","i3.ColumnHiddenPipe"],"mappings":"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"}
1	+ {"version":3,"file":"sd-angular-core-components-import-excel.mjs","sources":["../../../projects/sd-angular/components/import-excel/src/import-excel.model.ts","../../../projects/sd-angular/components/import-excel/src/pipes/columm-hidden.pipe.ts","../../../projects/sd-angular/components/import-excel/src/pipes/column-transform.pipe.ts","../../../projects/sd-angular/components/import-excel/src/import-excel.component.ts","../../../projects/sd-angular/components/import-excel/src/import-excel.component.html","../../../projects/sd-angular/components/import-excel/sd-angular-core-components-import-excel.ts"],"sourcesContent":["export interface SdImportExcelValidation {\n idx: number;\n errorMessage?: string;\n warningMessage?: string;\n}\nexport interface SdImportExcelSheet<T = any> {\n name: string; // Tên của sheet\n items: T[] \| (() => Promise<T[]>);\n headers: {\n value: Extract<keyof T, string>; // Trường muốn hiển thị\n display: string; // Label hiển thị\n }[];\n}\n\nexport interface SdImportExcelOption<T = any> {\n columns: SdUploadExcelColumn<T>[];\n accept: (items: T[], args: { file: File }) => SdImportExcelValidation[] \| Promise<SdImportExcelValidation[]>;\n title?: string;\n fileName?: string;\n limit?: number;\n sheets?: SdImportExcelSheet[];\n transform?: (items: SdImportExcelItem<T>[]) => SdImportExcelItem<T>[] \| Promise<SdImportExcelItem<T>[]>;\n validateItem?: (item: T, idx: number, items: T[]) => SdImportExcelValidation \| Promise<SdImportExcelValidation>;\n validateItems?: (items: T[]) => SdImportExcelValidation[] \| Promise<SdImportExcelValidation[]>;\n}\n\nexport type SdUploadExcelColumn<T = any> =\n \| SdUploadExcelColumnString<T>\n \| SdUploadExcelColumnNumber<T>\n \| SdUploadExcelColumnBool<T>\n \| SdUploadExcelColumnDate<T>\n \| SdUploadExcelColumnTime<T>\n \| SdUploadExcelColumnDateTime<T>\n \| SdUploadExcelColumnValues<T>\n \| SdUploadExcelColumnStringArray<T>;\n\nexport interface SdUploadExcelBaseColumn<T = any> {\n field: string;\n title: string;\n required?: boolean;\n width?: string;\n description?: string;\n hidden?: boolean \| (() => boolean);\n fontColor?: string;\n fill?: string;\n transform?: (value: any, rowData: T) => string \| Promise<string>;\n}\n\nexport interface SdUploadExcelColumnString<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'string';\n defaultValue?: string;\n pattern?: string;\n minlength?: number;\n maxlength?: number;\n}\n\nexport interface SdUploadExcelColumnNumber<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'number';\n defaultValue?: number;\n min?: number;\n max?: number;\n}\n\nexport interface SdUploadExcelColumnBool<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'bool';\n defaultValue?: boolean;\n parseToBool?: boolean;\n}\n\nexport interface SdUploadExcelColumnDate<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'date';\n format?: 'dd/MM/yyyy';\n defaultValue?: Date;\n minDate?: Date;\n maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnTime<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'time';\n format?: 'HH:mm' \| 'HH:mm:ss';\n defaultValue?: Date;\n minDate?: Date;\n maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnDateTime<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'datetime';\n format?: 'dd/MM/yyyy HH:mm' \| 'dd/MM/yyyy';\n defaultValue?: Date;\n minDate?: Date;\n maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnValues<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'values' \| 'radio';\n defaultValue?: string \| number;\n values: (string \| number)[];\n checkValueInArray?: boolean;\n}\n\nexport interface SdUploadExcelColumnStringArray<T = any> extends SdUploadExcelBaseColumn<T> {\n type: 'array';\n divideString: string \| ';';\n unitString: string \| 'items';\n defaultValue?: string;\n minlength?: number;\n maxlength?: number;\n}\n\nexport type SdImportExcelItem<T = any> = {\n data: T;\n meta: {\n excelIndex: number;\n origin: T;\n error: Record<string, string>;\n errorMessages: string[];\n warning: Record<string, string>;\n warningMessages: string[];\n };\n};\n\n// export type ExcelItem<T> = {\n// origin?: T;\n// excelIndex?: number;\n// validation: SdUploadExcelValidation;\n// } & T;\n","import { Injectable, Pipe, PipeTransform } from '@angular/core';\nimport { SdUploadExcelColumn } from '../import-excel.model';\n@Pipe({\n name: 'columnHidden'\n})\n@Injectable()\nexport class ColumnHiddenPipe implements PipeTransform {\n constructor() { }\n transform(column: SdUploadExcelColumn): boolean {\n if (column.hidden === undefined) {\n return true;\n }\n if (typeof (column.hidden) === 'boolean') {\n return !column.hidden;\n }\n if (typeof (column.hidden) === 'function') {\n return !column.hidden();\n }\n return false;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ɵSD_LOCAL_DATE_TIME, ɵsdInjectDateTime } from '@sd-angular/core/services/date-time';\nimport { NumberUtilities } from '@sd-angular/core/utilities';\nimport { SdImportExcelItem, SdUploadExcelColumn } from '../import-excel.model';\n\n@Pipe({\n name: 'columnTransform',\n standalone: true,\n})\nexport class ColumnTransformPipe implements PipeTransform {\n // why: `new ColumnTransformPipe(sanitizer)` outside an injection context keeps the local behavior (no zone).\n readonly #dateTime = ɵsdInjectDateTime() ?? ɵSD_LOCAL_DATE_TIME;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n // Chuyển thành async để hỗ trợ Promise từ bên ngoài\n async transform(item: SdImportExcelItem, column: SdUploadExcelColumn): Promise<string \| SafeHtml> {\n const { type, transform, field } = column;\n const value = item.data[field];\n\n // 1. Ưu tiên hiển thị dữ liệu gốc nếu có lỗi\n if (item.meta.error[field]) {\n return item.meta.origin[field] ?? value ?? '';\n }\n\n // 2. Custom Transform (Hỗ trợ cả Sync và Async)\n if (transform) {\n // await sẽ hoạt động đúng dù transform trả về value thường hay Promise\n const result = await transform(item.data, value);\n return result ?? '';\n }\n\n // 3. Xử lý logic hiển thị\n switch (type) {\n case 'number':\n return NumberUtilities.toVN(value) ?? '';\n\n case 'bool':\n if (typeof value === 'boolean') {\n const html = `<div class=\"text-center\"><input type=\"checkbox\" ${value ? 'checked' : ''} disabled></div>`;\n // Bắt buộc bypass security để hiển thị được input checkbox\n return this.sanitizer.bypassSecurityTrustHtml(html);\n }\n return '';\n\n case 'date':\n return this.#dateTime.toFormat(value, column.format \|\| 'dd/MM/yyyy') ?? '';\n\n case 'datetime':\n return this.#dateTime.toFormat(value, column.format \|\| 'dd/MM/yyyy HH:mm') ?? '';\n\n default:\n return value ?? '';\n }\n }\n}","import { SdDataState } from '@sd-angular/core/components/data-state';\nimport { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';\n\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { Subscription } from 'rxjs';\nimport { ColumnHiddenPipe } from './pipes/columm-hidden.pipe';\nimport { SdImportExcelItem, SdImportExcelOption, SdImportExcelSheet, SdImportExcelValidation } from './import-excel.model';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SdButton } from '@sd-angular/core/components/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SdModal } from '@sd-angular/core/components/modal';\nimport { SdInput } from '@sd-angular/core/forms/input';\nimport { SdExcelService, SdExcelSheet, SdExcelTemplate, SdExcelTemplateColumn } from '@sd-angular/core/services/excel';\nimport { SdNotifyService } from '@sd-angular/core/services/notify';\nimport { SdDateTimeService } from '@sd-angular/core/services/date-time';\nimport { DateUtilities, NumberUtilities } from '@sd-angular/core/utilities';\nimport { SdLoadingService } from '@sd-angular/core/services/loading';\nimport { ColumnTransformPipe } from './pipes/column-transform.pipe';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { SdBadge } from '@sd-angular/core/components/badge';\nimport { I18nService, TranslatePipe } from '@sd-angular/core/i18n';\n\n@Component({\n selector: 'sd-import-excel',\n templateUrl: './import-excel.component.html',\n styleUrl: './import-excel.component.scss',\n imports: [\n SdDataState,\n CommonModule,\n FormsModule,\n MatSlideToggleModule,\n MatTooltipModule,\n MatPaginatorModule,\n MatSlideToggleModule,\n SdButton,\n SdModal,\n ColumnTransformPipe,\n ColumnHiddenPipe,\n MatIconModule,\n MatMenuModule,\n MatProgressSpinner,\n SdBadge,\n TranslatePipe,\n ],\n providers: [ColumnHiddenPipe],\n})\nexport class SdImportExcel implements OnInit, OnDestroy {\n @Input({ required: true }) option!: SdImportExcelOption;\n @ViewChild(SdModal) modal!: SdModal;\n excelItems: SdImportExcelItem[] = [];\n // originItems: SdExcelItem[] = [];\n hasDescription = false;\n\n showing: 'ALL' \| 'SUCCESS' \| 'WARNING' \| 'ERROR' = 'ALL';\n readonly filters = [\n { value: 'ALL', label: 'core.component.import-excel.filter-all', icon: 'list_alt' },\n { value: 'SUCCESS', label: 'core.component.import-excel.filter-success', icon: 'check_circle_outline' },\n { value: 'WARNING', label: 'core.component.import-excel.filter-warning', icon: 'warning_amber' },\n { value: 'ERROR', label: 'core.component.import-excel.filter-error', icon: 'error_outline' },\n ] as const;\n\n filterCount = (value: 'ALL' \| 'SUCCESS' \| 'WARNING' \| 'ERROR'): number => {\n if (value === 'SUCCESS') return this.numberOfSuccess;\n if (value === 'WARNING') return this.numberOfWarning;\n if (value === 'ERROR') return this.numberOfError;\n return this.excelItems.length;\n };\n\n // why: callback có thể trả cùng thông báo nhiều lần; chỉ gộp phần hiển thị, giữ nguyên kết quả validation.\n protected validationMessages = (item: SdImportExcelItem) => ({\n errors: [...new Set(item.meta.errorMessages)],\n warnings: [...new Set(item.meta.warningMessages)],\n });\n\n filteredItems: SdImportExcelItem[] = [];\n viewItems: SdImportExcelItem[] = [];\n numberOfSuccess = 0;\n numberOfError = 0;\n numberOfWarning = 0;\n file?: File;\n #paginator?: MatPaginator;\n #paginatorSub?: Subscription;\n @ViewChild(MatPaginator) set paginator(paginator: MatPaginator \| undefined) {\n if (!paginator) {\n this.#paginatorSub?.unsubscribe();\n this.#paginator = undefined;\n return;\n }\n if (paginator && this.#paginator !== paginator) {\n this.#paginator = paginator;\n this.#paginatorSub?.unsubscribe(); // Clear cũ\n this.#paginatorSub = paginator.page.subscribe(this.#reload);\n this.#subscription.add(this.#paginatorSub);\n }\n }\n #subscription = new Subscription();\n uploading = false;\n isUploaded = false;\n isDownloadTemplate = false;\n @Output() sdClosed = new EventEmitter();\n readonly #i18n = inject(I18nService);\n // why: date cells are wall clock in ISdCoreConfiguration.timeZone, not in the browser zone.\n readonly #dateTime = inject(SdDateTimeService);\n constructor(\n private ref: ChangeDetectorRef,\n private excelService: SdExcelService,\n private notifyService: SdNotifyService,\n private columnHiddenPipe: ColumnHiddenPipe,\n private loadingService: SdLoadingService\n ) {}\n\n ngOnInit() {\n this.isUploaded = false;\n }\n\n ngOnDestroy() {\n this.#subscription.unsubscribe();\n }\n\n open = () => {\n this.#reset();\n this.modal.open();\n };\n\n close = () => {\n this.modal.close();\n };\n\n #reset = () => {\n this.excelItems = [];\n this.filteredItems = [];\n this.viewItems = [];\n this.numberOfSuccess = 0;\n this.numberOfError = 0;\n this.numberOfWarning = 0;\n this.showing = 'ALL';\n this.file = undefined;\n this.isUploaded = false;\n };\n\n #reload = () => {\n const pageIndex = this.#paginator?.pageIndex ?? 0;\n // why: lần đọc tệp đầu tiên chưa render paginator; dùng cùng pageSize của preview.\n const pageSize = this.#paginator?.pageSize \|\| 10;\n this.filteredItems = this.excelItems.filter(item => {\n const { errorMessages, warningMessages } = item.meta;\n if (this.showing === 'SUCCESS') {\n return !errorMessages.length && !warningMessages.length;\n } else if (this.showing === 'WARNING') {\n return !!warningMessages.length && !errorMessages.length;\n } else if (this.showing === 'ERROR') {\n return !!errorMessages.length;\n }\n return true;\n });\n this.viewItems = this.filteredItems.filter((item, index) => index >= pageIndex * pageSize && index < (pageIndex + 1) * pageSize);\n\n this.numberOfSuccess = this.excelItems.filter(this.#filterSuccess).length;\n this.numberOfError = this.excelItems.filter(this.#filterError).length;\n this.numberOfWarning = this.excelItems.filter(this.#filterWarning).length;\n };\n\n #filterError = (item: SdImportExcelItem) => !!item.meta.errorMessages.length;\n #filterWarning = (item: SdImportExcelItem) => item.meta.warningMessages.length && !item.meta.errorMessages.length;\n #filterSuccess = (item: SdImportExcelItem) => !item.meta.errorMessages.length && !item.meta.warningMessages.length;\n\n upload = async () => {\n try {\n const { transform, validateItem, validateItems } = this.option;\n const { items, file } = await this.excelService.upload();\n this.hasDescription = this.option.columns.some(e => !!e.description);\n const offset = this.hasDescription ? 2 : 1;\n items.splice(0, offset);\n if (items.length === 0) {\n this.notifyService.warning(this.#i18n.t('core.component.import-excel.no-data-in-file'));\n return;\n }\n const limit = this.option.limit \|\| 1000;\n if (items.length > limit) {\n this.notifyService.warning(this.#i18n.t('core.component.import-excel.row-limit', { limit }));\n return;\n }\n this.#reset();\n this.excelItems = items.map<SdImportExcelItem>((data, idx) => ({\n data,\n meta: {\n excelIndex: idx + (this.hasDescription ? 4 : 3),\n origin: { ...data },\n error: {},\n warning: {},\n errorMessages: [],\n warningMessages: [],\n },\n }));\n\n if (transform) {\n const mappedItems = transform(this.excelItems);\n if (mappedItems instanceof Promise) {\n this.uploading = true;\n this.excelItems = await mappedItems.finally(() => (this.uploading = false));\n } else {\n this.excelItems = mappedItems \|\| this.excelItems;\n }\n }\n this.file = file!;\n this.loadingService.start();\n const validatePromises = this.excelItems.map((item, idx) => this.#validate(item, idx));\n await Promise.all(validatePromises);\n\n // Nếu không có error thì tiếp tục validate từ option validate truyền vào\n\n if (!this.excelItems.some(this.#filterError) && validateItems) {\n const results = await validateItems(this.excelItems.map(e => e.data));\n results\n .filter(result => result.idx >= 0)\n .forEach(result => {\n if (result?.errorMessage) {\n this.excelItems[result.idx].meta.errorMessages.push(result.errorMessage);\n }\n if (result?.warningMessage) {\n this.excelItems[result.idx].meta.warningMessages.push(result.warningMessage);\n }\n });\n }\n\n if (this.#paginator) this.#paginator.pageIndex = 0;\n this.#reload();\n this.ref.detectChanges();\n\n this.isUploaded = false;\n } catch (err: any) {\n this.notifyService.error(err);\n } finally {\n this.loadingService.stop();\n }\n };\n\n #validate = async (excelItem: SdImportExcelItem, idx: number) => {\n const {\n data: item,\n meta: { error, errorMessages },\n } = excelItem;\n const { validateItem } = this.option;\n for (const column of this.option.columns) {\n if (!this.columnHiddenPipe.transform(column)) {\n continue;\n }\n try {\n if (column.defaultValue !== undefined) {\n item[column.field] = item[column.field] ?? column.defaultValue;\n } else if (column.required && !item[column.field] && item[column.field] !== 0) {\n error[column.field] = this.#i18n.t('core.component.import-excel.required');\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.type === 'string') {\n const value = (item[column.field] \|\| '').toString();\n if (column.minlength !== undefined && value.length < column.minlength) {\n error[column.field] = this.#i18n.t('core.component.import-excel.min-length', { min: column.minlength });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.maxlength !== undefined && value.length > column.maxlength) {\n error[column.field] = this.#i18n.t('core.component.import-excel.max-length', { max: column.maxlength });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n item[column.field] = value;\n } else if (column.type === 'number') {\n if (item[column.field]) {\n const value = +item[column.field];\n if (!NumberUtilities.isNumber(item[column.field])) {\n error[column.field] = this.#i18n.t('core.component.import-excel.not-a-number', { value: item[column.field] });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n item[column.field] = value;\n }\n if (!item[column.field] && item[column.field] !== 0) {\n item[column.field] = undefined;\n }\n if (column.min !== undefined && item[column.field] < column.min) {\n error[column.field] = this.#i18n.t('core.component.import-excel.below-min', { value: item[column.field], min: column.min });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.max !== undefined && item[column.field] > column.max) {\n error[column.field] = this.#i18n.t('core.component.import-excel.above-max', { value: item[column.field], max: column.max });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n } else if (column.type === 'bool') {\n if (\n item[column.field] === 0 \|\|\n item[column.field] === '0' \|\|\n item[column.field] === false \|\|\n item[column.field]?.toString()?.toLowerCase()?.trim() === 'false'\n ) {\n item[column.field] = false;\n } else if (\n item[column.field] === 1 \|\|\n item[column.field] === '1' \|\|\n item[column.field] === true \|\|\n item[column.field]?.toString()?.toLowerCase()?.trim() === 'true'\n ) {\n item[column.field] = true;\n } else if (item[column.field] === '') item[column.field] = undefined;\n\n if (typeof item[column.field] !== 'boolean' && item[column.field] !== undefined && item[column.field] !== null) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-bool');\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n }\n } else if (column.type === 'values') {\n if (item[column.field] && typeof item[column.field] !== 'number' && typeof item[column.field] !== 'string') {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-value', { value: item[column.field] });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (column.checkValueInArray && item[column.field] && !column.values.some(e => e.toString() === item[column.field].toString())) {\n error[column.field] = this.#i18n.t('core.component.import-excel.value-not-in-list', {\n value: item[column.field],\n list: column.values.join(),\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n } else if (column.type === 'date' \|\| column.type === 'datetime' \|\| column.type === 'time') {\n const { type, format } = column;\n const val = item[column.field];\n if (val instanceof Date) {\n item[column.field] = this.#excelDateCell(val);\n continue;\n }\n if (format && item[column.field]) {\n if (typeof val !== 'string') {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (type === 'date' && !this.#isValidDate(format, val)) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (type === 'time' && !this.#isValidTime(format, val)) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n if (type === 'datetime' && !this.#isValidDateTime(format, val)) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n item[column.field] = this.#dateTime.parseFrom(val, format);\n }\n if (item[column.field] && !DateUtilities.isDate(item[column.field])) {\n error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n value: val ?? '',\n format: column.format ?? '',\n });\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n continue;\n }\n }\n\n // Nếu pass validation từng column, kiểm tra validation theo hàm validateItem\n if (!errorMessages.length && validateItem) {\n const validation = await validateItem(\n item,\n idx,\n this.excelItems.map(e => e.data)\n );\n if (validation.errorMessage) excelItem.meta.errorMessages.push(validation.errorMessage);\n if (validation.warningMessage) excelItem.meta.warningMessages.push(validation.warningMessage);\n }\n } catch (ex: any) {\n error[column.field] = `${ex?.message \|\| ex?.error \|\| ex \|\| this.#i18n.t('core.component.import-excel.generic-error')}`;\n errorMessages.push(`<strong>[${column.title \|\| column.field}]</strong> ${error[column.field]}`);\n }\n }\n };\n\n #mapItem = (item: SdImportExcelItem) => {\n const { data } = item;\n return data;\n };\n\n accept = () => {\n this.option!.accept(\n this.excelItems.map(e => e.data),\n { file: this.file! }\n );\n this.isUploaded = true;\n };\n\n setValidation = (validations: SdImportExcelValidation[]) => {\n this.excelItems.forEach(e => {\n e.meta.errorMessages = [];\n e.meta.warningMessages = [];\n });\n if (Array.isArray(validations)) {\n validations.forEach(validation => {\n if (validation.errorMessage) {\n this.excelItems[validation.idx].meta.errorMessages = [validation.errorMessage];\n }\n if (validation.warningMessage) {\n this.excelItems[validation.idx].meta.warningMessages = [validation.warningMessage];\n }\n });\n }\n this.#reload();\n this.ref.detectChanges();\n };\n\n view = (showing: 'ALL' \| 'SUCCESS' \| 'WARNING' \| 'ERROR' = 'ALL') => {\n this.showing = showing;\n if (this.#paginator) this.#paginator.pageIndex = 0;\n this.#reload();\n };\n\n downloadTemplate = async () => {\n const sheets: SdExcelSheet[] = [];\n if (Array.isArray(this.option?.sheets)) {\n for (const sheet of this.option.sheets) {\n if (sheet.name && sheet.items && sheet.headers) {\n if (Array.isArray(sheet.items)) {\n sheets.push({\n name: sheet.name,\n items: sheet.items,\n headers: sheet.headers,\n });\n } else {\n sheets.push({\n name: sheet.name,\n items: await sheet.items(),\n headers: sheet.headers,\n });\n }\n }\n }\n }\n const columnNotHiddens = this.option.columns.filter(column => this.columnHiddenPipe.transform(column));\n const excelTemplate: SdExcelTemplate = {\n fileName: this.option.fileName \|\| 'Template',\n columns: columnNotHiddens.map(column => {\n return {\n field: column.field,\n title: column.title,\n width: column.width,\n required: column.required,\n description: column.description,\n fontColor: column.fontColor,\n fill: column.fill,\n };\n }),\n sheets,\n };\n this.isDownloadTemplate = true;\n await this.excelService.generateTemplate(excelTemplate).finally(() => {\n this.isDownloadTemplate = false;\n });\n };\n\n export = async () => {\n this.loadingService.start();\n const columns: SdExcelTemplateColumn[] = [\n {\n field: 'sdMessage',\n title: this.#i18n.t('core.component.import-excel.message-column'),\n width: '250px',\n required: false,\n },\n ...this.option.columns.filter(column => this.columnHiddenPipe.transform(column)),\n ];\n await this.excelService\n .export({\n columns,\n items: this.filteredItems.map(e => {\n let result = {};\n for (const column of columns) {\n result = {\n ...result,\n [column.field]: e.meta.origin?.[column.field],\n };\n }\n return {\n ...result,\n sdMessage: (\n e.meta.errorMessages.join(', ') \|\|\n e.meta.warningMessages.join(', ') \|\|\n this.#i18n.t('core.component.import-excel.success')\n )\n ?.replace(/<strong>/g, '')\n .replace(/<\\/strong>/g, '')\n .replace(/<br>/g, '\\n'),\n };\n }),\n })\n .finally(this.loadingService.stop);\n };\n\n #isValidDate = (format: string, value: string) => {\n if (value?.length !== format?.length) {\n return false;\n }\n const regex =\n /^(?:(?:31(\\/\|-\|\\.)(?:0?[13578]\|1[02]))\\1\|(?:(?:29\|30)(\\/\|-\|\\.)(?:0?[13-9]\|1[0-2])\\2))(?:(?:1[6-9]\|[2-9]\\d)?\\d{2})$\|^(?:29(\\/\|-\|\\.)0?2\\3(?:(?:(?:1[6-9]\|[2-9]\\d)?(?:0[48]\|[2468][048]\|[13579][26])\|(?:(?:16\|[2468][048]\|[3579][26])00))))$\|^(?:0?[1-9]\|1\\d\|2[0-8])(\\/\|-\|\\.)(?:(?:0?[1-9])\|(?:1[0-2]))\\4(?:(?:1[6-9]\|[2-9]\\d)?\\d{2})$/;\n return regex.test(value);\n };\n\n #isValidTime = (format: string, value: string) => {\n if (value?.length !== format?.length) {\n return false;\n }\n return true;\n };\n\n #isValidDateTime = (format: string, value: string) => {\n if (value?.length !== format?.length) {\n return false;\n }\n const dates = value?.split(' ');\n if (dates.length !== 2) {\n return false;\n }\n const date = dates[0];\n if (!this.#isValidDate('dd/MM/yyyy', date)) {\n return false;\n }\n const time = dates[1];\n const regex = /^(0[0-9]\|1[0-9]\|2[0-3])(\\:)(0[0-9]\|[0-5][0-9])$/;\n return regex.test(time);\n };\n\n /** exceljs gives a date cell as a Date whose UTC fields are the Excel wall clock; read it in the zone. /\n #excelDateCell(value: Date): string {\n if (this.#dateTime.timeZone === 'local') return value.toISOString();\n const carrier = new Date(0);\n carrier.setFullYear(value.getUTCFullYear(), value.getUTCMonth(), value.getUTCDate());\n carrier.setHours(value.getUTCHours(), value.getUTCMinutes(), value.getUTCSeconds(), value.getUTCMilliseconds());\n return this.#dateTime.fromWallClock(carrier).toISOString();\n }\n\n onClosed = () => {\n this.sdClosed.emit();\n };\n}\n","@if (option) {\n <sd-modal\n [title]=\"option.title \|\| ('core.component.import-excel.title' \| translate)\"\n width=\"min(1120px, calc(100vw - 32px))\"\n (sdClosed)=\"onClosed()\"\n #modal>\n <div class=\"sd-import-workspace\" [attr.aria-busy]=\"uploading\">\n @if (uploading) {\n <sd-data-state state=\"loading\" [title]=\"'core.component.import-excel.loading' \| translate\" message=\"\" />\n } @else if (!excelItems.length) {\n <div class=\"sd-import-entry\">\n <sd-data-state\n state=\"empty\"\n icon=\"upload_file\"\n [title]=\"'core.component.import-excel.title' \| translate\"\n [message]=\"'core.component.import-excel.choose-hint' \| translate: { limit: option.limit \|\| 1000 }\" />\n <div class=\"sd-import-entry-actions\">\n <sd-button\n data-import-action=\"choose\"\n (click)=\"upload()\"\n prefixIcon=\"upload_file\"\n [title]=\"'core.component.import-excel.choose-file' \| translate\"\n color=\"primary\"\n type=\"fill\"\n size=\"sm\" />\n <sd-button\n data-import-action=\"template\"\n (click)=\"downloadTemplate()\"\n prefixIcon=\"download\"\n [title]=\"'core.component.import-excel.template' \| translate\"\n color=\"secondary\"\n type=\"link\"\n size=\"sm\"\n [loading]=\"isDownloadTemplate\" />\n </div>\n </div>\n } @else {\n <div class=\"sd-import-file\">\n <span class=\"sd-import-file-icon\" aria-hidden=\"true\"><mat-icon>description</mat-icon></span>\n <div class=\"sd-import-file-info\">\n <strong>{{ file?.name \|\| option.fileName \|\| ('core.component.import-excel.title' \| translate) }}</strong>\n <span>{{ 'core.component.import-excel.row-count' \| translate: { count: excelItems.length } }}</span>\n </div>\n <sd-button\n (click)=\"upload()\"\n prefixIcon=\"upload_file\"\n [title]=\"'core.component.import-excel.replace-file' \| translate\"\n color=\"secondary\"\n type=\"link\"\n size=\"sm\" />\n </div>\n\n <div class=\"sd-import-filters\" role=\"group\" [attr.aria-label]=\"'core.component.import-excel.status' \| translate\">\n @for (filter of filters; track filter.value) {\n <button\n type=\"button\"\n class=\"sd-import-filter\"\n [class]=\"'sd-import-filter sd-import-filter--' + filter.value.toLowerCase()\"\n [attr.data-import-filter]=\"filter.value\"\n [attr.aria-pressed]=\"showing === filter.value\"\n (click)=\"view(filter.value)\">\n <mat-icon aria-hidden=\"true\">{{ filter.icon }}</mat-icon>\n <span>{{ filter.label \| translate }}</span\n ><span class=\"sd-import-filter-count\">{{ filterCount(filter.value) }}</span>\n </button>\n }\n </div>\n\n @if (viewItems.length) {\n <div class=\"table-responsive\" tabindex=\"0\" role=\"region\" [attr.aria-label]=\"'core.component.import-excel.preview' \| translate\">\n <table class=\"sd-table\">\n <thead>\n <tr>\n <th class=\"text-center c-sticky-left\" style=\"width: 50px\">#</th>\n <th class=\"sd-import-status\">{{ 'core.component.import-excel.status' \| translate }}</th>\n @for (column of option.columns; track column.field) {\n @if (column \| columnHidden) {\n <th [ngStyle]=\"{ 'min-width': column.width \|\| '300px', width: column.width \|\| '300px' }\" [matTooltip]=\"column.title\">\n <span class=\"c-ellipsis\">{{ column.title }}</span>\n </th>\n }\n }\n </tr>\n </thead>\n <tbody>\n @for (item of viewItems; track item.meta.excelIndex) {\n <tr>\n <td class=\"text-center c-sticky-left px-4\">\n <sd-badge\n type=\"tag\"\n [title]=\"item.meta.excelIndex\"\n [success]=\"!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n [warning]=\"!!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n [error]=\"!!item.meta.errorMessages.length\" />\n </td>\n <td class=\"sd-import-status\">\n @let messages = validationMessages(item);\n @let issueCount = messages.errors.length + messages.warnings.length;\n @if (issueCount) {\n <details class=\"sd-import-issues\">\n <summary>\n <span [innerHTML]=\"item.meta.errorMessages[0] \|\| item.meta.warningMessages[0]\"></span>\n <span class=\"sd-import-issue-count\">{{\n 'core.component.import-excel.issue-count' \| translate: { count: issueCount }\n }}</span>\n </summary>\n <ul>\n @for (message of messages.errors; track $index) {\n <li class=\"sd-import-error\">\n <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-error' \| translate }}:</span>\n <span [innerHTML]=\"message\"></span>\n </li>\n }\n @for (message of messages.warnings; track $index) {\n <li class=\"sd-import-warning\">\n <span class=\"sd-import-issue-label\">{{ 'core.component.import-excel.filter-warning' \| translate }}:</span>\n <span [innerHTML]=\"message\"></span>\n </li>\n }\n </ul>\n </details>\n } @else {\n <span class=\"sd-import-valid\">{{ 'core.component.import-excel.valid-data' \| translate }}</span>\n }\n </td>\n @for (column of option.columns; track column.field) {\n @if (column \| columnHidden) {\n <td\n class=\"align-middle\"\n [ngClass]=\"{\n 'bg-warning-light': item.meta.warning[column.field] && !item.meta.error[column.field],\n 'bg-error-light': item.meta.error[column.field],\n }\"\n [matTooltip]=\"item.meta.error[column.field] \|\| item.meta.warning[column.field]\"\n [ngStyle]=\"{ 'min-width': column.width \|\| '300px' }\"\n matTooltipPosition=\"above\">\n <div class=\"c-ellipsis\">\n @if (column.type !== 'array') {\n <span [innerHTML]=\"item \| columnTransform: column \| async\"></span>\n } @else {\n @let arrayItems = item.data[column.field]?.split(column.divideString);\n <div class=\"d-flex align-items-center justify-content-between\">\n <span>{{ arrayItems?.length \|\| 0 }} {{ column.unitString }}</span>\n @if (arrayItems?.length) {\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n class=\"c-mat-menu\"\n [attr.aria-label]=\"column.title\"\n style=\"width: 24px; height: 24px; line-height: 24px\">\n <mat-icon style=\"font-size: 18px\">open_in_new</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <div\n class=\"px-3 py-2 text-wrap\"\n role=\"group\"\n style=\"max-width: 300px; max-height: 250px; overflow: auto\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\">\n @for (val of arrayItems; track $index) {\n <div class=\"border-bottom py-2 text-wrap\" [innerHTML]=\"val\"></div>\n }\n </div>\n </mat-menu>\n }\n </div>\n }\n </div>\n </td>\n }\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n } @else {\n <sd-data-state\n class=\"sd-import-no-results\"\n state=\"empty\"\n compact\n [title]=\"'core.component.import-excel.no-filter-results' \| translate\"\n [message]=\"'core.component.import-excel.no-filter-results-hint' \| translate\"\n [actionLabel]=\"'core.component.import-excel.see-all' \| translate\"\n (sdAction)=\"view('ALL')\" />\n }\n <mat-paginator\n class=\"sd-import-paginator\"\n [hidden]=\"!filteredItems.length\"\n [length]=\"filteredItems.length\"\n [pageSize]=\"10\"\n hidePageSize />\n\n <div class=\"sd-import-footer\">\n @if (numberOfError) {\n <p class=\"sd-import-blocked\" role=\"status\">\n {{ 'core.component.import-excel.blocked-errors' \| translate: { count: numberOfError } }}\n </p>\n } @else if (isUploaded) {\n <p class=\"sd-import-submitted\" role=\"status\">{{ 'core.component.import-excel.submitted' \| translate }}</p>\n }\n <div class=\"sd-import-footer-actions\">\n <sd-button\n (click)=\"export()\"\n prefixIcon=\"download\"\n [disabled]=\"!filteredItems.length\"\n [title]=\"'core.component.import-excel.download' \| translate\"\n size=\"sm\"\n color=\"secondary\"\n type=\"link\" />\n <sd-button\n data-import-action=\"accept\"\n (click)=\"accept()\"\n [title]=\"'core.component.import-excel.confirm-save' \| translate\"\n [disabled]=\"(numberOfSuccess === 0 && numberOfWarning === 0) \|\| numberOfError > 0 \|\| isUploaded\"\n color=\"primary\"\n type=\"fill\"\n size=\"sm\" />\n </div>\n </div>\n }\n </div>\n </sd-modal>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["ɵsdInjectDateTime","ɵSD_LOCAL_DATE_TIME","i1","i3.ColumnHiddenPipe"],"mappings":"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"}

package/fesm2022/sd-angular-core-components-modal.mjs CHANGED Viewed

@@ -28,6 +28,18 @@ class SdModal {
     modalClass = input('', { transform: (v) => v ?? '' });
     lazyLoadContent = input(true, { transform: booleanAttribute });
     hideClose = input(false, { transform: booleanAttribute });
+    /**
+     * Cho phép đóng bằng cách bấm nền hoặc phím Esc. Không truyền (`undefined`/`null`) thì hành vi theo
+     * `disableBackdropClose`. Khi được truyền, cờ này quyết định. Attribute không giá trị = `true`.
+     */
+    enableBackdropClose = input(undefined, {
+        // why: phải giữ được trạng thái "không truyền" nên không dùng booleanAttribute trực tiếp (nó ép undefined thành false).
+        transform: v => (v === undefined || v === null ? undefined : booleanAttribute(v)),
+    });
+    /**
+     * Chặn đóng bằng nền và phím Esc. Mặc định `true` để giữ tương thích.
+     * @deprecated Dùng `enableBackdropClose` (nghĩa ngược lại). Cờ này chỉ có hiệu lực khi không truyền `enableBackdropClose`.
+     */
     disableBackdropClose = input(true, { transform: booleanAttribute }); // default to true to keep backward compatibility
     sdClosed = output();
     isOpened = signal(false);
@@ -42,6 +54,11 @@ class SdModal {
     constructor() {
         this.#isMobile = BrowserUtilities.isMobile();
     }
+    // why: cùng công thức với SdConfirmService — có truyền enableBackdropClose thì theo nó, không thì theo cờ cũ.
+    #resolveDisableClose() {
+        const enable = this.enableBackdropClose();
+        return enable === undefined ? this.disableBackdropClose() : !enable;
+    }
     #resolveWidth() {
         const w = this.width() || '80vw';
         if (this.#isMobile)
@@ -64,7 +81,7 @@ class SdModal {
         if ((!this.view() && this.#isMobile) || this.view() === 'bottom-sheet') {
             this.#bottomSheetRef = this.#bottomSheet.open(this.templateRef(), {
                 panelClass: this.modalClass(),
-                disableClose: this.disableBackdropClose()
+                disableClose: this.#resolveDisableClose(),
             });
             this.#bottomSheetRef.afterDismissed()
                 .pipe(takeUntilDestroyed(this.#destroyRef))
@@ -78,7 +95,7 @@ class SdModal {
                 width: this.#resolvedWidth,
                 maxWidth: this.#resolvedWidth,
                 panelClass: this.modalClass(),
-                disableClose: this.disableBackdropClose(),
+                disableClose: this.#resolveDisableClose(),
             });
             this.#dialogRef.afterClosed()
                 .pipe(takeUntilDestroyed(this.#destroyRef))
@@ -93,7 +110,7 @@ class SdModal {
         this.#dialogRef?.close();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdModal, isStandalone: true, selector: "sd-modal", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, modalClass: { classPropertyName: "modalClass", publicName: "modalClass", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadContent: { classPropertyName: "lazyLoadContent", publicName: "lazyLoadContent", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sdClosed: "sdClosed" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }, { propertyName: "modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef>\n  <div class=\"sd-modal-root\"\n       [attr.data-autoId]=\"autoId()\"\n       [attr.data-opened]=\"dataOpened()\">\n    @if (!lazyLoadContent() || alreadyOpened()) {\n      <!-- Header -->\n      <!-- D\u00F9ng scss thu\u1EA7n -->\n      @if (title()) {\n        <div class=\"d-flex align-items-center p-16\">\n          <ng-content select=\"[sdHeaderLeft]\">\n            <div class=\"T18M\">{{ title() }}</div>\n          </ng-content>\n          <div class=\"d-flex align-items-center ml-auto\">\n            <ng-content select=\"[sdHeaderRight]\"></ng-content>\n            <ng-content select=\"[sdHeader]\"></ng-content>\n            @if (!hideClose()) {\n              <button\n                type=\"button\"\n                class=\"sd-modal-close-btn\"\n                aria-label=\"Close\"\n                (click)=\"close()\"\n                [attr.data-autoId]=\"closeButtonAutoId()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      }\n      <!-- <mat-divider></mat-divider> -->\n      <!-- Body -->\n      <div class=\"overflow-auto w-full px-16\" style=\"max-height: 80vh\">\n        <ng-content></ng-content>\n      </div>\n      <!-- Footer -->\n      <!-- <mat-divider></mat-divider> -->\n      <div class=\"d-flex align-items-center p-8\" #footer>\n        <ng-content select=\"[sdFooterLeft]\"></ng-content>\n        <div class=\"ml-auto\">\n          <ng-content select=\"[sdFooterRight]\"></ng-content>\n          <ng-content select=\"[sdFooter]\"></ng-content>\n        </div>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: ["button:focus{outline:none!important}.mat-dialog-container{padding:0!important}.mat-dialog-container .mat-dialog-content{max-height:80vh}.mat-dialog-container .mat-dialog-actions{min-height:auto;margin-bottom:0;padding:0}.mat-bottom-sheet-container{max-height:\"inherit\"}sd-modal-header{padding:12px 24px;display:block;width:100%}@media(max-width:640px){sd-modal-header{padding:12px}}.sd-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;margin-left:8px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sd-black400);line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 80ms ease,color 80ms ease}.sd-modal-close-btn:hover{background:var(--sd-black100);color:var(--sd-black500)}.sd-modal-close-btn:active{background:var(--sd-black200)}.sd-modal-close-btn:focus{outline:none!important}.sd-modal-close-btn:focus-visible{outline:2px solid var(--sd-primary)!important;outline-offset:2px}.sd-modal-close-btn mat-icon{display:block;width:20px;height:20px;font-size:20px;line-height:20px}.cdk-global-overlay-wrapper .mat-bottom-sheet-container{padding:0;min-width:100vw;box-sizing:border-box;outline:0;max-height:80vh;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBottomSheetModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdModal, isStandalone: true, selector: "sd-modal", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, modalClass: { classPropertyName: "modalClass", publicName: "modalClass", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadContent: { classPropertyName: "lazyLoadContent", publicName: "lazyLoadContent", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, enableBackdropClose: { classPropertyName: "enableBackdropClose", publicName: "enableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sdClosed: "sdClosed" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }, { propertyName: "modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef>\n  <div class=\"sd-modal-root\"\n       [attr.data-autoId]=\"autoId()\"\n       [attr.data-opened]=\"dataOpened()\">\n    @if (!lazyLoadContent() || alreadyOpened()) {\n      <!-- Header -->\n      <!-- D\u00F9ng scss thu\u1EA7n -->\n      @if (title()) {\n        <div class=\"d-flex align-items-center p-16\">\n          <ng-content select=\"[sdHeaderLeft]\">\n            <div class=\"T18M\">{{ title() }}</div>\n          </ng-content>\n          <div class=\"d-flex align-items-center ml-auto\">\n            <ng-content select=\"[sdHeaderRight]\"></ng-content>\n            <ng-content select=\"[sdHeader]\"></ng-content>\n            @if (!hideClose()) {\n              <button\n                type=\"button\"\n                class=\"sd-modal-close-btn\"\n                aria-label=\"Close\"\n                (click)=\"close()\"\n                [attr.data-autoId]=\"closeButtonAutoId()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            }\n          </div>\n        </div>\n      }\n      <!-- <mat-divider></mat-divider> -->\n      <!-- Body -->\n      <div class=\"overflow-auto w-full px-16\" style=\"max-height: 80vh\">\n        <ng-content></ng-content>\n      </div>\n      <!-- Footer -->\n      <!-- <mat-divider></mat-divider> -->\n      <div class=\"d-flex align-items-center p-8\" #footer>\n        <ng-content select=\"[sdFooterLeft]\"></ng-content>\n        <div class=\"ml-auto\">\n          <ng-content select=\"[sdFooterRight]\"></ng-content>\n          <ng-content select=\"[sdFooter]\"></ng-content>\n        </div>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: ["button:focus{outline:none!important}.mat-dialog-container{padding:0!important}.mat-dialog-container .mat-dialog-content{max-height:80vh}.mat-dialog-container .mat-dialog-actions{min-height:auto;margin-bottom:0;padding:0}.mat-bottom-sheet-container{max-height:\"inherit\"}sd-modal-header{padding:12px 24px;display:block;width:100%}@media(max-width:640px){sd-modal-header{padding:12px}}.sd-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;margin-left:8px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sd-black400);line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 80ms ease,color 80ms ease}.sd-modal-close-btn:hover{background:var(--sd-black100);color:var(--sd-black500)}.sd-modal-close-btn:active{background:var(--sd-black200)}.sd-modal-close-btn:focus{outline:none!important}.sd-modal-close-btn:focus-visible{outline:2px solid var(--sd-primary)!important;outline-offset:2px}.sd-modal-close-btn mat-icon{display:block;width:20px;height:20px;font-size:20px;line-height:20px}.cdk-global-overlay-wrapper .mat-bottom-sheet-container{padding:0;min-width:100vw;box-sizing:border-box;outline:0;max-height:80vh;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBottomSheetModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdModal, decorators: [{
             type: Component,