@progress-chef/platform-shared-components 0.0.131 → 0.0.133

package/fesm2022/progress-chef-platform-shared-components.mjs

@@ -21,27 +21,27 @@ import * as i3$1 from '@progress/kendo-angular-inputs';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import * as i3$2 from '@progress/kendo-angular-label';
 import { LabelModule, FloatingLabelModule } from '@progress/kendo-angular-label';
-import * as i2$4 from '@progress/kendo-angular-tooltip';
-import { TooltipsModule } from '@progress/kendo-angular-tooltip';
-import * as i2$5 from '@progress/kendo-angular-dateinputs';
+import * as i11 from '@progress/kendo-angular-tooltip';
+import { TooltipsModule, PopoverModule } from '@progress/kendo-angular-tooltip';
+import * as i2$4 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import * as i1$1 from '@progress/kendo-angular-utils';
 import { DragTargetContainerDirective, DropTargetContainerDirective, UtilsModule } from '@progress/kendo-angular-utils';
-import * as i2$6 from '@progress/kendo-angular-listview';
+import * as i2$5 from '@progress/kendo-angular-listview';
 import { ListViewModule } from '@progress/kendo-angular-listview';
 import * as i3$4 from '@progress/kendo-angular-icons';
 import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i1$2 from '@progress/kendo-angular-indicators';
 import { IndicatorsModule } from '@progress/kendo-angular-indicators';
 import { trigger, transition, style, animate } from '@angular/animations';
-import * as i2$7 from '@progress/kendo-angular-progressbar';
+import * as i2$6 from '@progress/kendo-angular-progressbar';
 import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
 import { Subject, Subscription, tap, map } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import * as i2$8 from '@progress/kendo-angular-upload';
+import * as i2$7 from '@progress/kendo-angular-upload';
 import { UploadsModule } from '@progress/kendo-angular-upload';
 import { HttpClientModule } from '@angular/common/http';
-import * as i2$9 from '@progress/kendo-angular-dialog';
+import * as i2$8 from '@progress/kendo-angular-dialog';
 import { DialogsModule, DialogModule as DialogModule$1 } from '@progress/kendo-angular-dialog';
 import * as i6 from '@progress/kendo-angular-grid';
 import { GridComponent, GridModule } from '@progress/kendo-angular-grid';
@@ -846,7 +846,7 @@ class TooltipComponent {
         this.themesService = themesService;
         this.position = 'right';
         this.showOn = 'hover';
-        this.closable = true;
+        this.closable = false;
         this.title = 'tool';
     }
     onDocumentClick($event) {
@@ -858,7 +858,7 @@ class TooltipComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipComponent, selector: "lib-tooltip", inputs: { position: "position", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", showOn: "showOn", closable: "closable", title: "title", callout: "callout" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltip=\"kendoTooltip\" kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n  [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n  <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2$4.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipComponent, selector: "lib-tooltip", inputs: { position: "position", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", showOn: "showOn", closable: "closable", title: "title", callout: "callout" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltip=\"kendoTooltip\" kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n  [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n  <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i11.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
@@ -1180,7 +1180,7 @@ class DateRangeComponent {
         this.modelChange.emit(ev);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2$5.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2$5.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2$5.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2$5.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3$2.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2$4.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2$4.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2$4.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2$4.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3$2.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
@@ -1281,7 +1281,7 @@ class DatepickerComponent {
         this.onCloseEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
@@ -2139,7 +2139,7 @@ class ListViewComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n  containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$6.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$6.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$6.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$6.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$6.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\" (scrollBottom)=\"onScrollToBottom()\"\n  containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\" let-index=\"index\" *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem, index: index}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}.k-listview{background-color:none;border:none}.k-listview-header{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$5.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$5.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$5.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$5.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$5.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
@@ -2638,7 +2638,7 @@ class ProgressBarComponent {
         this.value = 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value" }, ngImport: i0, template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$7.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value" }, ngImport: i0, template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$6.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
@@ -3411,7 +3411,7 @@ class TimePickerComponent {
         this.onCloseEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimePickerComponent, selector: "lib-time-picker", inputs: { isDisabled: "isDisabled", readonly: "readonly", incompleteDateValidation: "incompleteDateValidation", value: "value", format: "format", steps: "steps", allowCaretMode: "allowCaretMode", placeholder: "placeholder", fillMode: "fillMode", rounded: "rounded", size: "size", adaptiveMode: "adaptiveMode", control: "control", id: "id" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n", styles: [""], dependencies: [{ kind: "component", type: i2$5.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimePickerComponent, selector: "lib-time-picker", inputs: { isDisabled: "isDisabled", readonly: "readonly", incompleteDateValidation: "incompleteDateValidation", value: "value", format: "format", steps: "steps", allowCaretMode: "allowCaretMode", placeholder: "placeholder", fillMode: "fillMode", rounded: "rounded", size: "size", adaptiveMode: "adaptiveMode", control: "control", id: "id" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n", styles: [""], dependencies: [{ kind: "component", type: i2$4.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimePickerComponent, decorators: [{
             type: Component,
@@ -3517,7 +3517,7 @@ class TimeschedulerComponent {
         this.onOpenEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimeschedulerComponent, selector: "lib-timescheduler", inputs: { model: "model", size: "size", rounded: "rounded", fillMode: "fillMode", format: "format", isDisabled: "isDisabled", readonly: "readonly", placeholder: "placeholder", control: "control", min: "min", max: "max", disabledDates: "disabledDates", popupSettings: "popupSettings" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [min]=\"min\" [max]=\"max\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n  [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\" (open)=\"onOpen($event)\"\n  [disabledDates]=\"disabledDates\" [popupSettings]=\"popupSettings\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}\n"], dependencies: [{ kind: "component", type: i2$5.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimeschedulerComponent, selector: "lib-timescheduler", inputs: { model: "model", size: "size", rounded: "rounded", fillMode: "fillMode", format: "format", isDisabled: "isDisabled", readonly: "readonly", placeholder: "placeholder", control: "control", min: "min", max: "max", disabledDates: "disabledDates", popupSettings: "popupSettings" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [min]=\"min\" [max]=\"max\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n  [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\" (open)=\"onOpen($event)\"\n  [disabledDates]=\"disabledDates\" [popupSettings]=\"popupSettings\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}\n"], dependencies: [{ kind: "component", type: i2$4.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeschedulerComponent, decorators: [{
             type: Component,
@@ -3714,7 +3714,7 @@ class UploaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UploaderComponent, selector: "lib-uploader", inputs: { uploadSaveUrl: "uploadSaveUrl", uploadRemoveUrl: "uploadRemoveUrl", control: "control", model: "model", isDisabled: "isDisabled", hasExternalDropzone: "hasExternalDropzone", showFileList: "showFileList", autoUpload: "autoUpload", showDefaultActionButtons: "showDefaultActionButtons", actionsLayout: "actionsLayout", multiple: "multiple", batch: "batch", concurrent: "concurrent", withCredentials: "withCredentials", restrictions: "restrictions", chunkSettings: "chunkSettings" }, outputs: { onRemoveEvent: "onRemoveEvent", onCancelEvent: "onCancelEvent", onUploadEvent: "onUploadEvent", onResumeEvent: "onResumeEvent", onSelectEvent: "onSelectEvent", onSuccessEvent: "onSuccessEvent", onUploadProgressEvent: "onUploadProgressEvent", onValueChangeEvent: "onValueChangeEvent", onErrorEvent: "onErrorEvent", onPauseEvent: "onPauseEvent", onCompleteEvent: "onCompleteEvent", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onclearEvent: "onclearEvent" }, queries: [{ propertyName: "fileTemplate", first: true, predicate: ["uploadTemplate"], descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: ["uploadInfoTemplate"], descendants: true }], viewQueries: [{ propertyName: "kendoUpload", first: true, predicate: ["libUploader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n  {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n  [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n  [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n  [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n  (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n  (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n  (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n  (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n  (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n  <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n  <ng-template *ngIf=\"fileInfoTemplate\" kendoUploadFileInfoTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n</kendo-upload>\n", styles: [":host ::ng-deep .custom-upload .k-actions{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$8.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "directive", type: i2$8.FileInfoTemplateDirective, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]" }, { kind: "component", type: i2$8.UploadDropZoneComponent, selector: "kendo-uploaddropzone", inputs: ["zoneId", "icon", "iconClass", "svgIcon"], exportAs: ["kendoUploadDropZone"] }, { kind: "component", type: i2$8.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UploaderComponent, selector: "lib-uploader", inputs: { uploadSaveUrl: "uploadSaveUrl", uploadRemoveUrl: "uploadRemoveUrl", control: "control", model: "model", isDisabled: "isDisabled", hasExternalDropzone: "hasExternalDropzone", showFileList: "showFileList", autoUpload: "autoUpload", showDefaultActionButtons: "showDefaultActionButtons", actionsLayout: "actionsLayout", multiple: "multiple", batch: "batch", concurrent: "concurrent", withCredentials: "withCredentials", restrictions: "restrictions", chunkSettings: "chunkSettings" }, outputs: { onRemoveEvent: "onRemoveEvent", onCancelEvent: "onCancelEvent", onUploadEvent: "onUploadEvent", onResumeEvent: "onResumeEvent", onSelectEvent: "onSelectEvent", onSuccessEvent: "onSuccessEvent", onUploadProgressEvent: "onUploadProgressEvent", onValueChangeEvent: "onValueChangeEvent", onErrorEvent: "onErrorEvent", onPauseEvent: "onPauseEvent", onCompleteEvent: "onCompleteEvent", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onclearEvent: "onclearEvent" }, queries: [{ propertyName: "fileTemplate", first: true, predicate: ["uploadTemplate"], descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: ["uploadInfoTemplate"], descendants: true }], viewQueries: [{ propertyName: "kendoUpload", first: true, predicate: ["libUploader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n  {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n  [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n  [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n  [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n  (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n  (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n  (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n  (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n  (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n  <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n  <ng-template *ngIf=\"fileInfoTemplate\" kendoUploadFileInfoTemplate let-files let-state=\"state\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate; context: { $implicit: { files: files, state: state } }\">\n    </ng-container>\n  </ng-template>\n</kendo-upload>\n", styles: [":host ::ng-deep .custom-upload .k-actions{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$7.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "directive", type: i2$7.FileInfoTemplateDirective, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]" }, { kind: "component", type: i2$7.UploadDropZoneComponent, selector: "kendo-uploaddropzone", inputs: ["zoneId", "icon", "iconClass", "svgIcon"], exportAs: ["kendoUploadDropZone"] }, { kind: "component", type: i2$7.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, decorators: [{
             type: Component,
@@ -4234,7 +4234,7 @@ class DialogComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n  <kendo-dialog\n    *ngIf=\"opened\"\n    [width]=\"width\"\n    [height]=\"height\"\n    [minWidth]=\"minWidth\"\n    [maxWidth]=\"maxWidth\"\n    [minHeight]=\"minHeight\"\n    [maxHeight]=\"maxHeight\">\n    <div #contentRef>\n      <ng-content></ng-content>\n    </div>\n  </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$9.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n  <kendo-dialog\n    *ngIf=\"opened\"\n    [width]=\"width\"\n    [height]=\"height\"\n    [minWidth]=\"minWidth\"\n    [maxWidth]=\"maxWidth\"\n    [minHeight]=\"minHeight\"\n    [maxHeight]=\"maxHeight\">\n    <div #contentRef>\n      <ng-content></ng-content>\n    </div>\n  </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$8.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
@@ -4277,7 +4277,7 @@ class DialogTitlebarComponent {
         return this.hideCloseIcon ? 'dialog-title' : undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n  <lib-typography\n    [defaultText]=\"title\"\n    [type]=\"titleFont\"\n  ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$9.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n  <lib-typography\n    [defaultText]=\"title\"\n    [type]=\"titleFont\"\n  ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$8.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitlebarComponent, decorators: [{
             type: Component,
@@ -4297,7 +4297,7 @@ class DialogActionsComponent {
         this.buttonLayout = 'start';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: { buttonLayout: "buttonLayout" }, ngImport: i0, template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n  <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$9.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: { buttonLayout: "buttonLayout" }, ngImport: i0, template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n  <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$8.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
@@ -4603,6 +4603,7 @@ class GridPaginationComponent {
         this.allPagesSelected = false;
         this.previousSelectAllState = 'unchecked';
         this.onSelectAllAcrossPages = new EventEmitter();
+        this.aiQuestions = [];
         this.columnData = [];
         this.pageSize = 0;
         this.pageable = false;
@@ -4994,11 +4995,13 @@ class GridPaginationComponent {
     refreshGridData() {
         this.emitRefreshEvt.emit();
     }
-    onChefyClick(e, dataItem) {
+    onChefyClick(e, dataItem, query = null) {
         e.stopPropagation();
         const customEvent = new CustomEvent('gridChefyClick', {
             detail: {
-                dataItem: dataItem
+                itemName: this.itemName,
+                dataItem: dataItem,
+                query: query
             },
             bubbles: true,
             cancelable: true
@@ -5007,11 +5010,11 @@ class GridPaginationComponent {
         document.dispatchEvent(customEvent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.DomSanitizer }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridPaginationComponent, selector: "lib-grid-pagination", inputs: { skip: "skip", itemName: "itemName", showSelectAllMessage: "showSelectAllMessage", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", gridHeight: "gridHeight", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", selectColumn: "selectColumn", preSelected: "preSelected", gridView: "gridView", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", sort: "sort", hasApiSorting: "hasApiSorting", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", sizes: "sizes", pageCount: "pageCount", showDeleteColumn: "showDeleteColumn", hideKebabRowIndex: "hideKebabRowIndex", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", disablePreSelectedRows: "disablePreSelectedRows", allowEditingCell: "allowEditingCell", columnContentNoWrap: "columnContentNoWrap", infiniteScrollLoader: "infiniteScrollLoader", isInfiniteScrollGrid: "isInfiniteScrollGrid", gridLoading: "gridLoading", minResizableWidth: "minResizableWidth", showRefresh: "showRefresh", isKebabColumnSticky: "isKebabColumnSticky", isCheckBoxColumnSticky: "isCheckBoxColumnSticky", isDeleteColumnSticky: "isDeleteColumnSticky", isSelectAllCheckboxRequired: "isSelectAllCheckboxRequired" }, outputs: { onSelectAllAcrossPages: "onSelectAllAcrossPages", selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData", updatedData: "updatedData", onscrollBottom: "onscrollBottom", emitRefreshEvt: "emitRefreshEvt" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }, { propertyName: "columnTemplates", predicate: CustomColumnTemplate }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true }, { propertyName: "selectAllMessageElement", first: true, predicate: ["selectAllMessageElement"], descendants: true }], ngImport: i0, template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData; let i = index\" [field]=\"item.field\"\n        [title]=\"item.title\" [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\"\n        [sortable]=\"item.sortable\" [editor]=\"item.editor\" [class]=\"item.class\"\n        [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <!-- <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n          <div class=\"first-custom-column\">\n            <lib-typography type=\"BODY_MEDIUM\">{{dataItem?.[item.field]}}</lib-typography>\n            <lib-button class=\"chefy\" size=\"small\" rounded=\"full\" (buttonClick)=\"onChefyClick($event, dataItem)\" fillMode=\"solid\"\n              themeColor=\"primary\" label=\"Chefy\" />\n          </div>\n        </ng-template> -->\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip position=\"bottom\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Ask Chef AI\"\n                [ngStyle]=\"{ 'white-space': 'nowrap', overflow: 'none', 'width': '100px' }\"></lib-typography>\n            </div>\n            <img [src]=\"kebabIconSafeUrl\"\n              [ngStyle]=\"{ width: '1.75rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n              (click)=\"onChefyClick($event, dataItem)\" />\n          </lib-tooltip>\n          <div *ngIf=\"kebabList?.length > 0\">\n            <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n              [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n              [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n            </kendo-dropdownbutton>\n          </div>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}::ng-deep .first-custom-column{position:relative}::ng-deep .first-custom-column .chefy{display:none;position:absolute;right:0;opacity:0;transition:opacity .2s ease}::ng-deep .first-custom-column .chefy .btn-padding{padding:.125rem .25rem}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover .first-custom-column .chefy{display:inline-block;opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2$3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i6.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i6.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i6.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i6.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i6.LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]" }, { kind: "directive", type: i6.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "directive", type: i6.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "component", type: i6.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i6.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i6.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i6.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: i6.PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "directive", type: i6.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "component", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer" }, { kind: "pipe", type: KebabMenuFilterPipe, name: "kebabMenuFilter" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridPaginationComponent, selector: "lib-grid-pagination", inputs: { skip: "skip", itemName: "itemName", showSelectAllMessage: "showSelectAllMessage", aiQuestions: "aiQuestions", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", gridHeight: "gridHeight", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", selectColumn: "selectColumn", preSelected: "preSelected", gridView: "gridView", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", sort: "sort", hasApiSorting: "hasApiSorting", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", sizes: "sizes", pageCount: "pageCount", showDeleteColumn: "showDeleteColumn", hideKebabRowIndex: "hideKebabRowIndex", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", disablePreSelectedRows: "disablePreSelectedRows", allowEditingCell: "allowEditingCell", columnContentNoWrap: "columnContentNoWrap", infiniteScrollLoader: "infiniteScrollLoader", isInfiniteScrollGrid: "isInfiniteScrollGrid", gridLoading: "gridLoading", minResizableWidth: "minResizableWidth", showRefresh: "showRefresh", isKebabColumnSticky: "isKebabColumnSticky", isCheckBoxColumnSticky: "isCheckBoxColumnSticky", isDeleteColumnSticky: "isDeleteColumnSticky", isSelectAllCheckboxRequired: "isSelectAllCheckboxRequired" }, outputs: { onSelectAllAcrossPages: "onSelectAllAcrossPages", selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData", updatedData: "updatedData", onscrollBottom: "onscrollBottom", emitRefreshEvt: "emitRefreshEvt" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }, { propertyName: "columnTemplates", predicate: CustomColumnTemplate }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true }, { propertyName: "selectAllMessageElement", first: true, predicate: ["selectAllMessageElement"], descendants: true }], ngImport: i0, template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData; let i = index\" [field]=\"item.field\"\n        [title]=\"item.title\" [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\"\n        [sortable]=\"item.sortable\" [editor]=\"item.editor\" [class]=\"item.class\"\n        [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <!-- <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n          <div class=\"first-custom-column\">\n            <lib-typography type=\"BODY_MEDIUM\">{{dataItem?.[item.field]}}</lib-typography>\n            <lib-button class=\"chefy\" size=\"small\" rounded=\"full\" (buttonClick)=\"onChefyClick($event, dataItem)\" fillMode=\"solid\"\n              themeColor=\"primary\" label=\"Chefy\" />\n          </div>\n        </ng-template> -->\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <div *ngIf=\"aiQuestions?.length > 0\">\n            <div kendoPopoverAnchor [popover]=\"actionPopover\" showOn=\"hover\">\n              <img [src]=\"kebabIconSafeUrl\" alt=\"Ask Chef AI\"\n                [ngStyle]=\"{ width: '1.75rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n                (click)=\"onChefyClick($event, dataItem)\" />\n            </div>\n            <div>\n              <kendo-popover #actionPopover appendTo=\"body\" [width]=\"200\" [offset]=\"-5\" position=\"bottom\"\n                popupClass=\"chef-ai-menu\" [callout]=\"false\">\n                <ng-template kendoPopoverBodyTemplate>\n                  <div class=\"recommendations\" *ngFor=\"let question of aiQuestions\" (click)=\"onChefyClick($event, dataItem, question)\">\n                    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"question\"></lib-typography>\n                  </div>\n                  <div class=\"recommendations action-item\">\n                    <img [src]=\"kebabIconSafeUrl\" alt=\"Ask Chef AI\"\n                      [ngStyle]=\"{ width: '1.5rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n                      (click)=\"onChefyClick($event, dataItem)\" />\n                    <lib-typography type=\"BODY_MEDIUM\" defaultText=\"Start New Conversation\"></lib-typography>\n                  </div>\n                </ng-template>\n              </kendo-popover>\n            </div>\n          </div>\n          <div *ngIf=\"aiQuestions?.length === 0\">\n            <img [src]=\"kebabIconSafeUrl\" alt=\"Ask Chef AI\"\n              [ngStyle]=\"{ width: '1.75rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n              (click)=\"onChefyClick($event, dataItem)\" />\n          </div>\n          <div *ngIf=\"kebabList?.length > 0\">\n            <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n              [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n              [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n            </kendo-dropdownbutton>\n          </div>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}::ng-deep .first-custom-column{position:relative}::ng-deep .first-custom-column .chefy{display:none;position:absolute;right:0;opacity:0;transition:opacity .2s ease}::ng-deep .first-custom-column .chefy .btn-padding{padding:.125rem .25rem}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover .first-custom-column .chefy{display:inline-block;opacity:1}::ng-deep kendo-popover .k-popover-body{padding:0!important}::ng-deep kendo-popover .k-popover-callout.k-callout-n{top:.5rem!important}::ng-deep kendo-popover .recommendations{border-bottom:1px solid #dee2e6;padding:.25rem .5rem;cursor:pointer}::ng-deep kendo-popover .recommendations:hover{background-color:#f3f3f3}::ng-deep kendo-popover .recommendations.action-item{padding:.25rem;color:#0069ff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i2$3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i6.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i6.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i6.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i6.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i6.LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]" }, { kind: "directive", type: i6.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "directive", type: i6.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "component", type: i6.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i6.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i6.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i6.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: i6.PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "directive", type: i6.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }, { kind: "directive", type: i11.PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]" }, { kind: "directive", type: i11.PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", exportAs: ["kendoPopoverAnchor"] }, { kind: "component", type: i11.PopoverComponent, selector: "kendo-popover", inputs: ["position", "offset", "width", "height", "title", "subtitle", "body", "callout", "animation", "templateData"], outputs: ["show", "shown", "hide", "hidden", "closeOnKeyDown"] }, { kind: "component", type: GridPaginationSpacerComponent, selector: "lib-grid-pagination-spacer" }, { kind: "pipe", type: KebabMenuFilterPipe, name: "kebabMenuFilter" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-grid-pagination', template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData; let i = index\" [field]=\"item.field\"\n        [title]=\"item.title\" [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\"\n        [sortable]=\"item.sortable\" [editor]=\"item.editor\" [class]=\"item.class\"\n        [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <!-- <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n          <div class=\"first-custom-column\">\n            <lib-typography type=\"BODY_MEDIUM\">{{dataItem?.[item.field]}}</lib-typography>\n            <lib-button class=\"chefy\" size=\"small\" rounded=\"full\" (buttonClick)=\"onChefyClick($event, dataItem)\" fillMode=\"solid\"\n              themeColor=\"primary\" label=\"Chefy\" />\n          </div>\n        </ng-template> -->\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip position=\"bottom\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Ask Chef AI\"\n                [ngStyle]=\"{ 'white-space': 'nowrap', overflow: 'none', 'width': '100px' }\"></lib-typography>\n            </div>\n            <img [src]=\"kebabIconSafeUrl\"\n              [ngStyle]=\"{ width: '1.75rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n              (click)=\"onChefyClick($event, dataItem)\" />\n          </lib-tooltip>\n          <div *ngIf=\"kebabList?.length > 0\">\n            <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n              [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n              [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n            </kendo-dropdownbutton>\n          </div>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}::ng-deep .first-custom-column{position:relative}::ng-deep .first-custom-column .chefy{display:none;position:absolute;right:0;opacity:0;transition:opacity .2s ease}::ng-deep .first-custom-column .chefy .btn-padding{padding:.125rem .25rem}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover .first-custom-column .chefy{display:inline-block;opacity:1}\n"] }]
+            args: [{ selector: 'lib-grid-pagination', template: "<div #gridElement [ngClass]=\"columnContentNoWrap ? 'column-content-nowrap' : ''\">\n  <kendo-grid [data]=\"_gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n    [pageable]=\"pageable\" [sortable]=\"sortable\" [loading]=\"gridLoading\" [groupable]=\"groupable\"\n    [reorderable]=\"reorderable\" [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\"\n    [height]=\"gridHeight\" (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n    [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"_preSelected\"\n    (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\"\n    [sort]=\"sort\" (sortChange)=\"sortChange($event)\" (scrollBottom)=\"scrollBottom()\" [ngClass]=\"getHeaderHeight()\"\n    id=\"lib-grid\" [rowClass]=\"rowClass\">\n    <div #selectAllMessageElement>\n      <div class=\"lib-grid-select-all-message-container\"\n        *ngIf=\"((selectedItemCount < _gridView.total) || allPagesSelected)\">\n        <div *ngIf=\"(selectedItemCount < _gridView.total)\" class=\"lib-grid-select-all-message\">\n          <lib-typography [defaultText]=\"'All '+selectedItemCount+' '+itemName+' on this page are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(true)\" class=\"select-all-handler\"\n              [defaultText]=\"'Select all '+_gridView.total+' '+itemName+' from all pages'\"\n              type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n        <div *ngIf=\"allPagesSelected\" class=\"lib-grid-select-all-message\">\n          <lib-icon name=\"circle-checked\" class=\"all-selected-icon\"></lib-icon>\n          <lib-typography [defaultText]=\"'All '+_gridView.total+' '+itemName+' across all pages are selected.'\"\n            type=\"BODY_SMALL\"></lib-typography>\n          <u><lib-typography (click)=\"selectAcrossPages(false)\" class=\"select-all-handler\"\n              [defaultText]=\"'Clear selection'\" type=\"BODY_SMALL\"></lib-typography></u>\n        </div>\n      </div>\n    </div>\n    <ng-template kendoGridToolbarTemplate [position]=\"getPosition()\" let-position=\"position\">\n      <ng-container *ngIf=\"showToolbar && position === 'top'\">\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"showRefresh\">\n          <ng-container *ngTemplateOutlet=\"showRefreshTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"infiniteScrollLoader && position === 'bottom'\">\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n        <lib-grid-pagination-spacer></lib-grid-pagination-spacer>\n      </ng-container>\n    </ng-template>\n\n    <ng-template #showRefreshTemplate>\n      <lib-tooltip position=\"top\" showOn=\"hover\" [tooltipWidth]=\"68\" [callout]=\"true\">\n        <div class=\"tooltip-content\">\n          <lib-typography defaultText=\"Refresh\"></lib-typography>\n        </div>\n        <lib-button size=\"small\" width=\"2.4rem\" rounded=\"small\" fillMode=\"solid\" themeColor=\"primary\" iconName=\"reset\"\n          [toggleable]=\"false\" (buttonClick)=\"refreshGridData()\" [iconButton]=\"true\" [iconFontSize]=\"13\"></lib-button>\n      </lib-tooltip>\n    </ng-template>\n\n    <ng-template kendoGridLoadingTemplate>\n      <div class=\"k-loading-color\"></div>\n      <div class=\"loading-container\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n\n    <ng-template *ngIf=\"this._gridView.total === 0\" kendoGridNoRecordsTemplate>\n      <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n      <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n    <ng-container *ngIf=\"this._gridView.total > 0\">\n      <kendo-grid-checkbox-column #selectAllCheckbox headerClass=\"select-all-header\" *ngIf=\"checkBoxRequired\"\n        [width]=\"checkBoxWidth\" [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n        class=\"checkbox-column\" [sticky]=\"isCheckBoxColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridHeaderTemplate *ngIf=\"isSelectAllCheckboxRequired\">\n          <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n            [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n        </ng-template>\n      </kendo-grid-checkbox-column>\n\n      <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData; let i = index\" [field]=\"item.field\"\n        [title]=\"item.title\" [width]=\"item.columnWidth\" [minResizableWidth]=\"minResizableWidth\"\n        [sortable]=\"item.sortable\" [editor]=\"item.editor\" [class]=\"item.class\"\n        [sticky]=\"item.columnSticky && !customExpandRowColumn\">\n\n        <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n          {{item.title}}\n          <span *ngIf=\"sort[0].field === item.field\">\n            <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n            <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n          </span>\n        </ng-template>\n\n        <!-- <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n          <div class=\"first-custom-column\">\n            <lib-typography type=\"BODY_MEDIUM\">{{dataItem?.[item.field]}}</lib-typography>\n            <lib-button class=\"chefy\" size=\"small\" rounded=\"full\" (buttonClick)=\"onChefyClick($event, dataItem)\" fillMode=\"solid\"\n              themeColor=\"primary\" label=\"Chefy\" />\n          </div>\n        </ng-template> -->\n\n        <ng-template *ngIf=\"item.customColumn\" kendoGridCellTemplate let-dataItem>\n          <ng-container [ngTemplateOutlet]=\"columnTemplateDict[item.type]\"\n            [ngTemplateOutletContext]=\"{$implicit: dataItem}\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\"\n        [sticky]=\"isDeleteColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n            <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n            <div class=\"tooltip-content\">\n              <lib-typography defaultText=\"Remove\"></lib-typography>\n            </div>\n          </lib-tooltip>\n        </ng-template>\n      </kendo-grid-column>\n\n      <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\"\n        [sticky]=\"isKebabColumnSticky && !customExpandRowColumn\">\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n          <div *ngIf=\"aiQuestions?.length > 0\">\n            <div kendoPopoverAnchor [popover]=\"actionPopover\" showOn=\"hover\">\n              <img [src]=\"kebabIconSafeUrl\" alt=\"Ask Chef AI\"\n                [ngStyle]=\"{ width: '1.75rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n                (click)=\"onChefyClick($event, dataItem)\" />\n            </div>\n            <div>\n              <kendo-popover #actionPopover appendTo=\"body\" [width]=\"200\" [offset]=\"-5\" position=\"bottom\"\n                popupClass=\"chef-ai-menu\" [callout]=\"false\">\n                <ng-template kendoPopoverBodyTemplate>\n                  <div class=\"recommendations\" *ngFor=\"let question of aiQuestions\" (click)=\"onChefyClick($event, dataItem, question)\">\n                    <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"question\"></lib-typography>\n                  </div>\n                  <div class=\"recommendations action-item\">\n                    <img [src]=\"kebabIconSafeUrl\" alt=\"Ask Chef AI\"\n                      [ngStyle]=\"{ width: '1.5rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n                      (click)=\"onChefyClick($event, dataItem)\" />\n                    <lib-typography type=\"BODY_MEDIUM\" defaultText=\"Start New Conversation\"></lib-typography>\n                  </div>\n                </ng-template>\n              </kendo-popover>\n            </div>\n          </div>\n          <div *ngIf=\"aiQuestions?.length === 0\">\n            <img [src]=\"kebabIconSafeUrl\" alt=\"Ask Chef AI\"\n              [ngStyle]=\"{ width: '1.75rem', cursor: 'pointer', position: 'relative', top: '-2px' }\"\n              (click)=\"onChefyClick($event, dataItem)\" />\n          </div>\n          <div *ngIf=\"kebabList?.length > 0\">\n            <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n              [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n              [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n            </kendo-dropdownbutton>\n          </div>\n        </ng-template>\n      </kendo-grid-column>\n    </ng-container>\n\n    <!-- Limitation: detail template and sticky columns do not co-exist-->\n    <ng-template *ngIf=\"customExpandRowColumn\" kendoGridDetailTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n    </ng-template>\n\n    <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n      <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n        <div [ngClass]=\"expandColumnClass()\">\n          <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n            class=\"expand-column-text\">\n            Already added\n          </span>\n          <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n            (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n          <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n            (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n          </kendo-button>\n        </div>\n      </ng-template>\n    </kendo-grid-column>\n\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n      <div class=\"pagination-wrapper\" [ngClass]=\"allPagesSelected ? 'pagination-disabled' : ''\">\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n        <kendo-pager-numeric-buttons [buttonCount]=\"_pageCount\"></kendo-pager-numeric-buttons>\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\n        <kendo-pager-info></kendo-pager-info>\n        <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n      </div>\n    </ng-template>\n\n  </kendo-grid>\n</div>\n", styles: [".loading-container{height:100%;display:flex;justify-content:center;align-items:center}::ng-deep .k-grid tr{height:50px}::ng-deep .pagination-wrapper{display:flex;width:100%}::ng-deep .pagination-disabled{color:#6c6f72!important;pointer-events:none}::ng-deep .lib-grid-select-all-message-container{height:2rem;display:none;gap:.25rem;justify-content:center;align-items:center;background-color:#eceff5!important;font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .lib-grid-select-all-message-container .select-all-handler{cursor:pointer}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message{display:flex;gap:.25rem}::ng-deep .lib-grid-select-all-message-container .lib-grid-select-all-message .all-selected-icon{color:#198038}::ng-deep .disabled{cursor:none!important;pointer-events:none;opacity:.5}::ng-deep .lib-grid-select-all-message-show{display:flex!important}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important;border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:2px!important;border-right:0px!important;border-left:0px!important;cursor:default!important}::ng-deep .k-grid .k-table-th .k-cell-inner,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner{padding-right:.5rem;border-right:2px solid #C2D2F3!important}::ng-deep .k-grid .k-table-th .k-cell-inner .k-link,::ng-deep .k-grid .k-table-th.k-sorted .k-cell-inner .k-link{cursor:default!important}::ng-deep .k-grid .k-table-th:focus,::ng-deep .k-grid .k-table-th.k-sorted:focus{box-shadow:none!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-grid .k-table-row.k-disabled>.k-table-td{background-color:#fff!important}::ng-deep .k-grid .k-table-td{border-bottom-color:#ebecec!important;border-bottom-style:solid!important;border-bottom-width:1px!important;border-right:0px!important;border-left:0px!important}::ng-deep .k-grid td,::ng-deep .k-grid .k-table-td{white-space:nowrap!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep .k-pager{border-style:none!important}::ng-deep .k-input-value-text{overflow:unset!important}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:.5rem}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{background-color:#f4f8fa!important;padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grouping-header{background-color:#eceff5!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:54px;background-color:#eceff5!important}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}::ng-deep .column-cursor-pointer{cursor:pointer}::ng-deep .column-content-nowrap .k-grid .k-table-th,::ng-deep .column-content-nowrap .k-grid td,::ng-deep .column-content-nowrap .k-grid .k-table-td{white-space:nowrap;text-overflow:clip}::ng-deep kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,::ng-deep kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td,::ng-deep .k-master-row.k-table-alt-row .k-grid-content-sticky,::ng-deep .k-master-row.k-table-alt-row .k-grid-row-sticky{background-color:#fff}::ng-deep kendo-grid.k-grid .k-grid-content-sticky:hover,::ng-deep kendo-grid.k-grid .k-grid-content-sticky.k-hover,::ng-deep kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky{background-color:#d0dcf5!important}::ng-deep .first-custom-column{position:relative}::ng-deep .first-custom-column .chefy{display:none;position:absolute;right:0;opacity:0;transition:opacity .2s ease}::ng-deep .first-custom-column .chefy .btn-padding{padding:.125rem .25rem}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover .first-custom-column .chefy{display:inline-block;opacity:1}::ng-deep kendo-popover .k-popover-body{padding:0!important}::ng-deep kendo-popover .k-popover-callout.k-callout-n{top:.5rem!important}::ng-deep kendo-popover .recommendations{border-bottom:1px solid #dee2e6;padding:.25rem .5rem;cursor:pointer}::ng-deep kendo-popover .recommendations:hover{background-color:#f3f3f3}::ng-deep kendo-popover .recommendations.action-item{padding:.25rem;color:#0069ff}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$3.DomSanitizer }, { type: i0.Renderer2 }], propDecorators: { columnTemplates: [{
                 type: ContentChildren,
                 args: [CustomColumnTemplate]
@@ -5044,6 +5047,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], onSelectAllAcrossPages: [{
                 type: Output
+            }], aiQuestions: [{
+                type: Input
             }], columnData: [{
                 type: Input
             }], pageSize: [{
@@ -5193,7 +5198,8 @@ class GridPaginationModule {
             ReactiveFormsModule,
             TypographyModule,
             LoaderModule,
-            ButtonModule], exports: [GridPaginationComponent,
+            ButtonModule,
+            PopoverModule], exports: [GridPaginationComponent,
             GridPaginationSpacerComponent,
             CustomColumnTemplate] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationModule, imports: [CommonModule,
@@ -5208,7 +5214,8 @@ class GridPaginationModule {
             ReactiveFormsModule,
             TypographyModule,
             LoaderModule,
-            ButtonModule] }); }
+            ButtonModule,
+            PopoverModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPaginationModule, decorators: [{
             type: NgModule,
@@ -5232,7 +5239,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ReactiveFormsModule,
                         TypographyModule,
                         LoaderModule,
-                        ButtonModule
+                        ButtonModule,
+                        PopoverModule,
                     ],
                     exports: [
                         GridPaginationComponent,