@sd-angular/core 19.0.14 → 19.0.16

package/fesm2022/sd-angular-core-components-form-generic.mjs

@@ -1953,7 +1953,7 @@ class SelectComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SelectComponent, deps: [{ token: i1$3.Router }, { token: i0.ChangeDetectorRef }, { token: FormGenericService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SelectComponent, isStandalone: true, selector: "lib-select", inputs: { setVariables: "setVariables", _form: ["form", "_form"], _entity: ["entity", "_entity"], _component: ["component", "_component"], _disabled: ["disabled", "_disabled"], _required: ["required", "_required"], _viewed: ["viewed", "_viewed"], _validator: ["validator", "_validator"] }, ngImport: i0, template: "@if (entity && component) {\n  <sd-select\n    [form]=\"form\"\n    [label]=\"component.label || component.key\"\n    [name]=\"component.key\"\n    [autoId]=\"component.key\"\n    [(model)]=\"entity[component.key]\"\n    [required]=\"required\"\n    [validator]=\"validator\"\n    [disabled]=\"disabled\"\n    [items]=\"items\"\n    valueField=\"value\"\n    displayField=\"display\"\n    disabledField=\"disabled\"\n    (sdChange)=\"onChanges()\"\n    [multiple]=\"component.properties?.multiple\"\n    [viewed]=\"viewed || component.properties?.viewed\"\n    [hyperlink]=\"component.properties?.hyperlink | hyperlink: entity\"></sd-select>\n}\n", styles: [":host{display:contents;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "pipe", type: HyperlinkPipe, name: "hyperlink" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SelectComponent, isStandalone: true, selector: "lib-select", inputs: { setVariables: "setVariables", _form: ["form", "_form"], _entity: ["entity", "_entity"], _component: ["component", "_component"], _disabled: ["disabled", "_disabled"], _required: ["required", "_required"], _viewed: ["viewed", "_viewed"], _validator: ["validator", "_validator"] }, ngImport: i0, template: "@if (entity && component) {\n  <sd-select\n    [form]=\"form\"\n    [label]=\"component.label || component.key\"\n    [name]=\"component.key\"\n    [autoId]=\"component.key\"\n    [(model)]=\"entity[component.key]\"\n    [required]=\"required\"\n    [validator]=\"validator\"\n    [disabled]=\"disabled\"\n    [items]=\"items\"\n    valueField=\"value\"\n    displayField=\"display\"\n    disabledField=\"disabled\"\n    (sdChange)=\"onChanges()\"\n    [multiple]=\"component.properties?.multiple\"\n    [viewed]=\"viewed || component.properties?.viewed\"\n    [hyperlink]=\"component.properties?.hyperlink | hyperlink: entity\"></sd-select>\n}\n", styles: [":host{display:contents;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "showSelectAll", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "pipe", type: HyperlinkPipe, name: "hyperlink" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -3214,7 +3214,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: "<!--\n  FEEL-style expression trigger pill (M3 redesign).\n  B\u1EA5m v\u00E0o pill m\u1EDF modal builder hi\u1EC7n t\u1EA1i (onEdit).\n-->\n<div class=\"fb-field\">\n  @if (label) {\n    <div class=\"fb-field__label\">{{ label }}</div>\n  }\n  @let exprText = model | expressionQuery;\n  <div class=\"fb-expr\" (click)=\"onEdit()\" role=\"button\" tabindex=\"0\">\n    <span class=\"fb-expr__badge\">FEEL</span>\n    @if (exprText) {\n      <span class=\"fb-expr__code mono\">{{ exprText }}</span>\n    } @else {\n      <span class=\"empty\">{{ 'core.component.form-builder.set-expression' | translate }}</span>\n    }\n    <button type=\"button\" class=\"fb-icon-btn\" (click)=\"onEdit(); $event.stopPropagation()\" aria-label=\"edit expression\">\n      <span class=\"msi\">functions</span>\n    </button>\n  </div>\n</div>\n@if (expression) {\n  <sd-modal [title]=\"'core.component.form-builder.set-expression' | translate\">\n    <div class=\"c-builder\">\n      <div class=\"d-flex justify-content-end\">\n        <sd-button\n          prefixIcon=\"calculate\"\n          class=\"mr-4\"\n          [title]=\"'core.component.form-builder.condition-group' | translate\"\n          color=\"primary\"\n          (click)=\"addCombinator(expression.conditions)\"></sd-button>\n        <sd-button\n          prefixIcon=\"add\"\n          [title]=\"'core.component.form-builder.condition' | translate\"\n          color=\"primary\"\n          (click)=\"addCondition(expression.conditions)\"\n          type=\"fill\"></sd-button>\n      </div>\n      <!-- C\u1EA5p 1 -->\n      @for (conditionLv1 of expression.conditions; track conditionLv1.key; let idxLv1 = $index) {\n        <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\n          <div class=\"c-condition\">\n            <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n            @if (idxLv1 === 0) {\n              <div class=\"c-where\">WHERE</div>\n            }\n            <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n            @if (idxLv1 === 1) {\n              <div class=\"c-select\">\n                <sd-select\n                  size=\"sm\"\n                  [(model)]=\"expression.combinator\"\n                  [items]=\"[\n                    { value: '&&', display: 'AND' },\n                    { value: '||', display: 'OR' }\n                  ]\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  required\n                  hideInlineError=\"\"></sd-select>\n              </div>\n            }\n          </div>\n          @if (conditionLv1.type === 'condition') {\n            <sd-autocomplete\n              size=\"sm\"\n              [form]=\"form\"\n              style=\"width: 200px\"\n              [(model)]=\"conditionLv1.field\"\n              [items]=\"attributes\"\n              (sdChange)=\"onChangeAttribute(conditionLv1)\"\n              valueField=\"value\"\n              displayField=\"display\"\n              required\n              hideInlineError></sd-autocomplete>\n            @let fieldAttribute = attribute[conditionLv1.field!];\n            <sd-select\n              size=\"sm\"\n              [form]=\"form\"\n              style=\"width: 100px\"\n              [(model)]=\"conditionLv1.operator\"\n              [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\n              valueField=\"value\"\n              displayField=\"display\"\n              [disabled]=\"!fieldAttribute?.type\"\n              required\n              hideInlineError></sd-select>\n            @if (\n              !!fieldAttribute?.type && conditionLv1.operator && conditionLv1.operator !== 'NULL' && conditionLv1.operator !== 'NOT_NULL'\n            ) {\n              @if (fieldAttribute.type === 'string') {\n                <sd-input size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input>\n              } @else if (fieldAttribute.type === 'number') {\n                <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" hideInlineError></sd-input-number>\n                <sd-autocomplete\n                  size=\"sm\"\n                  [form]=\"form\"\n                  style=\"flex: 1\"\n                  [(model)]=\"conditionLv1.value\"\n                  [items]=\"numberAttributes\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  hideInlineError></sd-autocomplete>\n              } @else if (fieldAttribute.type === 'datetime' && conditionLv1.dayInfo) {\n                <sd-select\n                  size=\"sm\"\n                  [placeholder]=\"'core.component.form-builder.time' | translate\"\n                  [form]=\"form\"\n                  style=\"width: 150px\"\n                  [items]=\"types\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  [(model)]=\"conditionLv1.dayInfo.type\"\n                  (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                  required\n                  hideInlineError>\n                </sd-select>\n                @if (conditionLv1.dayInfo.type === 'RELATED') {\n                  <sd-input-number\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"width: 80px\"\n                    [(model)]=\"conditionLv1.dayInfo.relatedValue\"\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                    [min]=\"1\"\n                    required\n                    hideInlineError>\n                  </sd-input-number>\n                  <sd-select\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"flex: 1\"\n                    [items]=\"previouses\"\n                    valueField=\"value\"\n                    displayField=\"display\"\n                    [(model)]=\"conditionLv1.dayInfo.related\"\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                    required\n                    hideInlineError>\n                  </sd-select>\n                } @else if (conditionLv1.dayInfo.type === 'DATETIME') {\n                  <sd-datetime\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"flex: 1\"\n                    [(model)]=\"conditionLv1.value\"\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                    required\n                    hideInlineError>\n                  </sd-datetime>\n                } @else if (conditionLv1.dayInfo.type === 'ATTRIBUTE') {\n                  <sd-autocomplete\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"flex: 1\"\n                    [(model)]=\"conditionLv1.value\"\n                    [items]=\"dateAttributes\"\n                    valueField=\"value\"\n                    displayField=\"display\"\n                    hideInlineError></sd-autocomplete>\n                }\n              } @else if (fieldAttribute.type === 'boolean') {\n                <sd-select\n                  size=\"sm\"\n                  [form]=\"form\"\n                  style=\"flex: 1\"\n                  [(model)]=\"conditionLv1.value\"\n                  [items]=\"[\n                    { value: true, display: fieldAttribute.displayOnTrue },\n                    { value: false, display: fieldAttribute.displayOnFalse }\n                  ]\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  required\n                  hideInlineError></sd-select>\n              } @else if (fieldAttribute.type === 'values') {\n                <sd-autocomplete\n                  size=\"sm\"\n                  [form]=\"form\"\n                  style=\"flex: 1\"\n                  [(model)]=\"conditionLv1.value\"\n                  [items]=\"fieldAttribute.values\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  required\n                  hideInlineError></sd-autocomplete>\n              }\n            }\n            <sd-button class=\"ml-auto\" prefixIcon=\"delete\" [tooltip]=\"'core.component.form-builder.delete' | translate\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n          } @else if (conditionLv1.type === 'combinator') {\n            <div class=\"c-builder\">\n              <div class=\"d-flex justify-content-end\">\n                <sd-button class=\"mr-4\" prefixIcon=\"delete\" [tooltip]=\"'core.component.form-builder.delete' | translate\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n                <sd-button\n                  prefixIcon=\"add\"\n                  [title]=\"'core.component.form-builder.condition' | translate\"\n                  size=\"sm\"\n                  color=\"primary\"\n                  (click)=\"addCondition(conditionLv1.conditions)\"\n                  type=\"fill\"></sd-button>\n              </div>\n              <!-- C\u1EA5p 2 -->\n              @for (conditionLv2 of conditionLv1.conditions; track conditionLv2.key; let idxLv2 = $index) {\n                <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\n                  <div class=\"c-condition\">\n                    <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n                    @if (idxLv2 === 0) {\n                      <div class=\"c-where\">WHERE</div>\n                    }\n                    <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n                    @if (idxLv2 === 1) {\n                      <div class=\"c-select\">\n                        <sd-select\n                          size=\"sm\"\n                          [(model)]=\"conditionLv1.combinator\"\n                          [items]=\"[\n                            { value: '&&', display: 'AND' },\n                            { value: '||', display: 'OR' }\n                          ]\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          required\n                          hideInlineError=\"\"></sd-select>\n                      </div>\n                    }\n                  </div>\n                  @if (conditionLv2.type === 'condition') {\n                    <sd-autocomplete\n                      size=\"sm\"\n                      [form]=\"form\"\n                      style=\"width: 200px\"\n                      [(model)]=\"conditionLv2.field\"\n                      [items]=\"attributes\"\n                      (sdChange)=\"onChangeAttribute(conditionLv2)\"\n                      valueField=\"value\"\n                      displayField=\"display\"\n                      required\n                      hideInlineError></sd-autocomplete>\n                    @let fieldAttribute = attribute[conditionLv2.field!];\n                    <sd-select\n                      size=\"sm\"\n                      [form]=\"form\"\n                      style=\"width: 100px\"\n                      [(model)]=\"conditionLv2.operator\"\n                      [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\n                      valueField=\"value\"\n                      displayField=\"display\"\n                      [disabled]=\"!fieldAttribute?.type\"\n                      required\n                      hideInlineError></sd-select>\n                    @if (\n                      !!fieldAttribute?.type &&\n                      conditionLv2.operator &&\n                      conditionLv2.operator !== 'NULL' &&\n                      conditionLv2.operator !== 'NOT_NULL'\n                    ) {\n                      @if (fieldAttribute.type === 'string') {\n                        <sd-input\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          required\n                          hideInlineError></sd-input>\n                      } @else if (fieldAttribute.type === 'number') {\n                        <sd-input-number\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          hideInlineError></sd-input-number>\n                        <sd-autocomplete\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          [items]=\"numberAttributes\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          hideInlineError></sd-autocomplete>\n                      } @else if (fieldAttribute.type === 'datetime' && conditionLv2.dayInfo) {\n                        <sd-select\n                          size=\"sm\"\n                          [form]=\"form\"\n                          [placeholder]=\"'core.component.form-builder.time' | translate\"\n                          style=\"width: 150px\"\n                          [items]=\"types\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          [(model)]=\"conditionLv2.dayInfo.type\"\n                          (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                          required\n                          hideInlineError>\n                        </sd-select>\n                        @if (conditionLv2.dayInfo.type === 'RELATED') {\n                          <sd-input-number\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"width: 80px\"\n                            [(model)]=\"conditionLv2.dayInfo.relatedValue\"\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                            [min]=\"1\"\n                            required\n                            hideInlineError>\n                          </sd-input-number>\n                          <sd-select\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"flex: 1\"\n                            [items]=\"previouses\"\n                            valueField=\"value\"\n                            displayField=\"display\"\n                            [(model)]=\"conditionLv2.dayInfo.related\"\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                            required\n                            hideInlineError>\n                          </sd-select>\n                        } @else if (conditionLv2.dayInfo.type === 'DATETIME') {\n                          <sd-datetime\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"flex: 1\"\n                            [(model)]=\"conditionLv2.value\"\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                            required\n                            hideInlineError>\n                          </sd-datetime>\n                        } @else if (conditionLv2.dayInfo.type === 'ATTRIBUTE') {\n                          <sd-autocomplete\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"flex: 1\"\n                            [(model)]=\"conditionLv2.value\"\n                            [items]=\"dateAttributes\"\n                            valueField=\"value\"\n                            displayField=\"display\"\n                            hideInlineError></sd-autocomplete>\n                        }\n                      } @else if (fieldAttribute.type === 'boolean') {\n                        <sd-select\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          [items]=\"[\n                            { value: true, display: fieldAttribute.displayOnTrue },\n                            { value: false, display: fieldAttribute.displayOnFalse }\n                          ]\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          required\n                          hideInlineError></sd-select>\n                      } @else if (fieldAttribute.type === 'values') {\n                        <sd-autocomplete\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          [items]=\"fieldAttribute.values\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          required\n                          hideInlineError></sd-autocomplete>\n                      }\n                    }\n                    <sd-button\n                      class=\"ml-auto\"\n                      prefixIcon=\"delete\"\n                      [tooltip]=\"'core.component.form-builder.delete' | translate\"\n                      (click)=\"remove(conditionLv1.conditions, idxLv1)\"></sd-button>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n    <ng-container sdFooter>\n      <sd-button prefixIcon=\"save\" [title]=\"'core.component.form-builder.confirm' | translate\" (click)=\"onAccept()\" color=\"primary\" type=\"fill\"></sd-button>\n    </ng-container>\n  </sd-modal>\n}\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", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "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", "cleared", "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", "clearable", "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", "clearable", "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: ["autoId", "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", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], 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: "<!--\n  FEEL-style expression trigger pill (M3 redesign).\n  B\u1EA5m v\u00E0o pill m\u1EDF modal builder hi\u1EC7n t\u1EA1i (onEdit).\n-->\n<div class=\"fb-field\">\n  @if (label) {\n    <div class=\"fb-field__label\">{{ label }}</div>\n  }\n  @let exprText = model | expressionQuery;\n  <div class=\"fb-expr\" (click)=\"onEdit()\" role=\"button\" tabindex=\"0\">\n    <span class=\"fb-expr__badge\">FEEL</span>\n    @if (exprText) {\n      <span class=\"fb-expr__code mono\">{{ exprText }}</span>\n    } @else {\n      <span class=\"empty\">{{ 'core.component.form-builder.set-expression' | translate }}</span>\n    }\n    <button type=\"button\" class=\"fb-icon-btn\" (click)=\"onEdit(); $event.stopPropagation()\" aria-label=\"edit expression\">\n      <span class=\"msi\">functions</span>\n    </button>\n  </div>\n</div>\n@if (expression) {\n  <sd-modal [title]=\"'core.component.form-builder.set-expression' | translate\">\n    <div class=\"c-builder\">\n      <div class=\"d-flex justify-content-end\">\n        <sd-button\n          prefixIcon=\"calculate\"\n          class=\"mr-4\"\n          [title]=\"'core.component.form-builder.condition-group' | translate\"\n          color=\"primary\"\n          (click)=\"addCombinator(expression.conditions)\"></sd-button>\n        <sd-button\n          prefixIcon=\"add\"\n          [title]=\"'core.component.form-builder.condition' | translate\"\n          color=\"primary\"\n          (click)=\"addCondition(expression.conditions)\"\n          type=\"fill\"></sd-button>\n      </div>\n      <!-- C\u1EA5p 1 -->\n      @for (conditionLv1 of expression.conditions; track conditionLv1.key; let idxLv1 = $index) {\n        <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\n          <div class=\"c-condition\">\n            <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n            @if (idxLv1 === 0) {\n              <div class=\"c-where\">WHERE</div>\n            }\n            <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n            @if (idxLv1 === 1) {\n              <div class=\"c-select\">\n                <sd-select\n                  size=\"sm\"\n                  [(model)]=\"expression.combinator\"\n                  [items]=\"[\n                    { value: '&&', display: 'AND' },\n                    { value: '||', display: 'OR' }\n                  ]\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  required\n                  hideInlineError=\"\"></sd-select>\n              </div>\n            }\n          </div>\n          @if (conditionLv1.type === 'condition') {\n            <sd-autocomplete\n              size=\"sm\"\n              [form]=\"form\"\n              style=\"width: 200px\"\n              [(model)]=\"conditionLv1.field\"\n              [items]=\"attributes\"\n              (sdChange)=\"onChangeAttribute(conditionLv1)\"\n              valueField=\"value\"\n              displayField=\"display\"\n              required\n              hideInlineError></sd-autocomplete>\n            @let fieldAttribute = attribute[conditionLv1.field!];\n            <sd-select\n              size=\"sm\"\n              [form]=\"form\"\n              style=\"width: 100px\"\n              [(model)]=\"conditionLv1.operator\"\n              [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\n              valueField=\"value\"\n              displayField=\"display\"\n              [disabled]=\"!fieldAttribute?.type\"\n              required\n              hideInlineError></sd-select>\n            @if (\n              !!fieldAttribute?.type && conditionLv1.operator && conditionLv1.operator !== 'NULL' && conditionLv1.operator !== 'NOT_NULL'\n            ) {\n              @if (fieldAttribute.type === 'string') {\n                <sd-input size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input>\n              } @else if (fieldAttribute.type === 'number') {\n                <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex: 1\" [(model)]=\"conditionLv1.value\" hideInlineError></sd-input-number>\n                <sd-autocomplete\n                  size=\"sm\"\n                  [form]=\"form\"\n                  style=\"flex: 1\"\n                  [(model)]=\"conditionLv1.value\"\n                  [items]=\"numberAttributes\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  hideInlineError></sd-autocomplete>\n              } @else if (fieldAttribute.type === 'datetime' && conditionLv1.dayInfo) {\n                <sd-select\n                  size=\"sm\"\n                  [placeholder]=\"'core.component.form-builder.time' | translate\"\n                  [form]=\"form\"\n                  style=\"width: 150px\"\n                  [items]=\"types\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  [(model)]=\"conditionLv1.dayInfo.type\"\n                  (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                  required\n                  hideInlineError>\n                </sd-select>\n                @if (conditionLv1.dayInfo.type === 'RELATED') {\n                  <sd-input-number\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"width: 80px\"\n                    [(model)]=\"conditionLv1.dayInfo.relatedValue\"\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                    [min]=\"1\"\n                    required\n                    hideInlineError>\n                  </sd-input-number>\n                  <sd-select\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"flex: 1\"\n                    [items]=\"previouses\"\n                    valueField=\"value\"\n                    displayField=\"display\"\n                    [(model)]=\"conditionLv1.dayInfo.related\"\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                    required\n                    hideInlineError>\n                  </sd-select>\n                } @else if (conditionLv1.dayInfo.type === 'DATETIME') {\n                  <sd-datetime\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"flex: 1\"\n                    [(model)]=\"conditionLv1.value\"\n                    (sdChange)=\"onChangeDateInfo(conditionLv1)\"\n                    required\n                    hideInlineError>\n                  </sd-datetime>\n                } @else if (conditionLv1.dayInfo.type === 'ATTRIBUTE') {\n                  <sd-autocomplete\n                    size=\"sm\"\n                    [form]=\"form\"\n                    style=\"flex: 1\"\n                    [(model)]=\"conditionLv1.value\"\n                    [items]=\"dateAttributes\"\n                    valueField=\"value\"\n                    displayField=\"display\"\n                    hideInlineError></sd-autocomplete>\n                }\n              } @else if (fieldAttribute.type === 'boolean') {\n                <sd-select\n                  size=\"sm\"\n                  [form]=\"form\"\n                  style=\"flex: 1\"\n                  [(model)]=\"conditionLv1.value\"\n                  [items]=\"[\n                    { value: true, display: fieldAttribute.displayOnTrue },\n                    { value: false, display: fieldAttribute.displayOnFalse }\n                  ]\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  required\n                  hideInlineError></sd-select>\n              } @else if (fieldAttribute.type === 'values') {\n                <sd-autocomplete\n                  size=\"sm\"\n                  [form]=\"form\"\n                  style=\"flex: 1\"\n                  [(model)]=\"conditionLv1.value\"\n                  [items]=\"fieldAttribute.values\"\n                  valueField=\"value\"\n                  displayField=\"display\"\n                  required\n                  hideInlineError></sd-autocomplete>\n              }\n            }\n            <sd-button class=\"ml-auto\" prefixIcon=\"delete\" [tooltip]=\"'core.component.form-builder.delete' | translate\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n          } @else if (conditionLv1.type === 'combinator') {\n            <div class=\"c-builder\">\n              <div class=\"d-flex justify-content-end\">\n                <sd-button class=\"mr-4\" prefixIcon=\"delete\" [tooltip]=\"'core.component.form-builder.delete' | translate\" (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n                <sd-button\n                  prefixIcon=\"add\"\n                  [title]=\"'core.component.form-builder.condition' | translate\"\n                  size=\"sm\"\n                  color=\"primary\"\n                  (click)=\"addCondition(conditionLv1.conditions)\"\n                  type=\"fill\"></sd-button>\n              </div>\n              <!-- C\u1EA5p 2 -->\n              @for (conditionLv2 of conditionLv1.conditions; track conditionLv2.key; let idxLv2 = $index) {\n                <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px\">\n                  <div class=\"c-condition\">\n                    <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n                    @if (idxLv2 === 0) {\n                      <div class=\"c-where\">WHERE</div>\n                    }\n                    <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n                    @if (idxLv2 === 1) {\n                      <div class=\"c-select\">\n                        <sd-select\n                          size=\"sm\"\n                          [(model)]=\"conditionLv1.combinator\"\n                          [items]=\"[\n                            { value: '&&', display: 'AND' },\n                            { value: '||', display: 'OR' }\n                          ]\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          required\n                          hideInlineError=\"\"></sd-select>\n                      </div>\n                    }\n                  </div>\n                  @if (conditionLv2.type === 'condition') {\n                    <sd-autocomplete\n                      size=\"sm\"\n                      [form]=\"form\"\n                      style=\"width: 200px\"\n                      [(model)]=\"conditionLv2.field\"\n                      [items]=\"attributes\"\n                      (sdChange)=\"onChangeAttribute(conditionLv2)\"\n                      valueField=\"value\"\n                      displayField=\"display\"\n                      required\n                      hideInlineError></sd-autocomplete>\n                    @let fieldAttribute = attribute[conditionLv2.field!];\n                    <sd-select\n                      size=\"sm\"\n                      [form]=\"form\"\n                      style=\"width: 100px\"\n                      [(model)]=\"conditionLv2.operator\"\n                      [items]=\"attributeOperators[fieldAttribute?.type || 'string']\"\n                      valueField=\"value\"\n                      displayField=\"display\"\n                      [disabled]=\"!fieldAttribute?.type\"\n                      required\n                      hideInlineError></sd-select>\n                    @if (\n                      !!fieldAttribute?.type &&\n                      conditionLv2.operator &&\n                      conditionLv2.operator !== 'NULL' &&\n                      conditionLv2.operator !== 'NOT_NULL'\n                    ) {\n                      @if (fieldAttribute.type === 'string') {\n                        <sd-input\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          required\n                          hideInlineError></sd-input>\n                      } @else if (fieldAttribute.type === 'number') {\n                        <sd-input-number\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          hideInlineError></sd-input-number>\n                        <sd-autocomplete\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          [items]=\"numberAttributes\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          hideInlineError></sd-autocomplete>\n                      } @else if (fieldAttribute.type === 'datetime' && conditionLv2.dayInfo) {\n                        <sd-select\n                          size=\"sm\"\n                          [form]=\"form\"\n                          [placeholder]=\"'core.component.form-builder.time' | translate\"\n                          style=\"width: 150px\"\n                          [items]=\"types\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          [(model)]=\"conditionLv2.dayInfo.type\"\n                          (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                          required\n                          hideInlineError>\n                        </sd-select>\n                        @if (conditionLv2.dayInfo.type === 'RELATED') {\n                          <sd-input-number\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"width: 80px\"\n                            [(model)]=\"conditionLv2.dayInfo.relatedValue\"\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                            [min]=\"1\"\n                            required\n                            hideInlineError>\n                          </sd-input-number>\n                          <sd-select\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"flex: 1\"\n                            [items]=\"previouses\"\n                            valueField=\"value\"\n                            displayField=\"display\"\n                            [(model)]=\"conditionLv2.dayInfo.related\"\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                            required\n                            hideInlineError>\n                          </sd-select>\n                        } @else if (conditionLv2.dayInfo.type === 'DATETIME') {\n                          <sd-datetime\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"flex: 1\"\n                            [(model)]=\"conditionLv2.value\"\n                            (sdChange)=\"onChangeDateInfo(conditionLv2)\"\n                            required\n                            hideInlineError>\n                          </sd-datetime>\n                        } @else if (conditionLv2.dayInfo.type === 'ATTRIBUTE') {\n                          <sd-autocomplete\n                            size=\"sm\"\n                            [form]=\"form\"\n                            style=\"flex: 1\"\n                            [(model)]=\"conditionLv2.value\"\n                            [items]=\"dateAttributes\"\n                            valueField=\"value\"\n                            displayField=\"display\"\n                            hideInlineError></sd-autocomplete>\n                        }\n                      } @else if (fieldAttribute.type === 'boolean') {\n                        <sd-select\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          [items]=\"[\n                            { value: true, display: fieldAttribute.displayOnTrue },\n                            { value: false, display: fieldAttribute.displayOnFalse }\n                          ]\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          required\n                          hideInlineError></sd-select>\n                      } @else if (fieldAttribute.type === 'values') {\n                        <sd-autocomplete\n                          size=\"sm\"\n                          [form]=\"form\"\n                          style=\"flex: 1\"\n                          [(model)]=\"conditionLv2.value\"\n                          [items]=\"fieldAttribute.values\"\n                          valueField=\"value\"\n                          displayField=\"display\"\n                          required\n                          hideInlineError></sd-autocomplete>\n                      }\n                    }\n                    <sd-button\n                      class=\"ml-auto\"\n                      prefixIcon=\"delete\"\n                      [tooltip]=\"'core.component.form-builder.delete' | translate\"\n                      (click)=\"remove(conditionLv1.conditions, idxLv1)\"></sd-button>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n    <ng-container sdFooter>\n      <sd-button prefixIcon=\"save\" [title]=\"'core.component.form-builder.confirm' | translate\" (click)=\"onAccept()\" color=\"primary\" type=\"fill\"></sd-button>\n    </ng-container>\n  </sd-modal>\n}\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", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "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", "cleared", "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", "showSelectAll", "clearable", "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", "clearable", "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: ["autoId", "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", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ExpressionBuilderComponent, decorators: [{
             type: Component,
@@ -3488,7 +3488,7 @@ class AttributeSwitch {
         this.modelChange.emit(!!value);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AttributeSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: AttributeSwitch, isStandalone: true, selector: "attribute-switch", inputs: { form: "form", _label: ["label", "_label"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<!-- <div class=\"d-flex align-items-center py-4\">\n  @if (label) {\n    <div class=\"T14R\" style=\"flex: 1\">{{ label }}</div>\n  }\n  <sd-switch size=\"sm\" [form]=\"form\" [(model)]=\"model\" (sdChange)=\"onChange($event)\" hideInlineError></sd-switch>\n</div> -->\n<sd-select\n  class=\"py-8\"\n  size=\"sm\"\n  [label]=\"label!\"\n  [form]=\"form\"\n  [(model)]=\"model\"\n  valueField=\"value\"\n  displayField=\"display\"\n  [items]=\"[\n    { value: true, display: ('core.confirm.yes-short' | translate) },\n    { value: false, display: ('core.confirm.no-short' | translate) }\n  ]\"\n  (sdChange)=\"onChange($event)\"\n  hideInlineError></sd-select>\n", dependencies: [{ 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", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: AttributeSwitch, isStandalone: true, selector: "attribute-switch", inputs: { form: "form", _label: ["label", "_label"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<!-- <div class=\"d-flex align-items-center py-4\">\n  @if (label) {\n    <div class=\"T14R\" style=\"flex: 1\">{{ label }}</div>\n  }\n  <sd-switch size=\"sm\" [form]=\"form\" [(model)]=\"model\" (sdChange)=\"onChange($event)\" hideInlineError></sd-switch>\n</div> -->\n<sd-select\n  class=\"py-8\"\n  size=\"sm\"\n  [label]=\"label!\"\n  [form]=\"form\"\n  [(model)]=\"model\"\n  valueField=\"value\"\n  displayField=\"display\"\n  [items]=\"[\n    { value: true, display: ('core.confirm.yes-short' | translate) },\n    { value: false, display: ('core.confirm.no-short' | translate) }\n  ]\"\n  (sdChange)=\"onChange($event)\"\n  hideInlineError></sd-select>\n", dependencies: [{ 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", "showSelectAll", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AttributeSwitch, decorators: [{
             type: Component,
@@ -4209,7 +4209,7 @@ class AttributeSelect {
         this.sdChange.emit(value);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AttributeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: AttributeSelect, isStandalone: true, selector: "attribute-select", inputs: { form: "form", _label: ["label", "_label"], _disabled: ["disabled", "_disabled"], _multiple: ["multiple", "_multiple"], _items: ["items", "_items"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange", sdChange: "sdChange" }, ngImport: i0, template: "<!-- <div class=\"d-flex align-items-center py-4\">\n  @if (label) {\n    <div class=\"T14R\" style=\"flex: 1\">{{ label }}</div>\n  }\n  <sd-select\n    style=\"width: 200px\"\n    size=\"sm\"\n    [form]=\"form\"\n    [(model)]=\"model\"\n    [items]=\"items\"\n    valueField=\"value\"\n    displayField=\"display\"\n    [disabled]=\"disabled\"\n    (sdChange)=\"onChange($event)\"\n    hideInlineError></sd-select>\n</div> -->\n<sd-select\n    class=\"py-8\"\n    size=\"sm\"\n    [label]=\"label!\"\n    [form]=\"form\"\n    [(model)]=\"model\"\n    [items]=\"items\"\n    valueField=\"value\"\n    displayField=\"display\"\n    [disabled]=\"disabled\"\n    (sdChange)=\"onChange($event)\"\n    hideInlineError></sd-select>", dependencies: [{ 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", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: AttributeSelect, isStandalone: true, selector: "attribute-select", inputs: { form: "form", _label: ["label", "_label"], _disabled: ["disabled", "_disabled"], _multiple: ["multiple", "_multiple"], _items: ["items", "_items"], _model: ["model", "_model"] }, outputs: { modelChange: "modelChange", sdChange: "sdChange" }, ngImport: i0, template: "<!-- <div class=\"d-flex align-items-center py-4\">\n  @if (label) {\n    <div class=\"T14R\" style=\"flex: 1\">{{ label }}</div>\n  }\n  <sd-select\n    style=\"width: 200px\"\n    size=\"sm\"\n    [form]=\"form\"\n    [(model)]=\"model\"\n    [items]=\"items\"\n    valueField=\"value\"\n    displayField=\"display\"\n    [disabled]=\"disabled\"\n    (sdChange)=\"onChange($event)\"\n    hideInlineError></sd-select>\n</div> -->\n<sd-select\n    class=\"py-8\"\n    size=\"sm\"\n    [label]=\"label!\"\n    [form]=\"form\"\n    [(model)]=\"model\"\n    [items]=\"items\"\n    valueField=\"value\"\n    displayField=\"display\"\n    [disabled]=\"disabled\"\n    (sdChange)=\"onChange($event)\"\n    hideInlineError></sd-select>", dependencies: [{ 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", "showSelectAll", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AttributeSelect, decorators: [{
             type: Component,
@@ -5743,7 +5743,7 @@ class ConfigureValidationComponent {
         this.modal?.close();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ConfigureValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ConfigureValidationComponent, isStandalone: true, selector: "configure-validation", outputs: { accept: "accept" }, viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }], ngImport: i0, template: "<sd-modal [title]=\"'core.component.form-builder.config-validation-error-warning' | translate\" view=\"dialog\" width=\"800px\" #popupConfigureVariables>\n  @for (validation of validations; track $index; let idx = $index) {\n    <div class=\"mat-elevation-z2 position-relative p-8 mb-16\" style=\"border-radius: 8px;\">\n      <div class=\"row mx-0\">\n        <sd-select\n          class=\"col-3\"\n          [label]=\"'core.component.form-builder.message-type' | translate\"\n          [(model)]=\"validation.alert\"\n          [items]=\"alerts\"\n          valueField=\"value\"\n          displayField=\"display\"\n          required></sd-select>\n        @if (validation.type === 'expression') {\n          <sd-input class=\"col-9\" [form]=\"form\" [label]=\"'core.component.form-builder.message-display' | translate\" [(model)]=\"validation.message\" required></sd-input>\n          <expression-builder class=\"col-12\" [label]=\"'core.component.form-builder.condition-expression' | translate\" [(model)]=\"validation.expression\" [attributes]=\"attributes\"></expression-builder>\n        } @else if (validation.type === 'function') {\n          <sd-select\n            class=\"col-9\"\n            [form]=\"form\"\n            [(model)]=\"validation.code\"\n            [items]=\"functions\"\n            valueField=\"value\"\n            displayField=\"display\"\n            required></sd-select>\n        }\n        <mat-icon class=\"c-close-icon\" (click)=\"removaValidation(idx)\">delete</mat-icon>\n        <!-- <sd-button\n          \n          prefixIcon=\"delete\"\n          (click)=\"removaValidation(idx)\"\n          color=\"error\"\n          type=\"link\"></sd-button> -->\n      </div>\n    </div>\n  }\n  <sd-button [title]=\"'core.component.form-builder.add-validation' | translate\" [matMenuTriggerFor]=\"menu\" prefixIcon=\"add\" color=\"primary\" type=\"link\"></sd-button>\n  <mat-menu #menu=\"matMenu\">\n    <button (click)=\"addValidation('expression')\" mat-menu-item type=\"button\">\n      <!-- <mat-icon fontIcon=\"warning\"></mat-icon> -->\n      <span>{{ 'core.component.form-builder.expression' | translate }}</span>\n    </button>\n    <button (click)=\"addValidation('function')\" mat-menu-item type=\"button\">\n      <!-- <mat-icon fontIcon=\"error\"></mat-icon> -->\n      <span>{{ 'core.component.form-builder.available-methods' | translate }}</span>\n    </button>\n  </mat-menu>\n  <ng-container sdFooter>\n    <sd-button type=\"fill\" [title]=\"'core.component.form-builder.save' | translate\" (click)=\"updateValidations()\" prefixIcon=\"save\" color=\"primary\"></sd-button>\n  </ng-container>\n</sd-modal>\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-close-icon{margin-left:auto;font-size:16px;width:16px;height:16px;cursor:pointer;border-radius:50%;color:var(--sd-error);top:4px;right:4px;position:absolute}.c-close-icon:hover{background-color:var(--sd-black200)}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: SdModal, selector: "sd-modal", inputs: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], 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: 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", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: ExpressionBuilderComponent, selector: "expression-builder", inputs: ["label", "attributes", "model"], outputs: ["modelChange", "sdChange", "edit"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ConfigureValidationComponent, isStandalone: true, selector: "configure-validation", outputs: { accept: "accept" }, viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }], ngImport: i0, template: "<sd-modal [title]=\"'core.component.form-builder.config-validation-error-warning' | translate\" view=\"dialog\" width=\"800px\" #popupConfigureVariables>\n  @for (validation of validations; track $index; let idx = $index) {\n    <div class=\"mat-elevation-z2 position-relative p-8 mb-16\" style=\"border-radius: 8px;\">\n      <div class=\"row mx-0\">\n        <sd-select\n          class=\"col-3\"\n          [label]=\"'core.component.form-builder.message-type' | translate\"\n          [(model)]=\"validation.alert\"\n          [items]=\"alerts\"\n          valueField=\"value\"\n          displayField=\"display\"\n          required></sd-select>\n        @if (validation.type === 'expression') {\n          <sd-input class=\"col-9\" [form]=\"form\" [label]=\"'core.component.form-builder.message-display' | translate\" [(model)]=\"validation.message\" required></sd-input>\n          <expression-builder class=\"col-12\" [label]=\"'core.component.form-builder.condition-expression' | translate\" [(model)]=\"validation.expression\" [attributes]=\"attributes\"></expression-builder>\n        } @else if (validation.type === 'function') {\n          <sd-select\n            class=\"col-9\"\n            [form]=\"form\"\n            [(model)]=\"validation.code\"\n            [items]=\"functions\"\n            valueField=\"value\"\n            displayField=\"display\"\n            required></sd-select>\n        }\n        <mat-icon class=\"c-close-icon\" (click)=\"removaValidation(idx)\">delete</mat-icon>\n        <!-- <sd-button\n          \n          prefixIcon=\"delete\"\n          (click)=\"removaValidation(idx)\"\n          color=\"error\"\n          type=\"link\"></sd-button> -->\n      </div>\n    </div>\n  }\n  <sd-button [title]=\"'core.component.form-builder.add-validation' | translate\" [matMenuTriggerFor]=\"menu\" prefixIcon=\"add\" color=\"primary\" type=\"link\"></sd-button>\n  <mat-menu #menu=\"matMenu\">\n    <button (click)=\"addValidation('expression')\" mat-menu-item type=\"button\">\n      <!-- <mat-icon fontIcon=\"warning\"></mat-icon> -->\n      <span>{{ 'core.component.form-builder.expression' | translate }}</span>\n    </button>\n    <button (click)=\"addValidation('function')\" mat-menu-item type=\"button\">\n      <!-- <mat-icon fontIcon=\"error\"></mat-icon> -->\n      <span>{{ 'core.component.form-builder.available-methods' | translate }}</span>\n    </button>\n  </mat-menu>\n  <ng-container sdFooter>\n    <sd-button type=\"fill\" [title]=\"'core.component.form-builder.save' | translate\" (click)=\"updateValidations()\" prefixIcon=\"save\" color=\"primary\"></sd-button>\n  </ng-container>\n</sd-modal>\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-close-icon{margin-left:auto;font-size:16px;width:16px;height:16px;cursor:pointer;border-radius:50%;color:var(--sd-error);top:4px;right:4px;position:absolute}.c-close-icon:hover{background-color:var(--sd-black200)}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: SdModal, selector: "sd-modal", inputs: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], 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: 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", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "showSelectAll", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: ExpressionBuilderComponent, selector: "expression-builder", inputs: ["label", "attributes", "model"], outputs: ["modelChange", "sdChange", "edit"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ConfigureValidationComponent, decorators: [{
             type: Component,
@@ -6562,7 +6562,7 @@ class SdFeelExpression {
         return attributes;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFeelExpression, deps: [{ token: i0.ChangeDetectorRef }, { token: ExpressionFeelPipe }, { token: FormGenericService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdFeelExpression, isStandalone: true, selector: "sd-feel-expression", inputs: { components: "components", _expression: ["expression", "_expression"], _model: ["model", "_model"] }, outputs: { expressionChange: "expressionChange", modelChange: "modelChange", sdChange: "sdChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }], ngImport: i0, template: "<a class=\"T12R\" href=\"javascript:;\" (click)=\"edit()\">{{model || '--'}}</a>\n@if (expression) {\n<sd-modal [title]=\"'core.component.form-builder.set-expression' | translate\">\n  <div class=\"c-builder\">\n    <div class=\"d-flex justify-content-end\">\n      <sd-button prefixIcon=\"calculate\" class=\"mr-4\" [title]=\"'core.component.form-builder.condition-group' | translate\" color=\"primary\" (click)=\"addCombinator(expression.conditions)\"></sd-button>\n      <sd-button prefixIcon=\"add\" [title]=\"'core.component.form-builder.condition' | translate\" color=\"primary\" (click)=\"addCondition(expression.conditions)\" type=\"fill\"></sd-button>\n    </div>\n    <!-- C\u1EA5p 1 -->\n    @for (conditionLv1 of expression.conditions; track conditionLv1.key; let idxLv1 = $index) {\n      <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px;\">\n        <div class=\"c-condition\">\n          <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n          @if (idxLv1 === 0) {\n            <div class=\"c-where\">WHERE</div>\n          }\n          <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n          @if (idxLv1 === 1) {\n            <div class=\"c-select\">\n              <sd-select\n                size=\"sm\"\n                [(model)]=\"expression.combinator\"\n                [items]=\"[\n                  { value: '&&', display: 'AND' },\n                  { value: '||', display: 'OR' }\n                ]\"\n                valueField=\"value\"\n                displayField=\"display\"\n                required\n                hideInlineError=\"\"></sd-select>\n            </div>\n          }\n        </div>\n        @if (conditionLv1.type === 'condition') {\n            <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"width: 200px;\" [(model)]=\"conditionLv1.field\" [items]=\"attributes\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n            @let fieldAttribute = attribute[conditionLv1.field!];\n            <sd-select size=\"sm\" [form]=\"form\" style=\"width: 100px;\" [(model)]=\"conditionLv1.operator\" [items]=\"attributeOperators[fieldAttribute?.type || 'string']\" valueField=\"value\" displayField=\"display\" [disabled]=\"!fieldAttribute?.type\" required hideInlineError></sd-select>\n            @if(!!fieldAttribute?.type && conditionLv1.operator && conditionLv1.operator !== 'NULL' && conditionLv1.operator !== 'NOT_NULL') {\n              @if(fieldAttribute.type === 'string') {\n                <sd-input size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input>\n              } @else if(fieldAttribute.type === 'number') {\n                <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input-number>\n              } @else if(fieldAttribute.type === 'boolean') {\n                <sd-select size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" [items]=\"[{value: true, display: fieldAttribute.displayOnTrue}, {value: false, display: fieldAttribute.displayOnFalse}]\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-select>\n              }@else if(fieldAttribute.type === 'values') {\n                <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" [items]=\"fieldAttribute.values\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n              }\n            }\n            <sd-button\n              class=\"ml-auto\"\n              prefixIcon=\"delete\"\n              [tooltip]=\"'core.component.form-builder.delete' | translate\"\n              (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n         \n        } @else if (conditionLv1.type === 'combinator') {\n          <div class=\"c-builder\">\n            <div class=\"d-flex justify-content-end\">\n              <sd-button\n                class=\"mr-4\"\n                prefixIcon=\"delete\"\n                [tooltip]=\"'core.component.form-builder.delete' | translate\"\n                (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n              <sd-button prefixIcon=\"add\" [title]=\"'core.component.form-builder.condition' | translate\" size=\"sm\" color=\"primary\" (click)=\"addCondition(conditionLv1.conditions)\" type=\"fill\"></sd-button>\n            </div>\n            <!-- C\u1EA5p 2 -->\n            @for (conditionLv2 of conditionLv1.conditions; track conditionLv2.key; let idxLv2 = $index) {\n              <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px;\">\n                <div class=\"c-condition\">\n                  <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n                  @if (idxLv2 === 0) {\n                    <div class=\"c-where\">WHERE</div>\n                  }\n                  <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n                  @if (idxLv2 === 1) {\n                    <div class=\"c-select\">\n                      <sd-select\n                        size=\"sm\"\n                        [(model)]=\"conditionLv1.combinator\"\n                        [items]=\"[\n                          { value: '&&', display: 'AND' },\n                          { value: '||', display: 'OR' }\n                        ]\"\n                        valueField=\"value\"\n                        displayField=\"display\"\n                        required\n                        hideInlineError=\"\"></sd-select>\n                    </div>\n                  }\n                </div>\n                @if (conditionLv2.type === 'condition') {\n                    <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"width: 200px;\" [(model)]=\"conditionLv2.field\" [items]=\"attributes\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n                    @let fieldAttribute = attribute[conditionLv2.field!];\n                    <sd-select size=\"sm\" [form]=\"form\" style=\"width: 100px;\" [(model)]=\"conditionLv2.operator\" [items]=\"attributeOperators[fieldAttribute?.type || 'string']\" valueField=\"value\" displayField=\"display\" [disabled]=\"!fieldAttribute?.type\" required hideInlineError></sd-select>\n                    @if(!!fieldAttribute?.type && conditionLv2.operator && conditionLv2.operator !== 'NULL' && conditionLv2.operator !== 'NOT_NULL') {\n                      @if(fieldAttribute.type === 'string') {\n                        <sd-input size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" required hideInlineError></sd-input>\n                      } @else if(fieldAttribute.type === 'number') {\n                        <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" required hideInlineError></sd-input-number>\n                      } @else if(fieldAttribute.type === 'boolean') {\n                        <sd-select size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" [items]=\"[{value: true, display: fieldAttribute.displayOnTrue}, {value: false, display: fieldAttribute.displayOnFalse}]\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-select>\n                      }@else if(fieldAttribute.type === 'values') {\n                        <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" [items]=\"fieldAttribute.values\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n                      }\n                    }\n                    <sd-button\n                      class=\"ml-auto\"\n                      prefixIcon=\"delete\"\n                      [tooltip]=\"'core.component.form-builder.delete' | translate\"\n                      (click)=\"remove(conditionLv1.conditions, idxLv1)\"></sd-button>\n                 \n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n  <ng-container sdFooter>\n    <sd-button prefixIcon=\"save\" [title]=\"'core.component.form-builder.confirm' | translate\" (click)=\"onAccept()\" color=\"primary\" type=\"fill\"></sd-button>\n  </ng-container>\n</sd-modal>\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", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "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", "cleared", "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", "clearable", "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", "clearable", "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: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], outputs: ["sdClosed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdFeelExpression, isStandalone: true, selector: "sd-feel-expression", inputs: { components: "components", _expression: ["expression", "_expression"], _model: ["model", "_model"] }, outputs: { expressionChange: "expressionChange", modelChange: "modelChange", sdChange: "sdChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: SdModal, descendants: true }], ngImport: i0, template: "<a class=\"T12R\" href=\"javascript:;\" (click)=\"edit()\">{{model || '--'}}</a>\n@if (expression) {\n<sd-modal [title]=\"'core.component.form-builder.set-expression' | translate\">\n  <div class=\"c-builder\">\n    <div class=\"d-flex justify-content-end\">\n      <sd-button prefixIcon=\"calculate\" class=\"mr-4\" [title]=\"'core.component.form-builder.condition-group' | translate\" color=\"primary\" (click)=\"addCombinator(expression.conditions)\"></sd-button>\n      <sd-button prefixIcon=\"add\" [title]=\"'core.component.form-builder.condition' | translate\" color=\"primary\" (click)=\"addCondition(expression.conditions)\" type=\"fill\"></sd-button>\n    </div>\n    <!-- C\u1EA5p 1 -->\n    @for (conditionLv1 of expression.conditions; track conditionLv1.key; let idxLv1 = $index) {\n      <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px;\">\n        <div class=\"c-condition\">\n          <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n          @if (idxLv1 === 0) {\n            <div class=\"c-where\">WHERE</div>\n          }\n          <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n          @if (idxLv1 === 1) {\n            <div class=\"c-select\">\n              <sd-select\n                size=\"sm\"\n                [(model)]=\"expression.combinator\"\n                [items]=\"[\n                  { value: '&&', display: 'AND' },\n                  { value: '||', display: 'OR' }\n                ]\"\n                valueField=\"value\"\n                displayField=\"display\"\n                required\n                hideInlineError=\"\"></sd-select>\n            </div>\n          }\n        </div>\n        @if (conditionLv1.type === 'condition') {\n            <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"width: 200px;\" [(model)]=\"conditionLv1.field\" [items]=\"attributes\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n            @let fieldAttribute = attribute[conditionLv1.field!];\n            <sd-select size=\"sm\" [form]=\"form\" style=\"width: 100px;\" [(model)]=\"conditionLv1.operator\" [items]=\"attributeOperators[fieldAttribute?.type || 'string']\" valueField=\"value\" displayField=\"display\" [disabled]=\"!fieldAttribute?.type\" required hideInlineError></sd-select>\n            @if(!!fieldAttribute?.type && conditionLv1.operator && conditionLv1.operator !== 'NULL' && conditionLv1.operator !== 'NOT_NULL') {\n              @if(fieldAttribute.type === 'string') {\n                <sd-input size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input>\n              } @else if(fieldAttribute.type === 'number') {\n                <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" required hideInlineError></sd-input-number>\n              } @else if(fieldAttribute.type === 'boolean') {\n                <sd-select size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" [items]=\"[{value: true, display: fieldAttribute.displayOnTrue}, {value: false, display: fieldAttribute.displayOnFalse}]\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-select>\n              }@else if(fieldAttribute.type === 'values') {\n                <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv1.value\" [items]=\"fieldAttribute.values\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n              }\n            }\n            <sd-button\n              class=\"ml-auto\"\n              prefixIcon=\"delete\"\n              [tooltip]=\"'core.component.form-builder.delete' | translate\"\n              (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n         \n        } @else if (conditionLv1.type === 'combinator') {\n          <div class=\"c-builder\">\n            <div class=\"d-flex justify-content-end\">\n              <sd-button\n                class=\"mr-4\"\n                prefixIcon=\"delete\"\n                [tooltip]=\"'core.component.form-builder.delete' | translate\"\n                (click)=\"remove(expression.conditions, idxLv1)\"></sd-button>\n              <sd-button prefixIcon=\"add\" [title]=\"'core.component.form-builder.condition' | translate\" size=\"sm\" color=\"primary\" (click)=\"addCondition(conditionLv1.conditions)\" type=\"fill\"></sd-button>\n            </div>\n            <!-- C\u1EA5p 2 -->\n            @for (conditionLv2 of conditionLv1.conditions; track conditionLv2.key; let idxLv2 = $index) {\n              <div class=\"d-flex align-items-end py-8\" style=\"gap: 8px;\">\n                <div class=\"c-condition\">\n                  <!-- D\u00F2ng 1 ch\u1EC9 hi\u1EC7n WHERE -->\n                  @if (idxLv2 === 0) {\n                    <div class=\"c-where\">WHERE</div>\n                  }\n                  <!-- D\u00F2ng 2 hi\u1EC3n th\u1ECB combinator -->\n                  @if (idxLv2 === 1) {\n                    <div class=\"c-select\">\n                      <sd-select\n                        size=\"sm\"\n                        [(model)]=\"conditionLv1.combinator\"\n                        [items]=\"[\n                          { value: '&&', display: 'AND' },\n                          { value: '||', display: 'OR' }\n                        ]\"\n                        valueField=\"value\"\n                        displayField=\"display\"\n                        required\n                        hideInlineError=\"\"></sd-select>\n                    </div>\n                  }\n                </div>\n                @if (conditionLv2.type === 'condition') {\n                    <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"width: 200px;\" [(model)]=\"conditionLv2.field\" [items]=\"attributes\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n                    @let fieldAttribute = attribute[conditionLv2.field!];\n                    <sd-select size=\"sm\" [form]=\"form\" style=\"width: 100px;\" [(model)]=\"conditionLv2.operator\" [items]=\"attributeOperators[fieldAttribute?.type || 'string']\" valueField=\"value\" displayField=\"display\" [disabled]=\"!fieldAttribute?.type\" required hideInlineError></sd-select>\n                    @if(!!fieldAttribute?.type && conditionLv2.operator && conditionLv2.operator !== 'NULL' && conditionLv2.operator !== 'NOT_NULL') {\n                      @if(fieldAttribute.type === 'string') {\n                        <sd-input size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" required hideInlineError></sd-input>\n                      } @else if(fieldAttribute.type === 'number') {\n                        <sd-input-number size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" required hideInlineError></sd-input-number>\n                      } @else if(fieldAttribute.type === 'boolean') {\n                        <sd-select size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" [items]=\"[{value: true, display: fieldAttribute.displayOnTrue}, {value: false, display: fieldAttribute.displayOnFalse}]\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-select>\n                      }@else if(fieldAttribute.type === 'values') {\n                        <sd-autocomplete size=\"sm\" [form]=\"form\" style=\"flex:1\" [(model)]=\"conditionLv2.value\" [items]=\"fieldAttribute.values\" valueField=\"value\" displayField=\"display\" required hideInlineError></sd-autocomplete>\n                      }\n                    }\n                    <sd-button\n                      class=\"ml-auto\"\n                      prefixIcon=\"delete\"\n                      [tooltip]=\"'core.component.form-builder.delete' | translate\"\n                      (click)=\"remove(conditionLv1.conditions, idxLv1)\"></sd-button>\n                 \n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n  <ng-container sdFooter>\n    <sd-button prefixIcon=\"save\" [title]=\"'core.component.form-builder.confirm' | translate\" (click)=\"onAccept()\" color=\"primary\" type=\"fill\"></sd-button>\n  </ng-container>\n</sd-modal>\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", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "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", "cleared", "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", "showSelectAll", "clearable", "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", "clearable", "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: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose"], outputs: ["sdClosed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFeelExpression, decorators: [{
             type: Component,