@indice/ng-components 0.2.173-beta.0 → 0.2.173-beta.10

package/fesm2015/indice-ng-components.mjs

@@ -2548,6 +2548,172 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 type: Output
             }] } });
 
+class ContentTileHeaderComponent {
+    constructor() {
+        this.template = undefined;
+    }
+}
+ContentTileHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentTileHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ContentTileHeaderComponent, selector: "lib-content-tile-header", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-content-tile-header', template: '<ng-content></ng-content>' }]
+        }], ctorParameters: function () { return []; }, propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class ContentTileItemComponent {
+    constructor() {
+        this.template = undefined;
+    }
+}
+ContentTileItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentTileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ContentTileItemComponent, selector: "lib-content-tile-item", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-content-tile-item', template: '<ng-content></ng-content>' }]
+        }], ctorParameters: function () { return []; }, propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class ContentTileComponent {
+    constructor(router) {
+        this.router = router;
+        this.title = undefined;
+        this.busy = false;
+        this.hideBtn = false;
+        this.showFooter = true;
+        this.actionText = 'Περισσότερα';
+        // tslint:disable-next-line:no-output-rename
+        this.tileAction = new EventEmitter();
+        this.selectedIndex = 0;
+        this.itemTemplates = [];
+        this.header = undefined;
+    }
+    set items(refs) {
+        if (refs) {
+            this.itemTemplates = refs.toArray();
+        }
+    }
+    ngOnInit() {
+    }
+    emitTileAction($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.tileAction.emit($event);
+        return false;
+    }
+}
+ContentTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+ContentTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ContentTileComponent, selector: "lib-content-tile", inputs: { title: "title", busy: "busy", hideBtn: "hideBtn", showFooter: ["show-footer", "showFooter"], actionText: ["action-text", "actionText"] }, outputs: { tileAction: "tile-action" }, queries: [{ propertyName: "header", first: true, predicate: ContentTileHeaderComponent, descendants: true }, { propertyName: "items", predicate: ContentTileItemComponent, read: ContentTileItemComponent }], ngImport: i0, template: "<div class=\"card\" [class.card-deck-busy]=\"busy\">\r\n  <div class=\"card-body\">\r\n    <div class=\"kpi-tile-title-container flex align-top\">\r\n      <a *ngIf=\"!header\" href=\"#\"\r\n         class=\"kpi-tile-action flex-1\" (click)=\"emitTileAction($event)\">{{title || '-'}}</a>\r\n      <ng-container *ngIf=\"header\">\r\n        <div class=\"flex-1\">\r\n          <ng-template [ngTemplateOutlet]=\"header.template\"></ng-template>\r\n        </div>\r\n      </ng-container>\r\n      <div *ngIf=\"actionText\" class=\"float-right align-top\">\r\n        <a href=\"#\" class=\"text-xs\" (click)=\"emitTileAction($event)\">{{actionText}}</a>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex items-center\" *ngIf=\"itemTemplates\">\r\n      <ng-template [ngTemplateOutlet]=\"itemTemplates[selectedIndex].template\"></ng-template>\r\n    </div>\r\n    <div class=\"tile-card-footer opacity-25 hover:opacity-75\" *ngIf=\"itemTemplates && itemTemplates.length>1\">\r\n      <nav class=\"flex items-center justify-between px-4 sm:px-0\">\r\n        <div class=\"flex w-0 flex-1\"></div>\r\n        <div class=\"flex items-center justify-between px-2\">\r\n          <ng-container *ngFor=\"let item of itemTemplates; index as i\">\r\n            <button type=\"button\"\r\n                    (click)=\"selectedIndex=i\"\r\n                    [disabled]=\"selectedIndex===i\"\r\n                    class=\"inline-flex mx-1 items-center rounded-full border border-transparent p-1 text-white shadow-sm hover:bg-slate-700 focus:outline-none\"\r\n                    [class.bg-slate-500]=\"selectedIndex!==i\"\r\n                    [class.bg-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-offset-1]=\"selectedIndex===i\"\r\n                    [class.ring-1]=\"selectedIndex===i\">\r\n            </button>\r\n          </ng-container>\r\n        </div>\r\n        <div class=\"flex w-0 flex-1 justify-end\"></div>\r\n      </nav>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-content-tile', template: "<div class=\"card\" [class.card-deck-busy]=\"busy\">\r\n  <div class=\"card-body\">\r\n    <div class=\"kpi-tile-title-container flex align-top\">\r\n      <a *ngIf=\"!header\" href=\"#\"\r\n         class=\"kpi-tile-action flex-1\" (click)=\"emitTileAction($event)\">{{title || '-'}}</a>\r\n      <ng-container *ngIf=\"header\">\r\n        <div class=\"flex-1\">\r\n          <ng-template [ngTemplateOutlet]=\"header.template\"></ng-template>\r\n        </div>\r\n      </ng-container>\r\n      <div *ngIf=\"actionText\" class=\"float-right align-top\">\r\n        <a href=\"#\" class=\"text-xs\" (click)=\"emitTileAction($event)\">{{actionText}}</a>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex items-center\" *ngIf=\"itemTemplates\">\r\n      <ng-template [ngTemplateOutlet]=\"itemTemplates[selectedIndex].template\"></ng-template>\r\n    </div>\r\n    <div class=\"tile-card-footer opacity-25 hover:opacity-75\" *ngIf=\"itemTemplates && itemTemplates.length>1\">\r\n      <nav class=\"flex items-center justify-between px-4 sm:px-0\">\r\n        <div class=\"flex w-0 flex-1\"></div>\r\n        <div class=\"flex items-center justify-between px-2\">\r\n          <ng-container *ngFor=\"let item of itemTemplates; index as i\">\r\n            <button type=\"button\"\r\n                    (click)=\"selectedIndex=i\"\r\n                    [disabled]=\"selectedIndex===i\"\r\n                    class=\"inline-flex mx-1 items-center rounded-full border border-transparent p-1 text-white shadow-sm hover:bg-slate-700 focus:outline-none\"\r\n                    [class.bg-slate-500]=\"selectedIndex!==i\"\r\n                    [class.bg-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-offset-1]=\"selectedIndex===i\"\r\n                    [class.ring-1]=\"selectedIndex===i\">\r\n            </button>\r\n          </ng-container>\r\n        </div>\r\n        <div class=\"flex w-0 flex-1 justify-end\"></div>\r\n      </nav>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.Router }]; }, propDecorators: { title: [{
+                type: Input
+            }], busy: [{
+                type: Input
+            }], hideBtn: [{
+                type: Input
+            }], showFooter: [{
+                type: Input,
+                args: ['show-footer']
+            }], actionText: [{
+                type: Input,
+                args: ['action-text']
+            }], tileAction: [{
+                type: Output,
+                args: ['tile-action']
+            }], items: [{
+                type: ContentChildren,
+                args: [ContentTileItemComponent, { read: ContentTileItemComponent }]
+            }], header: [{
+                type: ContentChild,
+                args: [ContentTileHeaderComponent]
+            }] } });
+
+class StatsGridComponent {
+    constructor() {
+        this.busy = false;
+        this.count = 6;
+        this.loader = ['', '', '', '', '', ''];
+        this.mode = 'normal';
+        this.labels = ['Online', 'Offline', 'Faulted'];
+        this.values = [10, 20, 30];
+        this.colors = [
+            'rgb(53, 177, 201, 0.6)',
+            'rgb(168, 162, 158, 0.2)',
+            'rgb(233, 96, 96, 0.8)'
+        ];
+    }
+    ngOnChanges(changes) {
+        if (changes.count) {
+            this.loader = [];
+            for (let i = 0; i <= this.count; i++) {
+                this.loader.push('');
+            }
+        }
+    }
+    isNumber(value) {
+        return !isNaN(Number(value));
+        ;
+    }
+}
+StatsGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: StatsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StatsGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: StatsGridComponent, selector: "lib-stats-grid", inputs: { busy: "busy", count: "count", mode: "mode", labels: "labels", values: "values", colors: "colors" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!busy\">\n    <ul role=\"list\" class=\"grid gap-1\"\n        [class.grid-cols-3]=\"mode==='normal'\"\n        [class.grid-cols-5]=\"mode!=='normal'\"\n        [class.grid-flow-col]=\"mode!=='normal'\">\n      <ng-container *ngFor=\"let value of values; index as i\">\n        <li class=\"col-span-1 flex pb-2\" *ngIf=\"mode==='normal'\">\n          <div class=\"grid-cols-1 border-l-2 px-1\" [style]=\"'border-color:' + colors[i]\">\n            <div class=\"text-xs text-ellipsis overflow-hidden\">{{labels[i]}}</div>\n            <div *ngIf=\"isNumber(values[i])\" class=\"font-medium text-sm md:text-lg text-ellipsis overflow-hidden\">{{values[i] | number:'1.0-2':'el'}}</div>\n            <div *ngIf=\"!isNumber(values[i])\" class=\"font-medium text-sm md:text-lg text-ellipsis overflow-hidden\">{{values[i]}}</div>\n          </div>\n        </li>\n        <li class=\"col-span-1 flex pb-2\" *ngIf=\"mode!=='normal'\">\n          <div class=\"grid-cols-1 border-l-2 pl-1 pr-2\" [style]=\"'border-color:' + colors[i]\">\n            <div *ngIf=\"isNumber(values[i])\" class=\"font-medium text-xs lg:text-sm text-ellipsis overflow-hidden\">{{values[i] | number:'1.0-2':'el'}}</div>\n            <div *ngIf=\"!isNumber(values[i])\" class=\"font-medium text-xs lg:text-sm text-ellipsis overflow-hidden\">{{values[i]}}</div>\n            <div class=\"text-xs max-w-18 lg:w-auto truncate text-ellipsis overflow-hidden\">{{labels[i]}}</div>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n  <div *ngIf=\"busy\">\n    <ul role=\"list\" class=\"grid gap-1\"\n        [class.grid-cols-3]=\"mode==='normal'\"\n        [class.grid-cols-5]=\"mode!=='normal'\"\n        [class.grid-flow-col]=\"mode!=='normal'\">\n      <ng-container *ngFor=\"let value of values; index as i\">\n        <li class=\"animate-pulse col-span-1 flex pb-2\" *ngIf=\"mode==='normal'\">\n          <div class=\"grid-cols-1 border-l-2 px-1\" style=\"border-color:rgb(168, 162, 158, 0.2)\">\n            <div class=\"rounded-md bg-slate-400/25 h-3 w-14\"></div>\n            <div class=\"rounded-md bg-slate-400/25 mt-2 h-4 w-6\"></div>\n          </div>\n        </li>\n        <li class=\"animate-pulse col-span-1 flex pb-2\" *ngIf=\"mode!=='normal'\">\n          <div class=\"grid-cols-1 border-l-2 pl-1 pr-2\" style=\"border-color:rgb(168, 162, 158, 0.2)\">\n            <div class=\"rounded-md bg-slate-400/25 h-3 w-14\"></div>\n            <div class=\"rounded-md bg-slate-400/25 mt-2 h-4 w-6\"></div>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  </div>  ", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: StatsGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-stats-grid', template: "<div *ngIf=\"!busy\">\n    <ul role=\"list\" class=\"grid gap-1\"\n        [class.grid-cols-3]=\"mode==='normal'\"\n        [class.grid-cols-5]=\"mode!=='normal'\"\n        [class.grid-flow-col]=\"mode!=='normal'\">\n      <ng-container *ngFor=\"let value of values; index as i\">\n        <li class=\"col-span-1 flex pb-2\" *ngIf=\"mode==='normal'\">\n          <div class=\"grid-cols-1 border-l-2 px-1\" [style]=\"'border-color:' + colors[i]\">\n            <div class=\"text-xs text-ellipsis overflow-hidden\">{{labels[i]}}</div>\n            <div *ngIf=\"isNumber(values[i])\" class=\"font-medium text-sm md:text-lg text-ellipsis overflow-hidden\">{{values[i] | number:'1.0-2':'el'}}</div>\n            <div *ngIf=\"!isNumber(values[i])\" class=\"font-medium text-sm md:text-lg text-ellipsis overflow-hidden\">{{values[i]}}</div>\n          </div>\n        </li>\n        <li class=\"col-span-1 flex pb-2\" *ngIf=\"mode!=='normal'\">\n          <div class=\"grid-cols-1 border-l-2 pl-1 pr-2\" [style]=\"'border-color:' + colors[i]\">\n            <div *ngIf=\"isNumber(values[i])\" class=\"font-medium text-xs lg:text-sm text-ellipsis overflow-hidden\">{{values[i] | number:'1.0-2':'el'}}</div>\n            <div *ngIf=\"!isNumber(values[i])\" class=\"font-medium text-xs lg:text-sm text-ellipsis overflow-hidden\">{{values[i]}}</div>\n            <div class=\"text-xs max-w-18 lg:w-auto truncate text-ellipsis overflow-hidden\">{{labels[i]}}</div>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n  <div *ngIf=\"busy\">\n    <ul role=\"list\" class=\"grid gap-1\"\n        [class.grid-cols-3]=\"mode==='normal'\"\n        [class.grid-cols-5]=\"mode!=='normal'\"\n        [class.grid-flow-col]=\"mode!=='normal'\">\n      <ng-container *ngFor=\"let value of values; index as i\">\n        <li class=\"animate-pulse col-span-1 flex pb-2\" *ngIf=\"mode==='normal'\">\n          <div class=\"grid-cols-1 border-l-2 px-1\" style=\"border-color:rgb(168, 162, 158, 0.2)\">\n            <div class=\"rounded-md bg-slate-400/25 h-3 w-14\"></div>\n            <div class=\"rounded-md bg-slate-400/25 mt-2 h-4 w-6\"></div>\n          </div>\n        </li>\n        <li class=\"animate-pulse col-span-1 flex pb-2\" *ngIf=\"mode!=='normal'\">\n          <div class=\"grid-cols-1 border-l-2 pl-1 pr-2\" style=\"border-color:rgb(168, 162, 158, 0.2)\">\n            <div class=\"rounded-md bg-slate-400/25 h-3 w-14\"></div>\n            <div class=\"rounded-md bg-slate-400/25 mt-2 h-4 w-6\"></div>\n          </div>\n        </li>\n      </ng-container>\n    </ul>\n  </div>  " }]
+        }], ctorParameters: function () { return []; }, propDecorators: { busy: [{
+                type: Input
+            }], count: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], values: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }] } });
+
+class ProgressBarComponent {
+    constructor() {
+        this.value = 0;
+        this.total = 0;
+        this.text = undefined;
+        this.percentage = 0;
+    }
+    ngOnChanges(changes) {
+        if (changes.value || changes.total) {
+            this.calcPercentage();
+        }
+    }
+    calcPercentage() {
+        if (this.total > 0) {
+            this.percentage = (this.value / this.total) * 100;
+        }
+        else {
+            this.percentage = 0;
+        }
+    }
+}
+ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value", total: "total", text: "text" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex grid grid-cols-1\">\n    <div class=\"text-xs mt-2 truncate text-ellipsis\">{{value}}/{{total}} {{text}}</div>\n    <div class=\"flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25\">\n      <div class=\"h-2 m-1 rounded-md bg-sky-200 transition-[width] ease duration-300 transform\" [style]=\"'width:' + percentage + '%' \"></div>\n    </div>\n  </div>\n  " });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-progress-bar', template: "<div class=\"flex grid grid-cols-1\">\n    <div class=\"text-xs mt-2 truncate text-ellipsis\">{{value}}/{{total}} {{text}}</div>\n    <div class=\"flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25\">\n      <div class=\"h-2 m-1 rounded-md bg-sky-200 transition-[width] ease duration-300 transform\" [style]=\"'width:' + percentage + '%' \"></div>\n    </div>\n  </div>\n  " }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
 class DynamicComponentHostDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
