@eui/ecl 17.3.0 → 18.0.0-next.1

package/esm2022/lib/components/ecl-breadcrumb/ecl-breadcrumb.component.mjs

@@ -1,22 +1,27 @@
-import { __decorate } from "tslib";
-import { Component, forwardRef, ContentChildren, HostBinding, ViewChild, Input, } from '@angular/core';
-import { coerceBoolean } from '@eui/base';
+import { Component, ContentChildren, HostBinding, Input, ViewChild, booleanAttribute, forwardRef, HostListener, } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
-import { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';
 import { ECLBaseDirective } from '../ecl-base.directive';
+import { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
-import * as i2 from "./ecl-breadcrumb-segment.component";
+import * as i2 from "../ecl-button/ecl-button.component";
+import * as i3 from "./ecl-breadcrumb-segment.component";
 export class EclBreadcrumbComponent extends ECLBaseDirective {
-    constructor(el, translate) {
+    constructor(el, translate, renderer) {
         super();
         this.el = el;
         this.translate = translate;
+        this.renderer = renderer;
+        this.isExpanded = false;
         this.role = 'navigation';
         this.destroy$ = new Subject();
+        this.nonStaticSegments = [];
+        this.staticSegments = [];
+        this.MINIMUM_WIDTH = 767;
     }
     get cssClasses() {
-        return [super.getCssClasses('ecl-breadcrumb')].join(' ').trim();
+        return [super.getCssClasses('ecl-breadcrumb'),
+            this.isExpanded ? '' : 'ecl-breadcrumb--collapsed'].join(' ').trim();
     }
     ngOnInit() {
         this.translate
@@ -27,50 +32,95 @@ export class EclBreadcrumbComponent extends ECLBaseDirective {
         });
     }
     ngAfterViewInit() {
-        this.truncateBreadcrumb();
+        this.init();
+        this.handleOverflownSegments();
     }
     ngOnDestroy() {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
+    onWindowResize() {
+        this.handleOverflownSegments();
+    }
     onEllipsisSegmentClick(evt) {
         this.eclSegments.forEach((segment) => {
-            segment.isHidden = null;
+            segment.isHidden = false;
         });
-        this.eclEllipsisSegment.isHidden = true;
+        this.hideEllipsis();
+        this.isExpanded = true;
     }
-    truncateBreadcrumb() {
+    init() {
         setTimeout(() => {
             this.insertEllipsisSegmentIntoPosition();
-            this.handleOverflownSegments();
+            this.handleStaticAndNonStaticSegments();
         });
     }
     insertEllipsisSegmentIntoPosition() {
         if (this.hasEnoughSegments()) {
-            const firstEclSegmentEl = this.eclSegments.first.el.nativeElement;
+            const secondEclSegmentEl = this.eclSegments.get(1).el.nativeElement;
             const ellipsisSegmentEl = this.eclEllipsisSegment.el.nativeElement;
-            firstEclSegmentEl.insertAdjacentElement('afterend', ellipsisSegmentEl);
+            this.renderer.insertBefore(this.breadcrumbContainer.nativeElement, ellipsisSegmentEl, secondEclSegmentEl);
         }
     }
     handleOverflownSegments() {
         if (this.hasEnoughSegments()) {
-            const segmentsToShow = [this.eclSegments.first, ...this.eclSegments.toArray().slice(-2)];
             setTimeout(() => {
                 if (this.isBreadcrumbOverflowed()) {
-                    this.eclSegments.forEach((segment) => {
-                        segment.isHidden = true;
-                    });
-                    segmentsToShow.forEach((segment) => {
-                        segment.isHidden = null;
-                    });
-                    this.eclEllipsisSegment.isHidden = null;
+                    // if (this.getBreadcrumbTotalWidth() < this.MINIMUM_WIDTH) {
+                    //     this.hideNonStaticSegments();
+                    //     this.showEllipsis();
+                    //     this.collapse();
+                    // } else {
+                    this.hideNonStaticSegments();
+                    this.showEllipsis();
+                    this.collapse();
+                    //}
+                }
+                else {
+                    this.hideEllipsis();
+                    this.showNonStaticSegments();
+                    this.expand();
                 }
             });
         }
     }
+    hideNonStaticSegments() {
+        this.nonStaticSegments.forEach((segment) => {
+            segment.isHidden = true;
+        });
+    }
+    showNonStaticSegments() {
+        this.nonStaticSegments.forEach((segment) => {
+            segment.isHidden = false;
+        });
+    }
+    collapse() {
+        this.isExpanded = false;
+    }
+    expand() {
+        this.isExpanded = true;
+    }
+    hideEllipsis() {
+        this.eclEllipsisSegment.isHidden = true;
+    }
+    getEllipsisWidth() {
+        return this.eclEllipsisSegment.getWidth();
+    }
+    getStaticElementsWidth() {
+        return this.staticSegments.reduce((width, segmentComponent) => width + segmentComponent.getWidth(), 0);
+    }
+    showEllipsis() {
+        this.eclEllipsisSegment.isHidden = false;
+    }
     hasEnoughSegments() {
         return this.eclSegments && this.eclSegments.length > 3;
     }
+    handleStaticAndNonStaticSegments() {
+        if (this.hasEnoughSegments()) {
+            this.staticSegments = [this.eclSegments.first, ...this.eclSegments.toArray().slice(-2)];
+            this.nonStaticSegments = this.eclSegments.toArray().slice(1, this.eclSegments.length - 2);
+        }
+    }
     isBreadcrumbOverflowed() {
         const breadcrumbTotalWidth = this.getBreadcrumbTotalWidth();
         const segmentsTotalWidth = this.getSegmentsTotalWidth();
@@ -82,34 +132,35 @@ export class EclBreadcrumbComponent extends ECLBaseDirective {
     getSegmentsTotalWidth() {
         return this.eclSegments.reduce((width, segmentComponent) => width + segmentComponent.el.nativeElement.offsetWidth, 0);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EclBreadcrumbComponent, selector: "ecl-breadcrumb", inputs: { isNegative: "isNegative" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.ecl-breadcrumb--negative": "this.isNegative", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(() => EclBreadcrumbSegmentComponent) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button\n            tabindex=\"-1\"\n            type=\"button\"\n            class=\"ecl-breadcrumb__ellipsis\"\n            aria-label=\"Click to expand\"\n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i2.EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: ["routerLink", "queryParams", "href", "queryParamsHandling", "isCurrentPage", "isNegative", "isHidden"], outputs: ["segmentClick"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.1", type: EclBreadcrumbComponent, selector: "ecl-breadcrumb", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute] }, host: { listeners: { "window:resize": "onWindowResize($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(() => EclBreadcrumbSegmentComponent) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }, { propertyName: "breadcrumbContainer", first: true, predicate: ["breadcrumbContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb__container\" #breadcrumbContainer>\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button\n            tabindex=\"0\"\n            eclButton\n            variant=\"ghost\"\n            class=\"ecl-breadcrumb__ellipsis\"\n            [attr.aria-label]=\"'ecl.breadcrumb.CLICK-TO-EXPAND' | translate\"\n            (click)=\"onEllipsisSegmentClick($event)\">\n            ...\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: i3.EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: ["routerLink", "queryParams", "href", "queryParamsHandling", "isCurrentPage", "isHidden"], outputs: ["segmentClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-__decorate([
-    coerceBoolean
-], EclBreadcrumbComponent.prototype, "isNegative", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-breadcrumb', template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button\n            tabindex=\"-1\"\n            type=\"button\"\n            class=\"ecl-breadcrumb__ellipsis\"\n            aria-label=\"Click to expand\"\n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.TranslateService }], propDecorators: { role: [{
+            args: [{ selector: 'ecl-breadcrumb', template: "<ol class=\"ecl-breadcrumb__container\" #breadcrumbContainer>\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button\n            tabindex=\"0\"\n            eclButton\n            variant=\"ghost\"\n            class=\"ecl-breadcrumb__ellipsis\"\n            [attr.aria-label]=\"'ecl.breadcrumb.CLICK-TO-EXPAND' | translate\"\n            (click)=\"onEllipsisSegmentClick($event)\">\n            ...\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.TranslateService }, { type: i0.Renderer2 }], propDecorators: { isExpanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], role: [{
                 type: HostBinding,
                 args: ['attr.role']
             }], ariaLabel: [{
                 type: HostBinding,
                 args: ['attr.aria-label']
-            }], isNegative: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-breadcrumb--negative']
             }], eclEllipsisSegment: [{
                 type: ViewChild,
                 args: ['ellipsisSegment']
+            }], breadcrumbContainer: [{
+                type: ViewChild,
+                args: ['breadcrumbContainer']
             }], eclSegments: [{
                 type: ContentChildren,
                 args: [forwardRef(() => EclBreadcrumbSegmentComponent)]
             }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1icmVhZGNydW1iL2VjbC1icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtYnJlYWRjcnVtYi9lY2wtYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILFNBQVMsRUFFVCxVQUFVLEVBQ1YsZUFBZSxFQUNmLFdBQVcsRUFJWCxTQUFTLEVBRVQsS0FBSyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDMUMsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFhekQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGdCQUFnQjtJQWF4RCxZQUNZLEVBQWMsRUFDZCxTQUEyQjtRQUVuQyxLQUFLLEVBQUUsQ0FBQztRQUhBLE9BQUUsR0FBRixFQUFFLENBQVk7UUFDZCxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQWRiLFNBQUksR0FBRyxZQUFZLENBQUM7UUFVdEMsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBVyxDQUFDO0lBTzVELENBQUM7SUFFRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BFLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVM7YUFD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Q0FBQztJQUM3QyxDQUFDO0lBRU8scUJBQXFCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFhLEVBQUUsZ0JBQWdCLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNsSSxDQUFDO2lJQXJHUSxzQkFBc0I7cUhBQXRCLHNCQUFzQixzVEFRRyw2QkFBNkIsNEtDdENuRSx1ZUFhQTs7QURxQjJFO0lBQXRFLGFBQWE7MERBQW1GOzJGQUp4RixzQkFBc0I7a0JBWGxDLFNBQVM7K0JBQ0ksZ0JBQWdCOzhHQVdBLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDUSxTQUFTO3NCQUF4QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFFeUMsVUFBVTtzQkFBakUsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxnQ0FBZ0M7Z0JBRXZDLGtCQUFrQjtzQkFBL0MsU0FBUzt1QkFBQyxpQkFBaUI7Z0JBRzVCLFdBQVc7c0JBRFYsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUM7Z0JBYTVELFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgUXVlcnlMaXN0LFxuICAgIGZvcndhcmRSZWYsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIE9uSW5pdCxcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIE9uRGVzdHJveSxcbiAgICBWaWV3Q2hpbGQsXG4gICAgRWxlbWVudFJlZixcbiAgICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnQgfSBmcm9tICcuL2VjbC1icmVhZGNydW1iLXNlZ21lbnQuY29tcG9uZW50JztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC1icmVhZGNydW1iJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWJyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlczogW1xuICAgICAgICBgXG4gICAgICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRWNsQnJlYWRjcnVtYkNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ25hdmlnYXRpb24nO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgYXJpYUxhYmVsO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5lY2wtYnJlYWRjcnVtYi0tbmVnYXRpdmUnKSBpc05lZ2F0aXZlOiBib29sZWFuIHwgYW55O1xuXG4gICAgQFZpZXdDaGlsZCgnZWxsaXBzaXNTZWdtZW50JykgZWNsRWxsaXBzaXNTZWdtZW50OiBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudDtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudCkpXG4gICAgZWNsU2VnbWVudHM6IFF1ZXJ5TGlzdDxFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudD47XG5cbiAgICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICApIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1icmVhZGNydW1iJyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJhbnNsYXRlXG4gICAgICAgICAgICAuc3RyZWFtKCdlY2wuYnJlYWRjcnVtYi5ZT1UtQVJFLUhFUkUnKVxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgodGV4dCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYXJpYUxhYmVsID0gdGV4dDtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50cnVuY2F0ZUJyZWFkY3J1bWIoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5uZXh0KHRydWUpO1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgb25FbGxpcHNpc1NlZ21lbnRDbGljayhldnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lY2xTZWdtZW50cy5mb3JFYWNoKChzZWdtZW50KSA9PiB7XG4gICAgICAgICAgICBzZWdtZW50LmlzSGlkZGVuID0gbnVsbDtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZWNsRWxsaXBzaXNTZWdtZW50LmlzSGlkZGVuID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHRydW5jYXRlQnJlYWRjcnVtYigpOiB2b2lkIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmluc2VydEVsbGlwc2lzU2VnbWVudEludG9Qb3NpdGlvbigpO1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVPdmVyZmxvd25TZWdtZW50cygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGluc2VydEVsbGlwc2lzU2VnbWVudEludG9Qb3NpdGlvbigpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaGFzRW5vdWdoU2VnbWVudHMoKSkge1xuICAgICAgICAgICAgY29uc3QgZmlyc3RFY2xTZWdtZW50RWw6IEhUTUxFbGVtZW50ID0gdGhpcy5lY2xTZWdtZW50cy5maXJzdC5lbC5uYXRpdmVFbGVtZW50O1xuICAgICAgICAgICAgY29uc3QgZWxsaXBzaXNTZWdtZW50RWw6IEhUTUxFbGVtZW50ID0gdGhpcy5lY2xFbGxpcHNpc1NlZ21lbnQuZWwubmF0aXZlRWxlbWVudDtcbiAgICAgICAgICAgIGZpcnN0RWNsU2VnbWVudEVsLmluc2VydEFkamFjZW50RWxlbWVudCgnYWZ0ZXJlbmQnLCBlbGxpcHNpc1NlZ21lbnRFbCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGhhbmRsZU92ZXJmbG93blNlZ21lbnRzKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNFbm91Z2hTZWdtZW50cygpKSB7XG4gICAgICAgICAgICBjb25zdCBzZWdtZW50c1RvU2hvdzogQXJyYXk8RWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnQ+ID0gW3RoaXMuZWNsU2VnbWVudHMuZmlyc3QsIC4uLnRoaXMuZWNsU2VnbWVudHMudG9BcnJheSgpLnNsaWNlKC0yKV07XG5cbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmlzQnJlYWRjcnVtYk92ZXJmbG93ZWQoKSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmVjbFNlZ21lbnRzLmZvckVhY2goKHNlZ21lbnQpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNlZ21lbnQuaXNIaWRkZW4gPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgc2VnbWVudHNUb1Nob3cuZm9yRWFjaCgoc2VnbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2VnbWVudC5pc0hpZGRlbiA9IG51bGw7XG4gICAgICAgICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWNsRWxsaXBzaXNTZWdtZW50LmlzSGlkZGVuID0gbnVsbDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgaGFzRW5vdWdoU2VnbWVudHMoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmVjbFNlZ21lbnRzICYmIHRoaXMuZWNsU2VnbWVudHMubGVuZ3RoID4gMztcbiAgICB9XG5cbiAgICBwcml2YXRlIGlzQnJlYWRjcnVtYk92ZXJmbG93ZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IGJyZWFkY3J1bWJUb3RhbFdpZHRoID0gdGhpcy5nZXRCcmVhZGNydW1iVG90YWxXaWR0aCgpO1xuICAgICAgICBjb25zdCBzZWdtZW50c1RvdGFsV2lkdGggPSB0aGlzLmdldFNlZ21lbnRzVG90YWxXaWR0aCgpO1xuXG4gICAgICAgIHJldHVybiBzZWdtZW50c1RvdGFsV2lkdGggPiBicmVhZGNydW1iVG90YWxXaWR0aDtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEJyZWFkY3J1bWJUb3RhbFdpZHRoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRTZWdtZW50c1RvdGFsV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWNsU2VnbWVudHMucmVkdWNlKCh3aWR0aDogbnVtYmVyLCBzZWdtZW50Q29tcG9uZW50KSA9PiB3aWR0aCArIHNlZ21lbnRDb21wb25lbnQuZWwubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCwgMCk7XG4gICAgfVxufVxuIiwiPG9sIGNsYXNzPVwiZWNsLWJyZWFkY3J1bWJfX2NvbnRhaW5lclwiPlxuICAgIDxlY2wtYnJlYWRjcnVtYi1zZWdtZW50ICNlbGxpcHNpc1NlZ21lbnQgW2lzSGlkZGVuXT1cInRydWVcIiBjbGFzcz1cImVjbC1icmVhZGNydW1iX19zZWdtZW50LS1lbGxpcHNpc1wiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY2xhc3M9XCJlY2wtYnJlYWRjcnVtYl9fZWxsaXBzaXNcIlxuICAgICAgICAgICAgYXJpYS1sYWJlbD1cIkNsaWNrIHRvIGV4cGFuZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25FbGxpcHNpc1NlZ21lbnRDbGljaygkZXZlbnQpXCI+XG4gICAgICAgICAgICDigKZcbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9lY2wtYnJlYWRjcnVtYi1zZWdtZW50PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvb2w+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJyZWFkY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1icmVhZGNydW1iL2VjbC1icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtYnJlYWRjcnVtYi9lY2wtYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUNULGVBQWUsRUFFZixXQUFXLEVBQ1gsS0FBSyxFQUtMLFNBQVMsRUFDVCxnQkFBZ0IsRUFDaEIsVUFBVSxFQUNWLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7QUFhbkYsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGdCQUFnQjtJQWlCeEQsWUFDWSxFQUFjLEVBQ2QsU0FBMkIsRUFDM0IsUUFBbUI7UUFFM0IsS0FBSyxFQUFFLENBQUM7UUFKQSxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2QsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFDM0IsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQWxCUyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ2pDLFNBQUksR0FBRyxZQUFZLENBQUM7UUFTdEMsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBVyxDQUFDO1FBQ3BELHNCQUFpQixHQUFvQyxFQUFFLENBQUM7UUFDeEQsbUJBQWMsR0FBb0MsRUFBRSxDQUFDO1FBQ3JELGtCQUFhLEdBQUcsR0FBRyxDQUFDO0lBUTVCLENBQUM7SUFFRCxJQUNJLFVBQVU7UUFDVixPQUFP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cUJBQXFCO2dCQUdoQyxXQUFXO3NCQURWLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDO2dCQWlCNUQsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBMEJwQixjQUFjO3NCQURiLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBSZW5kZXJlcjIsXG4gICAgVmlld0NoaWxkLFxuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgZm9yd2FyZFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IEVjbEJyZWFkY3J1bWJTZWdtZW50Q29tcG9uZW50IH0gZnJvbSAnLi9lY2wtYnJlYWRjcnVtYi1zZWdtZW50LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLWJyZWFkY3J1bWInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgIGBcbiAgICAgICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xCcmVhZGNydW1iQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0V4cGFuZGVkID0gZmFsc2U7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ25hdmlnYXRpb24nO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgYXJpYUxhYmVsO1xuXG4gICAgQFZpZXdDaGlsZCgnZWxsaXBzaXNTZWdtZW50JykgZWNsRWxsaXBzaXNTZWdtZW50OiBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudDtcbiAgICBAVmlld0NoaWxkKCdicmVhZGNydW1iQ29udGFpbmVyJykgYnJlYWRjcnVtYkNvbnRhaW5lcjogRWxlbWVudFJlZjtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudCkpXG4gICAgZWNsU2VnbWVudHM6IFF1ZXJ5TGlzdDxFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudD47XG5cbiAgICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcbiAgICBwcml2YXRlIG5vblN0YXRpY1NlZ21lbnRzOiBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudFtdID0gW107XG4gICAgcHJpdmF0ZSBzdGF0aWNTZWdtZW50czogRWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnRbXSA9IFtdO1xuICAgIHByaXZhdGUgTUlOSU1VTV9XSURUSCA9IDc2NztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgICkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWJyZWFkY3J1bWInKSxcbiAgICAgICAgdGhpcy5pc0V4cGFuZGVkID8gJycgOiAnZWNsLWJyZWFkY3J1bWItLWNvbGxhcHNlZCddLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJhbnNsYXRlXG4gICAgICAgICAgICAuc3RyZWFtKCdlY2wuYnJlYWRjcnVtYi5ZT1UtQVJFLUhFUkUnKVxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgodGV4dCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYXJpYUxhYmVsID0gdGV4dDtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pbml0KCk7XG4gICAgICAgIHRoaXMuaGFuZGxlT3ZlcmZsb3duU2VnbWVudHMoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5uZXh0KHRydWUpO1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gICAgb25XaW5kb3dSZXNpemUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaGFuZGxlT3ZlcmZsb3duU2VnbWVudHMoKTtcbiAgICB9XG5cbiAgICBvbkVsbGlwc2lzU2VnbWVudENsaWNrKGV2dDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVjbFNlZ21lbnRzLmZvckVhY2goKHNlZ21lbnQpID0+IHtcbiAgICAgICAgICAgIHNlZ21lbnQuaXNIaWRkZW4gPSBmYWxzZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuaGlkZUVsbGlwc2lzKCk7XG4gICAgICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0KCk6IHZvaWQge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW5zZXJ0RWxsaXBzaXNTZWdtZW50SW50b1Bvc2l0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZVN0YXRpY0FuZE5vblN0YXRpY1NlZ21lbnRzKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5zZXJ0RWxsaXBzaXNTZWdtZW50SW50b1Bvc2l0aW9uKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNFbm91Z2hTZWdtZW50cygpKSB7XG4gICAgICAgICAgICBjb25zdCBzZWNvbmRFY2xTZWdtZW50RWw6IEhUTUxFbGVtZW50ID0gdGhpcy5lY2xTZWdtZW50cy5nZXQoMSkuZWwubmF0aXZlRWxlbWVudDtcbiAgICAgICAgICAgIGNvbnN0IGVsbGlwc2lzU2VnbWVudEVsOiBIVE1MRWxlbWVudCA9IHRoaXMuZWNsRWxsaXBzaXNTZWdtZW50LmVsLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmluc2VydEJlZm9yZSh0aGlzLmJyZWFkY3J1bWJDb250YWluZXIubmF0aXZlRWxlbWVudCwgZWxsaXBzaXNTZWdtZW50RWwsIHNlY29uZEVjbFNlZ21lbnRFbCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGhhbmRsZU92ZXJmbG93blNlZ21lbnRzKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNFbm91Z2hTZWdtZW50cygpKSB7XG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5pc0JyZWFkY3J1bWJPdmVyZmxvd2VkKCkpIHtcbiAgICAgICAgICAgICAgICAgICAgLy8gaWYgKHRoaXMuZ2V0QnJlYWRjcnVtYlRvdGFsV2lkdGgoKSA8IHRoaXMuTUlOSU1VTV9XSURUSCkge1xuICAgICAgICAgICAgICAgICAgICAvLyAgICAgdGhpcy5oaWRlTm9uU3RhdGljU2VnbWVudHMoKTtcbiAgICAgICAgICAgICAgICAgICAgLy8gICAgIHRoaXMuc2hvd0VsbGlwc2lzKCk7XG4gICAgICAgICAgICAgICAgICAgIC8vICAgICB0aGlzLmNvbGxhcHNlKCk7XG4gICAgICAgICAgICAgICAgICAgIC8vIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmhpZGVOb25TdGF0aWNTZWdtZW50cygpO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5zaG93RWxsaXBzaXMoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY29sbGFwc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgLy99XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5oaWRlRWxsaXBzaXMoKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zaG93Tm9uU3RhdGljU2VnbWVudHMoKVxuICAgICAgICAgICAgICAgICAgICB0aGlzLmV4cGFuZCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoaWRlTm9uU3RhdGljU2VnbWVudHMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubm9uU3RhdGljU2VnbWVudHMuZm9yRWFjaCgoc2VnbWVudCkgPT4ge1xuICAgICAgICAgICAgc2VnbWVudC5pc0hpZGRlbiA9IHRydWU7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2hvd05vblN0YXRpY1NlZ21lbnRzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm5vblN0YXRpY1NlZ21lbnRzLmZvckVhY2goKHNlZ21lbnQpID0+IHtcbiAgICAgICAgICAgIHNlZ21lbnQuaXNIaWRkZW4gPSBmYWxzZTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjb2xsYXBzZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBleHBhbmQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoaWRlRWxsaXBzaXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWNsRWxsaXBzaXNTZWdtZW50LmlzSGlkZGVuID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEVsbGlwc2lzV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWNsRWxsaXBzaXNTZWdtZW50LmdldFdpZHRoKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRTdGF0aWNFbGVtZW50c1dpZHRoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLnN0YXRpY1NlZ21lbnRzLnJlZHVjZSgod2lkdGg6IG51bWJlciwgc2VnbWVudENvbXBvbmVudCkgPT4gd2lkdGggKyBzZWdtZW50Q29tcG9uZW50LmdldFdpZHRoKCksIDApO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2hvd0VsbGlwc2lzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVjbEVsbGlwc2lzU2VnbWVudC5pc0hpZGRlbiA9IGZhbHNlO1xuICAgIH1cblxuICAgIHByaXZhdGUgaGFzRW5vdWdoU2VnbWVudHMoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmVjbFNlZ21lbnRzICYmIHRoaXMuZWNsU2VnbWVudHMubGVuZ3RoID4gMztcbiAgICB9XG5cbiAgICBwcml2YXRlIGhhbmRsZVN0YXRpY0FuZE5vblN0YXRpY1NlZ21lbnRzKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNFbm91Z2hTZWdtZW50cygpKSB7XG4gICAgICAgICAgICB0aGlzLnN0YXRpY1NlZ21lbnRzID0gW3RoaXMuZWNsU2VnbWVudHMuZmlyc3QsIC4uLnRoaXMuZWNsU2VnbWVudHMudG9BcnJheSgpLnNsaWNlKC0yKV07XG4gICAgICAgICAgICB0aGlzLm5vblN0YXRpY1NlZ21lbnRzID0gdGhpcy5lY2xTZWdtZW50cy50b0FycmF5KCkuc2xpY2UoMSwgdGhpcy5lY2xTZWdtZW50cy5sZW5ndGggLSAyKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgaXNCcmVhZGNydW1iT3ZlcmZsb3dlZCgpOiBib29sZWFuIHtcbiAgICAgICAgY29uc3QgYnJlYWRjcnVtYlRvdGFsV2lkdGggPSB0aGlzLmdldEJyZWFkY3J1bWJUb3RhbFdpZHRoKCk7XG4gICAgICAgIGNvbnN0IHNlZ21lbnRzVG90YWxXaWR0aCA9IHRoaXMuZ2V0U2VnbWVudHNUb3RhbFdpZHRoKCk7XG5cbiAgICAgICAgcmV0dXJuIHNlZ21lbnRzVG90YWxXaWR0aCA+IGJyZWFkY3J1bWJUb3RhbFdpZHRoO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0QnJlYWRjcnVtYlRvdGFsV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWwubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFNlZ21lbnRzVG90YWxXaWR0aCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5lY2xTZWdtZW50cy5yZWR1Y2UoKHdpZHRoOiBudW1iZXIsIHNlZ21lbnRDb21wb25lbnQpID0+IHdpZHRoICsgc2VnbWVudENvbXBvbmVudC5lbC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoLCAwKTtcbiAgICB9XG59XG4iLCI8b2wgY2xhc3M9XCJlY2wtYnJlYWRjcnVtYl9fY29udGFpbmVyXCIgI2JyZWFkY3J1bWJDb250YWluZXI+XG4gICAgPGVjbC1icmVhZGNydW1iLXNlZ21lbnQgI2VsbGlwc2lzU2VnbWVudCBbaXNIaWRkZW5dPVwidHJ1ZVwiIGNsYXNzPVwiZWNsLWJyZWFkY3J1bWJfX3NlZ21lbnQtLWVsbGlwc2lzXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgICAgICBlY2xCdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICBjbGFzcz1cImVjbC1icmVhZGNydW1iX19lbGxpcHNpc1wiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidlY2wuYnJlYWRjcnVtYi5DTElDSy1UTy1FWFBBTkQnIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkVsbGlwc2lzU2VnbWVudENsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgIC4uLlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2VjbC1icmVhZGNydW1iLXNlZ21lbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9vbD5cbiJdfQ==

package/esm2022/lib/components/ecl-breadcrumb/ecl-breadcrumb.module.mjs

@@ -6,19 +6,20 @@ import { TranslateModule } from '@ngx-translate/core';
 import { EclBreadcrumbComponent } from './ecl-breadcrumb.component';
 import { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';
 import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
+import { EclButtonComponentModule } from '../ecl-button/ecl-button.module';
 import * as i0 from "@angular/core";
 const COMPONENTS = [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent];
 export class EclBreadcrumbComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: EclBreadcrumbComponentModule, declarations: [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent], imports: [CommonModule, RouterModule, TranslateModule, EclLinkDirectiveModule, EclIconComponentModule], exports: [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclBreadcrumbComponentModule, imports: [CommonModule, RouterModule, TranslateModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclBreadcrumbComponentModule, declarations: [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent], imports: [CommonModule, RouterModule, TranslateModule, EclButtonComponentModule, EclLinkDirectiveModule, EclIconComponentModule], exports: [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclBreadcrumbComponentModule, imports: [CommonModule, RouterModule, TranslateModule, EclButtonComponentModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclBreadcrumbComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclBreadcrumbComponentModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule, TranslateModule, EclLinkDirectiveModule, EclIconComponentModule],
+                    imports: [CommonModule, RouterModule, TranslateModule, EclButtonComponentModule, EclLinkDirectiveModule, EclIconComponentModule],
                     exports: [...COMPONENTS],
                     declarations: [...COMPONENTS],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJyZWFkY3J1bWIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1icmVhZGNydW1iL2VjbC1icmVhZGNydW1iLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUVyRSxNQUFNLFVBQVUsR0FBRyxDQUFDLHNCQUFzQixFQUFFLDZCQUE2QixDQUFDLENBQUM7QUFNM0UsTUFBTSxPQUFPLDRCQUE0QjtpSUFBNUIsNEJBQTRCO2tJQUE1Qiw0QkFBNEIsaUJBTnJCLHNCQUFzQixFQUFFLDZCQUE2QixhQUUzRCxZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsYUFGckYsc0JBQXNCLEVBQUUsNkJBQTZCO2tJQU01RCw0QkFBNEIsWUFKM0IsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCOzsyRkFJNUYsNEJBQTRCO2tCQUx4QyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO29CQUN0RyxPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztvQkFDeEIsWUFBWSxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnQgfSBmcm9tICcuL2VjbC1icmVhZGNydW1iLXNlZ21lbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgRWNsQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vZWNsLWJyZWFkY3J1bWIuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbExpbmtEaXJlY3RpdmVNb2R1bGUgfSBmcm9tICcuLi9lY2wtbGluay9lY2wtbGluay5tb2R1bGUnO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLm1vZHVsZSc7XG5cbmNvbnN0IENPTVBPTkVOVFMgPSBbRWNsQnJlYWRjcnVtYkNvbXBvbmVudCwgRWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnRdO1xuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZSwgRWNsTGlua0RpcmVjdGl2ZU1vZHVsZSwgRWNsSWNvbkNvbXBvbmVudE1vZHVsZV0sXG4gICAgZXhwb3J0czogWy4uLkNPTVBPTkVOVFNdLFxuICAgIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVFNdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xCcmVhZGNydW1iQ29tcG9uZW50TW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJyZWFkY3J1bWIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1icmVhZGNydW1iL2VjbC1icmVhZGNydW1iLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQUUzRSxNQUFNLFVBQVUsR0FBRyxDQUFDLHNCQUFzQixFQUFFLDZCQUE2QixDQUFDLENBQUM7QUFNM0UsTUFBTSxPQUFPLDRCQUE0Qjt3SUFBNUIsNEJBQTRCO3lJQUE1Qiw0QkFBNEIsaUJBTnJCLHNCQUFzQixFQUFFLDZCQUE2QixhQUUzRCxZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSx3QkFBd0IsRUFBRyxzQkFBc0IsRUFBRSxzQkFBc0IsYUFGaEgsc0JBQXNCLEVBQUUsNkJBQTZCO3lJQU01RCw0QkFBNEIsWUFKM0IsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsd0JBQXdCLEVBQUcsc0JBQXNCLEVBQUUsc0JBQXNCOztrR0FJdkgsNEJBQTRCO2tCQUx4QyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLHdCQUF3QixFQUFHLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO29CQUNqSSxPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztvQkFDeEIsWUFBWSxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnQgfSBmcm9tICcuL2VjbC1icmVhZGNydW1iLXNlZ21lbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgRWNsQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vZWNsLWJyZWFkY3J1bWIuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbExpbmtEaXJlY3RpdmVNb2R1bGUgfSBmcm9tICcuLi9lY2wtbGluay9lY2wtbGluay5tb2R1bGUnO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBFY2xCdXR0b25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9lY2wtYnV0dG9uL2VjbC1idXR0b24ubW9kdWxlJztcblxuY29uc3QgQ09NUE9ORU5UUyA9IFtFY2xCcmVhZGNydW1iQ29tcG9uZW50LCBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudF07XG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBFY2xCdXR0b25Db21wb25lbnRNb2R1bGUsICBFY2xMaW5rRGlyZWN0aXZlTW9kdWxlLCBFY2xJY29uQ29tcG9uZW50TW9kdWxlXSxcbiAgICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UU10sXG4gICAgZGVjbGFyYXRpb25zOiBbLi4uQ09NUE9ORU5UU10sXG59KVxuZXhwb3J0IGNsYXNzIEVjbEJyZWFkY3J1bWJDb21wb25lbnRNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/components/ecl-button/ecl-button-label.directive.mjs

@@ -5,10 +5,10 @@ export class EclButtonLabelDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-button__label')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: EclButtonLabelDirective, selector: "[eclButtonLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.1", type: EclButtonLabelDirective, selector: "[eclButtonLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclButtonLabel]',
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi1sYWJlbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLWxhYmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFLekQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGdCQUFnQjtJQUN6RCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZFLENBQUM7aUlBSlEsdUJBQXVCO3FIQUF2Qix1QkFBdUI7OzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtpQkFDL0I7OEJBR08sVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZWNsQnV0dG9uTGFiZWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgRWNsQnV0dG9uTGFiZWxEaXJlY3RpdmUgZXh0ZW5kcyBFQ0xCYXNlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1idXR0b25fX2xhYmVsJyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi1sYWJlbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLWxhYmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFLekQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGdCQUFnQjtJQUN6RCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZFLENBQUM7d0lBSlEsdUJBQXVCOzRIQUF2Qix1QkFBdUI7O2tHQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtpQkFDL0I7OEJBR08sVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZWNsQnV0dG9uTGFiZWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgRWNsQnV0dG9uTGFiZWxEaXJlY3RpdmUgZXh0ZW5kcyBFQ0xCYXNlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1idXR0b25fX2xhYmVsJyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxufVxuIl19

package/esm2022/lib/components/ecl-button/ecl-button.component.mjs

@@ -1,12 +1,12 @@
-import { Component, ContentChildren, forwardRef, HostBinding, Input } from '@angular/core';
-import { hasNextSiblingWithAttribute, hasPreviousSiblingWithAttribute } from '../../utils/dom/dom-helpers';
+import { booleanAttribute, Component, ContentChildren, forwardRef, HostBinding, Input } from '@angular/core';
 import { ECLBaseDirective } from '../ecl-base.directive';
 import { EclIconComponent } from '../ecl-icon/ecl-icon.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class EclButtonComponent extends ECLBaseDirective {
     get cssClasses() {
-        return [super.getCssClasses('ecl-button'), `ecl-button--${this.variant}`].join(' ').trim();
+        return [super.getCssClasses('ecl-button'), `ecl-button--${this.variant}`,
+            this.isIconOnly ? 'ecl-button--icon-only' : ''].join(' ').trim();
     }
     get hasIcon() {
         return this.iconComponents;
@@ -14,30 +14,28 @@ export class EclButtonComponent extends ECLBaseDirective {
     constructor(el) {
         super();
         this.el = el;
+        this.isIconOnly = false;
         this.variant = 'primary';
     }
     ngAfterViewInit() {
         if (this.iconComponents) {
             setTimeout(() => {
                 this.iconComponents.forEach((icn) => {
-                    const iconEl = icn.el.nativeElement;
-                    if (hasNextSiblingWithAttribute(iconEl, 'eclButtonLabel')) {
-                        icn.class = 'ecl-button__icon ecl-button__icon--before';
-                    }
-                    if (hasPreviousSiblingWithAttribute(iconEl, 'eclButtonLabel')) {
-                        icn.class = 'ecl-button__icon ecl-button__icon--after';
-                    }
+                    icn.class = 'ecl-button__icon';
                 });
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.1", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isIconOnly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], variant: [{
                 type: Input
             }], containerStyleClass: [{
                 type: Input
@@ -48,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtYnV0dG9uL2VjbC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsZUFBZSxFQUFjLFVBQVUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ2pJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSwrQkFBK0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzNHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFPbEUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGdCQUFnQjtJQU1wRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsRUFBRSxlQUFlLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvRixDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQWR4QixZQUFPLEdBQXdELFNBQVMsQ0FBQztJQWdCbEYsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDckIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDWixJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO29CQUNoQyxNQUFNLE1BQU0sR0FBRyxHQUFHLENBQUMsRUFBRSxDQUFDLGFBQTRCLENBQUM7b0JBRW5ELElBQUksMkJBQTJCLENBQUMsTUFBTSxFQUFFLGdCQUFnQixDQUFDLEVBQUU7d0JBQ3ZELEdBQUcsQ0FBQyxLQUFLLEdBQUcsMkNBQTJDLENBQUM7cUJBQzNEO29CQUVELElBQUksK0JBQStCLENBQUMsTUFBTSxFQUFFLGdCQUFnQixDQUFDLEVBQUU7d0JBQzNELEdBQUcsQ0FBQyxLQUFLLEdBQUcsMENBQTBDLENBQUM7cUJBQzFEO2dCQUNMLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7aUlBbkNRLGtCQUFrQjtxSEFBbEIsa0JBQWtCLGdSQUlPLGdCQUFnQixxRENkdEQsNFZBU0E7OzJGRENhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFFSSxxREFBcUQ7K0VBSXRELE9BQU87c0JBQWYsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBRStDLGNBQWM7c0JBQWxFLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUcvQyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBmb3J3YXJkUmVmLCBIb3N0QmluZGluZywgSW5wdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaGFzTmV4dFNpYmxpbmdXaXRoQXR0cmlidXRlLCBoYXNQcmV2aW91c1NpYmxpbmdXaXRoQXR0cmlidXRlIH0gZnJvbSAnLi4vLi4vdXRpbHMvZG9tL2RvbS1oZWxwZXJzJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdidXR0b25bZWNsQnV0dG9uXSwgYnV0dG9uW2VjbC1idXR0b25dLCBhW2VjbEJ1dHRvbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRWNsQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2NhbGwnIHwgJ2dob3N0JyB8IHN0cmluZyA9ICdwcmltYXJ5JztcbiAgICBASW5wdXQoKSBjb250YWluZXJTdHlsZUNsYXNzOiBzdHJpbmc7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRWNsSWNvbkNvbXBvbmVudCkpIGljb25Db21wb25lbnRzOiBRdWVyeUxpc3Q8RWNsSWNvbkNvbXBvbmVudD47XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1idXR0b24nKSwgYGVjbC1idXR0b24tLSR7dGhpcy52YXJpYW50fWBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgZ2V0IGhhc0ljb24oKTogUXVlcnlMaXN0PEVjbEljb25Db21wb25lbnQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaWNvbkNvbXBvbmVudHM7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pY29uQ29tcG9uZW50cykge1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pY29uQ29tcG9uZW50cy5mb3JFYWNoKChpY24pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgaWNvbkVsID0gaWNuLmVsLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKGhhc05leHRTaWJsaW5nV2l0aEF0dHJpYnV0ZShpY29uRWwsICdlY2xCdXR0b25MYWJlbCcpKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBpY24uY2xhc3MgPSAnZWNsLWJ1dHRvbl9faWNvbiBlY2wtYnV0dG9uX19pY29uLS1iZWZvcmUnO1xuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKGhhc1ByZXZpb3VzU2libGluZ1dpdGhBdHRyaWJ1dGUoaWNvbkVsLCAnZWNsQnV0dG9uTGFiZWwnKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgaWNuLmNsYXNzID0gJ2VjbC1idXR0b25fX2ljb24gZWNsLWJ1dHRvbl9faWNvbi0tYWZ0ZXInO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxzcGFuICpuZ0lmPVwiaGFzSWNvblwiIGNsYXNzPVwiZWNsLWJ1dHRvbl9fY29udGFpbmVyIHt7IGNvbnRhaW5lclN0eWxlQ2xhc3MgfX1cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9zcGFuPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFoYXNJY29uXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtYnV0dG9uL2VjbC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQWMsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQzlFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFPbEUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGdCQUFnQjtJQVFwRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsRUFBRSxlQUFlLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDcEUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6RSxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQWhCTyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ2xELFlBQU8sR0FBOEUsU0FBUyxDQUFDO0lBaUJ4RyxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNyQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNaLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7b0JBQ2hDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUM7Z0JBQ25DLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7d0lBOUJRLGtCQUFrQjs0SEFBbEIsa0JBQWtCLHNIQUVQLGdCQUFnQixzTUFJRixnQkFBZ0IscURDaEJ0RCw0VkFTQTs7a0dEQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUVJLHFEQUFxRDsrRUFLdkIsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsT0FBTztzQkFBZixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFFK0MsY0FBYztzQkFBbEUsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBRy9DLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCwgUXVlcnlMaXN0LFxuICAgIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdidXR0b25bZWNsQnV0dG9uXSwgYnV0dG9uW2VjbC1idXR0b25dLCBhW2VjbEJ1dHRvbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRWNsQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzSWNvbk9ubHkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSB2YXJpYW50OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeScgfCAnY3RhJyB8ICdnaG9zdCcgfCAnZ2hvc3QtaW52ZXJ0ZWQnID0gJ3ByaW1hcnknO1xuICAgIEBJbnB1dCgpIGNvbnRhaW5lclN0eWxlQ2xhc3M6IHN0cmluZztcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFY2xJY29uQ29tcG9uZW50KSkgaWNvbkNvbXBvbmVudHM6IFF1ZXJ5TGlzdDxFY2xJY29uQ29tcG9uZW50PjtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWJ1dHRvbicpLCBgZWNsLWJ1dHRvbi0tJHt0aGlzLnZhcmlhbnR9YCxcbiAgICAgICAgICAgIHRoaXMuaXNJY29uT25seSA/ICdlY2wtYnV0dG9uLS1pY29uLW9ubHknIDogJyddLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgZ2V0IGhhc0ljb24oKTogUXVlcnlMaXN0PEVjbEljb25Db21wb25lbnQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaWNvbkNvbXBvbmVudHM7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pY29uQ29tcG9uZW50cykge1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pY29uQ29tcG9uZW50cy5mb3JFYWNoKChpY24pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWNuLmNsYXNzID0gJ2VjbC1idXR0b25fX2ljb24nO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8c3BhbiAqbmdJZj1cImhhc0ljb25cIiBjbGFzcz1cImVjbC1idXR0b25fX2NvbnRhaW5lciB7eyBjb250YWluZXJTdHlsZUNsYXNzIH19XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvc3Bhbj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCIhaGFzSWNvblwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/components/ecl-button/ecl-button.module.mjs

@@ -5,11 +5,11 @@ import { EclButtonComponent } from './ecl-button.component';
 import { EclButtonLabelDirective } from './ecl-button-label.directive';
 import * as i0 from "@angular/core";
 export class EclButtonComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: EclButtonComponentModule, declarations: [EclButtonComponent, EclButtonLabelDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclButtonComponent, EclButtonLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonComponentModule, declarations: [EclButtonComponent, EclButtonLabelDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclButtonComponent, EclButtonLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclButtonComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclButtonComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclIconComponentModule],
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                     declarations: [EclButtonComponent, EclButtonLabelDirective],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFPdkUsTUFBTSxPQUFPLHdCQUF3QjtpSUFBeEIsd0JBQXdCO2tJQUF4Qix3QkFBd0IsaUJBRmxCLGtCQUFrQixFQUFFLHVCQUF1QixhQUZoRCxZQUFZLEVBQUUsc0JBQXNCLGFBQ3BDLGtCQUFrQixFQUFFLHVCQUF1QjtrSUFHNUMsd0JBQXdCLFlBSnZCLFlBQVksRUFBRSxzQkFBc0I7OzJGQUlyQyx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixDQUFDO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSx1QkFBdUIsQ0FBQztvQkFDdEQsWUFBWSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsdUJBQXVCLENBQUM7aUJBQzlEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFY2xJY29uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vZWNsLWljb24vZWNsLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEVjbEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZWNsLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWNsQnV0dG9uTGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2VjbC1idXR0b24tbGFiZWwuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFY2xJY29uQ29tcG9uZW50TW9kdWxlXSxcbiAgICBleHBvcnRzOiBbRWNsQnV0dG9uQ29tcG9uZW50LCBFY2xCdXR0b25MYWJlbERpcmVjdGl2ZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbRWNsQnV0dG9uQ29tcG9uZW50LCBFY2xCdXR0b25MYWJlbERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIEVjbEJ1dHRvbkNvbXBvbmVudE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFPdkUsTUFBTSxPQUFPLHdCQUF3Qjt3SUFBeEIsd0JBQXdCO3lJQUF4Qix3QkFBd0IsaUJBRmxCLGtCQUFrQixFQUFFLHVCQUF1QixhQUZoRCxZQUFZLEVBQUUsc0JBQXNCLGFBQ3BDLGtCQUFrQixFQUFFLHVCQUF1Qjt5SUFHNUMsd0JBQXdCLFlBSnZCLFlBQVksRUFBRSxzQkFBc0I7O2tHQUlyQyx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixDQUFDO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSx1QkFBdUIsQ0FBQztvQkFDdEQsWUFBWSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsdUJBQXVCLENBQUM7aUJBQzlEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFY2xJY29uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vZWNsLWljb24vZWNsLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEVjbEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZWNsLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWNsQnV0dG9uTGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2VjbC1idXR0b24tbGFiZWwuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFY2xJY29uQ29tcG9uZW50TW9kdWxlXSxcbiAgICBleHBvcnRzOiBbRWNsQnV0dG9uQ29tcG9uZW50LCBFY2xCdXR0b25MYWJlbERpcmVjdGl2ZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbRWNsQnV0dG9uQ29tcG9uZW50LCBFY2xCdXR0b25MYWJlbERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIEVjbEJ1dHRvbkNvbXBvbmVudE1vZHVsZSB7fVxuIl19

package/esm2022/lib/components/ecl-card/ecl-card-body.component.mjs

@@ -5,14 +5,14 @@ export class EclCardBodyComponent extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-card__body')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclCardBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EclCardBodyComponent, selector: "ecl-card-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclCardBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.1", type: EclCardBodyComponent, selector: "ecl-card-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclCardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclCardBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-card-body', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcmQtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcmQvZWNsLWNhcmQtYm9keS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcmQvZWNsLWNhcmQtYm9keS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFhekQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGdCQUFnQjtJQUN0RCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BFLENBQUM7aUlBSlEsb0JBQW9CO3FIQUFwQixvQkFBb0Isa0lDZGpDLDZCQUNBOzsyRkRhYSxvQkFBb0I7a0JBWGhDLFNBQVM7K0JBQ0ksZUFBZTs4QkFZckIsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtY2FyZC1ib2R5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWNhcmQtYm9keS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgIGBcbiAgICAgICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xDYXJkQm9keUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWNhcmRfX2JvZHknKV0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcmQtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcmQvZWNsLWNhcmQtYm9keS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcmQvZWNsLWNhcmQtYm9keS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFhekQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGdCQUFnQjtJQUN0RCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BFLENBQUM7d0lBSlEsb0JBQW9COzRIQUFwQixvQkFBb0Isa0lDZGpDLDZCQUNBOztrR0RhYSxvQkFBb0I7a0JBWGhDLFNBQVM7K0JBQ0ksZUFBZTs4QkFZckIsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtY2FyZC1ib2R5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWNhcmQtYm9keS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgIGBcbiAgICAgICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xDYXJkQm9keUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWNhcmRfX2JvZHknKV0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2022/lib/components/ecl-card/ecl-card-picture.directive.mjs

@@ -5,10 +5,10 @@ export class EclCardPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-card__picture')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclCardPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: EclCardPictureDirective, selector: "picture[eclCardPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclCardPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.1", type: EclCardPictureDirective, selector: "picture[eclCardPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclCardPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclCardPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclCardPicture]',
@@ -17,21 +17,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-// TODO change name
 export class EclCardImageDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-card__image')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclCardImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: EclCardImageDirective, selector: "img[eclCardImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclCardImageDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.1", type: EclCardImageDirective, selector: "img[eclCardImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EclCardImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: EclCardImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclCardImage]',
                 }]
-        }], propDecorators: { cssClasses: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcmQtcGljdHVyZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcmQvZWNsLWNhcmQtcGljdHVyZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBS3pELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxnQkFBZ0I7SUFDekQsSUFDSSxVQUFVO1FBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRixDQUFDO2lJQUpRLHVCQUF1QjtxSEFBdkIsdUJBQXVCOzsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5QkFBeUI7aUJBQ3RDOzhCQUdPLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPOztBQVN4QixtQkFBbUI7QUFDbkIsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGdCQUFnQjtJQUN2RCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JFLENBQUM7aUlBSlEscUJBQXFCO3FIQUFyQixxQkFBcUI7OzJGQUFyQixxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtpQkFDaEM7OEJBSU8sVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdwaWN0dXJlW2VjbENhcmRQaWN0dXJlXScsXG59KVxuZXhwb3J0IGNsYXNzIEVjbENhcmRQaWN0dXJlRGlyZWN0aXZlIGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtcGljdHVyZSBlY2wtY2FyZF9fcGljdHVyZScpXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdpbWdbZWNsQ2FyZEltYWdlXScsXG59KVxuLy8gVE9ETyBjaGFuZ2UgbmFtZVxuZXhwb3J0IGNsYXNzIEVjbENhcmRJbWFnZURpcmVjdGl2ZSBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWNhcmRfX2ltYWdlJyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcmQtcGljdHVyZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcmQvZWNsLWNhcmQtcGljdHVyZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBS3pELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxnQkFBZ0I7SUFDekQsSUFDSSxVQUFVO1FBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRixDQUFDO3dJQUpRLHVCQUF1Qjs0SEFBdkIsdUJBQXVCOztrR0FBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5QkFBeUI7aUJBQ3RDOzhCQUdPLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPOztBQVN4QixNQUFNLE9BQU8scUJBQXNCLFNBQVEsZ0JBQWdCO0lBQ3ZELElBQ0ksVUFBVTtRQUNWLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckUsQ0FBQztJQUVELFlBQW1CLEVBQWM7UUFDN0IsS0FBSyxFQUFFLENBQUM7UUFETyxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBRWpDLENBQUM7d0lBUlEscUJBQXFCOzRIQUFyQixxQkFBcUI7O2tHQUFyQixxQkFBcUI7a0JBSGpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtpQkFDaEM7K0VBR08sVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdwaWN0dXJlW2VjbENhcmRQaWN0dXJlXScsXG59KVxuZXhwb3J0IGNsYXNzIEVjbENhcmRQaWN0dXJlRGlyZWN0aXZlIGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtcGljdHVyZSBlY2wtY2FyZF9fcGljdHVyZScpXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdpbWdbZWNsQ2FyZEltYWdlXScsXG59KVxuZXhwb3J0IGNsYXNzIEVjbENhcmRJbWFnZURpcmVjdGl2ZSBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWNhcmRfX2ltYWdlJyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxufVxuIl19