@progress-chef/platform-shared-components 0.0.23 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/esm2022/lib/atoms/atoms.module.mjs +14 -7
  2. package/esm2022/lib/atoms/list-view/list-view.component.mjs +80 -0
  3. package/esm2022/lib/atoms/list-view/list-view.module.mjs +60 -0
  4. package/esm2022/lib/atoms/typography/typography.component.mjs +11 -7
  5. package/esm2022/public-api.mjs +3 -1
  6. package/fesm2022/progress-chef-platform-shared-components.mjs +152 -18
  7. package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
  8. package/lib/atoms/atoms.module.d.ts +2 -1
  9. package/lib/atoms/list-view/list-view.component.d.ts +29 -0
  10. package/lib/atoms/list-view/list-view.module.d.ts +18 -0
  11. package/lib/atoms/typography/typography.component.d.ts +6 -5
  12. package/package.json +3 -1
  13. package/public-api.d.ts +2 -0
package/fesm2022/progress-chef-platform-shared-components.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, NgModule, Component, Input, HostBinding, ViewChild, EventEmitter, Output, ContentChild, ContentChildren, Pipe, HostListener, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
2
+ import { Injectable, NgModule, Component, Input, HostBinding, ViewChild, EventEmitter, Output, ViewEncapsulation, ContentChild, ContentChildren, Pipe, HostListener, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
3
3
  import * as i1 from '@progress/kendo-angular-notification';
4
4
  import { NotificationModule as NotificationModule$1, NotificationService } from '@progress/kendo-angular-notification';
5
5
  import * as i2 from '@angular/common';
@@ -36,7 +36,9 @@ import * as i2$5 from '@progress/kendo-angular-dateinputs';
36
36
  import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
37
37
  import * as i2$6 from '@progress/kendo-angular-tooltip';
38
38
  import { TooltipsModule } from '@progress/kendo-angular-tooltip';
39
- import * as i2$7 from '@progress/kendo-angular-dialog';
39
+ import * as i2$7 from '@progress/kendo-angular-listview';
40
+ import { ListViewModule } from '@progress/kendo-angular-listview';
41
+ import * as i2$8 from '@progress/kendo-angular-dialog';
40
42
  import { DialogsModule, DialogModule as DialogModule$1 } from '@progress/kendo-angular-dialog';
41
43
  import * as i5 from '@progress/kendo-angular-grid';
42
44
  import { GridComponent, GridModule } from '@progress/kendo-angular-grid';
@@ -263,8 +265,9 @@ const Typography = {
263
265
  BASE_TEXT_MULISH: 'base-text-mulish'
264
266
  };
265
267
  class TypographyComponent {
266
- constructor(themesService) {
268
+ constructor(themesService, cdRef) {
267
269
  this.themesService = themesService;
270
+ this.cdRef = cdRef;
268
271
  this.type = 'P_MULISH_14_REGULAR';
269
272
  this.defaultText = "";
270
273
  this.isLabel = false;
@@ -273,7 +276,7 @@ class TypographyComponent {
273
276
  this.font = Typography[this.type];
274
277
  this.input_id = null;
275
278
  }
276
- ngAfterViewChecked() {
279
+ ngAfterViewInit() {
277
280
  if (!this.input_id) {
278
281
  this.checkForLabel();
279
282
  }
@@ -281,8 +284,11 @@ class TypographyComponent {
281
284
  ngOnChanges() {
282
285
  this.font = Typography[this.type];
283
286
  }
284
- ngAfterViewInit() {
285
- // this.checkShowDefaultText();
287
+ // ngAfterViewInit() {
288
+ // this.checkShowDefaultText();
289
+ // }
290
+ ngAfterContentChecked() {
291
+ this.cdRef.detectChanges();
286
292
  }
287
293
  checkForLabel() {
288
294
  let childrenCount = this.labelChild?.nativeElement.childElementCount;
@@ -294,13 +300,13 @@ class TypographyComponent {
294
300
  let childrenCount = this.child?.nativeElement.childNodes.length;
295
301
  this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
296
302
  }
297
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
303
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
298
304
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
299
305
  }
300
306
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
301
307
  type: Component,
302
308
  args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
303
- }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { type: [{
309
+ }], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
304
310
  type: Input
305
311
  }], defaultText: [{
306
312
  type: Input
@@ -2487,6 +2493,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2487
2493
  }]
2488
2494
  }] });
2489
2495
 
2496
+ class ListViewComponent {
2497
+ constructor() {
2498
+ this.scrollBottom = new EventEmitter();
2499
+ this.pageChange = new EventEmitter();
2500
+ this.pageSizeChange = new EventEmitter();
2501
+ this.data = [];
2502
+ this.customHeader = false;
2503
+ this.customFooter = false;
2504
+ this.enableEndlessScroll = true;
2505
+ this.noOfListItems = 5;
2506
+ this.loading = false;
2507
+ this.navigable = false;
2508
+ this.listItemCount = new EventEmitter();
2509
+ this.view = [];
2510
+ }
2511
+ ngOnInit() {
2512
+ this.onScrollBottom();
2513
+ }
2514
+ onScrollBottom() {
2515
+ if (this.enableEndlessScroll) {
2516
+ const next = this.view.length;
2517
+ this.view = [...this.view, ...this.data.slice(next, next + this.noOfListItems)];
2518
+ }
2519
+ else {
2520
+ this.view = this.data;
2521
+ }
2522
+ this.listItemCount.emit(this.view.length);
2523
+ }
2524
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2525
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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 }], ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\"\n (scrollBottom)=\"onScrollBottom()\" containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n [loading]=\"loading\" [navigable]=\"navigable\">\n\n <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n </ng-template>\n\n <ng-template kendoListViewItemTemplate let-dataItem *ngIf=\"!loading\">\n <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem}\">\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}\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.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$7.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$7.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$7.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$7.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 }); }
2526
+ }
2527
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, decorators: [{
2528
+ type: Component,
2529
+ args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\"\n (scrollBottom)=\"onScrollBottom()\" containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n [loading]=\"loading\" [navigable]=\"navigable\">\n\n <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n </ng-template>\n\n <ng-template kendoListViewItemTemplate let-dataItem *ngIf=\"!loading\">\n <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem}\">\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}\n"] }]
2530
+ }], propDecorators: { templateHeader: [{
2531
+ type: ContentChild,
2532
+ args: ['templateHeader']
2533
+ }], templateFooter: [{
2534
+ type: ContentChild,
2535
+ args: ['templateFooter']
2536
+ }], tempListItem: [{
2537
+ type: ContentChild,
2538
+ args: ['tempListItem']
2539
+ }], templateLoader: [{
2540
+ type: ContentChild,
2541
+ args: ['templateLoader']
2542
+ }], scrollBottom: [{
2543
+ type: Output
2544
+ }], pageChange: [{
2545
+ type: Output
2546
+ }], pageSizeChange: [{
2547
+ type: Output
2548
+ }], data: [{
2549
+ type: Input
2550
+ }], customHeader: [{
2551
+ type: Input
2552
+ }], customFooter: [{
2553
+ type: Input
2554
+ }], height: [{
2555
+ type: Input
2556
+ }], enableEndlessScroll: [{
2557
+ type: Input
2558
+ }], noOfListItems: [{
2559
+ type: Input
2560
+ }], listItemStyle: [{
2561
+ type: Input
2562
+ }], loading: [{
2563
+ type: Input
2564
+ }], navigable: [{
2565
+ type: Input
2566
+ }], containerStyle: [{
2567
+ type: Input
2568
+ }], listItemCount: [{
2569
+ type: Output
2570
+ }] } });
2571
+
2572
+ class ListViewsModule {
2573
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
2574
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, declarations: [ListViewComponent], imports: [CommonModule,
2575
+ LayoutModule,
2576
+ IconsModule,
2577
+ ButtonsModule,
2578
+ InputsModule,
2579
+ LabelModule,
2580
+ DropDownsModule,
2581
+ BrowserAnimationsModule,
2582
+ ContainerModule,
2583
+ TypographyModule,
2584
+ ListViewModule], exports: [ListViewComponent] }); }
2585
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, imports: [CommonModule,
2586
+ LayoutModule,
2587
+ IconsModule,
2588
+ ButtonsModule,
2589
+ InputsModule,
2590
+ LabelModule,
2591
+ DropDownsModule,
2592
+ BrowserAnimationsModule,
2593
+ ContainerModule,
2594
+ TypographyModule,
2595
+ ListViewModule] }); }
2596
+ }
2597
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewsModule, decorators: [{
2598
+ type: NgModule,
2599
+ args: [{
2600
+ declarations: [ListViewComponent],
2601
+ imports: [
2602
+ CommonModule,
2603
+ LayoutModule,
2604
+ IconsModule,
2605
+ ButtonsModule,
2606
+ InputsModule,
2607
+ LabelModule,
2608
+ DropDownsModule,
2609
+ BrowserAnimationsModule,
2610
+ ContainerModule,
2611
+ TypographyModule,
2612
+ ListViewModule,
2613
+ ],
2614
+ exports: [ListViewComponent]
2615
+ }]
2616
+ }] });
2617
+
2490
2618
  class AtomsModule {
2491
2619
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
2492
2620
  static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
@@ -2523,7 +2651,8 @@ class AtomsModule {
2523
2651
  TypographyModule,
2524
2652
  ClipboardModule,
2525
2653
  DatepickerModule,
2526
- StepperModule], exports: [AlertModule,
2654
+ StepperModule,
2655
+ ListViewsModule], exports: [AlertModule,
2527
2656
  AngularPopupModule,
2528
2657
  AvatarModule,
2529
2658
  BreadcrumbModule,
@@ -2554,7 +2683,8 @@ class AtomsModule {
2554
2683
  TypographyModule,
2555
2684
  ClipboardModule,
2556
2685
  DatepickerModule,
2557
- StepperModule] }); }
2686
+ StepperModule,
2687
+ ListViewsModule] }); }
2558
2688
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
2559
2689
  AngularPopupModule,
