@sd-angular/core 19.0.0-beta.90 → 19.0.0-beta.91

package/fesm2022/sd-angular-core-components-workflow.mjs

@@ -1795,7 +1795,7 @@ class DatetimeComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: DatetimeComponent, deps: [{ token: i1$3.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: DatetimeComponent, isStandalone: true, selector: "lib-datetime", inputs: { setVariables: "setVariables", form: "form", _entity: ["entity", "_entity"], _component: ["component", "_component"], _disabled: ["disabled", "_disabled"], _required: ["required", "_required"], _viewed: ["viewed", "_viewed"] }, ngImport: i0, template: "@if (component && entity) {\r\n  @if (subtype === 'date') {\r\n    <sd-date\r\n      [form]=\"form\"\r\n      [label]=\"component.label || component.key\"\r\n      [helperText]=\"component.helperText\"\r\n      [name]=\"component.key\"\r\n      [autoId]=\"component.key\"\r\n      [(model)]=\"entity[component.key!]\"\r\n      [required]=\"required\"\r\n      [min]=\"component.validate?.min\"\r\n      [max]=\"component.validate?.max\"\r\n      [disabled]=\"disabled\"\r\n      [viewed]=\"viewed || component.properties?.viewed\"></sd-date>\r\n  } @else {\r\n    <sd-datetime\r\n      [form]=\"form\"\r\n      [label]=\"component.label || component.key\"\r\n      [helperText]=\"component.helperText\"\r\n      [name]=\"component.key\"\r\n      [autoId]=\"component.key\"\r\n      [(model)]=\"entity[component.key!]\"\r\n      [required]=\"required\"\r\n      [min]=\"component.validate?.min\"\r\n      [max]=\"component.validate?.max\"\r\n      [disabled]=\"disabled\"\r\n      [viewed]=\"viewed || component.properties?.viewed\"></sd-datetime>\r\n  }\r\n}\r\n", styles: [":host{display:contents;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: DatetimeComponent, isStandalone: true, selector: "lib-datetime", inputs: { setVariables: "setVariables", form: "form", _entity: ["entity", "_entity"], _component: ["component", "_component"], _disabled: ["disabled", "_disabled"], _required: ["required", "_required"], _viewed: ["viewed", "_viewed"] }, ngImport: i0, template: "@if (component && entity) {\r\n  @if (subtype === 'date') {\r\n    <sd-date\r\n      [form]=\"form\"\r\n      [label]=\"component.label || component.key\"\r\n      [helperText]=\"component.helperText\"\r\n      [name]=\"component.key\"\r\n      [autoId]=\"component.key\"\r\n      [(model)]=\"entity[component.key!]\"\r\n      [required]=\"required\"\r\n      [min]=\"component.validate?.min\"\r\n      [max]=\"component.validate?.max\"\r\n      [disabled]=\"disabled\"\r\n      [viewed]=\"viewed || component.properties?.viewed\"></sd-date>\r\n  } @else {\r\n    <sd-datetime\r\n      [form]=\"form\"\r\n      [label]=\"component.label || component.key\"\r\n      [helperText]=\"component.helperText\"\r\n      [name]=\"component.key\"\r\n      [autoId]=\"component.key\"\r\n      [(model)]=\"entity[component.key!]\"\r\n      [required]=\"required\"\r\n      [min]=\"component.validate?.min\"\r\n      [max]=\"component.validate?.max\"\r\n      [disabled]=\"disabled\"\r\n      [viewed]=\"viewed || component.properties?.viewed\"></sd-datetime>\r\n  }\r\n}\r\n", styles: [":host{display:contents;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: DatetimeComponent, decorators: [{
             type: Component,
@@ -2608,7 +2608,7 @@ class TableComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FormGenericService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TableComponent, isStandalone: true, selector: "lib-table", inputs: { setVariables: "setVariables", form: "form", _component: ["component", "_component"], _required: ["required", "_required"], _viewed: ["viewed", "_viewed"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "table", first: true, predicate: SdTable, descendants: true }, { propertyName: "sideDrawer", first: true, predicate: SdSideDrawer, descendants: true }, { propertyName: "uploadFiles", predicate: SdUploadFile, descendants: true }], ngImport: i0, template: "@if(component && tableOption) {\r\n  <div style=\"width: 100%\">\r\n    <sd-table [option]=\"tableOption\">\r\n      @for(key of imageKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n            type=\"image\"\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n      @for(key of fileKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n    </sd-table>\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-button\r\n      prefixIcon=\"add\"\r\n      color=\"primary\"\r\n      (click)=\"onDetail()\"\r\n      [title]=\"component.properties?.titleButtonCreate || 'Th\u00EAm m\u1EDBi'\"></sd-button>\r\n    }\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-side-drawer title=\"Chi ti\u1EBFt\" width=\"500px\">\r\n        <div sdTitle>\r\n          <span>T\u1EA1o m\u1EDBi/c\u1EADp nh\u1EADt</span>\r\n        </div>\r\n        <div sdBody class=\"c-table-create-update\">\r\n          @if(!!component.columns?.length) {\r\n            <div class=\"row mx-0\">\r\n              @for(column of component.columns;track column.key) {\r\n                @let validate = formRenderColumn[column.key].validate;\r\n                <div class=\"col-12 px-0 mt-16\">\r\n                  @if(column.type === 'string') {\r\n                    <sd-input\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [pattern]=\"column.validate?.pattern\"\r\n                    [patternErrorMessage]=\"column.validate?.patternErrorMessage\"></sd-input>\r\n                  }@else if(column.type === 'number') {\r\n                    <sd-input-number\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [min]=\"column.validate?.min\"></sd-input-number>\r\n                  }@else if(column.type === 'radio') {\r\n                    <sd-radio\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [name]=\"column.key\"\r\n                    [items]=\"column.values\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    [required]=\"validate?.required\"></sd-radio>\r\n                  }@else if(column.type === 'values') {\r\n                    <sd-autocomplete\r\n                      [form]=\"form\"\r\n                      [label]=\"column.label\"\r\n                      [(model)]=\"row[column.key]\"\r\n                      [items]=\"columnValues[column.key]\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      [required]=\"validate?.required\"></sd-autocomplete>\r\n                  }@else if(column.type === 'date') {\r\n                    <sd-date\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-date>\r\n                  }@else if(column.type === 'datetime') {\r\n                    <sd-datetime\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-datetime>\r\n                  }@else if(column.type === 'image') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"image\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }@else if (column.type === 'file') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"file\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n          \r\n        </div>\r\n        <div sdFooter class=\"text-right pr-16\">\r\n          <sd-button title=\"L\u01B0u\" prefixIcon=\"save\" color=\"primary\" type=\"fill\" (click)=\"onAccept()\"></sd-button>\r\n        </div>\r\n      </sd-side-drawer>\r\n    }\r\n  </div>\r\n}\r\n\r\n", styles: [":host{display:contents}.c-table-create-update{background:#fff;margin:-16px;padding:16px;height:calc(100vh - 97px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "tooltip", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdInputNumber$1, selector: "sd-input-number", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "type", "precision", "format", "min", "max", "validator", "inlineError", "hyperlink", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdAutocomplete, selector: "sd-autocomplete", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "limit", "cacheChecksum", "hyperlink", "items", "hideInlineError", "addable", "required", "disabled", "viewed", "validator", "inlineError", "appearance", "model"], outputs: ["modelChange", "sdChange", "sdSelection", "sdAdd"] }, { kind: "component", type: SdUploadFile, selector: "sd-upload-file", inputs: ["args", "label", "key", "description", "previewWidth", "previewHeight", "align", "upload", "details", "download", "imageValidator", "maxSize", "maxWidth", "maxHeight", "scaleToPixel", "form", "name", "required", "type", "helperText", "max", "maxOfImage", "extensions", "disabled", "model"], outputs: ["loaded", "filesChanged", "modelChange"] }, { kind: "component", type: SdTable, selector: "sd-table", inputs: ["autoId", "option"] }, { kind: "directive", type: SdTabelCellDefDirective, selector: "[sdTableCellDef]", inputs: ["sdTableCellDef"] }, { kind: "component", type: SdSideDrawer, selector: "sd-side-drawer", inputs: ["title", "width", "hideClose", "disableBackdropClose", "drawerClass"], outputs: ["sdClosed"] }, { 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: SdRadio, selector: "sd-radio", inputs: ["autoId", "name", "form", "label", "placeholder", "display", "model", "items", "valueField", "displayField", "required", "inlineError", "disabled", "viewed", "hyperlink"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TableComponent, isStandalone: true, selector: "lib-table", inputs: { setVariables: "setVariables", form: "form", _component: ["component", "_component"], _required: ["required", "_required"], _viewed: ["viewed", "_viewed"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "table", first: true, predicate: SdTable, descendants: true }, { propertyName: "sideDrawer", first: true, predicate: SdSideDrawer, descendants: true }, { propertyName: "uploadFiles", predicate: SdUploadFile, descendants: true }], ngImport: i0, template: "@if(component && tableOption) {\r\n  <div style=\"width: 100%\">\r\n    <sd-table [option]=\"tableOption\">\r\n      @for(key of imageKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n            type=\"image\"\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n      @for(key of fileKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n    </sd-table>\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-button\r\n      prefixIcon=\"add\"\r\n      color=\"primary\"\r\n      (click)=\"onDetail()\"\r\n      [title]=\"component.properties?.titleButtonCreate || 'Th\u00EAm m\u1EDBi'\"></sd-button>\r\n    }\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-side-drawer title=\"Chi ti\u1EBFt\" width=\"500px\">\r\n        <div sdTitle>\r\n          <span>T\u1EA1o m\u1EDBi/c\u1EADp nh\u1EADt</span>\r\n        </div>\r\n        <div sdBody class=\"c-table-create-update\">\r\n          @if(!!component.columns?.length) {\r\n            <div class=\"sd-grid-container grid-cols-1\">\r\n              @for(column of component.columns;track column.key) {\r\n                @let validate = formRenderColumn[column.key].validate;\r\n                <div class=\"col-span-full mt-16\">\r\n                  @if(column.type === 'string') {\r\n                    <sd-input\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [pattern]=\"column.validate?.pattern\"\r\n                    [patternErrorMessage]=\"column.validate?.patternErrorMessage\"></sd-input>\r\n                  }@else if(column.type === 'number') {\r\n                    <sd-input-number\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [min]=\"column.validate?.min\"></sd-input-number>\r\n                  }@else if(column.type === 'radio') {\r\n                    <sd-radio\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [name]=\"column.key\"\r\n                    [items]=\"column.values\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    [required]=\"validate?.required\"></sd-radio>\r\n                  }@else if(column.type === 'values') {\r\n                    <sd-autocomplete\r\n                      [form]=\"form\"\r\n                      [label]=\"column.label\"\r\n                      [(model)]=\"row[column.key]\"\r\n                      [items]=\"columnValues[column.key]\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      [required]=\"validate?.required\"></sd-autocomplete>\r\n                  }@else if(column.type === 'date') {\r\n                    <sd-date\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-date>\r\n                  }@else if(column.type === 'datetime') {\r\n                    <sd-datetime\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-datetime>\r\n                  }@else if(column.type === 'image') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"image\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }@else if (column.type === 'file') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"file\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n          \r\n        </div>\r\n        <div sdFooter class=\"d-flex justify-content-end pr-16\">\r\n          <sd-button title=\"L\u01B0u\" prefixIcon=\"save\" color=\"primary\" type=\"fill\" (click)=\"onAccept()\"></sd-button>\r\n        </div>\r\n      </sd-side-drawer>\r\n    }\r\n  </div>\r\n}\r\n\r\n", styles: [":host{display:contents}.c-table-create-update{background:#fff;margin:-16px;padding:16px;height:calc(100vh - 97px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "tooltip", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdInputNumber$1, selector: "sd-input-number", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "type", "precision", "format", "min", "max", "validator", "inlineError", "hyperlink", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdAutocomplete, selector: "sd-autocomplete", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "limit", "cacheChecksum", "hyperlink", "items", "hideInlineError", "addable", "required", "disabled", "viewed", "validator", "inlineError", "appearance", "model"], outputs: ["modelChange", "sdChange", "sdSelection", "sdAdd"] }, { kind: "component", type: SdUploadFile, selector: "sd-upload-file", inputs: ["args", "label", "key", "description", "previewWidth", "previewHeight", "align", "upload", "details", "download", "imageValidator", "maxSize", "maxWidth", "maxHeight", "scaleToPixel", "form", "name", "required", "type", "helperText", "max", "maxOfImage", "extensions", "disabled", "model"], outputs: ["loaded", "filesChanged", "modelChange"] }, { kind: "component", type: SdTable, selector: "sd-table", inputs: ["autoId", "option"] }, { kind: "directive", type: SdTabelCellDefDirective, selector: "[sdTableCellDef]", inputs: ["sdTableCellDef"] }, { kind: "component", type: SdSideDrawer, selector: "sd-side-drawer", inputs: ["title", "width", "hideClose", "disableBackdropClose", "drawerClass"], outputs: ["sdClosed"] }, { 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: SdRadio, selector: "sd-radio", inputs: ["autoId", "name", "form", "label", "placeholder", "display", "model", "items", "valueField", "displayField", "required", "inlineError", "disabled", "viewed", "hyperlink"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -2627,7 +2627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         SdDate,
                         SdDatetime,
                         // Pipe cho phần viewed
-                    ], template: "@if(component && tableOption) {\r\n  <div style=\"width: 100%\">\r\n    <sd-table [option]=\"tableOption\">\r\n      @for(key of imageKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n            type=\"image\"\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n      @for(key of fileKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n    </sd-table>\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-button\r\n      prefixIcon=\"add\"\r\n      color=\"primary\"\r\n      (click)=\"onDetail()\"\r\n      [title]=\"component.properties?.titleButtonCreate || 'Th\u00EAm m\u1EDBi'\"></sd-button>\r\n    }\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-side-drawer title=\"Chi ti\u1EBFt\" width=\"500px\">\r\n        <div sdTitle>\r\n          <span>T\u1EA1o m\u1EDBi/c\u1EADp nh\u1EADt</span>\r\n        </div>\r\n        <div sdBody class=\"c-table-create-update\">\r\n          @if(!!component.columns?.length) {\r\n            <div class=\"row mx-0\">\r\n              @for(column of component.columns;track column.key) {\r\n                @let validate = formRenderColumn[column.key].validate;\r\n                <div class=\"col-12 px-0 mt-16\">\r\n                  @if(column.type === 'string') {\r\n                    <sd-input\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [pattern]=\"column.validate?.pattern\"\r\n                    [patternErrorMessage]=\"column.validate?.patternErrorMessage\"></sd-input>\r\n                  }@else if(column.type === 'number') {\r\n                    <sd-input-number\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [min]=\"column.validate?.min\"></sd-input-number>\r\n                  }@else if(column.type === 'radio') {\r\n                    <sd-radio\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [name]=\"column.key\"\r\n                    [items]=\"column.values\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    [required]=\"validate?.required\"></sd-radio>\r\n                  }@else if(column.type === 'values') {\r\n                    <sd-autocomplete\r\n                      [form]=\"form\"\r\n                      [label]=\"column.label\"\r\n                      [(model)]=\"row[column.key]\"\r\n                      [items]=\"columnValues[column.key]\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      [required]=\"validate?.required\"></sd-autocomplete>\r\n                  }@else if(column.type === 'date') {\r\n                    <sd-date\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-date>\r\n                  }@else if(column.type === 'datetime') {\r\n                    <sd-datetime\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-datetime>\r\n                  }@else if(column.type === 'image') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"image\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }@else if (column.type === 'file') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"file\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n          \r\n        </div>\r\n        <div sdFooter class=\"text-right pr-16\">\r\n          <sd-button title=\"L\u01B0u\" prefixIcon=\"save\" color=\"primary\" type=\"fill\" (click)=\"onAccept()\"></sd-button>\r\n        </div>\r\n      </sd-side-drawer>\r\n    }\r\n  </div>\r\n}\r\n\r\n", styles: [":host{display:contents}.c-table-create-update{background:#fff;margin:-16px;padding:16px;height:calc(100vh - 97px)}\n"] }]
+                    ], template: "@if(component && tableOption) {\r\n  <div style=\"width: 100%\">\r\n    <sd-table [option]=\"tableOption\">\r\n      @for(key of imageKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n            type=\"image\"\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n      @for(key of fileKeys; track key) {\r\n        <ng-template [sdTableCellDef]=\"key\" let-item=\"item\">\r\n          <sd-upload-file\r\n           [model]=\"item[key]\"\r\n           [args]=\"getArgs(key)\"\r\n           (modelChange)=\"onFileUploadChange(item, key, $event)\"\r\n            align=\"left\"\r\n            disabled\r\n            previewWidth=\"50px\"\r\n            previewHeight=\"50px\"></sd-upload-file>\r\n        </ng-template>\r\n      }\r\n    </sd-table>\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-button\r\n      prefixIcon=\"add\"\r\n      color=\"primary\"\r\n      (click)=\"onDetail()\"\r\n      [title]=\"component.properties?.titleButtonCreate || 'Th\u00EAm m\u1EDBi'\"></sd-button>\r\n    }\r\n    @if(!viewed && !component.properties?.viewed) {\r\n      <sd-side-drawer title=\"Chi ti\u1EBFt\" width=\"500px\">\r\n        <div sdTitle>\r\n          <span>T\u1EA1o m\u1EDBi/c\u1EADp nh\u1EADt</span>\r\n        </div>\r\n        <div sdBody class=\"c-table-create-update\">\r\n          @if(!!component.columns?.length) {\r\n            <div class=\"sd-grid-container grid-cols-1\">\r\n              @for(column of component.columns;track column.key) {\r\n                @let validate = formRenderColumn[column.key].validate;\r\n                <div class=\"col-span-full mt-16\">\r\n                  @if(column.type === 'string') {\r\n                    <sd-input\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [pattern]=\"column.validate?.pattern\"\r\n                    [patternErrorMessage]=\"column.validate?.patternErrorMessage\"></sd-input>\r\n                  }@else if(column.type === 'number') {\r\n                    <sd-input-number\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"\r\n                    [min]=\"column.validate?.min\"></sd-input-number>\r\n                  }@else if(column.type === 'radio') {\r\n                    <sd-radio\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [name]=\"column.key\"\r\n                    [items]=\"column.values\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    [required]=\"validate?.required\"></sd-radio>\r\n                  }@else if(column.type === 'values') {\r\n                    <sd-autocomplete\r\n                      [form]=\"form\"\r\n                      [label]=\"column.label\"\r\n                      [(model)]=\"row[column.key]\"\r\n                      [items]=\"columnValues[column.key]\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      [required]=\"validate?.required\"></sd-autocomplete>\r\n                  }@else if(column.type === 'date') {\r\n                    <sd-date\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-date>\r\n                  }@else if(column.type === 'datetime') {\r\n                    <sd-datetime\r\n                    [form]=\"form\"\r\n                    [label]=\"column.label\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [required]=\"validate?.required\"></sd-datetime>\r\n                  }@else if(column.type === 'image') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"image\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }@else if (column.type === 'file') {\r\n                    <sd-upload-file\r\n                    [label]=\"column.label\"\r\n                    type=\"file\"\r\n                    [(model)]=\"row[column.key]\"\r\n                    [args]=\"column.args\"\r\n                    previewWidth=\"50px\"\r\n                    previewHeight=\"50px\"\r\n                    align=\"left\"></sd-upload-file>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n          \r\n        </div>\r\n        <div sdFooter class=\"d-flex justify-content-end pr-16\">\r\n          <sd-button title=\"L\u01B0u\" prefixIcon=\"save\" color=\"primary\" type=\"fill\" (click)=\"onAccept()\"></sd-button>\r\n        </div>\r\n      </sd-side-drawer>\r\n    }\r\n  </div>\r\n}\r\n\r\n", styles: [":host{display:contents}.c-table-create-update{background:#fff;margin:-16px;padding:16px;height:calc(100vh - 97px)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: FormGenericService }], propDecorators: { uploadFiles: [{
                 type: ViewChildren,
                 args: [SdUploadFile]
@@ -3100,11 +3100,11 @@ class SdFormRender extends SdBaseSecureComponent {
         return messages;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFormRender, deps: [{ token: i0.ChangeDetectorRef }, { token: SD_WORKFLOW_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdFormRender, isStandalone: true, selector: "sd-form-render", inputs: { form: "form", _configuration: ["configuration", "_configuration"], _default: ["defaultEntity", "_default"], _entity: ["entity", "_entity"], _properties: ["properties", "_properties"], _viewed: ["viewed", "_viewed"] }, viewQueries: [{ propertyName: "formRenderItems", predicate: LibItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (form && loadCompleted && hashedValues) {\r\n  <div class=\"row mx-0\">\r\n    @for (component of configuration.components; track component.id) {\r\n      @let expression = hashedValues | whenExpression: component : formValue;\r\n      @if (!expression.hidden) {\r\n        @if (component.type === 'group') {\r\n          @if (!!component.components.length) {\r\n            <div class=\"col-12 mt-16\">\r\n              <sd-section [title]=\"component.label\" [icon]=\"component.properties.icon\">\r\n                <div class=\"row mx-0\">\r\n                  @for (childComponent of component.components; track childComponent.id) {\r\n                    @let childExpression = hashedValues | whenExpression: childComponent : formValue;\r\n                    @if (!childExpression.hidden) {\r\n                      <lib-item\r\n                        [setVariables]=\"setVariables\"\r\n                        [form]=\"form\"\r\n                        [entity]=\"entity\"\r\n                        [component]=\"childComponent\"\r\n                        [required]=\"childExpression.required\"\r\n                        [disabled]=\"childExpression.disabled\"\r\n                        [viewed]=\"viewed\"></lib-item>\r\n                    }\r\n                  }\r\n                </div>\r\n              </sd-section>\r\n            </div>\r\n          }\r\n        } @else {\r\n          <lib-item\r\n            [setVariables]=\"setVariables\"\r\n            [form]=\"form\"\r\n            [entity]=\"entity\"\r\n            [component]=\"component\"\r\n            [required]=\"expression.required\"\r\n            [disabled]=\"expression.disabled\"\r\n            [viewed]=\"viewed\"></lib-item>\r\n        }\r\n      }\r\n    }\r\n    <variable [variables]=\"configuration.variables\" [setVariables]=\"setVariables\" [form]=\"form\" [entity]=\"entity\" ></variable>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: SdSection, selector: "sd-section", inputs: ["title", "subTitle", "icon", "iconColor", "collapsed", "collapsable", "hideHeader", "noPaddingBody"], outputs: ["collapsedChange"] }, { kind: "component", type: LibItemComponent, selector: "lib-item", inputs: ["setVariables", "form", "entity", "component", "disabled", "required", "viewed", "validator"] }, { kind: "pipe", type: WhenExpressionPipe, name: "whenExpression" }, { kind: "component", type: VariableComponent, selector: "variable", inputs: ["variables", "setVariables", "form", "entity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdFormRender, isStandalone: true, selector: "sd-form-render", inputs: { form: "form", _configuration: ["configuration", "_configuration"], _default: ["defaultEntity", "_default"], _entity: ["entity", "_entity"], _properties: ["properties", "_properties"], _viewed: ["viewed", "_viewed"] }, viewQueries: [{ propertyName: "formRenderItems", predicate: LibItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (form && loadCompleted && hashedValues) {\r\n  <div class=\"sd-grid-container grid-cols-1\">\r\n    @for (component of configuration.components; track component.id) {\r\n      @let expression = hashedValues | whenExpression: component : formValue;\r\n      @if (!expression.hidden) {\r\n        @if (component.type === 'group') {\r\n          @if (!!component.components.length) {\r\n            <div class=\"col-span-full mt-16\">\r\n              <sd-section [title]=\"component.label\" [icon]=\"component.properties.icon\">\r\n                <div class=\"sd-grid-container grid-cols-1\">\r\n                  @for (childComponent of component.components; track childComponent.id) {\r\n                    @let childExpression = hashedValues | whenExpression: childComponent : formValue;\r\n                    @if (!childExpression.hidden) {\r\n                      <lib-item\r\n                        [setVariables]=\"setVariables\"\r\n                        [form]=\"form\"\r\n                        [entity]=\"entity\"\r\n                        [component]=\"childComponent\"\r\n                        [required]=\"childExpression.required\"\r\n                        [disabled]=\"childExpression.disabled\"\r\n                        [viewed]=\"viewed\"></lib-item>\r\n                    }\r\n                  }\r\n                </div>\r\n              </sd-section>\r\n            </div>\r\n          }\r\n        } @else {\r\n          <lib-item\r\n            [setVariables]=\"setVariables\"\r\n            [form]=\"form\"\r\n            [entity]=\"entity\"\r\n            [component]=\"component\"\r\n            [required]=\"expression.required\"\r\n            [disabled]=\"expression.disabled\"\r\n            [viewed]=\"viewed\"></lib-item>\r\n        }\r\n      }\r\n    }\r\n    <variable [variables]=\"configuration.variables\" [setVariables]=\"setVariables\" [form]=\"form\" [entity]=\"entity\" ></variable>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: SdSection, selector: "sd-section", inputs: ["title", "subTitle", "icon", "iconColor", "collapsed", "collapsable", "hideHeader", "noPaddingBody"], outputs: ["collapsedChange"] }, { kind: "component", type: LibItemComponent, selector: "lib-item", inputs: ["setVariables", "form", "entity", "component", "disabled", "required", "viewed", "validator"] }, { kind: "pipe", type: WhenExpressionPipe, name: "whenExpression" }, { kind: "component", type: VariableComponent, selector: "variable", inputs: ["variables", "setVariables", "form", "entity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFormRender, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-form-render', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SdSection, LibItemComponent, WhenExpressionPipe, VariableComponent], template: "@if (form && loadCompleted && hashedValues) {\r\n  <div class=\"row mx-0\">\r\n    @for (component of configuration.components; track component.id) {\r\n      @let expression = hashedValues | whenExpression: component : formValue;\r\n      @if (!expression.hidden) {\r\n        @if (component.type === 'group') {\r\n          @if (!!component.components.length) {\r\n            <div class=\"col-12 mt-16\">\r\n              <sd-section [title]=\"component.label\" [icon]=\"component.properties.icon\">\r\n                <div class=\"row mx-0\">\r\n                  @for (childComponent of component.components; track childComponent.id) {\r\n                    @let childExpression = hashedValues | whenExpression: childComponent : formValue;\r\n                    @if (!childExpression.hidden) {\r\n                      <lib-item\r\n                        [setVariables]=\"setVariables\"\r\n                        [form]=\"form\"\r\n                        [entity]=\"entity\"\r\n                        [component]=\"childComponent\"\r\n                        [required]=\"childExpression.required\"\r\n                        [disabled]=\"childExpression.disabled\"\r\n                        [viewed]=\"viewed\"></lib-item>\r\n                    }\r\n                  }\r\n                </div>\r\n              </sd-section>\r\n            </div>\r\n          }\r\n        } @else {\r\n          <lib-item\r\n            [setVariables]=\"setVariables\"\r\n            [form]=\"form\"\r\n            [entity]=\"entity\"\r\n            [component]=\"component\"\r\n            [required]=\"expression.required\"\r\n            [disabled]=\"expression.disabled\"\r\n            [viewed]=\"viewed\"></lib-item>\r\n        }\r\n      }\r\n    }\r\n    <variable [variables]=\"configuration.variables\" [setVariables]=\"setVariables\" [form]=\"form\" [entity]=\"entity\" ></variable>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"] }]
+            args: [{ selector: 'sd-form-render', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SdSection, LibItemComponent, WhenExpressionPipe, VariableComponent], template: "@if (form && loadCompleted && hashedValues) {\r\n  <div class=\"sd-grid-container grid-cols-1\">\r\n    @for (component of configuration.components; track component.id) {\r\n      @let expression = hashedValues | whenExpression: component : formValue;\r\n      @if (!expression.hidden) {\r\n        @if (component.type === 'group') {\r\n          @if (!!component.components.length) {\r\n            <div class=\"col-span-full mt-16\">\r\n              <sd-section [title]=\"component.label\" [icon]=\"component.properties.icon\">\r\n                <div class=\"sd-grid-container grid-cols-1\">\r\n                  @for (childComponent of component.components; track childComponent.id) {\r\n                    @let childExpression = hashedValues | whenExpression: childComponent : formValue;\r\n                    @if (!childExpression.hidden) {\r\n                      <lib-item\r\n                        [setVariables]=\"setVariables\"\r\n                        [form]=\"form\"\r\n                        [entity]=\"entity\"\r\n                        [component]=\"childComponent\"\r\n                        [required]=\"childExpression.required\"\r\n                        [disabled]=\"childExpression.disabled\"\r\n                        [viewed]=\"viewed\"></lib-item>\r\n                    }\r\n                  }\r\n                </div>\r\n              </sd-section>\r\n            </div>\r\n          }\r\n        } @else {\r\n          <lib-item\r\n            [setVariables]=\"setVariables\"\r\n            [form]=\"form\"\r\n            [entity]=\"entity\"\r\n            [component]=\"component\"\r\n            [required]=\"expression.required\"\r\n            [disabled]=\"expression.disabled\"\r\n            [viewed]=\"viewed\"></lib-item>\r\n        }\r\n      }\r\n    }\r\n    <variable [variables]=\"configuration.variables\" [setVariables]=\"setVariables\" [form]=\"form\" [entity]=\"entity\" ></variable>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SD_WORKFLOW_CONFIGURATION]
@@ -3253,7 +3253,7 @@ class ExpressionBuilderComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ExpressionBuilderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ExpressionBuilderComponent, isStandalone: true, selector: "expression-builder", inputs: { label: "label", _attributes: ["attributes", "_attributes"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange", sdChange: "sdChange", edit: "edit" }, viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }], ngImport: i0, template: "<!-- <a class=\"T12R\" href=\"javascript:;\" (click)=\"edit()\">{{ (model | expressionQuery) || '--' }}</a> -->\r\n<sd-input [label]=\"label\" style=\"width: 100%;\" [model]=\"(model | expressionQuery) || '--'\" disabled hideInlineError>\r\n  <ng-template sdSuffixDef>\r\n    <sd-button\r\n      prefixIcon=\"edit\"\r\n      color=\"primary\"\r\n      (click)=\"onEdit()\"\r\n      type=\"link\"></sd-button>\r\n  </ng-template>\r\n</sd-input>\r\n@if (expression) {\r\n  <sd-modal title=\"Thi\u1EBFt l\u1EADp bi\u1EC3u th\u1EE9c\">\r\n    <div class=\"c-builder\">\r\n      <div class=\"d-flex justify-content-end\">\r\n        <sd-button\r\n          prefixIcon=\"calculate\"\r\n          class=\"mr-4\"\r\n          title=\"Nh\u00F3m \u0111i\u1EC1u ki\u1EC7n\"\r\n          color=\"primary\"\r\n          (click)=\"addCombinator(expression.conditions)\"></sd-button>\r\n        <sd-button\r\n          prefixIcon=\"add\"\r\n          title=\"\u0110i\u1EC1u ki\u1EC7n\"\r\n          color=\"primary\"\r\n          (click)=\"addCondition(expression.conditions)\"\r\n          type=\"fill\"></sd-button>\r\n      </div>\r\n      <!-- C\u1EA5p 1 -->\r\n      @for (conditionLv1 of expression.conditions; track conditionLv1.key; let idxLv1 = $index) {\r\n        <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\r\n          <div class=\"c-condition\">\r\n            <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\r\n            @if (idxLv1 === 0) {\r\n              <div class=\"c-where\">WHERE</div>\r\n            }\r\n            <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\r\n            @if (idxLv1 === 1) {\r\n              <div class=\"c-select\">\r\n                <sd-select\r\n                  size=\"sm\"\r\n                  [(model)]=\"expression.combinator\"\r\n                  [items]=\"[\r\n                    { value: '&&', display: 'AND' },\r\n                    { value: '||', display: 'OR' }\r\n                  ]\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  required\r\n                  hideInlineError=\"\"></sd-select>\r\n              </div>\r\n            }\r\n          </div>\r\n          @if (conditionLv1.type === 'condition') {\r\n            <sd-autocomplete\r\n              size=\"sm\"\r\n              [form]=\"form\"\r\n              style=\"width: 200px\"\r\n              [(model)]=\"conditionLv1.field\"\r\n              [items]=\"attributes\"\r\n              (sdChange)=\"onChangeAttribute(conditionLv1)\"\r\n              valueField=\"value\"\r\n              displayField=\"display\"\r\n              required\r\n              hideInlineError></sd-autocomplete>\r\n            @let fieldAttribute = attribute[conditionLv1.field!];\r\n            <sd-select\r\n              size=\"sm\"\r\n              [form]=\"form\"\r\n              style=\"width: 100px\"\r\n              [(model)]=\"conditionLv1.operator\"\r\n              [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\r\n              valueField=\"value\"\r\n              displayField=\"display\"\r\n              [disabled]=\"!fieldAttribute?.type\"\r\n              required\r\n              hideInlineError></sd-select>\r\n            @if (\r\n              !!fieldAttribute?.type && conditionLv1.operator && conditionLv1.operator !== 'NULL' && conditionLv1.operator !== 'NOT_NULL'\r\n            ) {\r\n              @if (fieldAttribute.type === 'string') {\r\n                <sd-input size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input>\r\n              } @else if (fieldAttribute.type === 'number') {\r\n                <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" hideInlineError></sd-input-number>\r\n                <sd-autocomplete\r\n                  size=\"sm\"\r\n                  [form]=\"form\"\r\n                  style=\"flex: 1\"\r\n                  [(model)]=\"conditionLv1.value\"\r\n                  [items]=\"numberAttributes\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  hideInlineError></sd-autocomplete>\r\n              } @else if (fieldAttribute.type === 'datetime' && conditionLv1.dayInfo) {\r\n                <sd-select\r\n                  size=\"sm\"\r\n                  placeholder=\"Th\u1EDDi \u0111i\u1EC3m\"\r\n                  [form]=\"form\"\r\n                  style=\"width: 150px\"\r\n                  [items]=\"types\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  [(model)]=\"conditionLv1.dayInfo.type\"\r\n                  (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                  required\r\n                  hideInlineError>\r\n                </sd-select>\r\n                @if (conditionLv1.dayInfo.type === 'RELATED') {\r\n                  <sd-input-number\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"width: 80px\"\r\n                    [(model)]=\"conditionLv1.dayInfo.relatedValue\"\r\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                    [min]=\"1\"\r\n                    required\r\n                    hideInlineError>\r\n                  </sd-input-number>\r\n                  <sd-select\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"flex: 1\"\r\n                    [items]=\"previouses\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    [(model)]=\"conditionLv1.dayInfo.related\"\r\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                    required\r\n                    hideInlineError>\r\n                  </sd-select>\r\n                } @else if (conditionLv1.dayInfo.type === 'DATETIME') {\r\n                  <sd-datetime\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"flex: 1\"\r\n                    [(model)]=\"conditionLv1.value\"\r\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                    required\r\n                    hideInlineError>\r\n                  </sd-datetime>\r\n                } @else if (conditionLv1.dayInfo.type === 'ATTRIBUTE') {\r\n                  <sd-autocomplete\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"flex: 1\"\r\n                    [(model)]=\"conditionLv1.value\"\r\n                    [items]=\"dateAttributes\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    hideInlineError></sd-autocomplete>\r\n                }\r\n              } @else if (fieldAttribute.type === 'boolean') {\r\n                <sd-select\r\n                  size=\"sm\"\r\n                  [form]=\"form\"\r\n                  style=\"flex: 1\"\r\n                  [(model)]=\"conditionLv1.value\"\r\n                  [items]=\"[\r\n                    { value: true, display: fieldAttribute.displayOnTrue },\r\n                    { value: false, display: fieldAttribute.displayOnFalse }\r\n                  ]\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  required\r\n                  hideInlineError></sd-select>\r\n              } @else if (fieldAttribute.type === 'values') {\r\n                <sd-autocomplete\r\n                  size=\"sm\"\r\n                  [form]=\"form\"\r\n                  style=\"flex: 1\"\r\n                  [(model)]=\"conditionLv1.value\"\r\n                  [items]=\"fieldAttribute.values\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  required\r\n                  hideInlineError></sd-autocomplete>\r\n              }\r\n            }\r\n            <sd-button class=\"ml-auto\" prefixIcon=\"delete\" tooltip=\"X\u00F3a\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\r\n          } @else if (conditionLv1.type === 'combinator') {\r\n            <div class=\"c-builder\">\r\n              <div class=\"d-flex justify-content-end\">\r\n                <sd-button class=\"mr-4\" prefixIcon=\"delete\" tooltip=\"X\u00F3a\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\r\n                <sd-button\r\n                  prefixIcon=\"add\"\r\n                  title=\"\u0110i\u1EC1u ki\u1EC7n\"\r\n                  size=\"sm\"\r\n                  color=\"primary\"\r\n                  (click)=\"addCondition(conditionLv1.conditions)\"\r\n                  type=\"fill\"></sd-button>\r\n              </div>\r\n              <!-- C\u1EA5p 2 -->\r\n              @for (conditionLv2 of conditionLv1.conditions; track conditionLv2.key; let idxLv2 = $index) {\r\n                <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\r\n                  <div class=\"c-condition\">\r\n                    <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\r\n                    @if (idxLv2 === 0) {\r\n                      <div class=\"c-where\">WHERE</div>\r\n                    }\r\n                    <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\r\n                    @if (idxLv2 === 1) {\r\n                      <div class=\"c-select\">\r\n                        <sd-select\r\n                          size=\"sm\"\r\n                          [(model)]=\"conditionLv1.combinator\"\r\n                          [items]=\"[\r\n                            { value: '&&', display: 'AND' },\r\n                            { value: '||', display: 'OR' }\r\n                          ]\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          required\r\n                          hideInlineError=\"\"></sd-select>\r\n                      </div>\r\n                    }\r\n                  </div>\r\n                  @if (conditionLv2.type === 'condition') {\r\n                    <sd-autocomplete\r\n                      size=\"sm\"\r\n                      [form]=\"form\"\r\n                      style=\"width: 200px\"\r\n                      [(model)]=\"conditionLv2.field\"\r\n                      [items]=\"attributes\"\r\n                      (sdChange)=\"onChangeAttribute(conditionLv2)\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      required\r\n                      hideInlineError></sd-autocomplete>\r\n                    @let fieldAttribute = attribute[conditionLv2.field!];\r\n                    <sd-select\r\n                      size=\"sm\"\r\n                      [form]=\"form\"\r\n                      style=\"width: 100px\"\r\n                      [(model)]=\"conditionLv2.operator\"\r\n                      [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      [disabled]=\"!fieldAttribute?.type\"\r\n                      required\r\n                      hideInlineError></sd-select>\r\n                    @if (\r\n                      !!fieldAttribute?.type &&\r\n                      conditionLv2.operator &&\r\n                      conditionLv2.operator !== 'NULL' &&\r\n                      conditionLv2.operator !== 'NOT_NULL'\r\n                    ) {\r\n                      @if (fieldAttribute.type === 'string') {\r\n                        <sd-input\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          required\r\n                          hideInlineError></sd-input>\r\n                      } @else if (fieldAttribute.type === 'number') {\r\n                        <sd-input-number\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          hideInlineError></sd-input-number>\r\n                        <sd-autocomplete\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          [items]=\"numberAttributes\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          hideInlineError></sd-autocomplete>\r\n                      } @else if (fieldAttribute.type === 'datetime' && conditionLv2.dayInfo) {\r\n                        <sd-select\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          placeholder=\"Th\u1EDDi \u0111i\u1EC3m\"\r\n                          style=\"width: 150px\"\r\n                          [items]=\"types\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          [(model)]=\"conditionLv2.dayInfo.type\"\r\n                          (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                          required\r\n                          hideInlineError>\r\n                        </sd-select>\r\n                        @if (conditionLv2.dayInfo.type === 'RELATED') {\r\n                          <sd-input-number\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"width: 80px\"\r\n                            [(model)]=\"conditionLv2.dayInfo.relatedValue\"\r\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                            [min]=\"1\"\r\n                            required\r\n                            hideInlineError>\r\n                          </sd-input-number>\r\n                          <sd-select\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"flex: 1\"\r\n                            [items]=\"previouses\"\r\n                            valueField=\"value\"\r\n                            displayField=\"display\"\r\n                            [(model)]=\"conditionLv2.dayInfo.related\"\r\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                            required\r\n                            hideInlineError>\r\n                          </sd-select>\r\n                        } @else if (conditionLv2.dayInfo.type === 'DATETIME') {\r\n                          <sd-datetime\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"flex: 1\"\r\n                            [(model)]=\"conditionLv2.value\"\r\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                            required\r\n                            hideInlineError>\r\n                          </sd-datetime>\r\n                        } @else if (conditionLv2.dayInfo.type === 'ATTRIBUTE') {\r\n                          <sd-autocomplete\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"flex: 1\"\r\n                            [(model)]=\"conditionLv2.value\"\r\n                            [items]=\"dateAttributes\"\r\n                            valueField=\"value\"\r\n                            displayField=\"display\"\r\n                            hideInlineError></sd-autocomplete>\r\n                        }\r\n                      } @else if (fieldAttribute.type === 'boolean') {\r\n                        <sd-select\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          [items]=\"[\r\n                            { value: true, display: fieldAttribute.displayOnTrue },\r\n                            { value: false, display: fieldAttribute.displayOnFalse }\r\n                          ]\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          required\r\n                          hideInlineError></sd-select>\r\n                      } @else if (fieldAttribute.type === 'values') {\r\n                        <sd-autocomplete\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          [items]=\"fieldAttribute.values\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          required\r\n                          hideInlineError></sd-autocomplete>\r\n                      }\r\n                    }\r\n                    <sd-button\r\n                      class=\"ml-auto\"\r\n                      prefixIcon=\"delete\"\r\n                      tooltip=\"X\u00F3a\"\r\n                      (click)=\"remove(conditionLv1.conditions, idxLv1)\"></sd-button>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-container sdFooter>\r\n      <sd-button prefixIcon=\"save\" title=\"X\u00E1c nh\u1EADn\" (click)=\"onAccept()\" color=\"primary\" type=\"fill\"></sd-button>\r\n    </ng-container>\r\n  </sd-modal>\r\n}\r\n", styles: [".c-builder{padding:8px;width:100%;border:1px solid #e6e6e6;border-radius:4px}.c-builder .c-condition{width:80px}.c-builder .c-condition .c-where{width:80px;border:1px solid #e6e6e6;background-color:#f2f2f2;color:#757575;border-radius:4px;padding:4px;text-align:center}.c-builder .c-condition .c-select{margin-left:10px;width:70px}\n"], dependencies: [{ kind: "component", type: SdInput$1, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "tooltip", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdInputNumber, selector: "sd-input-number", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "type", "precision", "format", "min", "max", "validator", "inlineError", "hyperlink", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdSelect$1, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdAutocomplete$1, selector: "sd-autocomplete", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "limit", "cacheChecksum", "hyperlink", "items", "hideInlineError", "addable", "required", "disabled", "viewed", "validator", "inlineError", "appearance", "model"], outputs: ["modelChange", "sdChange", "sdSelection", "sdAdd"] }, { 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: ["title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], outputs: ["sdClosed"] }, { kind: "pipe", type: ExpressionQueryPipe, name: "expressionQuery" }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "directive", type: SdSuffixDefDirective, selector: "[sdSuffixDef]" }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ExpressionBuilderComponent, isStandalone: true, selector: "expression-builder", inputs: { label: "label", _attributes: ["attributes", "_attributes"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange", sdChange: "sdChange", edit: "edit" }, viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }], ngImport: i0, template: "<!-- <a class=\"T12R\" href=\"javascript:;\" (click)=\"edit()\">{{ (model | expressionQuery) || '--' }}</a> -->\r\n<sd-input [label]=\"label\" style=\"width: 100%;\" [model]=\"(model | expressionQuery) || '--'\" disabled hideInlineError>\r\n  <ng-template sdSuffixDef>\r\n    <sd-button\r\n      prefixIcon=\"edit\"\r\n      color=\"primary\"\r\n      (click)=\"onEdit()\"\r\n      type=\"link\"></sd-button>\r\n  </ng-template>\r\n</sd-input>\r\n@if (expression) {\r\n  <sd-modal title=\"Thi\u1EBFt l\u1EADp bi\u1EC3u th\u1EE9c\">\r\n    <div class=\"c-builder\">\r\n      <div class=\"d-flex justify-content-end\">\r\n        <sd-button\r\n          prefixIcon=\"calculate\"\r\n          class=\"mr-4\"\r\n          title=\"Nh\u00F3m \u0111i\u1EC1u ki\u1EC7n\"\r\n          color=\"primary\"\r\n          (click)=\"addCombinator(expression.conditions)\"></sd-button>\r\n        <sd-button\r\n          prefixIcon=\"add\"\r\n          title=\"\u0110i\u1EC1u ki\u1EC7n\"\r\n          color=\"primary\"\r\n          (click)=\"addCondition(expression.conditions)\"\r\n          type=\"fill\"></sd-button>\r\n      </div>\r\n      <!-- C\u1EA5p 1 -->\r\n      @for (conditionLv1 of expression.conditions; track conditionLv1.key; let idxLv1 = $index) {\r\n        <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\r\n          <div class=\"c-condition\">\r\n            <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\r\n            @if (idxLv1 === 0) {\r\n              <div class=\"c-where\">WHERE</div>\r\n            }\r\n            <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\r\n            @if (idxLv1 === 1) {\r\n              <div class=\"c-select\">\r\n                <sd-select\r\n                  size=\"sm\"\r\n                  [(model)]=\"expression.combinator\"\r\n                  [items]=\"[\r\n                    { value: '&&', display: 'AND' },\r\n                    { value: '||', display: 'OR' }\r\n                  ]\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  required\r\n                  hideInlineError=\"\"></sd-select>\r\n              </div>\r\n            }\r\n          </div>\r\n          @if (conditionLv1.type === 'condition') {\r\n            <sd-autocomplete\r\n              size=\"sm\"\r\n              [form]=\"form\"\r\n              style=\"width: 200px\"\r\n              [(model)]=\"conditionLv1.field\"\r\n              [items]=\"attributes\"\r\n              (sdChange)=\"onChangeAttribute(conditionLv1)\"\r\n              valueField=\"value\"\r\n              displayField=\"display\"\r\n              required\r\n              hideInlineError></sd-autocomplete>\r\n            @let fieldAttribute = attribute[conditionLv1.field!];\r\n            <sd-select\r\n              size=\"sm\"\r\n              [form]=\"form\"\r\n              style=\"width: 100px\"\r\n              [(model)]=\"conditionLv1.operator\"\r\n              [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\r\n              valueField=\"value\"\r\n              displayField=\"display\"\r\n              [disabled]=\"!fieldAttribute?.type\"\r\n              required\r\n              hideInlineError></sd-select>\r\n            @if (\r\n              !!fieldAttribute?.type && conditionLv1.operator && conditionLv1.operator !== 'NULL' && conditionLv1.operator !== 'NOT_NULL'\r\n            ) {\r\n              @if (fieldAttribute.type === 'string') {\r\n                <sd-input size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input>\r\n              } @else if (fieldAttribute.type === 'number') {\r\n                <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" hideInlineError></sd-input-number>\r\n                <sd-autocomplete\r\n                  size=\"sm\"\r\n                  [form]=\"form\"\r\n                  style=\"flex: 1\"\r\n                  [(model)]=\"conditionLv1.value\"\r\n                  [items]=\"numberAttributes\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  hideInlineError></sd-autocomplete>\r\n              } @else if (fieldAttribute.type === 'datetime' && conditionLv1.dayInfo) {\r\n                <sd-select\r\n                  size=\"sm\"\r\n                  placeholder=\"Th\u1EDDi \u0111i\u1EC3m\"\r\n                  [form]=\"form\"\r\n                  style=\"width: 150px\"\r\n                  [items]=\"types\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  [(model)]=\"conditionLv1.dayInfo.type\"\r\n                  (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                  required\r\n                  hideInlineError>\r\n                </sd-select>\r\n                @if (conditionLv1.dayInfo.type === 'RELATED') {\r\n                  <sd-input-number\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"width: 80px\"\r\n                    [(model)]=\"conditionLv1.dayInfo.relatedValue\"\r\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                    [min]=\"1\"\r\n                    required\r\n                    hideInlineError>\r\n                  </sd-input-number>\r\n                  <sd-select\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"flex: 1\"\r\n                    [items]=\"previouses\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    [(model)]=\"conditionLv1.dayInfo.related\"\r\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                    required\r\n                    hideInlineError>\r\n                  </sd-select>\r\n                } @else if (conditionLv1.dayInfo.type === 'DATETIME') {\r\n                  <sd-datetime\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"flex: 1\"\r\n                    [(model)]=\"conditionLv1.value\"\r\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\r\n                    required\r\n                    hideInlineError>\r\n                  </sd-datetime>\r\n                } @else if (conditionLv1.dayInfo.type === 'ATTRIBUTE') {\r\n                  <sd-autocomplete\r\n                    size=\"sm\"\r\n                    [form]=\"form\"\r\n                    style=\"flex: 1\"\r\n                    [(model)]=\"conditionLv1.value\"\r\n                    [items]=\"dateAttributes\"\r\n                    valueField=\"value\"\r\n                    displayField=\"display\"\r\n                    hideInlineError></sd-autocomplete>\r\n                }\r\n              } @else if (fieldAttribute.type === 'boolean') {\r\n                <sd-select\r\n                  size=\"sm\"\r\n                  [form]=\"form\"\r\n                  style=\"flex: 1\"\r\n                  [(model)]=\"conditionLv1.value\"\r\n                  [items]=\"[\r\n                    { value: true, display: fieldAttribute.displayOnTrue },\r\n                    { value: false, display: fieldAttribute.displayOnFalse }\r\n                  ]\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  required\r\n                  hideInlineError></sd-select>\r\n              } @else if (fieldAttribute.type === 'values') {\r\n                <sd-autocomplete\r\n                  size=\"sm\"\r\n                  [form]=\"form\"\r\n                  style=\"flex: 1\"\r\n                  [(model)]=\"conditionLv1.value\"\r\n                  [items]=\"fieldAttribute.values\"\r\n                  valueField=\"value\"\r\n                  displayField=\"display\"\r\n                  required\r\n                  hideInlineError></sd-autocomplete>\r\n              }\r\n            }\r\n            <sd-button class=\"ml-auto\" prefixIcon=\"delete\" tooltip=\"X\u00F3a\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\r\n          } @else if (conditionLv1.type === 'combinator') {\r\n            <div class=\"c-builder\">\r\n              <div class=\"d-flex justify-content-end\">\r\n                <sd-button class=\"mr-4\" prefixIcon=\"delete\" tooltip=\"X\u00F3a\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\r\n                <sd-button\r\n                  prefixIcon=\"add\"\r\n                  title=\"\u0110i\u1EC1u ki\u1EC7n\"\r\n                  size=\"sm\"\r\n                  color=\"primary\"\r\n                  (click)=\"addCondition(conditionLv1.conditions)\"\r\n                  type=\"fill\"></sd-button>\r\n              </div>\r\n              <!-- C\u1EA5p 2 -->\r\n              @for (conditionLv2 of conditionLv1.conditions; track conditionLv2.key; let idxLv2 = $index) {\r\n                <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\r\n                  <div class=\"c-condition\">\r\n                    <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\r\n                    @if (idxLv2 === 0) {\r\n                      <div class=\"c-where\">WHERE</div>\r\n                    }\r\n                    <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\r\n                    @if (idxLv2 === 1) {\r\n                      <div class=\"c-select\">\r\n                        <sd-select\r\n                          size=\"sm\"\r\n                          [(model)]=\"conditionLv1.combinator\"\r\n                          [items]=\"[\r\n                            { value: '&&', display: 'AND' },\r\n                            { value: '||', display: 'OR' }\r\n                          ]\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          required\r\n                          hideInlineError=\"\"></sd-select>\r\n                      </div>\r\n                    }\r\n                  </div>\r\n                  @if (conditionLv2.type === 'condition') {\r\n                    <sd-autocomplete\r\n                      size=\"sm\"\r\n                      [form]=\"form\"\r\n                      style=\"width: 200px\"\r\n                      [(model)]=\"conditionLv2.field\"\r\n                      [items]=\"attributes\"\r\n                      (sdChange)=\"onChangeAttribute(conditionLv2)\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      required\r\n                      hideInlineError></sd-autocomplete>\r\n                    @let fieldAttribute = attribute[conditionLv2.field!];\r\n                    <sd-select\r\n                      size=\"sm\"\r\n                      [form]=\"form\"\r\n                      style=\"width: 100px\"\r\n                      [(model)]=\"conditionLv2.operator\"\r\n                      [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\r\n                      valueField=\"value\"\r\n                      displayField=\"display\"\r\n                      [disabled]=\"!fieldAttribute?.type\"\r\n                      required\r\n                      hideInlineError></sd-select>\r\n                    @if (\r\n                      !!fieldAttribute?.type &&\r\n                      conditionLv2.operator &&\r\n                      conditionLv2.operator !== 'NULL' &&\r\n                      conditionLv2.operator !== 'NOT_NULL'\r\n                    ) {\r\n                      @if (fieldAttribute.type === 'string') {\r\n                        <sd-input\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          required\r\n                          hideInlineError></sd-input>\r\n                      } @else if (fieldAttribute.type === 'number') {\r\n                        <sd-input-number\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          hideInlineError></sd-input-number>\r\n                        <sd-autocomplete\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          [items]=\"numberAttributes\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          hideInlineError></sd-autocomplete>\r\n                      } @else if (fieldAttribute.type === 'datetime' && conditionLv2.dayInfo) {\r\n                        <sd-select\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          placeholder=\"Th\u1EDDi \u0111i\u1EC3m\"\r\n                          style=\"width: 150px\"\r\n                          [items]=\"types\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          [(model)]=\"conditionLv2.dayInfo.type\"\r\n                          (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                          required\r\n                          hideInlineError>\r\n                        </sd-select>\r\n                        @if (conditionLv2.dayInfo.type === 'RELATED') {\r\n                          <sd-input-number\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"width: 80px\"\r\n                            [(model)]=\"conditionLv2.dayInfo.relatedValue\"\r\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                            [min]=\"1\"\r\n                            required\r\n                            hideInlineError>\r\n                          </sd-input-number>\r\n                          <sd-select\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"flex: 1\"\r\n                            [items]=\"previouses\"\r\n                            valueField=\"value\"\r\n                            displayField=\"display\"\r\n                            [(model)]=\"conditionLv2.dayInfo.related\"\r\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                            required\r\n                            hideInlineError>\r\n                          </sd-select>\r\n                        } @else if (conditionLv2.dayInfo.type === 'DATETIME') {\r\n                          <sd-datetime\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"flex: 1\"\r\n                            [(model)]=\"conditionLv2.value\"\r\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\r\n                            required\r\n                            hideInlineError>\r\n                          </sd-datetime>\r\n                        } @else if (conditionLv2.dayInfo.type === 'ATTRIBUTE') {\r\n                          <sd-autocomplete\r\n                            size=\"sm\"\r\n                            [form]=\"form\"\r\n                            style=\"flex: 1\"\r\n                            [(model)]=\"conditionLv2.value\"\r\n                            [items]=\"dateAttributes\"\r\n                            valueField=\"value\"\r\n                            displayField=\"display\"\r\n                            hideInlineError></sd-autocomplete>\r\n                        }\r\n                      } @else if (fieldAttribute.type === 'boolean') {\r\n                        <sd-select\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          [items]=\"[\r\n                            { value: true, display: fieldAttribute.displayOnTrue },\r\n                            { value: false, display: fieldAttribute.displayOnFalse }\r\n                          ]\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          required\r\n                          hideInlineError></sd-select>\r\n                      } @else if (fieldAttribute.type === 'values') {\r\n                        <sd-autocomplete\r\n                          size=\"sm\"\r\n                          [form]=\"form\"\r\n                          style=\"flex: 1\"\r\n                          [(model)]=\"conditionLv2.value\"\r\n                          [items]=\"fieldAttribute.values\"\r\n                          valueField=\"value\"\r\n                          displayField=\"display\"\r\n                          required\r\n                          hideInlineError></sd-autocomplete>\r\n                      }\r\n                    }\r\n                    <sd-button\r\n                      class=\"ml-auto\"\r\n                      prefixIcon=\"delete\"\r\n                      tooltip=\"X\u00F3a\"\r\n                      (click)=\"remove(conditionLv1.conditions, idxLv1)\"></sd-button>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-container sdFooter>\r\n      <sd-button prefixIcon=\"save\" title=\"X\u00E1c nh\u1EADn\" (click)=\"onAccept()\" color=\"primary\" type=\"fill\"></sd-button>\r\n    </ng-container>\r\n  </sd-modal>\r\n}\r\n", styles: [".c-builder{padding:8px;width:100%;border:1px solid #e6e6e6;border-radius:4px}.c-builder .c-condition{width:80px}.c-builder .c-condition .c-where{width:80px;border:1px solid #e6e6e6;background-color:#f2f2f2;color:#757575;border-radius:4px;padding:4px;text-align:center}.c-builder .c-condition .c-select{margin-left:10px;width:70px}\n"], dependencies: [{ kind: "component", type: SdInput$1, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "tooltip", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdInputNumber, selector: "sd-input-number", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "type", "precision", "format", "min", "max", "validator", "inlineError", "hyperlink", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "sdFocusForceBlur"] }, { kind: "component", type: SdSelect$1, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdAutocomplete$1, selector: "sd-autocomplete", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "limit", "cacheChecksum", "hyperlink", "items", "hideInlineError", "addable", "required", "disabled", "viewed", "validator", "inlineError", "appearance", "model"], outputs: ["modelChange", "sdChange", "sdSelection", "sdAdd"] }, { 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: ["title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], outputs: ["sdClosed"] }, { kind: "pipe", type: ExpressionQueryPipe, name: "expressionQuery" }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "directive", type: SdSuffixDefDirective, selector: "[sdSuffixDef]" }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ExpressionBuilderComponent, decorators: [{
             type: Component,