geonetwork-ui 2.4.0-dev.fe59f179 → 2.4.1-dev.1d2ade24e

package/esm2022/libs/ui/layout/src/lib/block-list/block-list.component.mjs

@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, Input, QueryList, ViewChild, } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { PaginationDotsComponent } from '../pagination-dots/pagination-dots.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class BlockListComponent {
@@ -7,26 +8,29 @@ export class BlockListComponent {
         return new Array(this.pagesCount).fill(0).map((_, i) => i);
     }
     get isFirstPage() {
-        return this.currentPage === 0;
+        return this.currentPage_ === 0;
     }
     get isLastPage() {
-        return this.currentPage === this.pagesCount - 1;
+        return this.currentPage_ === this.pagesCount - 1;
     }
     get pagesCount() {
         return this.blocks ? Math.ceil(this.blocks.length / this.pageSize) : 1;
     }
+    get currentPage() {
+        return this.currentPage_ + 1; // this is 1-based
+    }
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
         this.pageSize = 5;
         this.containerClass = '';
         this.paginationContainerClass = 'w-full bottom-0 top-auto';
         this.minHeight = 0;
-        this.currentPage = 0;
+        this.currentPage_ = 0;
         this.refreshBlocksVisibility = () => {
             this.blocks.forEach((block, index) => {
                 block.nativeElement.style.display =
-                    index >= this.currentPage * this.pageSize &&
-                        index < (this.currentPage + 1) * this.pageSize
+                    index >= this.currentPage_ * this.pageSize &&
+                        index < (this.currentPage_ + 1) * this.pageSize
                         ? null
                         : 'none';
             });
@@ -39,28 +43,29 @@ export class BlockListComponent {
         this.minHeight = this.blockContainer.nativeElement.clientHeight;
         this.changeDetector.detectChanges();
     }
-    goToPage(index) {
-        this.currentPage = Math.max(Math.min(index, this.pagesCount - 1), 0);
+    // pageIndex is 1-based
+    goToPage(pageIndex) {
+        this.currentPage_ = Math.max(Math.min(pageIndex - 1, this.pagesCount - 1), 0);
         this.changeDetector.detectChanges();
         this.refreshBlocksVisibility();
     }
-    previousPage() {
+    goToPrevPage() {
         if (this.isFirstPage)
             return;
         this.goToPage(this.currentPage - 1);
     }
-    nextPage() {
+    goToNextPage() {
         if (this.isLastPage)
             return;
         this.goToPage(this.currentPage + 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BlockListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BlockListComponent, isStandalone: true, selector: "gn-ui-block-list", inputs: { pageSize: "pageSize", containerClass: "containerClass", paginationContainerClass: "paginationContainerClass" }, queries: [{ propertyName: "blocks", predicate: ["block"], read: ElementRef }], viewQueries: [{ propertyName: "blockContainer", first: true, predicate: ["blockContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"block-list-container flex flex-col\"\n  #blockContainer\n  [ngClass]=\"containerClass\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<div\n  *ngIf=\"pagesCount > 1\"\n  class=\"absolute flex flex-row justify-center gap-[14px] p-1\"\n  [ngClass]=\"paginationContainerClass\"\n>\n  <button\n    *ngFor=\"let page of pages\"\n    class=\"list-page-dot\"\n    (click)=\"goToPage(page)\"\n    [ngClass]=\"currentPage === page ? 'bg-primary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}.list-page-dot{width:6px;height:6px;border-radius:6px;position:relative}.list-page-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockListComponent, isStandalone: true, selector: "gn-ui-block-list", inputs: { pageSize: "pageSize", containerClass: "containerClass", paginationContainerClass: "paginationContainerClass" }, queries: [{ propertyName: "blocks", predicate: ["block"], read: ElementRef }], viewQueries: [{ propertyName: "blockContainer", first: true, predicate: ["blockContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"block-list-container flex flex-col\"\n  #blockContainer\n  [ngClass]=\"containerClass\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BlockListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-block-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div\n  class=\"block-list-container flex flex-col\"\n  #blockContainer\n  [ngClass]=\"containerClass\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<div\n  *ngIf=\"pagesCount > 1\"\n  class=\"absolute flex flex-row justify-center gap-[14px] p-1\"\n  [ngClass]=\"paginationContainerClass\"\n>\n  <button\n    *ngFor=\"let page of pages\"\n    class=\"list-page-dot\"\n    (click)=\"goToPage(page)\"\n    [ngClass]=\"currentPage === page ? 'bg-primary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}.list-page-dot{width:6px;height:6px;border-radius:6px;position:relative}.list-page-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { pageSize: [{
+            args: [{ selector: 'gn-ui-block-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div\n  class=\"block-list-container flex flex-col\"\n  #blockContainer\n  [ngClass]=\"containerClass\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pageSize: [{
                 type: Input
             }], containerClass: [{
                 type: Input
@@ -73,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChild,
                 args: ['blockContainer']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Jsb2NrLWxpc3QvYmxvY2stbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Jsb2NrLWxpc3QvYmxvY2stbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxFQUNULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7OztBQVU5QyxNQUFNLE9BQU8sa0JBQWtCO0lBWTdCLElBQWMsS0FBSztRQUNqQixPQUFPLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDNUQsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUE7SUFDL0IsQ0FBQztJQUNELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQTtJQUNqRCxDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3hFLENBQUM7SUFFRCxZQUFvQixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUF6QjVDLGFBQVEsR0FBRyxDQUFDLENBQUE7UUFDWixtQkFBYyxHQUFHLEVBQUUsQ0FBQTtRQUNuQiw2QkFBd0IsR0FBRywwQkFBMEIsQ0FBQTtRQU1wRCxjQUFTLEdBQUcsQ0FBQyxDQUFBO1FBRWIsZ0JBQVcsR0FBRyxDQUFDLENBQUE7UUEwQmYsNEJBQXVCLEdBQUcsR0FBRyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUNuQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPO29CQUMvQixLQUFLLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUTt3QkFDekMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUTt3QkFDNUMsQ0FBQyxDQUFDLElBQUk7d0JBQ04sQ0FBQyxDQUFDLE1BQU0sQ0FBQTtZQUNkLENBQUMsQ0FBQyxDQUFBO1FBQ0osQ0FBQyxDQUFBO0lBbkJ1RCxDQUFDO0lBRXpELGVBQWU7UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUE7UUFDM0QsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUE7UUFFOUIsb0VBQW9FO1FBQ3BFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFBO1FBQy9ELElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLENBQUE7SUFDckMsQ0FBQztJQVlNLFFBQVEsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFBO1FBQ3BFLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLENBQUE7UUFDbkMsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUE7SUFDaEMsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxJQUFJLENBQUMsV0FBVztZQUFFLE9BQU07UUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQ3JDLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxJQUFJLENBQUMsVUFBVTtZQUFFLE9BQU07UUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQ3JDLENBQUM7K0dBN0RVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDhPQUlLLFVBQVUsK0lDekI5Qyw0aEJBb0JBLCtTRERZLFlBQVk7OzRGQUVYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7d0dBR2QsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDMEMsTUFBTTtzQkFBckQsZUFBZTt1QkFBQyxPQUFPLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUdqQixjQUFjO3NCQUExQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktYmxvY2stbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ibG9jay1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmxvY2stbGlzdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQmxvY2tMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHBhZ2VTaXplID0gNVxuICBASW5wdXQoKSBjb250YWluZXJDbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHBhZ2luYXRpb25Db250YWluZXJDbGFzcyA9ICd3LWZ1bGwgYm90dG9tLTAgdG9wLWF1dG8nXG4gIEBDb250ZW50Q2hpbGRyZW4oJ2Jsb2NrJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIGJsb2NrczogUXVlcnlMaXN0PFxuICAgIEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gID5cbiAgQFZpZXdDaGlsZCgnYmxvY2tDb250YWluZXInKSBibG9ja0NvbnRhaW5lcjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cblxuICBwcm90ZWN0ZWQgbWluSGVpZ2h0ID0gMFxuXG4gIHByb3RlY3RlZCBjdXJyZW50UGFnZSA9IDBcbiAgcHJvdGVjdGVkIGdldCBwYWdlcygpIHtcbiAgICByZXR1cm4gbmV3IEFycmF5KHRoaXMucGFnZXNDb3VudCkuZmlsbCgwKS5tYXAoKF8sIGkpID0+IGkpXG4gIH1cblxuICBnZXQgaXNGaXJzdFBhZ2UoKSB7XG4gICAgcmV0dXJuIHRoaXMuY3VycmVudFBhZ2UgPT09IDBcbiAgfVxuICBnZXQgaXNMYXN0UGFnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5jdXJyZW50UGFnZSA9PT0gdGhpcy5wYWdlc0NvdW50IC0gMVxuICB9XG4gIGdldCBwYWdlc0NvdW50KCkge1xuICAgIHJldHVybiB0aGlzLmJsb2NrcyA/IE1hdGguY2VpbCh0aGlzLmJsb2Nrcy5sZW5ndGggLyB0aGlzLnBhZ2VTaXplKSA6IDFcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmJsb2Nrcy5jaGFuZ2VzLnN1YnNjcmliZSh0aGlzLnJlZnJlc2hCbG9ja3NWaXNpYmlsaXR5KVxuICAgIHRoaXMucmVmcmVzaEJsb2Nrc1Zpc2liaWxpdHkoKVxuXG4gICAgLy8gd2Ugc3RvcmUgdGhlIGZpcnN0IGhlaWdodCBhcyB0aGUgbWluLWhlaWdodCBvZiB0aGUgbGlzdCBjb250YWluZXJcbiAgICB0aGlzLm1pbkhlaWdodCA9IHRoaXMuYmxvY2tDb250YWluZXIubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHRcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKVxuICB9XG5cbiAgcHJvdGVjdGVkIHJlZnJlc2hCbG9ja3NWaXNpYmlsaXR5ID0gKCkgPT4ge1xuICAgIHRoaXMuYmxvY2tzLmZvckVhY2goKGJsb2NrLCBpbmRleCkgPT4ge1xuICAgICAgYmxvY2submF0aXZlRWxlbWVudC5zdHlsZS5kaXNwbGF5ID1cbiAgICAgICAgaW5kZXggPj0gdGhpcy5jdXJyZW50UGFnZSAqIHRoaXMucGFnZVNpemUgJiZcbiAgICAgICAgaW5kZXggPCAodGhpcy5jdXJyZW50UGFnZSArIDEpICogdGhpcy5wYWdlU2l6ZVxuICAgICAgICAgID8gbnVsbFxuICAgICAgICAgIDogJ25vbmUnXG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBnb1RvUGFnZShpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5jdXJyZW50UGFnZSA9IE1hdGgubWF4KE1hdGgubWluKGluZGV4LCB0aGlzLnBhZ2VzQ291bnQgLSAxKSwgMClcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKVxuICAgIHRoaXMucmVmcmVzaEJsb2Nrc1Zpc2liaWxpdHkoKVxuICB9XG5cbiAgcHVibGljIHByZXZpb3VzUGFnZSgpIHtcbiAgICBpZiAodGhpcy5pc0ZpcnN0UGFnZSkgcmV0dXJuXG4gICAgdGhpcy5nb1RvUGFnZSh0aGlzLmN1cnJlbnRQYWdlIC0gMSlcbiAgfVxuXG4gIHB1YmxpYyBuZXh0UGFnZSgpIHtcbiAgICBpZiAodGhpcy5pc0xhc3RQYWdlKSByZXR1cm5cbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMuY3VycmVudFBhZ2UgKyAxKVxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiYmxvY2stbGlzdC1jb250YWluZXIgZmxleCBmbGV4LWNvbFwiXG4gICNibG9ja0NvbnRhaW5lclxuICBbbmdDbGFzc109XCJjb250YWluZXJDbGFzc1wiXG4gIFtuZ1N0eWxlXT1cInsgbWluSGVpZ2h0OiBtaW5IZWlnaHQgKyAncHgnIH1cIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgKm5nSWY9XCJwYWdlc0NvdW50ID4gMVwiXG4gIGNsYXNzPVwiYWJzb2x1dGUgZmxleCBmbGV4LXJvdyBqdXN0aWZ5LWNlbnRlciBnYXAtWzE0cHhdIHAtMVwiXG4gIFtuZ0NsYXNzXT1cInBhZ2luYXRpb25Db250YWluZXJDbGFzc1wiXG4+XG4gIDxidXR0b25cbiAgICAqbmdGb3I9XCJsZXQgcGFnZSBvZiBwYWdlc1wiXG4gICAgY2xhc3M9XCJsaXN0LXBhZ2UtZG90XCJcbiAgICAoY2xpY2spPVwiZ29Ub1BhZ2UocGFnZSlcIlxuICAgIFtuZ0NsYXNzXT1cImN1cnJlbnRQYWdlID09PSBwYWdlID8gJ2JnLXByaW1hcnknIDogJ2JnLWdyYXktNDAwJ1wiXG4gID48L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Jsb2NrLWxpc3QvYmxvY2stbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Jsb2NrLWxpc3QvYmxvY2stbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxFQUNULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFOUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOENBQThDLENBQUE7OztBQVV0RixNQUFNLE9BQU8sa0JBQWtCO0lBWTdCLElBQWMsS0FBSztRQUNqQixPQUFPLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDNUQsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQztJQUNELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFlBQVksS0FBSyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQTtJQUNsRCxDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3hFLENBQUM7SUFDRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFBLENBQUMsa0JBQWtCO0lBQ2pELENBQUM7SUFFRCxZQUFvQixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUE1QjVDLGFBQVEsR0FBRyxDQUFDLENBQUE7UUFDWixtQkFBYyxHQUFHLEVBQUUsQ0FBQTtRQUNuQiw2QkFBd0IsR0FBRywwQkFBMEIsQ0FBQTtRQU1wRCxjQUFTLEdBQUcsQ0FBQyxDQUFBO1FBRWIsaUJBQVksR0FBRyxDQUFDLENBQUE7UUE2QmhCLDRCQUF1QixHQUFHLEdBQUcsRUFBRTtZQUN2QyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDbkMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsT0FBTztvQkFDL0IsS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVE7d0JBQzFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVE7d0JBQzdDLENBQUMsQ0FBQyxJQUFJO3dCQUNOLENBQUMsQ0FBQyxNQUFNLENBQUE7WUFDZCxDQUFDLENBQUMsQ0FBQTtRQUNKLENBQUMsQ0FBQTtJQW5CdUQsQ0FBQztJQUV6RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxDQUFBO1FBQzNELElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFBO1FBRTlCLG9FQUFvRTtRQUNwRSxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQTtRQUMvRCxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQ3JDLENBQUM7SUFZRCx1QkFBdUI7SUFDaEIsUUFBUSxDQUFDLFNBQWlCO1FBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FDMUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLEVBQzVDLENBQUMsQ0FDRixDQUFBO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtRQUNuQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQTtJQUNoQyxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLElBQUksQ0FBQyxXQUFXO1lBQUUsT0FBTTtRQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDckMsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxJQUFJLENBQUMsVUFBVTtZQUFFLE9BQU07UUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQ3JDLENBQUM7K0dBcEVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDhPQUlLLFVBQVUsK0lDM0I5QyxrVkFZQSx5SURTWSxZQUFZLGtOQUFFLHVCQUF1Qjs7NEZBRXBDLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsdUJBQXVCLENBQUM7c0ZBR3ZDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBQzBDLE1BQU07c0JBQXJELGVBQWU7dUJBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFHakIsY0FBYztzQkFBMUMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBQYWdpbmFibGUgfSBmcm9tICcuLi9wYWdpbmFibGUuaW50ZXJmYWNlJ1xuaW1wb3J0IHsgUGFnaW5hdGlvbkRvdHNDb21wb25lbnQgfSBmcm9tICcuLi9wYWdpbmF0aW9uLWRvdHMvcGFnaW5hdGlvbi1kb3RzLmNvbXBvbmVudCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktYmxvY2stbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ibG9jay1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmxvY2stbGlzdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQYWdpbmF0aW9uRG90c0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJsb2NrTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIFBhZ2luYWJsZSB7XG4gIEBJbnB1dCgpIHBhZ2VTaXplID0gNVxuICBASW5wdXQoKSBjb250YWluZXJDbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHBhZ2luYXRpb25Db250YWluZXJDbGFzcyA9ICd3LWZ1bGwgYm90dG9tLTAgdG9wLWF1dG8nXG4gIEBDb250ZW50Q2hpbGRyZW4oJ2Jsb2NrJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIGJsb2NrczogUXVlcnlMaXN0PFxuICAgIEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gID5cbiAgQFZpZXdDaGlsZCgnYmxvY2tDb250YWluZXInKSBibG9ja0NvbnRhaW5lcjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cblxuICBwcm90ZWN0ZWQgbWluSGVpZ2h0ID0gMFxuXG4gIHByb3RlY3RlZCBjdXJyZW50UGFnZV8gPSAwXG4gIHByb3RlY3RlZCBnZXQgcGFnZXMoKSB7XG4gICAgcmV0dXJuIG5ldyBBcnJheSh0aGlzLnBhZ2VzQ291bnQpLmZpbGwoMCkubWFwKChfLCBpKSA9PiBpKVxuICB9XG5cbiAgZ2V0IGlzRmlyc3RQYWdlKCkge1xuICAgIHJldHVybiB0aGlzLmN1cnJlbnRQYWdlXyA9PT0gMFxuICB9XG4gIGdldCBpc0xhc3RQYWdlKCkge1xuICAgIHJldHVybiB0aGlzLmN1cnJlbnRQYWdlXyA9PT0gdGhpcy5wYWdlc0NvdW50IC0gMVxuICB9XG4gIGdldCBwYWdlc0NvdW50KCkge1xuICAgIHJldHVybiB0aGlzLmJsb2NrcyA/IE1hdGguY2VpbCh0aGlzLmJsb2Nrcy5sZW5ndGggLyB0aGlzLnBhZ2VTaXplKSA6IDFcbiAgfVxuICBnZXQgY3VycmVudFBhZ2UoKSB7XG4gICAgcmV0dXJuIHRoaXMuY3VycmVudFBhZ2VfICsgMSAvLyB0aGlzIGlzIDEtYmFzZWRcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmJsb2Nrcy5jaGFuZ2VzLnN1YnNjcmliZSh0aGlzLnJlZnJlc2hCbG9ja3NWaXNpYmlsaXR5KVxuICAgIHRoaXMucmVmcmVzaEJsb2Nrc1Zpc2liaWxpdHkoKVxuXG4gICAgLy8gd2Ugc3RvcmUgdGhlIGZpcnN0IGhlaWdodCBhcyB0aGUgbWluLWhlaWdodCBvZiB0aGUgbGlzdCBjb250YWluZXJcbiAgICB0aGlzLm1pbkhlaWdodCA9IHRoaXMuYmxvY2tDb250YWluZXIubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHRcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKVxuICB9XG5cbiAgcHJvdGVjdGVkIHJlZnJlc2hCbG9ja3NWaXNpYmlsaXR5ID0gKCkgPT4ge1xuICAgIHRoaXMuYmxvY2tzLmZvckVhY2goKGJsb2NrLCBpbmRleCkgPT4ge1xuICAgICAgYmxvY2submF0aXZlRWxlbWVudC5zdHlsZS5kaXNwbGF5ID1cbiAgICAgICAgaW5kZXggPj0gdGhpcy5jdXJyZW50UGFnZV8gKiB0aGlzLnBhZ2VTaXplICYmXG4gICAgICAgIGluZGV4IDwgKHRoaXMuY3VycmVudFBhZ2VfICsgMSkgKiB0aGlzLnBhZ2VTaXplXG4gICAgICAgICAgPyBudWxsXG4gICAgICAgICAgOiAnbm9uZSdcbiAgICB9KVxuICB9XG5cbiAgLy8gcGFnZUluZGV4IGlzIDEtYmFzZWRcbiAgcHVibGljIGdvVG9QYWdlKHBhZ2VJbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5jdXJyZW50UGFnZV8gPSBNYXRoLm1heChcbiAgICAgIE1hdGgubWluKHBhZ2VJbmRleCAtIDEsIHRoaXMucGFnZXNDb3VudCAtIDEpLFxuICAgICAgMFxuICAgIClcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKVxuICAgIHRoaXMucmVmcmVzaEJsb2Nrc1Zpc2liaWxpdHkoKVxuICB9XG5cbiAgcHVibGljIGdvVG9QcmV2UGFnZSgpIHtcbiAgICBpZiAodGhpcy5pc0ZpcnN0UGFnZSkgcmV0dXJuXG4gICAgdGhpcy5nb1RvUGFnZSh0aGlzLmN1cnJlbnRQYWdlIC0gMSlcbiAgfVxuXG4gIHB1YmxpYyBnb1RvTmV4dFBhZ2UoKSB7XG4gICAgaWYgKHRoaXMuaXNMYXN0UGFnZSkgcmV0dXJuXG4gICAgdGhpcy5nb1RvUGFnZSh0aGlzLmN1cnJlbnRQYWdlICsgMSlcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImJsb2NrLWxpc3QtY29udGFpbmVyIGZsZXggZmxleC1jb2xcIlxuICAjYmxvY2tDb250YWluZXJcbiAgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIlxuICBbbmdTdHlsZV09XCJ7IG1pbkhlaWdodDogbWluSGVpZ2h0ICsgJ3B4JyB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48Z24tdWktcGFnaW5hdGlvbi1kb3RzXG4gIFtjb250YWluZXJDbGFzc109XCInYWJzb2x1dGUgJyArIHBhZ2luYXRpb25Db250YWluZXJDbGFzc1wiXG4gIFtsaXN0Q29tcG9uZW50XT1cInRoaXNcIlxuPjwvZ24tdWktcGFnaW5hdGlvbi1kb3RzPlxuIl19

package/esm2022/libs/ui/layout/src/lib/carousel/carousel.component.mjs

@@ -1,18 +1,36 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
 import EmblaCarousel from 'embla-carousel';
 import { CommonModule } from '@angular/common';
+import { PaginationDotsComponent } from '../pagination-dots/pagination-dots.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class CarouselComponent {
-    get isFirstStep() {
+    // Paginable API
+    get isFirstPage() {
         return this.currentStep === 0;
     }
-    get isLastStep() {
+    get isLastPage() {
         return this.currentStep === this.steps.length - 1;
     }
-    get stepsCount() {
+    get currentPage() {
+        return this.currentStep + 1; // this is 1-based
+    }
+    get pagesCount() {
         return this.steps.length;
     }
+    goToPage(stepIndex) {
+        this.emblaApi.scrollTo(stepIndex - 1); // this is 0-based
+    }
+    goToPrevPage() {
+        if (this.isFirstPage)
+            return;
+        this.emblaApi.scrollPrev();
+    }
+    goToNextPage() {
+        if (this.isLastPage)
+            return;
+        this.emblaApi.scrollNext();
+    }
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
         this.containerClass = '';
@@ -36,26 +54,13 @@ export class CarouselComponent {
             .on('reInit', this.refreshSteps)
             .on('select', this.refreshSteps);
     }
-    scrollToStep(stepIndex) {
-        this.emblaApi.scrollTo(stepIndex);
-    }
-    slideToPrevious() {
-        if (this.isFirstStep)
-            return;
-        this.emblaApi.scrollPrev();
-    }
-    slideToNext() {
-        if (this.isLastStep)
-            return;
-        this.emblaApi.scrollNext();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div\n  *ngIf=\"steps.length > 1\"\n  class=\"absolute flex flex-row justify-center gap-[14px] p-1\"\n  [ngClass]=\"stepsContainerClass\"\n>\n  <button\n    *ngFor=\"let step of steps; let i = index\"\n    class=\"carousel-step-dot\"\n    (click)=\"scrollToStep(i)\"\n    [ngClass]=\"currentStep === i ? 'bg-primary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative;display:block}.carousel-step-dot{width:6px;height:6px;border-radius:6px;position:relative}.carousel-step-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div\n  *ngIf=\"steps.length > 1\"\n  class=\"absolute flex flex-row justify-center gap-[14px] p-1\"\n  [ngClass]=\"stepsContainerClass\"\n>\n  <button\n    *ngFor=\"let step of steps; let i = index\"\n    class=\"carousel-step-dot\"\n    (click)=\"scrollToStep(i)\"\n    [ngClass]=\"currentStep === i ? 'bg-primary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative;display:block}.carousel-step-dot{width:6px;height:6px;border-radius:6px;position:relative}.carousel-step-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { carouselOverflowContainer: [{
+            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative;display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { carouselOverflowContainer: [{
                 type: ViewChild,
                 args: ['carouselOverflowContainer']
             }], containerClass: [{
@@ -65,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], currentStepChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Nhcm91c2VsL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sYUFBb0MsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7OztBQVU5QyxNQUFNLE9BQU8saUJBQWlCO0lBa0I1QixJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssQ0FBQyxDQUFBO0lBQy9CLENBQUM7SUFDRCxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFDRCxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFBO0lBQzFCLENBQUM7SUFFRCxZQUFvQixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUF6QjVDLG1CQUFjLEdBQUcsRUFBRSxDQUFBO1FBQ25CLHdCQUFtQixHQUFHLDBCQUEwQixDQUFBO1FBQy9DLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7UUFFOUMsVUFBSyxHQUFhLEVBQUUsQ0FBQTtRQUVwQixnQkFBVyxHQUFHLENBQUMsQ0FBQTtRQUVmLGlCQUFZLEdBQUcsR0FBRyxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtZQUMzQyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsa0JBQWtCLEVBQUUsQ0FBQTtZQUNyRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQTtZQUM3QyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3JDLENBQUMsQ0FBQTtJQVl1RCxDQUFDO0lBRXpELGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FDM0IsSUFBSSxDQUFDLHlCQUF5QixDQUFDLGFBQWEsRUFDNUM7WUFDRSxRQUFRLEVBQUUsRUFBRTtTQUNiLENBQ0YsQ0FBQTtRQUVELElBQUksQ0FBQyxRQUFRO2FBQ1YsRUFBRSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDO2FBQzdCLEVBQUUsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQzthQUMvQixFQUFFLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUNwQyxDQUFDO0lBRU0sWUFBWSxDQUFDLFNBQWlCO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQ25DLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksSUFBSSxDQUFDLFdBQVc7WUFBRSxPQUFNO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUFFLENBQUE7SUFDNUIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsVUFBVTtZQUFFLE9BQU07UUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQTtJQUM1QixDQUFDOytHQXhEVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixpV0N0QjlCLG9oQkFpQkEsbVVER1ksWUFBWTs7NEZBRVgsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzt3R0FHaUIseUJBQXlCO3NCQUFoRSxTQUFTO3VCQUFDLDJCQUEyQjtnQkFFN0IsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0ksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IEVtYmxhQ2Fyb3VzZWwsIHsgRW1ibGFDYXJvdXNlbFR5cGUgfSBmcm9tICdlbWJsYS1jYXJvdXNlbCdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktY2Fyb3VzZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJvdXNlbC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2Fyb3VzZWxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnY2Fyb3VzZWxPdmVyZmxvd0NvbnRhaW5lcicpIGNhcm91c2VsT3ZlcmZsb3dDb250YWluZXI6IEVsZW1lbnRSZWZcblxuICBASW5wdXQoKSBjb250YWluZXJDbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHN0ZXBzQ29udGFpbmVyQ2xhc3MgPSAndy1mdWxsIGJvdHRvbS0wIHRvcC1hdXRvJ1xuICBAT3V0cHV0KCkgY3VycmVudFN0ZXBDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKVxuXG4gIHByb3RlY3RlZCBzdGVwczogbnVtYmVyW10gPSBbXVxuICBwcm90ZWN0ZWQgZW1ibGFBcGk6IEVtYmxhQ2Fyb3VzZWxUeXBlXG4gIHByb3RlY3RlZCBjdXJyZW50U3RlcCA9IDBcblxuICBwcm90ZWN0ZWQgcmVmcmVzaFN0ZXBzID0gKCkgPT4ge1xuICAgIHRoaXMuc3RlcHMgPSB0aGlzLmVtYmxhQXBpLnNjcm9sbFNuYXBMaXN0KClcbiAgICB0aGlzLmN1cnJlbnRTdGVwID0gdGhpcy5lbWJsYUFwaS5zZWxlY3RlZFNjcm9sbFNuYXAoKVxuICAgIHRoaXMuY3VycmVudFN0ZXBDaGFuZ2UuZW1pdCh0aGlzLmN1cnJlbnRTdGVwKVxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpXG4gIH1cblxuICBnZXQgaXNGaXJzdFN0ZXAoKSB7XG4gICAgcmV0dXJuIHRoaXMuY3VycmVudFN0ZXAgPT09IDBcbiAgfVxuICBnZXQgaXNMYXN0U3RlcCgpIHtcbiAgICByZXR1cm4gdGhpcy5jdXJyZW50U3RlcCA9PT0gdGhpcy5zdGVwcy5sZW5ndGggLSAxXG4gIH1cbiAgZ2V0IHN0ZXBzQ291bnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuc3RlcHMubGVuZ3RoXG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5lbWJsYUFwaSA9IEVtYmxhQ2Fyb3VzZWwoXG4gICAgICB0aGlzLmNhcm91c2VsT3ZlcmZsb3dDb250YWluZXIubmF0aXZlRWxlbWVudCxcbiAgICAgIHtcbiAgICAgICAgZHVyYXRpb246IDE1LFxuICAgICAgfVxuICAgIClcblxuICAgIHRoaXMuZW1ibGFBcGlcbiAgICAgIC5vbignaW5pdCcsIHRoaXMucmVmcmVzaFN0ZXBzKVxuICAgICAgLm9uKCdyZUluaXQnLCB0aGlzLnJlZnJlc2hTdGVwcylcbiAgICAgIC5vbignc2VsZWN0JywgdGhpcy5yZWZyZXNoU3RlcHMpXG4gIH1cblxuICBwdWJsaWMgc2Nyb2xsVG9TdGVwKHN0ZXBJbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5lbWJsYUFwaS5zY3JvbGxUbyhzdGVwSW5kZXgpXG4gIH1cblxuICBwdWJsaWMgc2xpZGVUb1ByZXZpb3VzKCkge1xuICAgIGlmICh0aGlzLmlzRmlyc3RTdGVwKSByZXR1cm5cbiAgICB0aGlzLmVtYmxhQXBpLnNjcm9sbFByZXYoKVxuICB9XG5cbiAgcHVibGljIHNsaWRlVG9OZXh0KCkge1xuICAgIGlmICh0aGlzLmlzTGFzdFN0ZXApIHJldHVyblxuICAgIHRoaXMuZW1ibGFBcGkuc2Nyb2xsTmV4dCgpXG4gIH1cbn1cbiIsIjxkaXYgI2Nhcm91c2VsT3ZlcmZsb3dDb250YWluZXIgY2xhc3M9XCJ3LWZ1bGxcIj5cbiAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWNvbnRhaW5lciBmbGV4XCIgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2XG4gICpuZ0lmPVwic3RlcHMubGVuZ3RoID4gMVwiXG4gIGNsYXNzPVwiYWJzb2x1dGUgZmxleCBmbGV4LXJvdyBqdXN0aWZ5LWNlbnRlciBnYXAtWzE0cHhdIHAtMVwiXG4gIFtuZ0NsYXNzXT1cInN0ZXBzQ29udGFpbmVyQ2xhc3NcIlxuPlxuICA8YnV0dG9uXG4gICAgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHM7IGxldCBpID0gaW5kZXhcIlxuICAgIGNsYXNzPVwiY2Fyb3VzZWwtc3RlcC1kb3RcIlxuICAgIChjbGljayk9XCJzY3JvbGxUb1N0ZXAoaSlcIlxuICAgIFtuZ0NsYXNzXT1cImN1cnJlbnRTdGVwID09PSBpID8gJ2JnLXByaW1hcnknIDogJ2JnLWdyYXktNDAwJ1wiXG4gID48L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Nhcm91c2VsL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sYUFBb0MsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFOUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOENBQThDLENBQUE7OztBQVV0RixNQUFNLE9BQU8saUJBQWlCO0lBa0I1QixnQkFBZ0I7SUFDaEIsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLENBQUMsQ0FBQTtJQUMvQixDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQTtJQUNuRCxDQUFDO0lBQ0QsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQSxDQUFDLGtCQUFrQjtJQUNoRCxDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQTtJQUMxQixDQUFDO0lBQ00sUUFBUSxDQUFDLFNBQWlCO1FBQy9CLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQSxDQUFDLGtCQUFrQjtJQUMxRCxDQUFDO0lBQ00sWUFBWTtRQUNqQixJQUFJLElBQUksQ0FBQyxXQUFXO1lBQUUsT0FBTTtRQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFBO0lBQzVCLENBQUM7SUFDTSxZQUFZO1FBQ2pCLElBQUksSUFBSSxDQUFDLFVBQVU7WUFBRSxPQUFNO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUFFLENBQUE7SUFDNUIsQ0FBQztJQUVELFlBQW9CLGNBQWlDO1FBQWpDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQXhDNUMsbUJBQWMsR0FBRyxFQUFFLENBQUE7UUFDbkIsd0JBQW1CLEdBQUcsMEJBQTBCLENBQUE7UUFDL0Msc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtRQUU5QyxVQUFLLEdBQWEsRUFBRSxDQUFBO1FBRXBCLGdCQUFXLEdBQUcsQ0FBQyxDQUFBO1FBRWYsaUJBQVksR0FBRyxHQUFHLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGNBQWMsRUFBRSxDQUFBO1lBQzNDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsRUFBRSxDQUFBO1lBQ3JELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQzdDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLENBQUE7UUFDckMsQ0FBQyxDQUFBO0lBMkJ1RCxDQUFDO0lBRXpELGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FDM0IsSUFBSSxDQUFDLHlCQUF5QixDQUFDLGFBQWEsRUFDNUM7WUFDRSxRQUFRLEVBQUUsRUFBRTtTQUNiLENBQ0YsQ0FBQTtRQUVELElBQUksQ0FBQyxRQUFRO2FBQ1YsRUFBRSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDO2FBQzdCLEVBQUUsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQzthQUMvQixFQUFFLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUNwQyxDQUFDOytHQXpEVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixpV0N4QjlCLHVUQVNBLHFKRGFZLFlBQVksNkhBQUUsdUJBQXVCOzs0RkFFcEMsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSx1QkFBdUIsQ0FBQztzRkFHUix5QkFBeUI7c0JBQWhFLFNBQVM7dUJBQUMsMkJBQTJCO2dCQUU3QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgRW1ibGFDYXJvdXNlbCwgeyBFbWJsYUNhcm91c2VsVHlwZSB9IGZyb20gJ2VtYmxhLWNhcm91c2VsJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgUGFnaW5hYmxlIH0gZnJvbSAnLi4vcGFnaW5hYmxlLmludGVyZmFjZSdcbmltcG9ydCB7IFBhZ2luYXRpb25Eb3RzQ29tcG9uZW50IH0gZnJvbSAnLi4vcGFnaW5hdGlvbi1kb3RzL3BhZ2luYXRpb24tZG90cy5jb21wb25lbnQnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLWNhcm91c2VsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2Fyb3VzZWwuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUGFnaW5hdGlvbkRvdHNDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJvdXNlbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIFBhZ2luYWJsZSB7XG4gIEBWaWV3Q2hpbGQoJ2Nhcm91c2VsT3ZlcmZsb3dDb250YWluZXInKSBjYXJvdXNlbE92ZXJmbG93Q29udGFpbmVyOiBFbGVtZW50UmVmXG5cbiAgQElucHV0KCkgY29udGFpbmVyQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBzdGVwc0NvbnRhaW5lckNsYXNzID0gJ3ctZnVsbCBib3R0b20tMCB0b3AtYXV0bydcbiAgQE91dHB1dCgpIGN1cnJlbnRTdGVwQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcblxuICBwcm90ZWN0ZWQgc3RlcHM6IG51bWJlcltdID0gW11cbiAgcHJvdGVjdGVkIGVtYmxhQXBpOiBFbWJsYUNhcm91c2VsVHlwZVxuICBwcm90ZWN0ZWQgY3VycmVudFN0ZXAgPSAwXG5cbiAgcHJvdGVjdGVkIHJlZnJlc2hTdGVwcyA9ICgpID0+IHtcbiAgICB0aGlzLnN0ZXBzID0gdGhpcy5lbWJsYUFwaS5zY3JvbGxTbmFwTGlzdCgpXG4gICAgdGhpcy5jdXJyZW50U3RlcCA9IHRoaXMuZW1ibGFBcGkuc2VsZWN0ZWRTY3JvbGxTbmFwKClcbiAgICB0aGlzLmN1cnJlbnRTdGVwQ2hhbmdlLmVtaXQodGhpcy5jdXJyZW50U3RlcClcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKVxuICB9XG5cbiAgLy8gUGFnaW5hYmxlIEFQSVxuICBnZXQgaXNGaXJzdFBhZ2UoKSB7XG4gICAgcmV0dXJuIHRoaXMuY3VycmVudFN0ZXAgPT09IDBcbiAgfVxuICBnZXQgaXNMYXN0UGFnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5jdXJyZW50U3RlcCA9PT0gdGhpcy5zdGVwcy5sZW5ndGggLSAxXG4gIH1cbiAgZ2V0IGN1cnJlbnRQYWdlKCkge1xuICAgIHJldHVybiB0aGlzLmN1cnJlbnRTdGVwICsgMSAvLyB0aGlzIGlzIDEtYmFzZWRcbiAgfVxuICBnZXQgcGFnZXNDb3VudCgpIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcy5sZW5ndGhcbiAgfVxuICBwdWJsaWMgZ29Ub1BhZ2Uoc3RlcEluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmVtYmxhQXBpLnNjcm9sbFRvKHN0ZXBJbmRleCAtIDEpIC8vIHRoaXMgaXMgMC1iYXNlZFxuICB9XG4gIHB1YmxpYyBnb1RvUHJldlBhZ2UoKSB7XG4gICAgaWYgKHRoaXMuaXNGaXJzdFBhZ2UpIHJldHVyblxuICAgIHRoaXMuZW1ibGFBcGkuc2Nyb2xsUHJldigpXG4gIH1cbiAgcHVibGljIGdvVG9OZXh0UGFnZSgpIHtcbiAgICBpZiAodGhpcy5pc0xhc3RQYWdlKSByZXR1cm5cbiAgICB0aGlzLmVtYmxhQXBpLnNjcm9sbE5leHQoKVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuZW1ibGFBcGkgPSBFbWJsYUNhcm91c2VsKFxuICAgICAgdGhpcy5jYXJvdXNlbE92ZXJmbG93Q29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsXG4gICAgICB7XG4gICAgICAgIGR1cmF0aW9uOiAxNSxcbiAgICAgIH1cbiAgICApXG5cbiAgICB0aGlzLmVtYmxhQXBpXG4gICAgICAub24oJ2luaXQnLCB0aGlzLnJlZnJlc2hTdGVwcylcbiAgICAgIC5vbigncmVJbml0JywgdGhpcy5yZWZyZXNoU3RlcHMpXG4gICAgICAub24oJ3NlbGVjdCcsIHRoaXMucmVmcmVzaFN0ZXBzKVxuICB9XG59XG4iLCI8ZGl2ICNjYXJvdXNlbE92ZXJmbG93Q29udGFpbmVyIGNsYXNzPVwidy1mdWxsXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1jb250YWluZXIgZmxleFwiIFtuZ0NsYXNzXT1cImNvbnRhaW5lckNsYXNzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGduLXVpLXBhZ2luYXRpb24tZG90c1xuICBbY29udGFpbmVyQ2xhc3NdPVwiJ2Fic29sdXRlICcgKyBzdGVwc0NvbnRhaW5lckNsYXNzXCJcbiAgW2xpc3RDb21wb25lbnRdPVwidGhpc1wiXG4+PC9nbi11aS1wYWdpbmF0aW9uLWRvdHM+XG4iXX0=

package/esm2022/libs/ui/layout/src/lib/expandable-panel/expandable-panel.component.mjs

@@ -1,7 +1,9 @@
-import { Component, ChangeDetectionStrategy, Input, ViewChild, ElementRef, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { CommonModule } from '@angular/common';
+import { matAdd, matRemove } from '@ng-icons/material-icons/baseline';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
 export class ExpandablePanelComponent {
     constructor() {
         this.collapsed = true;
@@ -14,12 +16,12 @@ export class ExpandablePanelComponent {
     setMaxHeight() {
         return `${this.collapsed ? '0' : this.contentDiv.nativeElement.scrollHeight}px`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: { title: "title", collapsed: "collapsed" }, viewQueries: [{ propertyName: "contentDiv", first: true, predicate: ["contentDiv"], descendants: true }], ngImport: i0, template: "<div\n  class=\"group flex align-middle title border-b border-gray-100 cursor-pointer pt-2.5\"\n  (click)=\"toggle()\"\n>\n  <div class=\"grow font-medium text-black text-sm\">\n    {{ title }}\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity\"\n  >\n    <mat-icon class=\"material-symbols-outlined\" *ngIf=\"collapsed\">add</mat-icon>\n    <mat-icon class=\"material-symbols-outlined\" *ngIf=\"!collapsed\"\n      >remove</mat-icon\n    >\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-[max-height] duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  [style.maxHeight]=\"maxHeight\"\n  #contentDiv\n>\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelComponent, isStandalone: true, selector: "gn-ui-expandable-panel", inputs: { title: "title", collapsed: "collapsed" }, viewQueries: [{ propertyName: "contentDiv", first: true, predicate: ["contentDiv"], descendants: true }], ngImport: i0, template: "<div\n  class=\"group flex align-middle title border-b border-gray-100 cursor-pointer pt-2.5\"\n  (click)=\"toggle()\"\n>\n  <div class=\"grow font-medium text-black text-sm\">\n    {{ title }}\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity\"\n  >\n    <ng-icon name=\"matAdd\" *ngIf=\"collapsed\"></ng-icon>\n    <ng-icon name=\"matRemove\" *ngIf=\"!collapsed\"></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-[max-height] duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  [style.maxHeight]=\"maxHeight\"\n  #contentDiv\n>\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matAdd, matRemove })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandablePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"group flex align-middle title border-b border-gray-100 cursor-pointer pt-2.5\"\n  (click)=\"toggle()\"\n>\n  <div class=\"grow font-medium text-black text-sm\">\n    {{ title }}\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity\"\n  >\n    <mat-icon class=\"material-symbols-outlined\" *ngIf=\"collapsed\">add</mat-icon>\n    <mat-icon class=\"material-symbols-outlined\" *ngIf=\"!collapsed\"\n      >remove</mat-icon\n    >\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-[max-height] duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  [style.maxHeight]=\"maxHeight\"\n  #contentDiv\n>\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matAdd, matRemove })], template: "<div\n  class=\"group flex align-middle title border-b border-gray-100 cursor-pointer pt-2.5\"\n  (click)=\"toggle()\"\n>\n  <div class=\"grow font-medium text-black text-sm\">\n    {{ title }}\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity\"\n  >\n    <ng-icon name=\"matAdd\" *ngIf=\"collapsed\"></ng-icon>\n    <ng-icon name=\"matRemove\" *ngIf=\"!collapsed\"></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-[max-height] duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  [style.maxHeight]=\"maxHeight\"\n  #contentDiv\n>\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { title: [{
                 type: Input
             }], collapsed: [{
@@ -28,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChild,
                 args: ['contentDiv']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsU0FBUyxFQUNULFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQTs7OztBQVF0QixNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBUVcsY0FBUyxHQUFHLElBQUksQ0FBQTtRQUV6QixjQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFBO0tBWWhDO0lBVkMsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFBO1FBQ2hDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFBO0lBQ3RDLENBQUM7SUFFRCxZQUFZO1FBQ1YsT0FBTyxHQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFDdkQsSUFBSSxDQUFBO0lBQ04sQ0FBQzsrR0FmVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw0TkNkckMsZ3VCQXdCQTs7NEZEVmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ21CLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLWV4cGFuZGFibGUtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuZGFibGUtcGFuZWwuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5kYWJsZVBhbmVsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZ1xuICBASW5wdXQoKSBjb2xsYXBzZWQgPSB0cnVlXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnREaXYnKSBjb250ZW50RGl2OiBFbGVtZW50UmVmXG4gIG1heEhlaWdodCA9IHRoaXMuc2V0TWF4SGVpZ2h0KClcblxuICB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZWQgPSAhdGhpcy5jb2xsYXBzZWRcbiAgICB0aGlzLm1heEhlaWdodCA9IHRoaXMuc2V0TWF4SGVpZ2h0KClcbiAgfVxuXG4gIHNldE1heEhlaWdodCgpIHtcbiAgICByZXR1cm4gYCR7XG4gICAgICB0aGlzLmNvbGxhcHNlZCA/ICcwJyA6IHRoaXMuY29udGVudERpdi5uYXRpdmVFbGVtZW50LnNjcm9sbEhlaWdodFxuICAgIH1weGBcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImdyb3VwIGZsZXggYWxpZ24tbWlkZGxlIHRpdGxlIGJvcmRlci1iIGJvcmRlci1ncmF5LTEwMCBjdXJzb3ItcG9pbnRlciBwdC0yLjVcIlxuICAoY2xpY2spPVwidG9nZ2xlKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwiZ3JvdyBmb250LW1lZGl1bSB0ZXh0LWJsYWNrIHRleHQtc21cIj5cbiAgICB7eyB0aXRsZSB9fVxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwidy04IG9wYWNpdHktMjUgdGV4dC1wcmltYXJ5IGdyb3VwLWhvdmVyOm9wYWNpdHktMTAwIHRyYW5zaXRpb24tb3BhY2l0eVwiXG4gID5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCIgKm5nSWY9XCJjb2xsYXBzZWRcIj5hZGQ8L21hdC1pY29uPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIiAqbmdJZj1cIiFjb2xsYXBzZWRcIlxuICAgICAgPnJlbW92ZTwvbWF0LWljb25cbiAgICA+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2XG4gIGNsYXNzPVwiY29udGVudCBvdmVyZmxvdy1oaWRkZW4gdHJhbnNpdGlvbi1bbWF4LWhlaWdodF0gZHVyYXRpb24tMzAwXCJcbiAgW25nQ2xhc3NdPVwiY29sbGFwc2VkID8gJ2Vhc2Utb3V0JyA6ICdlYXNlLWluJ1wiXG4gIFtzdHlsZS5tYXhIZWlnaHRdPVwibWF4SGVpZ2h0XCJcbiAgI2NvbnRlbnREaXZcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBOzs7QUFXckUsTUFBTSxPQUFPLHdCQUF3QjtJQVRyQztRQVdXLGNBQVMsR0FBRyxJQUFJLENBQUE7UUFFekIsY0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtLQVloQztJQVZDLE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQTtRQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtJQUN0QyxDQUFDO0lBRUQsWUFBWTtRQUNWLE9BQU8sR0FDTCxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQ3ZELElBQUksQ0FBQTtJQUNOLENBQUM7K0dBZlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ1BDcEJyQyxncUJBc0JBLHlERExZLFlBQVksaU9BQUUsTUFBTSxrR0FDZixDQUFDLFlBQVksQ0FBQyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDOzs0RkFFekMsd0JBQXdCO2tCQVRwQyxTQUFTOytCQUNFLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLGlCQUNoQixDQUFDLFlBQVksQ0FBQyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDOzhCQUczQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDbUIsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE5nSWNvbiwgcHJvdmlkZUljb25zIH0gZnJvbSAnQG5nLWljb25zL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBtYXRBZGQsIG1hdFJlbW92ZSB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktZXhwYW5kYWJsZS1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25dLFxuICB2aWV3UHJvdmlkZXJzOiBbcHJvdmlkZUljb25zKHsgbWF0QWRkLCBtYXRSZW1vdmUgfSldLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlUGFuZWxDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nXG4gIEBJbnB1dCgpIGNvbGxhcHNlZCA9IHRydWVcbiAgQFZpZXdDaGlsZCgnY29udGVudERpdicpIGNvbnRlbnREaXY6IEVsZW1lbnRSZWZcbiAgbWF4SGVpZ2h0ID0gdGhpcy5zZXRNYXhIZWlnaHQoKVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZFxuICAgIHRoaXMubWF4SGVpZ2h0ID0gdGhpcy5zZXRNYXhIZWlnaHQoKVxuICB9XG5cbiAgc2V0TWF4SGVpZ2h0KCkge1xuICAgIHJldHVybiBgJHtcbiAgICAgIHRoaXMuY29sbGFwc2VkID8gJzAnIDogdGhpcy5jb250ZW50RGl2Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0XG4gICAgfXB4YFxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiZ3JvdXAgZmxleCBhbGlnbi1taWRkbGUgdGl0bGUgYm9yZGVyLWIgYm9yZGVyLWdyYXktMTAwIGN1cnNvci1wb2ludGVyIHB0LTIuNVwiXG4gIChjbGljayk9XCJ0b2dnbGUoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJncm93IGZvbnQtbWVkaXVtIHRleHQtYmxhY2sgdGV4dC1zbVwiPlxuICAgIHt7IHRpdGxlIH19XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJ3LTggb3BhY2l0eS0yNSB0ZXh0LXByaW1hcnkgZ3JvdXAtaG92ZXI6b3BhY2l0eS0xMDAgdHJhbnNpdGlvbi1vcGFjaXR5XCJcbiAgPlxuICAgIDxuZy1pY29uIG5hbWU9XCJtYXRBZGRcIiAqbmdJZj1cImNvbGxhcHNlZFwiPjwvbmctaWNvbj5cbiAgICA8bmctaWNvbiBuYW1lPVwibWF0UmVtb3ZlXCIgKm5nSWY9XCIhY29sbGFwc2VkXCI+PC9uZy1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdlxuICBjbGFzcz1cImNvbnRlbnQgb3ZlcmZsb3ctaGlkZGVuIHRyYW5zaXRpb24tW21heC1oZWlnaHRdIGR1cmF0aW9uLTMwMFwiXG4gIFtuZ0NsYXNzXT1cImNvbGxhcHNlZCA/ICdlYXNlLW91dCcgOiAnZWFzZS1pbidcIlxuICBbc3R5bGUubWF4SGVpZ2h0XT1cIm1heEhlaWdodFwiXG4gICNjb250ZW50RGl2XG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/libs/ui/layout/src/lib/expandable-panel-button/expandable-panel-button.component.mjs

@@ -1,7 +1,9 @@
 import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { CommonModule } from '@angular/common';
+import { matExpandLess, matExpandMore } from '@ng-icons/material-icons/baseline';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
 export class ExpandablePanelButtonComponent {
     constructor() {
         this.collapsed = true;
@@ -9,15 +11,15 @@ export class ExpandablePanelButtonComponent {
     toggle() {
         this.collapsed = !this.collapsed;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandablePanelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpandablePanelButtonComponent, selector: "gn-ui-expandable-panel-button", inputs: { titleTemplate: "titleTemplate", collapsed: "collapsed" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <mat-icon class=\"material-symbols-outlined\" *ngIf=\"collapsed\"\n    >expand_more</mat-icon\n  >\n  <mat-icon class=\"material-symbols-outlined\" *ngIf=\"!collapsed\"\n    >expand_less</mat-icon\n  >\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelButtonComponent, isStandalone: true, selector: "gn-ui-expandable-panel-button", inputs: { titleTemplate: "titleTemplate", collapsed: "collapsed" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <ng-icon *ngIf=\"collapsed\" name=\"matExpandMore\"></ng-icon>\n  <ng-icon name=\"matExpandLess\" *ngIf=\"!collapsed\"></ng-icon>\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matExpandMore, matExpandLess })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandablePanelButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-expandable-panel-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <mat-icon class=\"material-symbols-outlined\" *ngIf=\"collapsed\"\n    >expand_more</mat-icon\n  >\n  <mat-icon class=\"material-symbols-outlined\" *ngIf=\"!collapsed\"\n    >expand_less</mat-icon\n  >\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\n"] }]
+            args: [{ selector: 'gn-ui-expandable-panel-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matExpandMore, matExpandLess })], standalone: true, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <ng-icon *ngIf=\"collapsed\" name=\"matExpandMore\"></ng-icon>\n  <ng-icon name=\"matExpandLess\" *ngIf=\"!collapsed\"></ng-icon>\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\n"] }]
         }], propDecorators: { titleTemplate: [{
                 type: Input
             }], collapsed: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1wYW5lbC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi9leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbi9leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwtYnV0dG9uL2V4cGFuZGFibGUtcGFuZWwtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUE7Ozs7QUFRdEIsTUFBTSxPQUFPLDhCQUE4QjtJQU4zQztRQVFXLGNBQVMsR0FBRyxJQUFJLENBQUE7S0FLMUI7SUFIQyxNQUFNO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUE7SUFDbEMsQ0FBQzsrR0FOVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qix5SUNiM0MsNndCQXNCQTs7NEZEVGEsOEJBQThCO2tCQU4xQyxTQUFTOytCQUNFLCtCQUErQixtQkFHeEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuZGFibGUtcGFuZWwtYnV0dG9uLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVQYW5lbEJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT5cbiAgQElucHV0KCkgY29sbGFwc2VkID0gdHJ1ZVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZFxuICB9XG59XG4iLCI8YnV0dG9uXG4gIHR5cGU9XCJidXR0b25cIlxuICBjbGFzcz1cInB4LTQgYmctcHJpbWFyeSBob3ZlcjpiZy1wcmltYXJ5LWRhcmtlciB0ZXh0LXdoaXRlIGZsZXggZmxleC1yb3cgdy1mdWxsIGl0ZW1zLWNlbnRlciBmb250LWJvbGQgdGV4dC1sZyBwb2ludGVyLWV2ZW50cy1hdXRvXCJcbiAgW3N0eWxlLmhlaWdodF09XCInNTVweCdcIlxuICAoY2xpY2spPVwidG9nZ2xlKClcIlxuPlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPGRpdiBjbGFzcz1cIm1sLTMgZ3Jvd1wiPjwvZGl2PlxuICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCIgKm5nSWY9XCJjb2xsYXBzZWRcIlxuICAgID5leHBhbmRfbW9yZTwvbWF0LWljb25cbiAgPlxuICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCIgKm5nSWY9XCIhY29sbGFwc2VkXCJcbiAgICA+ZXhwYW5kX2xlc3M8L21hdC1pY29uXG4gID5cbjwvYnV0dG9uPlxuPGRpdlxuICBjbGFzcz1cImNvbnRlbnQgdHJhbnNpdGlvbi1hbGwgcG9pbnRlci1ldmVudHMtYXV0byBiZy13aGl0ZVwiXG4gIFtzdHlsZS5oZWlnaHRdPVwiY29sbGFwc2VkID8gJzBweCcgOiAnY2FsYygxMDAlIC0gNTVweCknXCJcbiAgW25nQ2xhc3NdPVwiY29sbGFwc2VkID8gJ292ZXJmbG93LWhpZGRlbicgOiAnb3ZlcmZsb3ctYXV0bydcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1wYW5lbC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi9leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbi9leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwtYnV0dG9uL2V4cGFuZGFibGUtcGFuZWwtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTs7O0FBV2hGLE1BQU0sT0FBTyw4QkFBOEI7SUFUM0M7UUFXVyxjQUFTLEdBQUcsSUFBSSxDQUFBO0tBSzFCO0lBSEMsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFBO0lBQ2xDLENBQUM7K0dBTlUsOEJBQThCO21HQUE5Qiw4QkFBOEIsNkpDbkIzQyxxc0JBa0JBLHVMREhZLFlBQVksd1lBQUUsTUFBTSxrR0FDZixDQUFDLFlBQVksQ0FBQyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsQ0FBQyxDQUFDOzs0RkFHcEQsOEJBQThCO2tCQVQxQyxTQUFTOytCQUNFLCtCQUErQixtQkFHeEIsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLFlBQVksRUFBRSxNQUFNLENBQUMsaUJBQ2hCLENBQUMsWUFBWSxDQUFDLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUMsY0FDbkQsSUFBSTs4QkFHUCxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBOZ0ljb24sIHByb3ZpZGVJY29ucyB9IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgbWF0RXhwYW5kTGVzcywgbWF0RXhwYW5kTW9yZSB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktZXhwYW5kYWJsZS1wYW5lbC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kYWJsZS1wYW5lbC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLXBhbmVsLWJ1dHRvbi5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25dLFxuICB2aWV3UHJvdmlkZXJzOiBbcHJvdmlkZUljb25zKHsgbWF0RXhwYW5kTW9yZSwgbWF0RXhwYW5kTGVzcyB9KV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVQYW5lbEJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT5cbiAgQElucHV0KCkgY29sbGFwc2VkID0gdHJ1ZVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZFxuICB9XG59XG4iLCI8YnV0dG9uXG4gIHR5cGU9XCJidXR0b25cIlxuICBjbGFzcz1cInB4LTQgYmctcHJpbWFyeSBob3ZlcjpiZy1wcmltYXJ5LWRhcmtlciB0ZXh0LXdoaXRlIGZsZXggZmxleC1yb3cgdy1mdWxsIGl0ZW1zLWNlbnRlciBmb250LWJvbGQgdGV4dC1sZyBwb2ludGVyLWV2ZW50cy1hdXRvXCJcbiAgW3N0eWxlLmhlaWdodF09XCInNTVweCdcIlxuICAoY2xpY2spPVwidG9nZ2xlKClcIlxuPlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPGRpdiBjbGFzcz1cIm1sLTMgZ3Jvd1wiPjwvZGl2PlxuICA8bmctaWNvbiAqbmdJZj1cImNvbGxhcHNlZFwiIG5hbWU9XCJtYXRFeHBhbmRNb3JlXCI+PC9uZy1pY29uPlxuICA8bmctaWNvbiBuYW1lPVwibWF0RXhwYW5kTGVzc1wiICpuZ0lmPVwiIWNvbGxhcHNlZFwiPjwvbmctaWNvbj5cbjwvYnV0dG9uPlxuPGRpdlxuICBjbGFzcz1cImNvbnRlbnQgdHJhbnNpdGlvbi1hbGwgcG9pbnRlci1ldmVudHMtYXV0byBiZy13aGl0ZVwiXG4gIFtzdHlsZS5oZWlnaHRdPVwiY29sbGFwc2VkID8gJzBweCcgOiAnY2FsYygxMDAlIC0gNTVweCknXCJcbiAgW25nQ2xhc3NdPVwiY29sbGFwc2VkID8gJ292ZXJmbG93LWhpZGRlbicgOiAnb3ZlcmZsb3ctYXV0bydcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/libs/ui/layout/src/lib/form-field-wrapper/form-field-wrapper.component.mjs

@@ -1,18 +1,21 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/tooltip";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
 export class FormFieldWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\" translate=\"\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatTooltipModule, CommonModule, TranslateModule], template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\" translate=\"\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbGF5b3V0L3NyYy9saWIvZm9ybS1maWVsZC13cmFwcGVyL2Zvcm0tZmllbGQtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Zvcm0tZmllbGQtd3JhcHBlci9mb3JtLWZpZWxkLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFBOzs7QUFVNUQsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIsOEhDWnRDLDZqQkFrQkEseUREUlksYUFBYSw4QkFBRSxnQkFBZ0I7OzRGQUU5Qix5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFHakMsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJ1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLWZvcm0tZmllbGQtd3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWZpZWxkLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLWZpZWxkLXdyYXBwZXIuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsIE1hdFRvb2x0aXBNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRmllbGRXcmFwcGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZ1xuICBASW5wdXQoKSBoaW50OiBzdHJpbmdcbn1cbiIsIjxkaXYgY2xhc3M9XCJoLWZ1bGwgZmxleCBmbGV4LWNvbFwiPlxuICA8ZGl2IGNsYXNzPVwiZmxleC1ub25lIHctZnVsbCBmbGV4IGZsZXgtcm93IGl0ZW1zLWNlbnRlclwiPlxuICAgIDxzcGFuIGNsYXNzPVwiZmxleC1ub25lIGZvbnQtYm9sZFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LTEgZmxleCBqdXN0aWZ5LWVuZCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmb3JtLWZpZWxkLWludGVyYWN0aW9uXVwiPjwvbmctY29udGVudD5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtLTIgZ24tdWktaWNvbi1zbWFsbFwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cImhpbnRcIlxuICAgICAgICBtYXRUb29sdGlwUG9zaXRpb249XCJhYm92ZVwiXG4gICAgICA+XG4gICAgICAgIGhlbHBcbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmbGV4LTFcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbGF5b3V0L3NyYy9saWIvZm9ybS1maWVsZC13cmFwcGVyL2Zvcm0tZmllbGQtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2Zvcm0tZmllbGQtd3JhcHBlci9mb3JtLWZpZWxkLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDNUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTs7Ozs7QUFVckQsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIsOEhDYnRDLDZ2QkF1QkEseUREWlksZ0JBQWdCLDRUQUFFLFlBQVkseVNBQUUsZUFBZTs7NEZBRTlDLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSwwQkFBMEIsbUJBR25CLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsWUFBWSxFQUFFLGVBQWUsQ0FBQzs4QkFHakQsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktZm9ybS1maWVsZC13cmFwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZmllbGQtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Zvcm0tZmllbGQtd3JhcHBlci5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0VG9vbHRpcE1vZHVsZSwgQ29tbW9uTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRmllbGRXcmFwcGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmdcbiAgQElucHV0KCkgaGludD86IHN0cmluZ1xufVxuIiwiPGRpdiBjbGFzcz1cImgtZnVsbCBmbGV4IGZsZXgtY29sXCIgKm5nSWY9XCJsYWJlbDsgZWxzZSBvbmx5Q29udGVudFwiPlxuICA8ZGl2IGNsYXNzPVwiZmxleC1ub25lIHctZnVsbCBmbGV4IGZsZXgtcm93IGl0ZW1zLWNlbnRlclwiPlxuICAgIDxzcGFuIGNsYXNzPVwiZmxleC1ub25lIGZvbnQtYm9sZFwiIHRyYW5zbGF0ZT1cIlwiPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LTEgZmxleCBqdXN0aWZ5LWVuZCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmb3JtLWZpZWxkLWludGVyYWN0aW9uXVwiPjwvbmctY29udGVudD5cbiAgICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwiaGludFwiXG4gICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtLTIgZ24tdWktaWNvbi1zbWFsbFwiXG4gICAgICAgIFttYXRUb29sdGlwXT1cImhpbnRcIlxuICAgICAgICBtYXRUb29sdGlwUG9zaXRpb249XCJhYm92ZVwiXG4gICAgICA+XG4gICAgICAgIGhlbHBcbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmbGV4LTEgbXQtMlwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJvbmx5Q29udGVudFwiPiA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNvbmx5Q29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/libs/ui/layout/src/lib/interactive-table/interactive-table-column/interactive-table-column.component.mjs

@@ -12,10 +12,10 @@ export class InteractiveTableColumnComponent {
         this.activeSort = this.activeSort === 'asc' ? 'desc' : 'asc';
         this.sortChange.emit(this.activeSort);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InteractiveTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InteractiveTableColumnComponent, isStandalone: true, selector: "gn-ui-interactive-table-column", inputs: { grow: "grow", sortable: "sortable", activeSort: "activeSort" }, outputs: { sortChange: "sortChange" }, queries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "cell", first: true, predicate: ["cell"], descendants: true }], ngImport: i0, template: "<span>empty</span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableColumnComponent, isStandalone: true, selector: "gn-ui-interactive-table-column", inputs: { grow: "grow", width: "width", sortable: "sortable", activeSort: "activeSort" }, outputs: { sortChange: "sortChange" }, queries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "cell", first: true, predicate: ["cell"], descendants: true }], ngImport: i0, template: "<span>empty</span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InteractiveTableColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-interactive-table-column', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span>empty</span>\n" }]
         }], propDecorators: { header: [{
@@ -26,6 +26,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['cell']
             }], grow: [{
                 type: Input
+            }], width: [{
+                type: Input
             }], sortable: [{
                 type: Input
             }], activeSort: [{
@@ -33,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], sortChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbGF5b3V0L3NyYy9saWIvaW50ZXJhY3RpdmUtdGFibGUvaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2ludGVyYWN0aXZlLXRhYmxlL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi9pbnRlcmFjdGl2ZS10YWJsZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7O0FBVTlDLE1BQU0sT0FBTywrQkFBK0I7SUFSNUM7UUFZVyxTQUFJLEdBQUcsS0FBSyxDQUFBO1FBQ1osYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUNoQixlQUFVLEdBQTBCLElBQUksQ0FBQTtRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUE7S0FNMUQ7SUFKQyxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtRQUM1RCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDdkMsQ0FBQzsrR0FaVSwrQkFBK0I7bUdBQS9CLCtCQUErQix3WENuQjVDLHNCQUNBLHlERGFZLFlBQVk7OzRGQUtYLCtCQUErQjtrQkFSM0MsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBR3ZCLE1BQU07c0JBQTdCLFlBQVk7dUJBQUMsUUFBUTtnQkFDQSxJQUFJO3NCQUF6QixZQUFZO3VCQUFDLE1BQU07Z0JBRVgsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1pbnRlcmFjdGl2ZS10YWJsZS1jb2x1bW4nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJbnRlcmFjdGl2ZVRhYmxlQ29sdW1uQ29tcG9uZW50IHtcbiAgQENvbnRlbnRDaGlsZCgnaGVhZGVyJykgaGVhZGVyOiBUZW1wbGF0ZVJlZjx1bmtub3duPlxuICBAQ29udGVudENoaWxkKCdjZWxsJykgY2VsbDogVGVtcGxhdGVSZWY8dW5rbm93bj5cblxuICBASW5wdXQoKSBncm93ID0gZmFsc2VcbiAgQElucHV0KCkgc29ydGFibGUgPSBmYWxzZVxuICBASW5wdXQoKSBhY3RpdmVTb3J0OiAnYXNjJyB8ICdkZXNjJyB8IG51bGwgPSBudWxsXG4gIEBPdXRwdXQoKSBzb3J0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjwnYXNjJyB8ICdkZXNjJz4oKVxuXG4gIGhhbmRsZVNvcnRDaGFuZ2UoKSB7XG4gICAgdGhpcy5hY3RpdmVTb3J0ID0gdGhpcy5hY3RpdmVTb3J0ID09PSAnYXNjJyA/ICdkZXNjJyA6ICdhc2MnXG4gICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQodGhpcy5hY3RpdmVTb3J0KVxuICB9XG59XG4iLCI8c3Bhbj5lbXB0eTwvc3Bhbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbGF5b3V0L3NyYy9saWIvaW50ZXJhY3RpdmUtdGFibGUvaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2ludGVyYWN0aXZlLXRhYmxlL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi9pbnRlcmFjdGl2ZS10YWJsZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7O0FBVTlDLE1BQU0sT0FBTywrQkFBK0I7SUFSNUM7UUFZVyxTQUFJLEdBQUcsS0FBSyxDQUFBO1FBRVosYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUNoQixlQUFVLEdBQTBCLElBQUksQ0FBQTtRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUE7S0FNMUQ7SUFKQyxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtRQUM1RCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDdkMsQ0FBQzsrR0FiVSwrQkFBK0I7bUdBQS9CLCtCQUErQix3WUNuQjVDLHNCQUNBLHlERGFZLFlBQVk7OzRGQUtYLCtCQUErQjtrQkFSM0MsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBR3ZCLE1BQU07c0JBQTdCLFlBQVk7dUJBQUMsUUFBUTtnQkFDQSxJQUFJO3NCQUF6QixZQUFZO3VCQUFDLE1BQU07Z0JBRVgsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnRlcmFjdGl2ZS10YWJsZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnRlcmFjdGl2ZS10YWJsZS1jb2x1bW4uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSW50ZXJhY3RpdmVUYWJsZUNvbHVtbkNvbXBvbmVudCB7XG4gIEBDb250ZW50Q2hpbGQoJ2hlYWRlcicpIGhlYWRlcjogVGVtcGxhdGVSZWY8dW5rbm93bj5cbiAgQENvbnRlbnRDaGlsZCgnY2VsbCcpIGNlbGw6IFRlbXBsYXRlUmVmPHVua25vd24+XG5cbiAgQElucHV0KCkgZ3JvdyA9IGZhbHNlXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmdcbiAgQElucHV0KCkgc29ydGFibGUgPSBmYWxzZVxuICBASW5wdXQoKSBhY3RpdmVTb3J0OiAnYXNjJyB8ICdkZXNjJyB8IG51bGwgPSBudWxsXG4gIEBPdXRwdXQoKSBzb3J0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjwnYXNjJyB8ICdkZXNjJz4oKVxuXG4gIGhhbmRsZVNvcnRDaGFuZ2UoKSB7XG4gICAgdGhpcy5hY3RpdmVTb3J0ID0gdGhpcy5hY3RpdmVTb3J0ID09PSAnYXNjJyA/ICdkZXNjJyA6ICdhc2MnXG4gICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQodGhpcy5hY3RpdmVTb3J0KVxuICB9XG59XG4iLCI8c3Bhbj5lbXB0eTwvc3Bhbj5cbiJdfQ==

package/esm2022/libs/ui/layout/src/lib/interactive-table/interactive-table.component.mjs

@@ -1,37 +1,46 @@
 import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, } from '@angular/core';
 import { InteractiveTableColumnComponent } from './interactive-table-column/interactive-table-column.component';
 import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
+import { NgIconComponent, provideIcons } from '@ng-icons/core';
+import { iconoirNavArrowDown, iconoirNavArrowUp } from '@ng-icons/iconoir';
+import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
+import * as i2 from "@ngx-translate/core";
 export class InteractiveTableComponent {
     constructor() {
         this.items = [];
+        this.isDraftPage = false;
         this.itemClick = new EventEmitter();
     }
     get gridStyle() {
         return {
             'grid-template-columns': this.columns
-                .map((column) => column.grow ? `minmax(0px,1fr)` : `minmax(0px,max-content)`)
+                .map((column) => column.width
+                ? column.width
+                : column.grow
+                    ? `minmax(0px,1fr)`
+                    : `minmax(0px,max-content)`)
                 .join(' '),
         };
     }
     handleRowClick(item) {
         this.itemClick.emit(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            >expand_less</mat-icon\n          >\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            >expand_more</mat-icon\n          >\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-4 py-3 flex items-center bg-white transition-colors duration-75 truncate group-hover:text-main group-hover:bg-gray-50 border-b border-gray-200\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".sort-button mat-icon{padding:0;margin:0;height:8px;line-height:8px;font-size:18px}.table-header-cell{@apply text-gray-700 px-4 py-5 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"\n      !item.extras?.edit && !isDraftPage\n        ? ('editor.record.lock.reason' | translate)\n        : ''\n    \"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            !item.extras?.edit && !isDraftPage,\n          'group-hover:text-main group-hover:bg-gray-50':\n            item.extras?.edit || isDraftPage,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InteractiveTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, InteractiveTableColumnComponent, MatIconModule], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            >expand_less</mat-icon\n          >\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            >expand_more</mat-icon\n          >\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-4 py-3 flex items-center bg-white transition-colors duration-75 truncate group-hover:text-main group-hover:bg-gray-50 border-b border-gray-200\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".sort-button mat-icon{padding:0;margin:0;height:8px;line-height:8px;font-size:18px}.table-header-cell{@apply text-gray-700 px-4 py-5 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}\n"] }]
+            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"\n      !item.extras?.edit && !isDraftPage\n        ? ('editor.record.lock.reason' | translate)\n        : ''\n    \"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            !item.extras?.edit && !isDraftPage,\n          'group-hover:text-main group-hover:bg-gray-50':\n            item.extras?.edit || isDraftPage,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
         }], propDecorators: { columns: [{
                 type: ContentChildren,
                 args: [InteractiveTableColumnComponent]
             }], items: [{
                 type: Input
+            }], isDraftPage: [{
+                type: Input
             }], itemClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3RpdmUtdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi9pbnRlcmFjdGl2ZS10YWJsZS9pbnRlcmFjdGl2ZS10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2ludGVyYWN0aXZlLXRhYmxlL2ludGVyYWN0aXZlLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0RBQStELENBQUE7QUFDL0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTs7OztBQVV0RCxNQUFNLE9BQU8seUJBQXlCO0lBUnRDO1FBWVcsVUFBSyxHQUFjLEVBQUUsQ0FBQTtRQUNwQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQWVsRDtJQWJDLElBQUksU0FBUztRQUNYLE9BQU87WUFDTCx1QkFBdUIsRUFBRSxJQUFJLENBQUMsT0FBTztpQkFDbEMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FDZCxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMseUJBQXlCLENBQzVEO2lCQUNBLElBQUksQ0FBQyxHQUFHLENBQUM7U0FDYixDQUFBO0lBQ0gsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFhO1FBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzNCLENBQUM7K0dBbkJVLHlCQUF5QjttR0FBekIseUJBQXlCLDRLQUNuQiwrQkFBK0IsNkJDdEJsRCxnK0RBc0RBLHNXRG5DWSxZQUFZLHlsQkFBbUMsYUFBYTs7NEZBRTNELHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLCtCQUErQixFQUFFLGFBQWEsQ0FBQzs4QkFJdkUsT0FBTztzQkFETixlQUFlO3VCQUFDLCtCQUErQjtnQkFHdkMsS0FBSztzQkFBYixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgSW50ZXJhY3RpdmVUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uL2ludGVyYWN0aXZlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktaW50ZXJhY3RpdmUtdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZXJhY3RpdmUtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnRlcmFjdGl2ZS10YWJsZS5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJbnRlcmFjdGl2ZVRhYmxlQ29sdW1uQ29tcG9uZW50LCBNYXRJY29uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgSW50ZXJhY3RpdmVUYWJsZUNvbXBvbmVudCB7XG4gIEBDb250ZW50Q2hpbGRyZW4oSW50ZXJhY3RpdmVUYWJsZUNvbHVtbkNvbXBvbmVudClcbiAgY29sdW1uczogUXVlcnlMaXN0PEludGVyYWN0aXZlVGFibGVDb2x1bW5Db21wb25lbnQ+XG5cbiAgQElucHV0KCkgaXRlbXM6IHVua25vd25bXSA9IFtdXG4gIEBPdXRwdXQoKSBpdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHVua25vd24+KClcblxuICBnZXQgZ3JpZFN0eWxlKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJzogdGhpcy5jb2x1bW5zXG4gICAgICAgIC5tYXAoKGNvbHVtbikgPT5cbiAgICAgICAgICBjb2x1bW4uZ3JvdyA/IGBtaW5tYXgoMHB4LDFmcilgIDogYG1pbm1heCgwcHgsbWF4LWNvbnRlbnQpYFxuICAgICAgICApXG4gICAgICAgIC5qb2luKCcgJyksXG4gICAgfVxuICB9XG5cbiAgaGFuZGxlUm93Q2xpY2soaXRlbTogdW5rbm93bikge1xuICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoaXRlbSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyaWQgdy1mdWxsXCIgW25nU3R5bGVdPVwiZ3JpZFN0eWxlXCI+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwiY29sdW1uLnNvcnRhYmxlXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwidGFibGUtaGVhZGVyLWNlbGxcIlxuICAgICAgICAoY2xpY2spPVwiY29sdW1uLnNvcnRhYmxlICYmIGNvbHVtbi5oYW5kbGVTb3J0Q2hhbmdlKClcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29sdW1uLmhlYWRlclwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic29ydC1idXR0b24gZmxleCBmbGV4LWNvbFwiICpuZ0lmPVwiY29sdW1uLnNvcnRhYmxlXCI+XG4gICAgICAgICAgPG1hdC1pY29uXG4gICAgICAgICAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgdGV4dC1ncmF5LTYwMFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7ICd0ZXh0LW1haW4nOiBjb2x1bW4uYWN0aXZlU29ydCA9PT0gJ2FzYycgfVwiXG4gICAgICAgICAgICA+ZXhwYW5kX2xlc3M8L21hdC1pY29uXG4gICAgICAgICAgPlxuICAgICAgICAgIDxtYXQtaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIHRleHQtZ3JheS02MDBcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAndGV4dC1tYWluJzogY29sdW1uLmFjdGl2ZVNvcnQgPT09ICdkZXNjJyB9XCJcbiAgICAgICAgICAgID5leHBhbmRfbW9yZTwvbWF0LWljb25cbiAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9idXR0b24+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWNvbHVtbi5zb3J0YWJsZVwiIGNsYXNzPVwidGFibGUtaGVhZGVyLWNlbGxcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbHVtbi5oZWFkZXJcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiY29udGVudHMgdGV4dC1ncmF5LTkwMCBjdXJzb3ItcG9pbnRlciBncm91cFwiXG4gICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgIChjbGljayk9XCJoYW5kbGVSb3dDbGljayhpdGVtKVwiXG4gID5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInJlbGF0aXZlIGgtMFwiXG4gICAgICBbbmdTdHlsZV09XCJ7ICdncmlkLWNvbHVtbic6ICdzcGFuICcgKyB0aGlzLmNvbHVtbnMubGVuZ3RoIH1cIlxuICAgID5cbiAgICAgIDwhLS0gdGhpcyBlbGVtZW50IGlzIG9ubHkgdXNlZCBpbiBrZXlib2FyZCBuYXZpZ2F0aW9uIC0tPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJhYnNvbHV0ZSBpbnNldC14LTAgaC1bNTBweF0gYmctdHJhbnNwYXJlbnQgcG9pbnRlci1ldmVudHMtbm9uZVwiXG4gICAgICA+PC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1yb3ctY2VsbCBweC00IHB5LTMgZmxleCBpdGVtcy1jZW50ZXIgYmctd2hpdGUgdHJhbnNpdGlvbi1jb2xvcnMgZHVyYXRpb24tNzUgdHJ1bmNhdGUgZ3JvdXAtaG92ZXI6dGV4dC1tYWluIGdyb3VwLWhvdmVyOmJnLWdyYXktNTAgYm9yZGVyLWIgYm9yZGVyLWdyYXktMjAwXCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29sdW1uLmNlbGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtIH1cIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3RpdmUtdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi9pbnRlcmFjdGl2ZS10YWJsZS9pbnRlcmFjdGl2ZS10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2ludGVyYWN0aXZlLXRhYmxlL2ludGVyYWN0aXZlLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0RBQStELENBQUE7QUFDL0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBOzs7O0FBV3JELE1BQU0sT0FBTyx5QkFBeUI7SUFUdEM7UUFhVyxVQUFLLEdBQWMsRUFBRSxDQUFBO1FBQ3JCLGdCQUFXLEdBQUcsS0FBSyxDQUFBO1FBQ2xCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0tBbUJsRDtJQWpCQyxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLE9BQU87aUJBQ2xDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ2QsTUFBTSxDQUFDLEtBQUs7Z0JBQ1YsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO2dCQUNkLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTtvQkFDWCxDQUFDLENBQUMsaUJBQWlCO29CQUNuQixDQUFDLENBQUMseUJBQXlCLENBQ2hDO2lCQUNBLElBQUksQ0FBQyxHQUFHLENBQUM7U0FDYixDQUFBO0lBQ0gsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFhO1FBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzNCLENBQUM7K0dBeEJVLHlCQUF5QjttR0FBekIseUJBQXlCLG1LQUZ6QixDQUFDLFlBQVksQ0FBQyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLENBQUMsQ0FBQyxrREFHcEQsK0JBQStCLDZCQ3pCbEQsOHpFQWtFQSwyU0Q3Q1ksWUFBWSwwbEJBQUUsZUFBZSw0R0FBRSxlQUFlOzs0RkFHN0MseUJBQXlCO2tCQVRyQyxTQUFTOytCQUNFLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGVBQWUsQ0FBQyxhQUM5QyxDQUFDLFlBQVksQ0FBQyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLENBQUMsQ0FBQzs4QkFJckUsT0FBTztzQkFETixlQUFlO3VCQUFDLCtCQUErQjtnQkFHdkMsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBJbnRlcmFjdGl2ZVRhYmxlQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi9pbnRlcmFjdGl2ZS10YWJsZS1jb2x1bW4vaW50ZXJhY3RpdmUtdGFibGUtY29sdW1uLmNvbXBvbmVudCdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IE5nSWNvbkNvbXBvbmVudCwgcHJvdmlkZUljb25zIH0gZnJvbSAnQG5nLWljb25zL2NvcmUnXG5pbXBvcnQgeyBpY29ub2lyTmF2QXJyb3dEb3duLCBpY29ub2lyTmF2QXJyb3dVcCB9IGZyb20gJ0BuZy1pY29ucy9pY29ub2lyJ1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktaW50ZXJhY3RpdmUtdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZXJhY3RpdmUtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnRlcmFjdGl2ZS10YWJsZS5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25Db21wb25lbnQsIFRyYW5zbGF0ZU1vZHVsZV0sXG4gIHByb3ZpZGVyczogW3Byb3ZpZGVJY29ucyh7IGljb25vaXJOYXZBcnJvd0Rvd24sIGljb25vaXJOYXZBcnJvd1VwIH0pXSxcbn0pXG5leHBvcnQgY2xhc3MgSW50ZXJhY3RpdmVUYWJsZUNvbXBvbmVudCB7XG4gIEBDb250ZW50Q2hpbGRyZW4oSW50ZXJhY3RpdmVUYWJsZUNvbHVtbkNvbXBvbmVudClcbiAgY29sdW1uczogUXVlcnlMaXN0PEludGVyYWN0aXZlVGFibGVDb2x1bW5Db21wb25lbnQ+XG5cbiAgQElucHV0KCkgaXRlbXM6IHVua25vd25bXSA9IFtdXG4gIEBJbnB1dCgpIGlzRHJhZnRQYWdlID0gZmFsc2VcbiAgQE91dHB1dCgpIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dW5rbm93bj4oKVxuXG4gIGdldCBncmlkU3R5bGUoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdncmlkLXRlbXBsYXRlLWNvbHVtbnMnOiB0aGlzLmNvbHVtbnNcbiAgICAgICAgLm1hcCgoY29sdW1uKSA9PlxuICAgICAgICAgIGNvbHVtbi53aWR0aFxuICAgICAgICAgICAgPyBjb2x1bW4ud2lkdGhcbiAgICAgICAgICAgIDogY29sdW1uLmdyb3dcbiAgICAgICAgICAgICAgPyBgbWlubWF4KDBweCwxZnIpYFxuICAgICAgICAgICAgICA6IGBtaW5tYXgoMHB4LG1heC1jb250ZW50KWBcbiAgICAgICAgKVxuICAgICAgICAuam9pbignICcpLFxuICAgIH1cbiAgfVxuXG4gIGhhbmRsZVJvd0NsaWNrKGl0ZW06IHVua25vd24pIHtcbiAgICB0aGlzLml0ZW1DbGljay5lbWl0KGl0ZW0pXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmlkIHctZnVsbFwiIFtuZ1N0eWxlXT1cImdyaWRTdHlsZVwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGVudHMgdy1mdWxsXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJjb2x1bW4uc29ydGFibGVcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1oZWFkZXItY2VsbCBnYXAtMVwiXG4gICAgICAgIChjbGljayk9XCJjb2x1bW4uc29ydGFibGUgJiYgY29sdW1uLmhhbmRsZVNvcnRDaGFuZ2UoKVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb2x1bW4uaGVhZGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzb3J0LWJ1dHRvbiBmbGV4IGZsZXgtY29sXCIgKm5nSWY9XCJjb2x1bW4uc29ydGFibGVcIj5cbiAgICAgICAgICA8bmctaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LWdyYXktNjAwIC1tYi0yXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3RleHQtbWFpbic6IGNvbHVtbi5hY3RpdmVTb3J0ID09PSAnYXNjJyB9XCJcbiAgICAgICAgICAgIG5hbWU9XCJpY29ub2lyTmF2QXJyb3dVcFwiXG4gICAgICAgICAgPjwvbmctaWNvbj5cbiAgICAgICAgICA8bmctaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LWdyYXktNjAwXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3RleHQtbWFpbic6IGNvbHVtbi5hY3RpdmVTb3J0ID09PSAnZGVzYycgfVwiXG4gICAgICAgICAgICBuYW1lPVwiaWNvbm9pck5hdkFycm93RG93blwiXG4gICAgICAgICAgPjwvbmctaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxkaXYgKm5nSWY9XCIhY29sdW1uLnNvcnRhYmxlXCIgY2xhc3M9XCJ0YWJsZS1oZWFkZXItY2VsbFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29sdW1uLmhlYWRlclwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjb250ZW50cyB0ZXh0LWdyYXktOTAwIGN1cnNvci1wb2ludGVyIGdyb3VwXCJcbiAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgKGNsaWNrKT1cImhhbmRsZVJvd0NsaWNrKGl0ZW0pXCJcbiAgICBkYXRhLWN5PVwidGFibGUtcm93XCJcbiAgICBbdGl0bGVdPVwiXG4gICAgICAhaXRlbS5leHRyYXM/LmVkaXQgJiYgIWlzRHJhZnRQYWdlXG4gICAgICAgID8gKCdlZGl0b3IucmVjb3JkLmxvY2sucmVhc29uJyB8IHRyYW5zbGF0ZSlcbiAgICAgICAgOiAnJ1xuICAgIFwiXG4gID5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInJlbGF0aXZlIGgtMFwiXG4gICAgICBbbmdTdHlsZV09XCJ7ICdncmlkLWNvbHVtbic6ICdzcGFuICcgKyB0aGlzLmNvbHVtbnMubGVuZ3RoIH1cIlxuICAgID5cbiAgICAgIDwhLS0gdGhpcyBlbGVtZW50IGlzIG9ubHkgdXNlZCBpbiBrZXlib2FyZCBuYXZpZ2F0aW9uIC0tPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJhYnNvbHV0ZSBpbnNldC14LTAgaC1bNTBweF0gYmctdHJhbnNwYXJlbnQgcG9pbnRlci1ldmVudHMtbm9uZVwiXG4gICAgICA+PC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1yb3ctY2VsbCBweC0zIHB5LTEuNSBmbGV4IGl0ZW1zLWNlbnRlciBiZy13aGl0ZSB0cmFuc2l0aW9uLWNvbG9ycyBkdXJhdGlvbi03NSB0cnVuY2F0ZSBib3JkZXItYiBib3JkZXItZ3JheS0yMDBcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ3RleHQtcHVycGxlLWxpZ2h0IGN1cnNvci1kZWZhdWx0JzpcbiAgICAgICAgICAgICFpdGVtLmV4dHJhcz8uZWRpdCAmJiAhaXNEcmFmdFBhZ2UsXG4gICAgICAgICAgJ2dyb3VwLWhvdmVyOnRleHQtbWFpbiBncm91cC1ob3ZlcjpiZy1ncmF5LTUwJzpcbiAgICAgICAgICAgIGl0ZW0uZXh0cmFzPy5lZGl0IHx8IGlzRHJhZnRQYWdlLFxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29sdW1uLmNlbGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtIH1cIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==