2560
2690
  AvatarModule,
@@ -2589,7 +2719,8 @@ class AtomsModule {
2589
2719
  TypographyModule,
2590
2720
  ClipboardModule,
2591
2721
  DatepickerModule,
2592
- StepperModule, AlertModule,
2722
+ StepperModule,
2723
+ ListViewsModule, AlertModule,
2593
2724
  AngularPopupModule,
2594
2725
  AvatarModule,
2595
2726
  BreadcrumbModule,
@@ -2620,7 +2751,8 @@ class AtomsModule {
2620
2751
  TypographyModule,
2621
2752
  ClipboardModule,
2622
2753
  DatepickerModule,
2623
- StepperModule] }); }
2754
+ StepperModule,
2755
+ ListViewsModule] }); }
2624
2756
  }
2625
2757
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, decorators: [{
2626
2758
  type: NgModule,
@@ -2660,7 +2792,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2660
2792
  TypographyModule,
2661
2793
  ClipboardModule,
2662
2794
  DatepickerModule,
2663
- StepperModule
2795
+ StepperModule,
2796
+ ListViewsModule
2664
2797
  ],
2665
2798
  exports: [
2666
2799
  AlertModule,
@@ -2694,7 +2827,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2694
2827
  TypographyModule,
2695
2828
  ClipboardModule,
2696
2829
  DatepickerModule,
2697
- StepperModule
2830
+ StepperModule,
2831
+ ListViewsModule
2698
2832
  ],
2699
2833
  }]