@@ -3889,6 +4055,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 }]
         }] });
 
+class ShortNumberPipe {
+    transform(number, args) {
+        if (isNaN(number))
+            return null; // will only work value is a number
+        if (number === null)
+            return null;
+        if (number === 0)
+            return null;
+        let abs = Math.abs(number);
+        const rounder = Math.pow(10, 1);
+        const isNegative = number < 0; // will also work for Negative numbers
+        let key = '';
+        const powers = [
+            { key: 'Q', value: Math.pow(10, 15) },
+            { key: 'T', value: Math.pow(10, 12) },
+            { key: 'B', value: Math.pow(10, 9) },
+            { key: 'M', value: Math.pow(10, 6) },
+            { key: 'K', value: 1000 }
+        ];
+        for (let i = 0; i < powers.length; i++) {
+            let reduced = abs / powers[i].value;
+            reduced = Math.round(reduced * rounder) / rounder;
+            if (reduced >= 1) {
+                abs = reduced;
+                key = powers[i].key;
+                break;
+            }
+        }
+        return (isNegative ? '-' : '') + abs + key;
+    }
+}
+ShortNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ShortNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ShortNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: ShortNumberPipe, name: "shortNumber", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ShortNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'shortNumber',
+                    pure: false
+                }]
+        }] });
+
 class BaseListComponent {
     constructor(route$, router$) {
         this.route$ = route$;
@@ -4580,6 +4787,7 @@ IndiceComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         DatepickerComponent,
         DropDownMenuComponent,
         DurationFormatPipe,
+        ShortNumberPipe,
         DynamicComponentHostDirective,
         ErrorComponent,
         FormLayoutComponent,
@@ -4620,7 +4828,12 @@ IndiceComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         UserProfileMenuComponent,
         ViewLayoutComponent,
         ToggleButtonComponent,
-        ToggleButtonsListComponent], imports: [CommonModule,
+        ToggleButtonsListComponent,
+        ContentTileComponent,
+        ContentTileItemComponent,
+        ContentTileHeaderComponent,
+        StatsGridComponent,
+        ProgressBarComponent], imports: [CommonModule,
         RouterModule,
         IndiceAuthModule,
         FormsModule], exports: [AddressPipe,
@@ -4634,6 +4847,7 @@ IndiceComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         DatepickerComponent,
         DropDownMenuComponent,
         DurationFormatPipe,
+        ShortNumberPipe,
         ErrorComponent,
         FormLayoutComponent,
         KpiTileComponent,
@@ -4665,7 +4879,12 @@ IndiceComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         UnauthorizedComponent,
         ViewLayoutComponent,
         ToggleButtonComponent,
-        ToggleButtonsListComponent] });
+        ToggleButtonsListComponent,
+        ContentTileComponent,
+        ContentTileItemComponent,
+        ContentTileHeaderComponent,
+        StatsGridComponent,
+        ProgressBarComponent] });
 IndiceComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: IndiceComponentsModule, imports: [CommonModule,
         RouterModule,
         IndiceAuthModule,
@@ -4686,6 +4905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                         DatepickerComponent,
                         DropDownMenuComponent,
                         DurationFormatPipe,
+                        ShortNumberPipe,
                         DynamicComponentHostDirective,
                         ErrorComponent,
                         FormLayoutComponent,
@@ -4726,7 +4946,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                         UserProfileMenuComponent,
                         ViewLayoutComponent,
                         ToggleButtonComponent,
-                        ToggleButtonsListComponent
+                        ToggleButtonsListComponent,
+                        ContentTileComponent,
+                        ContentTileItemComponent,
+                        ContentTileHeaderComponent,
+                        StatsGridComponent,
+                        ProgressBarComponent
                     ],
                     imports: [
                         CommonModule,
@@ -4746,6 +4971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                         DatepickerComponent,
                         DropDownMenuComponent,
                         DurationFormatPipe,
+                        ShortNumberPipe,
                         ErrorComponent,
                         FormLayoutComponent,
                         KpiTileComponent,
@@ -4777,7 +5003,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                         UnauthorizedComponent,
                         ViewLayoutComponent,
                         ToggleButtonComponent,
-                        ToggleButtonsListComponent
+                        ToggleButtonsListComponent,
+                        ContentTileComponent,
+                        ContentTileItemComponent,
+                        ContentTileHeaderComponent,
+                        StatsGridComponent,
+                        ProgressBarComponent
                     ]
                 }]
         }] });
