@n-isi-platform/design-system 1.0.16 → 1.0.19

package/fesm2022/n-isi-platform-design-system.mjs

@@ -2562,9 +2562,7 @@ class FileUploadComponent {
     ButtonSize = ButtonSize;
     ButtonColor = ButtonColor;
     uploadedFiles = [];
-    // Max file size in bytes
     maxFileSize = 10000000;
-    // Total max file size in bytes
     totalMaxFileSize = 20000000;
     disabled = false;
     acceptFiles = undefined;
@@ -2955,6 +2953,7 @@ class ModalComponent {
     modal = false;
     body = 'Body content';
     position = 'top';
+    mode = 'create';
     btnLabel = 'Sem prebral/-a';
     btnColor = ButtonColor.success;
     btnIcon = 'pi pi-check';
@@ -3005,7 +3004,7 @@ class ModalComponent {
         this.changeVisibility(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [appendTo]=\"appendTo\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", mode: "mode", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\r\n          [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\r\n          [dismissableMask]=\"dismissableMask\"\r\n          [appendTo]=\"appendTo\"\r\n          [ngClass]=\"headerClassMap[headerColor]\" [closable]=\"closable\"\r\n          [footerTemplate]=\"isFooterVisible ? footer  : undefined\"\r\n          (onHide)=\"handleHide()\" closeTabindex=\"0\">\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<ng-template #footer>\r\n  <div class=\"w-full flex\"\r\n       [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\r\n    <lib-button\r\n      *ngIf=\"hasLeftButton\"\r\n      [disabled]=\"leftDisabled\"\r\n      (click)=\"leftButtonClick($event)\"\r\n      [label]=\"leftBtnLabel\"\r\n      [color]=\"leftBtnColor\"\r\n      [icon]=\"leftBtnIcon\"\r\n      [hasIcon]=\"leftHasIcon\"\r\n    ></lib-button>\r\n    <lib-button\r\n      [disabled]=\"disabled\"\r\n      (click)=\"buttonCloseModal($event)\"\r\n      [label]=\"btnLabel\"\r\n      [color]=\"btnColor\"\r\n      [icon]=\"btnIcon\"\r\n      [hasIcon]=\"hasIcon\"\r\n    ></lib-button>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width: 768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
@@ -3041,6 +3040,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], position: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }], btnLabel: [{
                 type: Input
             }], btnColor: [{
@@ -3398,7 +3399,7 @@ class TableColumnSelectComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, deps: [{ token: LocalStorageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\r\n\r\n<lib-modal\r\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\r\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\r\n  [(visible)]=\"visible\"\r\n  [closable]=\"true\"\r\n  [modal]=\"true\"\r\n  width=\"30vw\"\r\n  (buttonClickEvent)=\"changeValue()\"\r\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\r\n</lib-modal>\r\n\r\n<ng-template class=\"modal-content\" #dynamicContentCollection>\r\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\r\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\r\n    </lib-button>\r\n    <div class=\"flex gap-2\">\r\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \r\n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\r\n    </div>\r\n  </div>\r\n  \r\n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\r\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\r\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \r\n      <h4>{{item.items[0].header}}</h4>\r\n    </div>        \r\n  </div>\r\n</ng-template>\r\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "appendTo", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\r\n\r\n<lib-modal\r\n  header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\r\n  btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\r\n  [(visible)]=\"visible\"\r\n  [closable]=\"true\"\r\n  [modal]=\"true\"\r\n  width=\"30vw\"\r\n  (buttonClickEvent)=\"changeValue()\"\r\n  [dynamicContentTemplate]=\"dynamicContentCollection\">\r\n</lib-modal>\r\n\r\n<ng-template class=\"modal-content\" #dynamicContentCollection>\r\n  <div class=\"flex w-full justify-content-between align-items-center gap-2\">\r\n    <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\r\n    </lib-button>\r\n    <div class=\"flex gap-2\">\r\n      <p-checkbox [binary]=\"true\"  [(ngModel)]=\"enableResizableColumns\" />  \r\n      <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\r\n    </div>\r\n  </div>\r\n  \r\n  <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\r\n    <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\"  pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\r\n      <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" />          \r\n      <h4>{{item.items[0].header}}</h4>\r\n    </div>        \r\n  </div>\r\n</ng-template>\r\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "mode", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "appendTo", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, decorators: [{
             type: Component,