2700
2834
  }] });
@@ -2831,7 +2965,7 @@ class DialogComponent {
2831
2965
  this.renderer.appendChild(parentDialogElement[0], libActionsBar[0].childNodes[0]);
2832
2966
  }
2833
2967
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
2834
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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$7.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
2968
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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"] }] }); }
2835
2969
  }
2836
2970
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
2837
2971
  type: Component,
@@ -2877,7 +3011,7 @@ class DialogTitlebarComponent {
2877
3011
  return;
2878
3012
  }
2879
3013
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
2880
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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$7.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
3014
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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"] }] }); }
2881
3015
  }
2882
3016
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, decorators: [{
2883
3017
  type: Component,
@@ -2897,7 +3031,7 @@ class DialogActionsComponent {
2897
3031
  this.buttonLayout = 'start';
2898
3032
  }
2899
3033
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2900
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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$7.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
3034
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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"] }] }); }
2901
3035
  }
2902
3036
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
2903
3037
  type: Component,
@@ -4106,5 +4240,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
4106
4240
  * Generated bundle index. Do not edit.
4107
4241
  */
4108
4242
 
4109
- export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaComponent, TextAreaModule, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
4243
+ export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaComponent, TextAreaModule, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
4110
4244
  //# sourceMappingURL=progress-chef-platform-shared-components.mjs.map