@@ -4788,5 +5019,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_LANGUAGES, APP_LINKS, APP_NOTIFICATIONS, AddressPipe, AuthCallbackComponent, AuthRenewComponent, AvatarInitialsComponent, BaseListComponent, BreadcrumbComponent, BreadcrumbItem, BreadcrumbRouteData, BreadcrumbService, ClickOutsideDirective, CollapsiblePanelComponent, ComboboxComponent, ComponentLoaderFactory, DatepickerComponent, DefaultShellConfig, DropDownMenuComponent, DurationFormatPipe, ErrorComponent, ExternalNavLink, FormLayoutComponent, FragmentNavLink, HeaderMetaItem, Icons, IndiceComponentsModule, KpiTileComponent, LIBSTEPPER_ACCESSOR, LIBTABGROUP_ACCESSOR, LibStepComponent, LibStepInfoDirective, LibStepLabelDirective, LibStepperComponent, LibTabComponent, LibTabGroupComponent, LibTabLabelDirective, ListColumnComponent, ListDetailsSectionComponent, ListTileComponent, ListViewComponent, ListViewEmptyStateComponent, ListViewType, LoggedOutComponent, MODAL_CONFIG_DEFAULT_OVERRIDE, MenuOption, Modal, ModalOptions, ModalService, ModelViewLayoutComponent, NULL_TOAST, NavLink, NavLinksListComponent, NotificationNavLink, PageNotFoundComponent, PagerComponent, PagerPosition, RouterViewAction, SCREEN_SIZE, SHELL_CONFIG, ShellFooterComponent, ShellHeaderComponent, ShellLayoutComponent, ShellLayoutType, ShellSidebarComponent, ShellSidebarHeaderComponent, SidePaneComponent, SidePaneOverlayType, SidePaneSize, SideViewLayoutComponent, SkeletonLoaderComponent, StepState, StepperType, SwitchViewAction, ToastType, ToasterComponent, ToasterContainerComponent, ToasterService, ToggleButtonComponent, ToggleButtonsListComponent, ToggleComponent, UnauthorizedComponent, UserSettingsService, ViewAction, ViewLayoutComponent };
+export { APP_LANGUAGES, APP_LINKS, APP_NOTIFICATIONS, AddressPipe, AuthCallbackComponent, AuthRenewComponent, AvatarInitialsComponent, BaseListComponent, BreadcrumbComponent, BreadcrumbItem, BreadcrumbRouteData, BreadcrumbService, ClickOutsideDirective, CollapsiblePanelComponent, ComboboxComponent, ComponentLoaderFactory, ContentTileComponent, ContentTileHeaderComponent, ContentTileItemComponent, DatepickerComponent, DefaultShellConfig, DropDownMenuComponent, DurationFormatPipe, ErrorComponent, ExternalNavLink, FormLayoutComponent, FragmentNavLink, HeaderMetaItem, Icons, IndiceComponentsModule, KpiTileComponent, LIBSTEPPER_ACCESSOR, LIBTABGROUP_ACCESSOR, LibStepComponent, LibStepInfoDirective, LibStepLabelDirective, LibStepperComponent, LibTabComponent, LibTabGroupComponent, LibTabLabelDirective, ListColumnComponent, ListDetailsSectionComponent, ListTileComponent, ListViewComponent, ListViewEmptyStateComponent, ListViewType, LoggedOutComponent, MODAL_CONFIG_DEFAULT_OVERRIDE, MenuOption, Modal, ModalOptions, ModalService, ModelViewLayoutComponent, NULL_TOAST, NavLink, NavLinksListComponent, NotificationNavLink, PageNotFoundComponent, PagerComponent, PagerPosition, ProgressBarComponent, RouterViewAction, SCREEN_SIZE, SHELL_CONFIG, ShellFooterComponent, ShellHeaderComponent, ShellLayoutComponent, ShellLayoutType, ShellSidebarComponent, ShellSidebarHeaderComponent, ShortNumberPipe, SidePaneComponent, SidePaneOverlayType, SidePaneSize, SideViewLayoutComponent, SkeletonLoaderComponent, StatsGridComponent, StepState, StepperType, SwitchViewAction, ToastType, ToasterComponent, ToasterContainerComponent, ToasterService, ToggleButtonComponent, ToggleButtonsListComponent, ToggleComponent, UnauthorizedComponent, UserSettingsService, ViewAction, ViewLayoutComponent };
 //# sourceMappingURL=indice-ng-components.mjs.map