ngx-st-tables 17.0.133 → 17.0.134

package/esm2022/lib/components/material-table/material-table-row-cell/material-table-row-cell.component.mjs

@@ -120,17 +120,29 @@ export class MaterialTableRowCellComponent {
             this.fieldValueChanged.emit({ field, value });
         }
     }
+    onNumberFieldChange(field, value) {
+        const numValue = value === '' || value === null ? null : Number(value);
+        const targetData = this.autoSaveOnChange()
+            ? this.rowData()
+            : this.rowDataCopy();
+        if (targetData) {
+            targetData[field] = numValue;
+        }
+        if (this.autoSaveOnChange()) {
+            this.fieldValueChanged.emit({ field, value: numValue });
+        }
+    }
     getDynamicSelectData() {
         if (this.needsDynamicSelect()) {
             this.dynamicSelectOptions.set(this.column().dynamicRowEditOptions(this.rowData()));
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableRowCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableRowCellComponent, selector: "st-material-table-row-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: true, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: true, transformFunction: null }, rowDataCopy: { classPropertyName: "rowDataCopy", publicName: "rowDataCopy", isSignal: true, isRequired: false, transformFunction: null }, canEditRowValidator: { classPropertyName: "canEditRowValidator", publicName: "canEditRowValidator", isSignal: true, isRequired: false, transformFunction: null }, canDeleteRowValidator: { classPropertyName: "canDeleteRowValidator", publicName: "canDeleteRowValidator", isSignal: true, isRequired: false, transformFunction: null }, selectRowOnlyOne: { classPropertyName: "selectRowOnlyOne", publicName: "selectRowOnlyOne", isSignal: true, isRequired: false, transformFunction: null }, isFirstEditableColumn: { classPropertyName: "isFirstEditableColumn", publicName: "isFirstEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, autoSaveOnChange: { classPropertyName: "autoSaveOnChange", publicName: "autoSaveOnChange", isSignal: true, isRequired: false, transformFunction: null }, rowIsSelected: { classPropertyName: "rowIsSelected", publicName: "rowIsSelected", isSignal: true, isRequired: false, transformFunction: null }, rowIsExpanded: { classPropertyName: "rowIsExpanded", publicName: "rowIsExpanded", isSignal: true, isRequired: false, transformFunction: null }, rowEditing: { classPropertyName: "rowEditing", publicName: "rowEditing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveEditRowEmitter: "saveEditRowEmitter", cancelEditRowEmitter: "cancelEditRowEmitter", editRowEmitter: "editRowEmitter", deleteRowEmitter: "deleteRowEmitter", selectRowChange: "selectRowChange", fieldValueChanged: "fieldValueChanged" }, viewQueries: [{ propertyName: "matInput", first: true, predicate: MatInput, descendants: true }, { propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true }], ngImport: i0, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string' || column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [type]=\"column.rowEditType === 'string' ? 'text' : 'number'\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i12.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i13.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i13.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: i14.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableRowCellComponent, selector: "st-material-table-row-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: true, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: true, transformFunction: null }, rowDataCopy: { classPropertyName: "rowDataCopy", publicName: "rowDataCopy", isSignal: true, isRequired: false, transformFunction: null }, canEditRowValidator: { classPropertyName: "canEditRowValidator", publicName: "canEditRowValidator", isSignal: true, isRequired: false, transformFunction: null }, canDeleteRowValidator: { classPropertyName: "canDeleteRowValidator", publicName: "canDeleteRowValidator", isSignal: true, isRequired: false, transformFunction: null }, selectRowOnlyOne: { classPropertyName: "selectRowOnlyOne", publicName: "selectRowOnlyOne", isSignal: true, isRequired: false, transformFunction: null }, isFirstEditableColumn: { classPropertyName: "isFirstEditableColumn", publicName: "isFirstEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, autoSaveOnChange: { classPropertyName: "autoSaveOnChange", publicName: "autoSaveOnChange", isSignal: true, isRequired: false, transformFunction: null }, rowIsSelected: { classPropertyName: "rowIsSelected", publicName: "rowIsSelected", isSignal: true, isRequired: false, transformFunction: null }, rowIsExpanded: { classPropertyName: "rowIsExpanded", publicName: "rowIsExpanded", isSignal: true, isRequired: false, transformFunction: null }, rowEditing: { classPropertyName: "rowEditing", publicName: "rowEditing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveEditRowEmitter: "saveEditRowEmitter", cancelEditRowEmitter: "cancelEditRowEmitter", editRowEmitter: "editRowEmitter", deleteRowEmitter: "deleteRowEmitter", selectRowChange: "selectRowChange", fieldValueChanged: "fieldValueChanged" }, viewQueries: [{ propertyName: "matInput", first: true, predicate: MatInput, descendants: true }, { propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true }], ngImport: i0, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"text\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"number\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"onNumberFieldChange(column.field, $event)\"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i12.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i13.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i13.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: i14.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableRowCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'st-material-table-row-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string' || column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [type]=\"column.rowEditType === 'string' ? 'text' : 'number'\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"] }]
+            args: [{ selector: 'st-material-table-row-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"text\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"number\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"onNumberFieldChange(column.field, $event)\"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { matInput: [{
                 type: ViewChild,
                 args: [MatInput]
@@ -138,4 +150,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: ViewChild,
                 args: [MatSelect]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZXJpYWwtdGFibGUvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZXJpYWwtdGFibGUvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sU0FBUyxFQUVULFFBQVEsRUFDUixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztBQVFyRCxNQUFNLE9BQU8sNkJBQTZCO0lBK0N4QztRQTNDQSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBOEIsQ0FBQztRQUN0RCxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBMkIsQ0FBQztRQUNwRCxhQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3BDLGdCQUFXLEdBQUcsS0FBSyxFQUEyQixDQUFDO1FBQy9DLHdCQUFtQixHQUFHLEtBQUssQ0FBd0IsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0QsMEJBQXFCLEdBQUcsS0FBSyxDQUF3QixHQUFHLEVBQUUsQ0FBQyxJ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QUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELENBQUM7SUFDSCxDQUFDO0lBRU8sb0JBQW9CO1FBQzFCLElBQUksSUFBSSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUMzQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMscUJBQXNCLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQ3JELENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzsrR0F4SVUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsNmpFQUM3QixRQUFRLDRFQUNSLFNBQVMsZ0RDeEJ0Qix5cFdBbVZBOzs0RkQ3VGEsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTTt3REFHMUIsUUFBUTtzQkFBNUIsU0FBUzt1QkFBQyxRQUFRO2dCQUNHLFNBQVM7c0JBQTlCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uRGVzdHJveSxcclxuICBpbnB1dCxcclxuICBvdXRwdXQsXHJcbiAgc2lnbmFsLFxyXG4gIFZpZXdDaGlsZCxcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIGNvbXB1dGVkLFxyXG4gIGVmZmVjdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RNYXRlcmlhbFRhYmxlQ29sdW1uTW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvc3QtbWF0ZXJpYWwtdGFibGUtY29sdW1uLm1vZGVsJztcclxuaW1wb3J0IHsgTWF0SW5wdXQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IE1hdFNlbGVjdCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3N0LW1hdGVyaWFsLXRhYmxlLXJvdy1jZWxsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21hdGVyaWFsLXRhYmxlLXJvdy1jZWxsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbFRhYmxlUm93Q2VsbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XHJcbiAgQFZpZXdDaGlsZChNYXRJbnB1dCkgbWF0SW5wdXQ/OiBNYXRJbnB1dDtcclxuICBAVmlld0NoaWxkKE1hdFNlbGVjdCkgbWF0U2VsZWN0PzogTWF0U2VsZWN0O1xyXG5cclxuICBjb2x1bW4gPSBpbnB1dC5yZXF1aXJlZDxTdE1hdGVyaWFsVGFibGVDb2x1bW5Nb2RlbD4oKTtcclxuICByb3dEYXRhID0gaW5wdXQucmVxdWlyZWQ8eyBbcHJvcDogc3RyaW5nXTogYW55IH0+KCk7XHJcbiAgcm93SW5kZXggPSBpbnB1dC5yZXF1aXJlZDxudW1iZXI+KCk7XHJcbiAgcm93RGF0YUNvcHkgPSBpbnB1dDx7IFtwcm9wOiBzdHJpbmddOiBhbnkgfT4oKTtcclxuICBjYW5FZGl0Um93VmFsaWRhdG9yID0gaW5wdXQ8KHJvdzogYW55KSA9PiBib29sZWFuPigoKSA9PiB0cnVlKTtcclxuICBjYW5EZWxldGVSb3dWYWxpZGF0b3IgPSBpbnB1dDwocm93OiBhbnkpID0+IGJvb2xlYW4+KCgpID0+IHRydWUpO1xyXG4gIHNlbGVjdFJvd09ubHlPbmUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcbiAgaXNGaXJzdEVkaXRhYmxlQ29sdW1uID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gIGF1dG9TYXZlT25DaGFuZ2UgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcbiAgcm93SXNTZWxlY3RlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuICByb3dJc0V4cGFuZGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gIHJvd0VkaXRpbmcgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIHNhdmVFZGl0Um93RW1pdHRlciA9IG91dHB1dDx2b2lkPigpO1xyXG4gIGNhbmNlbEVkaXRSb3dFbWl0dGVyID0gb3V0cHV0PHZvaWQ+KCk7XHJcbiAgZWRpdFJvd0VtaXR0ZXIgPSBvdXRwdXQ8dm9pZD4oKTtcclxuICBkZWxldGVSb3dFbWl0dGVyID0gb3V0cHV0PHZvaWQ+KCk7XHJcbiAgc2VsZWN0Um93Q2hhbmdlID0gb3V0cHV0PGJvb2xlYW4+KCk7XHJcbiAgZmllbGRWYWx1ZUNoYW5nZWQgPSBvdXRwdXQ8eyBmaWVsZDogc3RyaW5nOyB2YWx1ZTogYW55IH0+KCk7XHJcblxyXG4gIG1vYmlsZVZpZXcgPSBzaWduYWwoZmFsc2UpO1xyXG5cclxuICAvLyBDb21wdXRlZCBmb3IgYWN0aW9uIGljb24gY29sb3JzXHJcbiAgYWN0aW9uSWNvbkNvbG9yRGVmOiB7IFtrZXk6IHN0cmluZ106ICdwcmltYXJ5JyB8ICd3YXJuJyB9ID0ge1xyXG4gICAgZWRpdDogJ3ByaW1hcnknLFxyXG4gICAgZGVsZXRlOiAnd2FybicsXHJcbiAgfTtcclxuXHJcbiAgZHluYW1pY1NlbGVjdE9wdGlvbnMgPSBzaWduYWw8eyB2YWx1ZTogYW55OyBsYWJlbDogc3RyaW5nIH1bXT4oW10pO1xyXG5cclxuICAvLyBVc2UgY29tcHV0ZWQgdG8gZGV0ZXJtaW5lIGlmIGR5bmFtaWMgc2VsZWN0IGRhdGEgbmVlZHMgdG8gYmUgbG9hZGVkXHJcbiAgcHJpdmF0ZSBuZWVkc0R5bmFtaWNTZWxlY3QgPSBjb21wdXRlZCgoKSA9PiB7XHJcbiAgICBjb25zdCBjb2wgPSB0aGlzLmNvbHVtbigpO1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgY29sPy5hbGxvd0VkaXRDb2x1bW4gJiZcclxuICAgICAgY29sPy5yb3dFZGl0VHlwZSA9PT0gJ2N1c3RvbS1keW5hbWljLXNlbGVjdCcgJiZcclxuICAgICAgISFjb2w/LmR5bmFtaWNSb3dFZGl0T3B0aW9uc1xyXG4gICAgKTtcclxuICB9KTtcclxuXHJcbiAgcHJpdmF0ZSByZXNpemVPYnNlcnZlcj86IFJlc2l6ZU9ic2VydmVyO1xyXG4gIHByaXZhdGUgcHJldmlvdXNSb3dFZGl0aW5nID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgLy8gVXNlIFJlc2l6ZU9ic2VydmVyIGluc3RlYWQgb2Ygd2luZG93IHJlc2l6ZSBldmVudFxyXG4gICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGlzTW9iaWxlID0gZG9jdW1lbnQuYm9keS5jbGllbnRXaWR0aCA8PSAxMTAwO1xyXG4gICAgICBpZiAodGhpcy5tb2JpbGVWaWV3KCkgIT09IGlzTW9iaWxlKSB7XHJcbiAgICAgICAgdGhpcy5tb2JpbGVWaWV3LnNldChpc01vYmlsZSk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgdGhpcy5yZXNpemVPYnNlcnZlci5vYnNlcnZlKGRvY3VtZW50LmJvZHkpO1xyXG5cclxuICAgIC8vIEluaXRpYWxpemUgbW9iaWxlIHZpZXcgc3RhdGVcclxuICAgIHRoaXMubW9iaWxlVmlldy5zZXQoZG9jdW1lbnQuYm9keS5jbGllbnRXaWR0aCA8PSAxMTAwKTtcclxuXHJcbiAgICAvLyBFZmZlY3QgdG8gaGFuZGxlIHJvd0VkaXRpbmcgY2hhbmdlc1xyXG4gICAgZWZmZWN0KCgpID0+IHtcclxuICAgICAgY29uc3QgaXNFZGl0aW5nID0gdGhpcy5yb3dFZGl0aW5nKCk7XHJcbiAgICAgIGNvbnN0IHdhc05vdEVkaXRpbmcgPSAhdGhpcy5wcmV2aW91c1Jvd0VkaXRpbmc7XHJcbiAgICAgIHRoaXMucHJldmlvdXNSb3dFZGl0aW5nID0gaXNFZGl0aW5nO1xyXG5cclxuICAgICAgaWYgKGlzRWRpdGluZykge1xyXG4gICAgICAgIHRoaXMuZ2V0RHluYW1pY1NlbGVjdERhdGEoKTtcclxuXHJcbiAgICAgICAgLy8gRm9jdXMgZmlyc3QgZWRpdGFibGUgZmllbGQgd2hlbiBlbnRlcmluZyBlZGl0IG1vZGVcclxuICAgICAgICBpZiAod2FzTm90RWRpdGluZyAmJiB0aGlzLmlzRmlyc3RFZGl0YWJsZUNvbHVtbigpKSB7XHJcbiAgICAgICAgICB0aGlzLmZvY3VzRmlyc3RFZGl0YWJsZUZpZWxkKCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIC8vIElmIHJvdyBpcyBhbHJlYWR5IGluIGVkaXQgbW9kZSBvbiBpbml0IChlLmcuLCBuZXdseSBhZGRlZCByb3cpLCBmb2N1cyB0aGUgZmllbGRcclxuICAgIGlmICh0aGlzLnJvd0VkaXRpbmcoKSAmJiB0aGlzLmlzRmlyc3RFZGl0YWJsZUNvbHVtbigpKSB7XHJcbiAgICAgIHRoaXMuZm9jdXNGaXJzdEVkaXRhYmxlRmllbGQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5yZXNpemVPYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmb2N1c0ZpcnN0RWRpdGFibGVGaWVsZCgpIHtcclxuICAgIC8vIFVzZSBzZXRUaW1lb3V0IHRvIGVuc3VyZSB0aGUgdmlldyBpcyBmdWxseSByZW5kZXJlZFxyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGlmICh0aGlzLm1hdElucHV0KSB7XHJcbiAgICAgICAgLy8gRm9jdXMgTWF0SW5wdXRcclxuICAgICAgICB0aGlzLm1hdElucHV0LmZvY3VzKCk7XHJcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5tYXRTZWxlY3QpIHtcclxuICAgICAgICAvLyBPcGVuIE1hdFNlbGVjdCBkcm9wZG93blxyXG4gICAgICAgIHRoaXMubWF0U2VsZWN0LmZvY3VzKCk7XHJcbiAgICAgICAgdGhpcy5tYXRTZWxlY3Qub3BlbigpO1xyXG4gICAgICB9XHJcbiAgICB9LCAxNTApO1xyXG4gIH1cclxuXHJcbiAgc2F2ZVJvdygpIHtcclxuICAgIHRoaXMuc2F2ZUVkaXRSb3dFbWl0dGVyLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIGNhbmNlbFJvdygpIHtcclxuICAgIHRoaXMuY2FuY2VsRWRpdFJvd0VtaXR0ZXIuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgZWRpdFJvdygpIHtcclxuICAgIHRoaXMuZWRpdFJvd0VtaXR0ZXIuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgZGVsZXRlUm93KCkge1xyXG4gICAgdGhpcy5kZWxldGVSb3dFbWl0dGVyLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdFJvdyhldmVudDogeyBjaGVja2VkOiBib29sZWFuIH0pIHtcclxuICAgIGlmIChldmVudCkge1xyXG4gICAgICB0aGlzLnNlbGVjdFJvd0NoYW5nZS5lbWl0KGV2ZW50LmNoZWNrZWQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25GaWVsZENoYW5nZShmaWVsZDogc3RyaW5nLCB2YWx1ZTogYW55KSB7XHJcbiAgICBpZiAodGhpcy5hdXRvU2F2ZU9uQ2hhbmdlKCkpIHtcclxuICAgICAgdGhpcy5maWVsZFZhbHVlQ2hhbmdlZC5lbWl0KHsgZmllbGQsIHZhbHVlIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXREeW5hbWljU2VsZWN0RGF0YSgpIHtcclxuICAgIGlmICh0aGlzLm5lZWRzRHluYW1pY1NlbGVjdCgpKSB7XHJcbiAgICAgIHRoaXMuZHluYW1pY1NlbGVjdE9wdGlvbnMuc2V0KFxyXG4gICAgICAgIHRoaXMuY29sdW1uKCkuZHluYW1pY1Jvd0VkaXRPcHRpb25zISh0aGlzLnJvd0RhdGEoKSlcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiQHN3aXRjaCAoY29sdW1uKCkudHlwZSB8fCAnc3RyaW5nJykge1xyXG4gIEBjYXNlICgnY3VzdG9tLXRlbXBsYXRlJykge1xyXG4gICAgQGlmIChyb3dFZGl0aW5nKCkgJiYgY29sdW1uKCkuYWxsb3dFZGl0Q29sdW1uKSB7XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VGaWVsZENlbGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBjb2x1bW4oKSB9XCJcclxuICAgICAgPjwvbmctY29udGFpbmVyPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJjb2x1bW4oKS5jdXN0b21UZW1wbGF0ZSFcIlxyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IGRhdGE6IHJvd0RhdGEoKSwgcm93SW5kZXg6IHJvd0luZGV4KCkgfVwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBjYXNlICgnYWN0aW9ucycpIHtcclxuICAgIEBpZiAoY29sdW1uKCkuYWN0aW9ucykge1xyXG4gICAgICBAaWYgKFxyXG4gICAgICAgICghY29sdW1uKCkuYWN0aW9uc0luTWVudSAmJiAhbW9iaWxlVmlldygpKSB8fFxyXG4gICAgICAgIChtb2JpbGVWaWV3KCkgJiYgY29sdW1uKCkuYWN0aW9ucyEubGVuZ3RoIDw9IDEpXHJcbiAgICAgICkge1xyXG4gICAgICAgIDxkaXYgW25nU3R5bGVdPVwieyBmbG9hdDogY29sdW1uKCkuZmxleFJpZ2h0ID8gJ3JpZ2h0JyA6ICdub25lJyB9XCI+XHJcbiAgICAgICAgICBAZm9yIChhY3Rpb24gb2YgY29sdW1uKCkuYWN0aW9uczsgdHJhY2sgYWN0aW9uKSB7XHJcbiAgICAgICAgICAgIEBpZiAoKGFjdGlvbi5zaG93ICYmIGFjdGlvbi5zaG93KHJvd0RhdGEoKSkpIHx8ICFhY3Rpb24uc2hvdykge1xyXG4gICAgICAgICAgICAgIEBpZiAoIWFjdGlvbi51cmwgJiYgYWN0aW9uLmFjdGlvbikge1xyXG4gICAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImFjdGlvbi1pY29uLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cIlxyXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkljb25Db2xvckRlZlthY3Rpb24uaWNvbk5hbWVdXHJcbiAgICAgICAgICAgICAgICAgICAgICA/IGFjdGlvbkljb25Db2xvckRlZlthY3Rpb24uaWNvbk5hbWVdXHJcbiAgICAgICAgICAgICAgICAgICAgICA6IGFjdGlvbi5pY29uQ29sb3JcclxuICAgICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiYWN0aW9uLnRvb2x0aXBOYW1lIHx8ICcnXCJcclxuICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBEaXNhYmxlZF09XCIhYWN0aW9uLnRvb2x0aXBOYW1lXCJcclxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIlxyXG4gICAgICAgICAgICAgICAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgICAgICAgICAgICAgICBhY3Rpb24uYWN0aW9uIShyb3dEYXRhKCksIHJvd0luZGV4KCkpXHJcbiAgICAgICAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbk5hbWUgfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgIEBpZiAoYWN0aW9uLnVybCkge1xyXG4gICAgICAgICAgICAgICAgPGEgW3JvdXRlckxpbmtdPVwiYWN0aW9uLnVybFwiPlxyXG4gICAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJhY3Rpb24taWNvbi1idXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJcclxuICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbkljb25Db2xvckRlZlthY3Rpb24uaWNvbk5hbWVdXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gYWN0aW9uSWNvbkNvbG9yRGVmW2FjdGlvbi5pY29uTmFtZV1cclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBhY3Rpb24uaWNvbkNvbG9yXHJcbiAgICAgICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJhY3Rpb24udG9vbHRpcE5hbWUgfHwgJydcIlxyXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIWFjdGlvbi50b29sdGlwTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+e3sgYWN0aW9uLmljb25OYW1lIH19PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgICAgQGlmIChcclxuICAgICAgICBjb2x1bW4oKS5hY3Rpb25zSW5NZW51IHx8IChtb2JpbGVWaWV3KCkgJiYgY29sdW1uKCkuYWN0aW9ucyEubGVuZ3RoID4gMSlcclxuICAgICAgKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCJcclxuICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cclxuICAgICAgICAgIEBmb3IgKGFjdGlvbiBvZiBjb2x1bW4oKS5hY3Rpb25zOyB0cmFjayBhY3Rpb24pIHtcclxuICAgICAgICAgICAgQGlmICgoYWN0aW9uLnNob3cgJiYgYWN0aW9uLnNob3cocm93RGF0YSgpKSkgfHwgIWFjdGlvbi5zaG93KSB7XHJcbiAgICAgICAgICAgICAgQGlmICghYWN0aW9uLnVybCAmJiBhY3Rpb24uYWN0aW9uKSB7XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICBtYXQtbWVudS1pdGVtXHJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IGFjdGlvbi5hY3Rpb24hKHJvd0RhdGEoKSlcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICB7eyBhY3Rpb24udG9vbHRpcE5hbWUgfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICBAaWYgKGFjdGlvbi51cmwpIHtcclxuICAgICAgICAgICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cImFjdGlvbi51cmxcIj5cclxuICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LW1lbnUtaXRlbT5cclxuICAgICAgICAgICAgICAgICAgICB7eyBhY3Rpb24udG9vbHRpcE5hbWUgfX1cclxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9tYXQtbWVudT5cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdzdHJpbmcnKSB7XHJcbiAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmFzZUZpZWxkQ2VsbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IGNvbHVtbigpIH1cIlxyXG4gICAgPjwvbmctY29udGFpbmVyPlxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdudW1iZXInKSB7XHJcbiAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmFzZUZpZWxkQ2VsbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IGNvbHVtbigpIH1cIlxyXG4gICAgPjwvbmctY29udGFpbmVyPlxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdib29sZWFuJykge1xyXG4gICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VGaWVsZENlbGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBjb2x1bW4oKSB9XCJcclxuICAgID48L25nLWNvbnRhaW5lcj5cclxuICB9XHJcblxyXG4gIEBjYXNlICgnZGF0ZScpIHtcclxuICAgIEBpZiAocm93RWRpdGluZygpICYmIGNvbHVtbigpLmFsbG93RWRpdENvbHVtbikge1xyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJiYXNlRmllbGRDZWxsOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogY29sdW1uKCkgfVwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIH0gQGVsc2Uge1xyXG4gICAgICB7eyByb3dEYXRhKClbY29sdW1uKCkuZmllbGRdIHwgc3REYXRlRm9ybWF0UGlwZSB9fVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdhY3Rpb25zLXJvdy1lZGl0aW5nJykge1xyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBqdXN0aWZ5LWNvbnRlbnQtZW5kXCI+XHJcbiAgICAgIEBpZiAocm93RWRpdGluZygpKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIGNvbG9yPVwiYWNjZW50XCJcclxuICAgICAgICAgIChjbGljayk9XCJzYXZlUm93KClcIlxyXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ1NhdmUgcm93J1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG1hdC1pY29uPmRvbmU8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgbWF0LWljb24tYnV0dG9uXHJcbiAgICAgICAgICBjb2xvcj1cIndhcm5cIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImNhbmNlbFJvdygpXCJcclxuICAgICAgICAgIFttYXRUb29sdGlwXT1cIidDYW5jZWwgcm93J1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiZWRpdFJvdygpXCJcclxuICAgICAgICAgIFttYXRUb29sdGlwXT1cIidFZGl0IHJvdydcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIlxyXG4gICAgICAgICAgICBjYW5FZGl0Um93VmFsaWRhdG9yKCkgPyAhY2FuRWRpdFJvd1ZhbGlkYXRvcigpKHJvd0RhdGEoKSkgOiBmYWxzZVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bWF0LWljb24+ZWRpdDwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIGNvbG9yPVwid2FyblwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlUm93KClcIlxyXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ0RlbGV0ZSByb3cnXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJcclxuICAgICAgICAgICAgY2FuRGVsZXRlUm93VmFsaWRhdG9yKClcclxuICAgICAgICAgICAgICA/ICFjYW5EZWxldGVSb3dWYWxpZGF0b3IoKShyb3dEYXRhKCkpXHJcbiAgICAgICAgICAgICAgOiBmYWxzZVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bWF0LWljb24+ZGVsZXRlPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG5cclxuICBAY2FzZSAoJ2FjdGlvbnMtcm93LXNlbGVjdGluZycpIHtcclxuICAgIDwhLS0gICAgQGlmIChzZWxlY3RSb3dPbmx5T25lKCkpIHstLT5cclxuICAgIDwhLS0gICAgICA8bWF0LXJhZGlvLWJ1dHRvbi0tPlxyXG4gICAgPCEtLSAgICAgICAgY29sb3I9XCJwcmltYXJ5XCItLT5cclxuICAgIDwhLS0gICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIi0tPlxyXG4gICAgPCEtLSAgICAgICAgKGNoYW5nZSk9XCJzZWxlY3RSb3coeyBjaGVja2VkOiB0cnVlIH0pXCItLT5cclxuICAgIDwhLS0gICAgICAgIFtjaGVja2VkXT1cInJvd0lzU2VsZWN0ZWQoKVwiLS0+XHJcbiAgICA8IS0tICAgICAgPjwvbWF0LXJhZGlvLWJ1dHRvbj4tLT5cclxuICAgIDwhLS0gICAgfSBAZWxzZSB7LS0+XHJcbiAgICA8bWF0LWNoZWNrYm94XHJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXHJcbiAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAoY2hhbmdlKT1cInNlbGVjdFJvdygkZXZlbnQpXCJcclxuICAgICAgW2NoZWNrZWRdPVwicm93SXNTZWxlY3RlZCgpXCJcclxuICAgID48L21hdC1jaGVja2JveD5cclxuICAgIDwhLS0gICAgfS0tPlxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdhY3Rpb25zLXJvdy1leHRlbmRpbmcnKSB7XHJcbiAgICBAaWYgKHJvd0lzRXhwYW5kZWQoKSkge1xyXG4gICAgICA8bWF0LWljb24+a2V5Ym9hcmRfYXJyb3dfdXA8L21hdC1pY29uPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIDxtYXQtaWNvbj5rZXlib2FyZF9hcnJvd19kb3duPC9tYXQtaWNvbj5cclxuICAgIH1cclxuICB9XHJcbn1cclxuXHJcbjxuZy10ZW1wbGF0ZSAjYmFzZUZpZWxkQ2VsbCBsZXQtY29sdW1uPlxyXG4gIEBpZiAoKHJvd0VkaXRpbmcoKSB8fCBhdXRvU2F2ZU9uQ2hhbmdlKCkpICYmIGNvbHVtbi5hbGxvd0VkaXRDb2x1bW4pIHtcclxuICAgIEBpZiAoY29sdW1uLnJvd0VkaXRUeXBlID09PSAnc3RyaW5nJyB8fCBjb2x1bW4ucm93RWRpdFR5cGUgPT09ICdudW1iZXInKSB7XHJcbiAgICAgIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAgICAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBjb2x1bW4ud2lkdGggfHwgJ2F1dG8nIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgW3R5cGVdPVwiY29sdW1uLnJvd0VkaXRUeXBlID09PSAnc3RyaW5nJyA/ICd0ZXh0JyA6ICdudW1iZXInXCJcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKVxyXG4gICAgICAgICAgICAgID8gcm93RGF0YSgpW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgICAgICA6IHJvd0RhdGFDb3B5KCkhW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJcclxuICAgICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpICYmIG9uRmllbGRDaGFuZ2UoY29sdW1uLmZpZWxkLCAkZXZlbnQpXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiIWF1dG9TYXZlT25DaGFuZ2UoKSAmJiBzYXZlUm93KClcIlxyXG4gICAgICAgICAgW3JlcXVpcmVkXT1cImNvbHVtbi5lZGl0Q29sdW1uUmVxdWlyZWRcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICB9XHJcbiAgICBAaWYgKGNvbHVtbi5yb3dFZGl0VHlwZSA9PT0gJ2RhdGUnKSB7XHJcbiAgICAgIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAgICAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBjb2x1bW4ud2lkdGggfHwgJ2F1dG8nIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgW21hdERhdGVwaWNrZXJdPVwicGlja2VyMVwiXHJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cIlxyXG4gICAgICAgICAgICBhdXRvU2F2ZU9uQ2hhbmdlKClcclxuICAgICAgICAgICAgICA/IHJvd0RhdGEoKVtjb2x1bW4uZmllbGRdXHJcbiAgICAgICAgICAgICAgOiByb3dEYXRhQ29weSgpIVtjb2x1bW4uZmllbGRdXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKSAmJiBvbkZpZWxkQ2hhbmdlKGNvbHVtbi5maWVsZCwgJGV2ZW50KVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIiFhdXRvU2F2ZU9uQ2hhbmdlKCkgJiYgc2F2ZVJvdygpXCJcclxuICAgICAgICAgIFtyZXF1aXJlZF09XCJjb2x1bW4uZWRpdENvbHVtblJlcXVpcmVkXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGVcclxuICAgICAgICAgIG1hdEljb25TdWZmaXhcclxuICAgICAgICAgIFtmb3JdPVwicGlja2VyMVwiXHJcbiAgICAgICAgPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxyXG4gICAgICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyMT48L21hdC1kYXRlcGlja2VyPlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgfVxyXG4gICAgQGlmIChjb2x1bW4ucm93RWRpdFR5cGUgPT09ICdib29sZWFuJykge1xyXG4gICAgICA8bWF0LWNoZWNrYm94XHJcbiAgICAgICAgWyhuZ01vZGVsKV09XCJcclxuICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKVxyXG4gICAgICAgICAgICA/IHJvd0RhdGEoKVtjb2x1bW4uZmllbGRdXHJcbiAgICAgICAgICAgIDogcm93RGF0YUNvcHkoKSFbY29sdW1uLmZpZWxkXVxyXG4gICAgICAgIFwiXHJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiXHJcbiAgICAgICAgICBhdXRvU2F2ZU9uQ2hhbmdlKCkgJiYgb25GaWVsZENoYW5nZShjb2x1bW4uZmllbGQsICRldmVudClcclxuICAgICAgICBcIlxyXG4gICAgICA+PC9tYXQtY2hlY2tib3g+XHJcbiAgICB9XHJcblxyXG4gICAgQGlmIChjb2x1bW4ucm93RWRpdFR5cGUgPT09ICdjdXN0b20nKSB7XHJcbiAgICAgIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAgICAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBjb2x1bW4ud2lkdGggfHwgJ2F1dG8nIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKVxyXG4gICAgICAgICAgICAgID8gcm93RGF0YSgpW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgICAgICA6IHJvd0RhdGFDb3B5KCkhW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJcclxuICAgICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpICYmIG9uRmllbGRDaGFuZ2UoY29sdW1uLmZpZWxkLCAkZXZlbnQpXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgW3JlcXVpcmVkXT1cImNvbHVtbi5lZGl0Q29sdW1uUmVxdWlyZWRcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwiXCI+PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgQGZvciAob3B0aW9uIG9mIGNvbHVtbi5jdXN0b21Sb3dFZGl0T3B0aW9uczsgdHJhY2sgb3B0aW9uKSB7XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj5cclxuICAgICAgICAgICAgICB7eyBvcHRpb24ubGFiZWwgfX1cclxuICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIH1cclxuXHJcbiAgICBAaWYgKGNvbHVtbi5yb3dFZGl0VHlwZSA9PT0gJ2N1c3RvbS1keW5hbWljLXNlbGVjdCcpIHtcclxuICAgICAgPG1hdC1mb3JtLWZpZWxkXHJcbiAgICAgICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbHVtbi53aWR0aCB8fCAnYXV0bycgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8bWF0LXNlbGVjdFxyXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJcclxuICAgICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpXHJcbiAgICAgICAgICAgICAgPyByb3dEYXRhKClbY29sdW1uLmZpZWxkXVxyXG4gICAgICAgICAgICAgIDogcm93RGF0YUNvcHkoKSFbY29sdW1uLmZpZWxkXVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIlxyXG4gICAgICAgICAgICBhdXRvU2F2ZU9uQ2hhbmdlKCkgJiYgb25GaWVsZENoYW5nZShjb2x1bW4uZmllbGQsICRldmVudClcclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICBbcmVxdWlyZWRdPVwiY29sdW1uLmVkaXRDb2x1bW5SZXF1aXJlZFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgQGlmICghY29sdW1uLmVkaXRDb2x1bW5SZXF1aXJlZCkge1xyXG4gICAgICAgICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIlwiPjwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICBAZm9yIChvcHRpb24gb2YgZHluYW1pY1NlbGVjdE9wdGlvbnMoKTsgdHJhY2sgb3B0aW9uKSB7XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj5cclxuICAgICAgICAgICAgICB7eyBvcHRpb24ubGFiZWwgfX1cclxuICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIH1cclxuICB9IEBlbHNlIHtcclxuICAgIDxkaXY+XHJcbiAgICAgIEBpZiAoY29sdW1uLnRyYW5zbGF0ZVZhbHVlKSB7XHJcbiAgICAgICAge3sgY29sdW1uLnRyYW5zbGF0ZVZhbHVlIVtyb3dEYXRhKClbY29sdW1uLmZpZWxkXV0gfHwgJycgfX1cclxuICAgICAgfVxyXG4gICAgICBAaWYgKGNvbHVtbi5jdXN0b21WYWx1ZURpc3BsYXkpIHtcclxuICAgICAgICB7eyBjb2x1bW4uY3VzdG9tVmFsdWVEaXNwbGF5KHJvd0RhdGEoKVtjb2x1bW4uZmllbGRdKSB9fVxyXG4gICAgICB9XHJcbiAgICAgIEBpZiAoIWNvbHVtbi50cmFuc2xhdGVWYWx1ZSAmJiAhY29sdW1uLmN1c3RvbVZhbHVlRGlzcGxheSkge1xyXG4gICAgICAgIHt7IHJvd0RhdGEoKVtjb2x1bW4uZmllbGRdIH19XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZXJpYWwtdGFibGUvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXRhYmxlcy9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZXJpYWwtdGFibGUvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwvbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sU0FBUyxFQUVULFFBQVEsRUFDUixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztBQVFyRCxNQUFNLE9BQU8sNkJBQTZCO0lBK0N4QztRQTNDQSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBOEIsQ0FBQztRQUN0RCxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBMkIsQ0FBQztRQUNwRCxhQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3BDLGdCQUFXLEdBQUcsS0FBSyxFQUEyQixDQUFDO1FBQy9DLHdCQUFtQixHQUFHLEtBQUssQ0FBd0IsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0QsMEJBQXFCLEdBQUcsS0FBSyxDQUF3QixHQUFHLEVBQUUsQ0FBQyxJ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QUFTO3VCQUFDLFFBQVE7Z0JBQ0csU0FBUztzQkFBOUIsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgT25EZXN0cm95LFxyXG4gIGlucHV0LFxyXG4gIG91dHB1dCxcclxuICBzaWduYWwsXHJcbiAgVmlld0NoaWxkLFxyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgZWZmZWN0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdE1hdGVyaWFsVGFibGVDb2x1bW5Nb2RlbCB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9zdC1tYXRlcmlhbC10YWJsZS1jb2x1bW4ubW9kZWwnO1xyXG5pbXBvcnQgeyBNYXRJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcclxuaW1wb3J0IHsgTWF0U2VsZWN0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3QtbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlcmlhbC10YWJsZS1yb3ctY2VsbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZXJpYWwtdGFibGUtcm93LWNlbGwuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsVGFibGVSb3dDZWxsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcclxuICBAVmlld0NoaWxkKE1hdElucHV0KSBtYXRJbnB1dD86IE1hdElucHV0O1xyXG4gIEBWaWV3Q2hpbGQoTWF0U2VsZWN0KSBtYXRTZWxlY3Q/OiBNYXRTZWxlY3Q7XHJcblxyXG4gIGNvbHVtbiA9IGlucHV0LnJlcXVpcmVkPFN0TWF0ZXJpYWxUYWJsZUNvbHVtbk1vZGVsPigpO1xyXG4gIHJvd0RhdGEgPSBpbnB1dC5yZXF1aXJlZDx7IFtwcm9wOiBzdHJpbmddOiBhbnkgfT4oKTtcclxuICByb3dJbmRleCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcclxuICByb3dEYXRhQ29weSA9IGlucHV0PHsgW3Byb3A6IHN0cmluZ106IGFueSB9PigpO1xyXG4gIGNhbkVkaXRSb3dWYWxpZGF0b3IgPSBpbnB1dDwocm93OiBhbnkpID0+IGJvb2xlYW4+KCgpID0+IHRydWUpO1xyXG4gIGNhbkRlbGV0ZVJvd1ZhbGlkYXRvciA9IGlucHV0PChyb3c6IGFueSkgPT4gYm9vbGVhbj4oKCkgPT4gdHJ1ZSk7XHJcbiAgc2VsZWN0Um93T25seU9uZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuICBpc0ZpcnN0RWRpdGFibGVDb2x1bW4gPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcbiAgYXV0b1NhdmVPbkNoYW5nZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuICByb3dJc1NlbGVjdGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gIHJvd0lzRXhwYW5kZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcbiAgcm93RWRpdGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuXHJcbiAgc2F2ZUVkaXRSb3dFbWl0dGVyID0gb3V0cHV0PHZvaWQ+KCk7XHJcbiAgY2FuY2VsRWRpdFJvd0VtaXR0ZXIgPSBvdXRwdXQ8dm9pZD4oKTtcclxuICBlZGl0Um93RW1pdHRlciA9IG91dHB1dDx2b2lkPigpO1xyXG4gIGRlbGV0ZVJvd0VtaXR0ZXIgPSBvdXRwdXQ8dm9pZD4oKTtcclxuICBzZWxlY3RSb3dDaGFuZ2UgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcclxuICBmaWVsZFZhbHVlQ2hhbmdlZCA9IG91dHB1dDx7IGZpZWxkOiBzdHJpbmc7IHZhbHVlOiBhbnkgfT4oKTtcclxuXHJcbiAgbW9iaWxlVmlldyA9IHNpZ25hbChmYWxzZSk7XHJcblxyXG4gIC8vIENvbXB1dGVkIGZvciBhY3Rpb24gaWNvbiBjb2xvcnNcclxuICBhY3Rpb25JY29uQ29sb3JEZWY6IHsgW2tleTogc3RyaW5nXTogJ3ByaW1hcnknIHwgJ3dhcm4nIH0gPSB7XHJcbiAgICBlZGl0OiAncHJpbWFyeScsXHJcbiAgICBkZWxldGU6ICd3YXJuJyxcclxuICB9O1xyXG5cclxuICBkeW5hbWljU2VsZWN0T3B0aW9ucyA9IHNpZ25hbDx7IHZhbHVlOiBhbnk7IGxhYmVsOiBzdHJpbmcgfVtdPihbXSk7XHJcblxyXG4gIC8vIFVzZSBjb21wdXRlZCB0byBkZXRlcm1pbmUgaWYgZHluYW1pYyBzZWxlY3QgZGF0YSBuZWVkcyB0byBiZSBsb2FkZWRcclxuICBwcml2YXRlIG5lZWRzRHluYW1pY1NlbGVjdCA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGNvbnN0IGNvbCA9IHRoaXMuY29sdW1uKCk7XHJcbiAgICByZXR1cm4gKFxyXG4gICAgICBjb2w/LmFsbG93RWRpdENvbHVtbiAmJlxyXG4gICAgICBjb2w/LnJvd0VkaXRUeXBlID09PSAnY3VzdG9tLWR5bmFtaWMtc2VsZWN0JyAmJlxyXG4gICAgICAhIWNvbD8uZHluYW1pY1Jvd0VkaXRPcHRpb25zXHJcbiAgICApO1xyXG4gIH0pO1xyXG5cclxuICBwcml2YXRlIHJlc2l6ZU9ic2VydmVyPzogUmVzaXplT2JzZXJ2ZXI7XHJcbiAgcHJpdmF0ZSBwcmV2aW91c1Jvd0VkaXRpbmcgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAvLyBVc2UgUmVzaXplT2JzZXJ2ZXIgaW5zdGVhZCBvZiB3aW5kb3cgcmVzaXplIGV2ZW50XHJcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHtcclxuICAgICAgY29uc3QgaXNNb2JpbGUgPSBkb2N1bWVudC5ib2R5LmNsaWVudFdpZHRoIDw9IDExMDA7XHJcbiAgICAgIGlmICh0aGlzLm1vYmlsZVZpZXcoKSAhPT0gaXNNb2JpbGUpIHtcclxuICAgICAgICB0aGlzLm1vYmlsZVZpZXcuc2V0KGlzTW9iaWxlKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQuYm9keSk7XHJcblxyXG4gICAgLy8gSW5pdGlhbGl6ZSBtb2JpbGUgdmlldyBzdGF0ZVxyXG4gICAgdGhpcy5tb2JpbGVWaWV3LnNldChkb2N1bWVudC5ib2R5LmNsaWVudFdpZHRoIDw9IDExMDApO1xyXG5cclxuICAgIC8vIEVmZmVjdCB0byBoYW5kbGUgcm93RWRpdGluZyBjaGFuZ2VzXHJcbiAgICBlZmZlY3QoKCkgPT4ge1xyXG4gICAgICBjb25zdCBpc0VkaXRpbmcgPSB0aGlzLnJvd0VkaXRpbmcoKTtcclxuICAgICAgY29uc3Qgd2FzTm90RWRpdGluZyA9ICF0aGlzLnByZXZpb3VzUm93RWRpdGluZztcclxuICAgICAgdGhpcy5wcmV2aW91c1Jvd0VkaXRpbmcgPSBpc0VkaXRpbmc7XHJcblxyXG4gICAgICBpZiAoaXNFZGl0aW5nKSB7XHJcbiAgICAgICAgdGhpcy5nZXREeW5hbWljU2VsZWN0RGF0YSgpO1xyXG5cclxuICAgICAgICAvLyBGb2N1cyBmaXJzdCBlZGl0YWJsZSBmaWVsZCB3aGVuIGVudGVyaW5nIGVkaXQgbW9kZVxyXG4gICAgICAgIGlmICh3YXNOb3RFZGl0aW5nICYmIHRoaXMuaXNGaXJzdEVkaXRhYmxlQ29sdW1uKCkpIHtcclxuICAgICAgICAgIHRoaXMuZm9jdXNGaXJzdEVkaXRhYmxlRmllbGQoKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgLy8gSWYgcm93IGlzIGFscmVhZHkgaW4gZWRpdCBtb2RlIG9uIGluaXQgKGUuZy4sIG5ld2x5IGFkZGVkIHJvdyksIGZvY3VzIHRoZSBmaWVsZFxyXG4gICAgaWYgKHRoaXMucm93RWRpdGluZygpICYmIHRoaXMuaXNGaXJzdEVkaXRhYmxlQ29sdW1uKCkpIHtcclxuICAgICAgdGhpcy5mb2N1c0ZpcnN0RWRpdGFibGVGaWVsZCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyPy5kaXNjb25uZWN0KCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZvY3VzRmlyc3RFZGl0YWJsZUZpZWxkKCkge1xyXG4gICAgLy8gVXNlIHNldFRpbWVvdXQgdG8gZW5zdXJlIHRoZSB2aWV3IGlzIGZ1bGx5IHJlbmRlcmVkXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKHRoaXMubWF0SW5wdXQpIHtcclxuICAgICAgICAvLyBGb2N1cyBNYXRJbnB1dFxyXG4gICAgICAgIHRoaXMubWF0SW5wdXQuZm9jdXMoKTtcclxuICAgICAgfSBlbHNlIGlmICh0aGlzLm1hdFNlbGVjdCkge1xyXG4gICAgICAgIC8vIE9wZW4gTWF0U2VsZWN0IGRyb3Bkb3duXHJcbiAgICAgICAgdGhpcy5tYXRTZWxlY3QuZm9jdXMoKTtcclxuICAgICAgICB0aGlzLm1hdFNlbGVjdC5vcGVuKCk7XHJcbiAgICAgIH1cclxuICAgIH0sIDE1MCk7XHJcbiAgfVxyXG5cclxuICBzYXZlUm93KCkge1xyXG4gICAgdGhpcy5zYXZlRWRpdFJvd0VtaXR0ZXIuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsUm93KCkge1xyXG4gICAgdGhpcy5jYW5jZWxFZGl0Um93RW1pdHRlci5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBlZGl0Um93KCkge1xyXG4gICAgdGhpcy5lZGl0Um93RW1pdHRlci5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBkZWxldGVSb3coKSB7XHJcbiAgICB0aGlzLmRlbGV0ZVJvd0VtaXR0ZXIuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0Um93KGV2ZW50OiB7IGNoZWNrZWQ6IGJvb2xlYW4gfSkge1xyXG4gICAgaWYgKGV2ZW50KSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0Um93Q2hhbmdlLmVtaXQoZXZlbnQuY2hlY2tlZCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkZpZWxkQ2hhbmdlKGZpZWxkOiBzdHJpbmcsIHZhbHVlOiBhbnkpIHtcclxuICAgIGlmICh0aGlzLmF1dG9TYXZlT25DaGFuZ2UoKSkge1xyXG4gICAgICB0aGlzLmZpZWxkVmFsdWVDaGFuZ2VkLmVtaXQoeyBmaWVsZCwgdmFsdWUgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbk51bWJlckZpZWxkQ2hhbmdlKGZpZWxkOiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IG51bVZhbHVlID0gdmFsdWUgPT09ICcnIHx8IHZhbHVlID09PSBudWxsID8gbnVsbCA6IE51bWJlcih2YWx1ZSk7XHJcbiAgICBjb25zdCB0YXJnZXREYXRhID0gdGhpcy5hdXRvU2F2ZU9uQ2hhbmdlKClcclxuICAgICAgPyB0aGlzLnJvd0RhdGEoKVxyXG4gICAgICA6IHRoaXMucm93RGF0YUNvcHkoKTtcclxuXHJcbiAgICBpZiAodGFyZ2V0RGF0YSkge1xyXG4gICAgICB0YXJnZXREYXRhW2ZpZWxkXSA9IG51bVZhbHVlO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmF1dG9TYXZlT25DaGFuZ2UoKSkge1xyXG4gICAgICB0aGlzLmZpZWxkVmFsdWVDaGFuZ2VkLmVtaXQoeyBmaWVsZCwgdmFsdWU6IG51bVZhbHVlIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXREeW5hbWljU2VsZWN0RGF0YSgpIHtcclxuICAgIGlmICh0aGlzLm5lZWRzRHluYW1pY1NlbGVjdCgpKSB7XHJcbiAgICAgIHRoaXMuZHluYW1pY1NlbGVjdE9wdGlvbnMuc2V0KFxyXG4gICAgICAgIHRoaXMuY29sdW1uKCkuZHluYW1pY1Jvd0VkaXRPcHRpb25zISh0aGlzLnJvd0RhdGEoKSlcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiQHN3aXRjaCAoY29sdW1uKCkudHlwZSB8fCAnc3RyaW5nJykge1xyXG4gIEBjYXNlICgnY3VzdG9tLXRlbXBsYXRlJykge1xyXG4gICAgQGlmIChyb3dFZGl0aW5nKCkgJiYgY29sdW1uKCkuYWxsb3dFZGl0Q29sdW1uKSB7XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VGaWVsZENlbGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBjb2x1bW4oKSB9XCJcclxuICAgICAgPjwvbmctY29udGFpbmVyPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJjb2x1bW4oKS5jdXN0b21UZW1wbGF0ZSFcIlxyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IGRhdGE6IHJvd0RhdGEoKSwgcm93SW5kZXg6IHJvd0luZGV4KCkgfVwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBjYXNlICgnYWN0aW9ucycpIHtcclxuICAgIEBpZiAoY29sdW1uKCkuYWN0aW9ucykge1xyXG4gICAgICBAaWYgKFxyXG4gICAgICAgICghY29sdW1uKCkuYWN0aW9uc0luTWVudSAmJiAhbW9iaWxlVmlldygpKSB8fFxyXG4gICAgICAgIChtb2JpbGVWaWV3KCkgJiYgY29sdW1uKCkuYWN0aW9ucyEubGVuZ3RoIDw9IDEpXHJcbiAgICAgICkge1xyXG4gICAgICAgIDxkaXYgW25nU3R5bGVdPVwieyBmbG9hdDogY29sdW1uKCkuZmxleFJpZ2h0ID8gJ3JpZ2h0JyA6ICdub25lJyB9XCI+XHJcbiAgICAgICAgICBAZm9yIChhY3Rpb24gb2YgY29sdW1uKCkuYWN0aW9uczsgdHJhY2sgYWN0aW9uKSB7XHJcbiAgICAgICAgICAgIEBpZiAoKGFjdGlvbi5zaG93ICYmIGFjdGlvbi5zaG93KHJvd0RhdGEoKSkpIHx8ICFhY3Rpb24uc2hvdykge1xyXG4gICAgICAgICAgICAgIEBpZiAoIWFjdGlvbi51cmwgJiYgYWN0aW9uLmFjdGlvbikge1xyXG4gICAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImFjdGlvbi1pY29uLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cIlxyXG4gICAgICAgICAgICAgICAgICAgIGFjdGlvbkljb25Db2xvckRlZlthY3Rpb24uaWNvbk5hbWVdXHJcbiAgICAgICAgICAgICAgICAgICAgICA/IGFjdGlvbkljb25Db2xvckRlZlthY3Rpb24uaWNvbk5hbWVdXHJcbiAgICAgICAgICAgICAgICAgICAgICA6IGFjdGlvbi5pY29uQ29sb3JcclxuICAgICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiYWN0aW9uLnRvb2x0aXBOYW1lIHx8ICcnXCJcclxuICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBEaXNhYmxlZF09XCIhYWN0aW9uLnRvb2x0aXBOYW1lXCJcclxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIlxyXG4gICAgICAgICAgICAgICAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgICAgICAgICAgICAgICBhY3Rpb24uYWN0aW9uIShyb3dEYXRhKCksIHJvd0luZGV4KCkpXHJcbiAgICAgICAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbk5hbWUgfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgIEBpZiAoYWN0aW9uLnVybCkge1xyXG4gICAgICAgICAgICAgICAgPGEgW3JvdXRlckxpbmtdPVwiYWN0aW9uLnVybFwiPlxyXG4gICAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJhY3Rpb24taWNvbi1idXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJcclxuICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbkljb25Db2xvckRlZlthY3Rpb24uaWNvbk5hbWVdXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gYWN0aW9uSWNvbkNvbG9yRGVmW2FjdGlvbi5pY29uTmFtZV1cclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBhY3Rpb24uaWNvbkNvbG9yXHJcbiAgICAgICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJhY3Rpb24udG9vbHRpcE5hbWUgfHwgJydcIlxyXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIWFjdGlvbi50b29sdGlwTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+e3sgYWN0aW9uLmljb25OYW1lIH19PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgICAgQGlmIChcclxuICAgICAgICBjb2x1bW4oKS5hY3Rpb25zSW5NZW51IHx8IChtb2JpbGVWaWV3KCkgJiYgY29sdW1uKCkuYWN0aW9ucyEubGVuZ3RoID4gMSlcclxuICAgICAgKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCJcclxuICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cclxuICAgICAgICAgIEBmb3IgKGFjdGlvbiBvZiBjb2x1bW4oKS5hY3Rpb25zOyB0cmFjayBhY3Rpb24pIHtcclxuICAgICAgICAgICAgQGlmICgoYWN0aW9uLnNob3cgJiYgYWN0aW9uLnNob3cocm93RGF0YSgpKSkgfHwgIWFjdGlvbi5zaG93KSB7XHJcbiAgICAgICAgICAgICAgQGlmICghYWN0aW9uLnVybCAmJiBhY3Rpb24uYWN0aW9uKSB7XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICBtYXQtbWVudS1pdGVtXHJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IGFjdGlvbi5hY3Rpb24hKHJvd0RhdGEoKSlcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICB7eyBhY3Rpb24udG9vbHRpcE5hbWUgfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICBAaWYgKGFjdGlvbi51cmwpIHtcclxuICAgICAgICAgICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cImFjdGlvbi51cmxcIj5cclxuICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LW1lbnUtaXRlbT5cclxuICAgICAgICAgICAgICAgICAgICB7eyBhY3Rpb24udG9vbHRpcE5hbWUgfX1cclxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9tYXQtbWVudT5cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdzdHJpbmcnKSB7XHJcbiAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmFzZUZpZWxkQ2VsbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IGNvbHVtbigpIH1cIlxyXG4gICAgPjwvbmctY29udGFpbmVyPlxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdudW1iZXInKSB7XHJcbiAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmFzZUZpZWxkQ2VsbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IGNvbHVtbigpIH1cIlxyXG4gICAgPjwvbmctY29udGFpbmVyPlxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdib29sZWFuJykge1xyXG4gICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VGaWVsZENlbGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBjb2x1bW4oKSB9XCJcclxuICAgID48L25nLWNvbnRhaW5lcj5cclxuICB9XHJcblxyXG4gIEBjYXNlICgnZGF0ZScpIHtcclxuICAgIEBpZiAocm93RWRpdGluZygpICYmIGNvbHVtbigpLmFsbG93RWRpdENvbHVtbikge1xyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJiYXNlRmllbGRDZWxsOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogY29sdW1uKCkgfVwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIH0gQGVsc2Uge1xyXG4gICAgICB7eyByb3dEYXRhKClbY29sdW1uKCkuZmllbGRdIHwgc3REYXRlRm9ybWF0UGlwZSB9fVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdhY3Rpb25zLXJvdy1lZGl0aW5nJykge1xyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBqdXN0aWZ5LWNvbnRlbnQtZW5kXCI+XHJcbiAgICAgIEBpZiAocm93RWRpdGluZygpKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIGNvbG9yPVwiYWNjZW50XCJcclxuICAgICAgICAgIChjbGljayk9XCJzYXZlUm93KClcIlxyXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ1NhdmUgcm93J1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG1hdC1pY29uPmRvbmU8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgbWF0LWljb24tYnV0dG9uXHJcbiAgICAgICAgICBjb2xvcj1cIndhcm5cIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImNhbmNlbFJvdygpXCJcclxuICAgICAgICAgIFttYXRUb29sdGlwXT1cIidDYW5jZWwgcm93J1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiZWRpdFJvdygpXCJcclxuICAgICAgICAgIFttYXRUb29sdGlwXT1cIidFZGl0IHJvdydcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIlxyXG4gICAgICAgICAgICBjYW5FZGl0Um93VmFsaWRhdG9yKCkgPyAhY2FuRWRpdFJvd1ZhbGlkYXRvcigpKHJvd0RhdGEoKSkgOiBmYWxzZVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bWF0LWljb24+ZWRpdDwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgIGNvbG9yPVwid2FyblwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlUm93KClcIlxyXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ0RlbGV0ZSByb3cnXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJcclxuICAgICAgICAgICAgY2FuRGVsZXRlUm93VmFsaWRhdG9yKClcclxuICAgICAgICAgICAgICA/ICFjYW5EZWxldGVSb3dWYWxpZGF0b3IoKShyb3dEYXRhKCkpXHJcbiAgICAgICAgICAgICAgOiBmYWxzZVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bWF0LWljb24+ZGVsZXRlPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG5cclxuICBAY2FzZSAoJ2FjdGlvbnMtcm93LXNlbGVjdGluZycpIHtcclxuICAgIDwhLS0gICAgQGlmIChzZWxlY3RSb3dPbmx5T25lKCkpIHstLT5cclxuICAgIDwhLS0gICAgICA8bWF0LXJhZGlvLWJ1dHRvbi0tPlxyXG4gICAgPCEtLSAgICAgICAgY29sb3I9XCJwcmltYXJ5XCItLT5cclxuICAgIDwhLS0gICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIi0tPlxyXG4gICAgPCEtLSAgICAgICAgKGNoYW5nZSk9XCJzZWxlY3RSb3coeyBjaGVja2VkOiB0cnVlIH0pXCItLT5cclxuICAgIDwhLS0gICAgICAgIFtjaGVja2VkXT1cInJvd0lzU2VsZWN0ZWQoKVwiLS0+XHJcbiAgICA8IS0tICAgICAgPjwvbWF0LXJhZGlvLWJ1dHRvbj4tLT5cclxuICAgIDwhLS0gICAgfSBAZWxzZSB7LS0+XHJcbiAgICA8bWF0LWNoZWNrYm94XHJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXHJcbiAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAoY2hhbmdlKT1cInNlbGVjdFJvdygkZXZlbnQpXCJcclxuICAgICAgW2NoZWNrZWRdPVwicm93SXNTZWxlY3RlZCgpXCJcclxuICAgID48L21hdC1jaGVja2JveD5cclxuICAgIDwhLS0gICAgfS0tPlxyXG4gIH1cclxuXHJcbiAgQGNhc2UgKCdhY3Rpb25zLXJvdy1leHRlbmRpbmcnKSB7XHJcbiAgICBAaWYgKHJvd0lzRXhwYW5kZWQoKSkge1xyXG4gICAgICA8bWF0LWljb24+a2V5Ym9hcmRfYXJyb3dfdXA8L21hdC1pY29uPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIDxtYXQtaWNvbj5rZXlib2FyZF9hcnJvd19kb3duPC9tYXQtaWNvbj5cclxuICAgIH1cclxuICB9XHJcbn1cclxuXHJcbjxuZy10ZW1wbGF0ZSAjYmFzZUZpZWxkQ2VsbCBsZXQtY29sdW1uPlxyXG4gIEBpZiAoKHJvd0VkaXRpbmcoKSB8fCBhdXRvU2F2ZU9uQ2hhbmdlKCkpICYmIGNvbHVtbi5hbGxvd0VkaXRDb2x1bW4pIHtcclxuICAgIEBpZiAoY29sdW1uLnJvd0VkaXRUeXBlID09PSAnc3RyaW5nJykge1xyXG4gICAgICA8bWF0LWZvcm0tZmllbGRcclxuICAgICAgICBhcHBlYXJhbmNlPVwib3V0bGluZVwiXHJcbiAgICAgICAgW25nU3R5bGVdPVwieyB3aWR0aDogY29sdW1uLndpZHRoIHx8ICdhdXRvJyB9XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKVxyXG4gICAgICAgICAgICAgID8gcm93RGF0YSgpW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgICAgICA6IHJvd0RhdGFDb3B5KCkhW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJcclxuICAgICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpICYmIG9uRmllbGRDaGFuZ2UoY29sdW1uLmZpZWxkLCAkZXZlbnQpXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiIWF1dG9TYXZlT25DaGFuZ2UoKSAmJiBzYXZlUm93KClcIlxyXG4gICAgICAgICAgW3JlcXVpcmVkXT1cImNvbHVtbi5lZGl0Q29sdW1uUmVxdWlyZWRcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICB9XHJcbiAgICBAaWYgKGNvbHVtbi5yb3dFZGl0VHlwZSA9PT0gJ251bWJlcicpIHtcclxuICAgICAgPG1hdC1mb3JtLWZpZWxkXHJcbiAgICAgICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbHVtbi53aWR0aCB8fCAnYXV0bycgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKVxyXG4gICAgICAgICAgICAgID8gcm93RGF0YSgpW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgICAgICA6IHJvd0RhdGFDb3B5KCkhW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk51bWJlckZpZWxkQ2hhbmdlKGNvbHVtbi5maWVsZCwgJGV2ZW50KVwiXHJcbiAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCIhYXV0b1NhdmVPbkNoYW5nZSgpICYmIHNhdmVSb3coKVwiXHJcbiAgICAgICAgICBbcmVxdWlyZWRdPVwiY29sdW1uLmVkaXRDb2x1bW5SZXF1aXJlZFwiXHJcbiAgICAgICAgLz5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIH1cclxuICAgIEBpZiAoY29sdW1uLnJvd0VkaXRUeXBlID09PSAnZGF0ZScpIHtcclxuICAgICAgPG1hdC1mb3JtLWZpZWxkXHJcbiAgICAgICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbHVtbi53aWR0aCB8fCAnYXV0bycgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICBbbWF0RGF0ZXBpY2tlcl09XCJwaWNrZXIxXCJcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKVxyXG4gICAgICAgICAgICAgID8gcm93RGF0YSgpW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgICAgICA6IHJvd0RhdGFDb3B5KCkhW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJcclxuICAgICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpICYmIG9uRmllbGRDaGFuZ2UoY29sdW1uLmZpZWxkLCAkZXZlbnQpXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiIWF1dG9TYXZlT25DaGFuZ2UoKSAmJiBzYXZlUm93KClcIlxyXG4gICAgICAgICAgW3JlcXVpcmVkXT1cImNvbHVtbi5lZGl0Q29sdW1uUmVxdWlyZWRcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZVxyXG4gICAgICAgICAgbWF0SWNvblN1ZmZpeFxyXG4gICAgICAgICAgW2Zvcl09XCJwaWNrZXIxXCJcclxuICAgICAgICA+PC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XHJcbiAgICAgICAgPG1hdC1kYXRlcGlja2VyICNwaWNrZXIxPjwvbWF0LWRhdGVwaWNrZXI+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICB9XHJcbiAgICBAaWYgKGNvbHVtbi5yb3dFZGl0VHlwZSA9PT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgIDxtYXQtY2hlY2tib3hcclxuICAgICAgICBbKG5nTW9kZWwpXT1cIlxyXG4gICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpXHJcbiAgICAgICAgICAgID8gcm93RGF0YSgpW2NvbHVtbi5maWVsZF1cclxuICAgICAgICAgICAgOiByb3dEYXRhQ29weSgpIVtjb2x1bW4uZmllbGRdXHJcbiAgICAgICAgXCJcclxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJcclxuICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKSAmJiBvbkZpZWxkQ2hhbmdlKGNvbHVtbi5maWVsZCwgJGV2ZW50KVxyXG4gICAgICAgIFwiXHJcbiAgICAgID48L21hdC1jaGVja2JveD5cclxuICAgIH1cclxuXHJcbiAgICBAaWYgKGNvbHVtbi5yb3dFZGl0VHlwZSA9PT0gJ2N1c3RvbScpIHtcclxuICAgICAgPG1hdC1mb3JtLWZpZWxkXHJcbiAgICAgICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbHVtbi53aWR0aCB8fCAnYXV0bycgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8bWF0LXNlbGVjdFxyXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJcclxuICAgICAgICAgICAgYXV0b1NhdmVPbkNoYW5nZSgpXHJcbiAgICAgICAgICAgICAgPyByb3dEYXRhKClbY29sdW1uLmZpZWxkXVxyXG4gICAgICAgICAgICAgIDogcm93RGF0YUNvcHkoKSFbY29sdW1uLmZpZWxkXVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIlxyXG4gICAgICAgICAgICBhdXRvU2F2ZU9uQ2hhbmdlKCkgJiYgb25GaWVsZENoYW5nZShjb2x1bW4uZmllbGQsICRldmVudClcclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICBbcmVxdWlyZWRdPVwiY29sdW1uLmVkaXRDb2x1bW5SZXF1aXJlZFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJcIj48L21hdC1vcHRpb24+XHJcbiAgICAgICAgICBAZm9yIChvcHRpb24gb2YgY29sdW1uLmN1c3RvbVJvd0VkaXRPcHRpb25zOyB0cmFjayBvcHRpb24pIHtcclxuICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPlxyXG4gICAgICAgICAgICAgIHt7IG9wdGlvbi5sYWJlbCB9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgfVxyXG5cclxuICAgIEBpZiAoY29sdW1uLnJvd0VkaXRUeXBlID09PSAnY3VzdG9tLWR5bmFtaWMtc2VsZWN0Jykge1xyXG4gICAgICA8bWF0LWZvcm0tZmllbGRcclxuICAgICAgICBhcHBlYXJhbmNlPVwib3V0bGluZVwiXHJcbiAgICAgICAgW25nU3R5bGVdPVwieyB3aWR0aDogY29sdW1uLndpZHRoIHx8ICdhdXRvJyB9XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxtYXQtc2VsZWN0XHJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cIlxyXG4gICAgICAgICAgICBhdXRvU2F2ZU9uQ2hhbmdlKClcclxuICAgICAgICAgICAgICA/IHJvd0RhdGEoKVtjb2x1bW4uZmllbGRdXHJcbiAgICAgICAgICAgICAgOiByb3dEYXRhQ29weSgpIVtjb2x1bW4uZmllbGRdXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiXHJcbiAgICAgICAgICAgIGF1dG9TYXZlT25DaGFuZ2UoKSAmJiBvbkZpZWxkQ2hhbmdlKGNvbHVtbi5maWVsZCwgJGV2ZW50KVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICAgIFtyZXF1aXJlZF09XCJjb2x1bW4uZWRpdENvbHVtblJlcXVpcmVkXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICBAaWYgKCFjb2x1bW4uZWRpdENvbHVtblJlcXVpcmVkKSB7XHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwiXCI+PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICAgIEBmb3IgKG9wdGlvbiBvZiBkeW5hbWljU2VsZWN0T3B0aW9ucygpOyB0cmFjayBvcHRpb24pIHtcclxuICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPlxyXG4gICAgICAgICAgICAgIHt7IG9wdGlvbi5sYWJlbCB9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgfVxyXG4gIH0gQGVsc2Uge1xyXG4gICAgPGRpdj5cclxuICAgICAgQGlmIChjb2x1bW4udHJhbnNsYXRlVmFsdWUpIHtcclxuICAgICAgICB7eyBjb2x1bW4udHJhbnNsYXRlVmFsdWUhW3Jvd0RhdGEoKVtjb2x1bW4uZmllbGRdXSB8fCAnJyB9fVxyXG4gICAgICB9XHJcbiAgICAgIEBpZiAoY29sdW1uLmN1c3RvbVZhbHVlRGlzcGxheSkge1xyXG4gICAgICAgIHt7IGNvbHVtbi5jdXN0b21WYWx1ZURpc3BsYXkocm93RGF0YSgpW2NvbHVtbi5maWVsZF0pIH19XHJcbiAgICAgIH1cclxuICAgICAgQGlmICghY29sdW1uLnRyYW5zbGF0ZVZhbHVlICYmICFjb2x1bW4uY3VzdG9tVmFsdWVEaXNwbGF5KSB7XHJcbiAgICAgICAge3sgcm93RGF0YSgpW2NvbHVtbi5maWVsZF0gfX1cclxuICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/fesm2022/ngx-st-tables.mjs

@@ -890,17 +890,29 @@ class MaterialTableRowCellComponent {
             this.fieldValueChanged.emit({ field, value });
         }
     }
+    onNumberFieldChange(field, value) {
+        const numValue = value === '' || value === null ? null : Number(value);
+        const targetData = this.autoSaveOnChange()
+            ? this.rowData()
+            : this.rowDataCopy();
+        if (targetData) {
+            targetData[field] = numValue;
+        }
+        if (this.autoSaveOnChange()) {
+            this.fieldValueChanged.emit({ field, value: numValue });
+        }
+    }
     getDynamicSelectData() {
         if (this.needsDynamicSelect()) {
             this.dynamicSelectOptions.set(this.column().dynamicRowEditOptions(this.rowData()));
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableRowCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableRowCellComponent, selector: "st-material-table-row-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: true, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: true, transformFunction: null }, rowDataCopy: { classPropertyName: "rowDataCopy", publicName: "rowDataCopy", isSignal: true, isRequired: false, transformFunction: null }, canEditRowValidator: { classPropertyName: "canEditRowValidator", publicName: "canEditRowValidator", isSignal: true, isRequired: false, transformFunction: null }, canDeleteRowValidator: { classPropertyName: "canDeleteRowValidator", publicName: "canDeleteRowValidator", isSignal: true, isRequired: false, transformFunction: null }, selectRowOnlyOne: { classPropertyName: "selectRowOnlyOne", publicName: "selectRowOnlyOne", isSignal: true, isRequired: false, transformFunction: null }, isFirstEditableColumn: { classPropertyName: "isFirstEditableColumn", publicName: "isFirstEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, autoSaveOnChange: { classPropertyName: "autoSaveOnChange", publicName: "autoSaveOnChange", isSignal: true, isRequired: false, transformFunction: null }, rowIsSelected: { classPropertyName: "rowIsSelected", publicName: "rowIsSelected", isSignal: true, isRequired: false, transformFunction: null }, rowIsExpanded: { classPropertyName: "rowIsExpanded", publicName: "rowIsExpanded", isSignal: true, isRequired: false, transformFunction: null }, rowEditing: { classPropertyName: "rowEditing", publicName: "rowEditing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveEditRowEmitter: "saveEditRowEmitter", cancelEditRowEmitter: "cancelEditRowEmitter", editRowEmitter: "editRowEmitter", deleteRowEmitter: "deleteRowEmitter", selectRowChange: "selectRowChange", fieldValueChanged: "fieldValueChanged" }, viewQueries: [{ propertyName: "matInput", first: true, predicate: MatInput, descendants: true }, { propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true }], ngImport: i0, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string' || column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [type]=\"column.rowEditType === 'string' ? 'text' : 'number'\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i12.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i7$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i7$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: i14.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableRowCellComponent, selector: "st-material-table-row-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: true, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: true, transformFunction: null }, rowDataCopy: { classPropertyName: "rowDataCopy", publicName: "rowDataCopy", isSignal: true, isRequired: false, transformFunction: null }, canEditRowValidator: { classPropertyName: "canEditRowValidator", publicName: "canEditRowValidator", isSignal: true, isRequired: false, transformFunction: null }, canDeleteRowValidator: { classPropertyName: "canDeleteRowValidator", publicName: "canDeleteRowValidator", isSignal: true, isRequired: false, transformFunction: null }, selectRowOnlyOne: { classPropertyName: "selectRowOnlyOne", publicName: "selectRowOnlyOne", isSignal: true, isRequired: false, transformFunction: null }, isFirstEditableColumn: { classPropertyName: "isFirstEditableColumn", publicName: "isFirstEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, autoSaveOnChange: { classPropertyName: "autoSaveOnChange", publicName: "autoSaveOnChange", isSignal: true, isRequired: false, transformFunction: null }, rowIsSelected: { classPropertyName: "rowIsSelected", publicName: "rowIsSelected", isSignal: true, isRequired: false, transformFunction: null }, rowIsExpanded: { classPropertyName: "rowIsExpanded", publicName: "rowIsExpanded", isSignal: true, isRequired: false, transformFunction: null }, rowEditing: { classPropertyName: "rowEditing", publicName: "rowEditing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveEditRowEmitter: "saveEditRowEmitter", cancelEditRowEmitter: "cancelEditRowEmitter", editRowEmitter: "editRowEmitter", deleteRowEmitter: "deleteRowEmitter", selectRowChange: "selectRowChange", fieldValueChanged: "fieldValueChanged" }, viewQueries: [{ propertyName: "matInput", first: true, predicate: MatInput, descendants: true }, { propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true }], ngImport: i0, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"text\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"number\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"onNumberFieldChange(column.field, $event)\"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i12.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i7$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i7$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: i14.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableRowCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'st-material-table-row-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string' || column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [type]=\"column.rowEditType === 'string' ? 'text' : 'number'\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"] }]
+            args: [{ selector: 'st-material-table-row-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (column().type || 'string') {\r\n  @case ('custom-template') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"column().customTemplate!\"\r\n        [ngTemplateOutletContext]=\"{ data: rowData(), rowIndex: rowIndex() }\"\r\n      ></ng-container>\r\n    }\r\n  }\r\n\r\n  @case ('actions') {\r\n    @if (column().actions) {\r\n      @if (\r\n        (!column().actionsInMenu && !mobileView()) ||\r\n        (mobileView() && column().actions!.length <= 1)\r\n      ) {\r\n        <div [ngStyle]=\"{ float: column().flexRight ? 'right' : 'none' }\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  class=\"action-icon-button\"\r\n                  type=\"button\"\r\n                  mat-icon-button\r\n                  [color]=\"\r\n                    actionIconColorDef[action.iconName]\r\n                      ? actionIconColorDef[action.iconName]\r\n                      : action.iconColor\r\n                  \"\r\n                  [matTooltip]=\"action.tooltipName || ''\"\r\n                  [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  (click)=\"\r\n                    $event.stopPropagation();\r\n                    action.action!(rowData(), rowIndex())\r\n                  \"\r\n                >\r\n                  <mat-icon>{{ action.iconName }}</mat-icon>\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button\r\n                    class=\"action-icon-button\"\r\n                    type=\"button\"\r\n                    mat-icon-button\r\n                    [color]=\"\r\n                      actionIconColorDef[action.iconName]\r\n                        ? actionIconColorDef[action.iconName]\r\n                        : action.iconColor\r\n                    \"\r\n                    [matTooltip]=\"action.tooltipName || ''\"\r\n                    [matTooltipDisabled]=\"!action.tooltipName\"\r\n                  >\r\n                    <mat-icon>{{ action.iconName }}</mat-icon>\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n      @if (\r\n        column().actionsInMenu || (mobileView() && column().actions!.length > 1)\r\n      ) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (action of column().actions; track action) {\r\n            @if ((action.show && action.show(rowData())) || !action.show) {\r\n              @if (!action.url && action.action) {\r\n                <button\r\n                  type=\"button\"\r\n                  mat-menu-item\r\n                  (click)=\"$event.stopPropagation(); action.action!(rowData())\"\r\n                >\r\n                  {{ action.tooltipName }}\r\n                </button>\r\n              }\r\n              @if (action.url) {\r\n                <a [routerLink]=\"action.url\">\r\n                  <button type=\"button\" mat-menu-item>\r\n                    {{ action.tooltipName }}\r\n                  </button>\r\n                </a>\r\n              }\r\n            }\r\n          }\r\n        </mat-menu>\r\n      }\r\n    }\r\n  }\r\n\r\n  @case ('string') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('number') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('boolean') {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n    ></ng-container>\r\n  }\r\n\r\n  @case ('date') {\r\n    @if (rowEditing() && column().allowEditColumn) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"baseFieldCell; context: { $implicit: column() }\"\r\n      ></ng-container>\r\n    } @else {\r\n      {{ rowData()[column().field] | stDateFormatPipe }}\r\n    }\r\n  }\r\n\r\n  @case ('actions-row-editing') {\r\n    <div class=\"row justify-content-end\">\r\n      @if (rowEditing()) {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"accent\"\r\n          (click)=\"saveRow()\"\r\n          [matTooltip]=\"'Save row'\"\r\n        >\r\n          <mat-icon>done</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"cancelRow()\"\r\n          [matTooltip]=\"'Cancel row'\"\r\n        >\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"primary\"\r\n          (click)=\"editRow()\"\r\n          [matTooltip]=\"'Edit row'\"\r\n          [disabled]=\"\r\n            canEditRowValidator() ? !canEditRowValidator()(rowData()) : false\r\n          \"\r\n        >\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          mat-icon-button\r\n          color=\"warn\"\r\n          (click)=\"deleteRow()\"\r\n          [matTooltip]=\"'Delete row'\"\r\n          [disabled]=\"\r\n            canDeleteRowValidator()\r\n              ? !canDeleteRowValidator()(rowData())\r\n              : false\r\n          \"\r\n        >\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @case ('actions-row-selecting') {\r\n    <!--    @if (selectRowOnlyOne()) {-->\r\n    <!--      <mat-radio-button-->\r\n    <!--        color=\"primary\"-->\r\n    <!--        (click)=\"$event.stopPropagation()\"-->\r\n    <!--        (change)=\"selectRow({ checked: true })\"-->\r\n    <!--        [checked]=\"rowIsSelected()\"-->\r\n    <!--      ></mat-radio-button>-->\r\n    <!--    } @else {-->\r\n    <mat-checkbox\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      (change)=\"selectRow($event)\"\r\n      [checked]=\"rowIsSelected()\"\r\n    ></mat-checkbox>\r\n    <!--    }-->\r\n  }\r\n\r\n  @case ('actions-row-extending') {\r\n    @if (rowIsExpanded()) {\r\n      <mat-icon>keyboard_arrow_up</mat-icon>\r\n    } @else {\r\n      <mat-icon>keyboard_arrow_down</mat-icon>\r\n    }\r\n  }\r\n}\r\n\r\n<ng-template #baseFieldCell let-column>\r\n  @if ((rowEditing() || autoSaveOnChange()) && column.allowEditColumn) {\r\n    @if (column.rowEditType === 'string') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"text\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'number') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          type=\"number\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"onNumberFieldChange(column.field, $event)\"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'date') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <input\r\n          matInput\r\n          [matDatepicker]=\"picker1\"\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          (keydown.enter)=\"!autoSaveOnChange() && saveRow()\"\r\n          [required]=\"column.editColumnRequired\"\r\n        />\r\n        <mat-datepicker-toggle\r\n          matIconSuffix\r\n          [for]=\"picker1\"\r\n        ></mat-datepicker-toggle>\r\n        <mat-datepicker #picker1></mat-datepicker>\r\n      </mat-form-field>\r\n    }\r\n    @if (column.rowEditType === 'boolean') {\r\n      <mat-checkbox\r\n        [(ngModel)]=\"\r\n          autoSaveOnChange()\r\n            ? rowData()[column.field]\r\n            : rowDataCopy()![column.field]\r\n        \"\r\n        (ngModelChange)=\"\r\n          autoSaveOnChange() && onFieldChange(column.field, $event)\r\n        \"\r\n      ></mat-checkbox>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          <mat-option value=\"\"></mat-option>\r\n          @for (option of column.customRowEditOptions; track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n\r\n    @if (column.rowEditType === 'custom-dynamic-select') {\r\n      <mat-form-field\r\n        appearance=\"outline\"\r\n        [ngStyle]=\"{ width: column.width || 'auto' }\"\r\n      >\r\n        <mat-select\r\n          [(ngModel)]=\"\r\n            autoSaveOnChange()\r\n              ? rowData()[column.field]\r\n              : rowDataCopy()![column.field]\r\n          \"\r\n          (ngModelChange)=\"\r\n            autoSaveOnChange() && onFieldChange(column.field, $event)\r\n          \"\r\n          [required]=\"column.editColumnRequired\"\r\n        >\r\n          @if (!column.editColumnRequired) {\r\n            <mat-option value=\"\"></mat-option>\r\n          }\r\n\r\n          @for (option of dynamicSelectOptions(); track option) {\r\n            <mat-option [value]=\"option.value\">\r\n              {{ option.label }}\r\n            </mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    }\r\n  } @else {\r\n    <div>\r\n      @if (column.translateValue) {\r\n        {{ column.translateValue![rowData()[column.field]] || '' }}\r\n      }\r\n      @if (column.customValueDisplay) {\r\n        {{ column.customValueDisplay(rowData()[column.field]) }}\r\n      }\r\n      @if (!column.translateValue && !column.customValueDisplay) {\r\n        {{ rowData()[column.field] }}\r\n      }\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: ["mat-form-field{padding:0 2px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { matInput: [{
                 type: ViewChild,
                 args: [MatInput]