@eui/ecl 17.3.1 → 18.0.0-next.10

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.2", 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.2", 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.2", 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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LFNBQVM7dUJBQUMsaUJBQWlCO2dCQUNNLG1CQUFtQjtzQkFBcEQsU0FBUzt1QkFBQyxxQkFBcUI7Z0JBR2hDLFdBQVc7c0JBRFYsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUM7Z0JBaUI1RCxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkEwQnBCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFJlbmRlcmVyMixcbiAgICBWaWV3Q2hpbGQsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgICBmb3J3YXJkUmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRWNsQnJlYWRjcnVtYlNlZ21lbnRDb21wb25lbnQgfSBmcm9tICcuL2VjbC1icmVhZGNydW1iLXNlZ21lbnQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtYnJlYWRjcnVtYicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgYFxuICAgICAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEVjbEJyZWFkY3J1bWJDb21wb25lbnQgZXh0ZW5kcyBFQ0xCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzRXhwYW5kZWQgPSBmYWxzZTtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnbmF2aWdhdGlvbic7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBhcmlhTGFiZWw7XG5cbiAgICBAVmlld0NoaWxkKCdlbGxpcHNpc1NlZ21lbnQnKSBlY2xFbGxpcHNpc1NlZ21lbnQ6IEVjbEJyZWFkY3J1bWJTZWdtZW50Q29tcG9uZW50O1xuICAgIEBWaWV3Q2hpbGQoJ2JyZWFkY3J1bWJDb250YWluZXInKSBicmVhZGNydW1iQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEVjbEJyZWFkY3J1bWJTZWdtZW50Q29tcG9uZW50KSlcbiAgICBlY2xTZWdtZW50czogUXVlcnlMaXN0PEVjbEJyZWFkY3J1bWJTZWdtZW50Q29tcG9uZW50PjtcblxuICAgIHByaXZhdGUgZGVzdHJveSQ6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuICAgIHByaXZhdGUgbm9uU3RhdGljU2VnbWVudHM6IEVjbEJyZWFkY3J1bWJTZWdtZW50Q29tcG9uZW50W10gPSBbXTtcbiAgICBwcml2YXRlIHN0YXRpY1NlZ21lbnRzOiBFY2xCcmVhZGNydW1iU2VnbWVudENvbXBvbmVudFtdID0gW107XG4gICAgcHJpdmF0ZSBNSU5JTVVNX1dJRFRIID0gNzY3O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtYnJlYWRjcnVtYicpLFxuICAgICAgICB0aGlzLmlzRXhwYW5kZWQgPyAnJyA6ICdlY2wtYnJlYWRjcnVtYi0tY29sbGFwc2VkJ10uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50cmFuc2xhdGVcbiAgICAgICAgICAgIC5zdHJlYW0oJ2VjbC5icmVhZGNydW1iLllPVS1BUkUtSEVSRScpXG4gICAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCh0ZXh0KSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5hcmlhTGFiZWwgPSB0ZXh0O1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXQoKTtcbiAgICAgICAgdGhpcy5oYW5kbGVPdmVyZmxvd25TZWdtZW50cygpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgICAgIHRoaXMuZGVzdHJveSQudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgICBvbldpbmRvd1Jlc2l6ZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oYW5kbGVPdmVyZmxvd25TZWdtZW50cygpO1xuICAgIH1cblxuICAgIG9uRWxsaXBzaXNTZWdtZW50Q2xpY2soZXZ0OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWNsU2VnbWVudHMuZm9yRWFjaCgoc2VnbWVudCkgPT4ge1xuICAgICAgICAgICAgc2VnbWVudC5pc0hpZGRlbiA9IGZhbHNlO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5oaWRlRWxsaXBzaXMoKTtcbiAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGluaXQoKTogdm9pZCB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5pbnNlcnRFbGxpcHNpc1NlZ21lbnRJbnRvUG9zaXRpb24oKTtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlU3RhdGljQW5kTm9uU3RhdGljU2VnbWVudHMoKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbnNlcnRFbGxpcHNpc1NlZ21lbnRJbnRvUG9zaXRpb24oKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmhhc0Vub3VnaFNlZ21lbnRzKCkpIHtcbiAgICAgICAgICAgIGNvbnN0IHNlY29uZEVjbFNlZ21lbnRFbDogSFRNTEVsZW1lbnQgPSB0aGlzLmVjbFNlZ21lbnRzLmdldCgxKS5lbC5uYXRpdmVFbGVtZW50O1xuICAgICAgICAgICAgY29uc3QgZWxsaXBzaXNTZWdtZW50RWw6IEhUTUxFbGVtZW50ID0gdGhpcy5lY2xFbGxpcHNpc1NlZ21lbnQuZWwubmF0aXZlRWxlbWVudDtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHRoaXMuYnJlYWRjcnVtYkNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCBlbGxpcHNpc1NlZ21lbnRFbCwgc2Vjb25kRWNsU2VnbWVudEVsKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgaGFuZGxlT3ZlcmZsb3duU2VnbWVudHMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmhhc0Vub3VnaFNlZ21lbnRzKCkpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmlzQnJlYWRjcnVtYk92ZXJmbG93ZWQoKSkge1xuICAgICAgICAgICAgICAgICAgICAvLyBpZiAodGhpcy5nZXRCcmVhZGNydW1iVG90YWxXaWR0aCgpIDwgdGhpcy5NSU5JTVVNX1dJRFRIKSB7XG4gICAgICAgICAgICAgICAgICAgIC8vICAgICB0aGlzLmhpZGVOb25TdGF0aWNTZWdtZW50cygpO1xuICAgICAgICAgICAgICAgICAgICAvLyAgICAgdGhpcy5zaG93RWxsaXBzaXMoKTtcbiAgICAgICAgICAgICAgICAgICAgLy8gICAgIHRoaXMuY29sbGFwc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgLy8gfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuaGlkZU5vblN0YXRpY1NlZ21lbnRzKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnNob3dFbGxpcHNpcygpO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5jb2xsYXBzZSgpO1xuICAgICAgICAgICAgICAgICAgICAvL31cbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmhpZGVFbGxpcHNpcygpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnNob3dOb25TdGF0aWNTZWdtZW50cygpXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZXhwYW5kKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGhpZGVOb25TdGF0aWNTZWdtZW50cygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5ub25TdGF0aWNTZWdtZW50cy5mb3JFYWNoKChzZWdtZW50KSA9PiB7XG4gICAgICAgICAgICBzZWdtZW50LmlzSGlkZGVuID0gdHJ1ZTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzaG93Tm9uU3RhdGljU2VnbWVudHMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubm9uU3RhdGljU2VnbWVudHMuZm9yRWFjaCgoc2VnbWVudCkgPT4ge1xuICAgICAgICAgICAgc2VnbWVudC5pc0hpZGRlbiA9IGZhbHNlO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNvbGxhcHNlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzRXhwYW5kZWQgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGV4cGFuZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGhpZGVFbGxpcHNpcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lY2xFbGxpcHNpc1NlZ21lbnQuaXNIaWRkZW4gPSB0cnVlO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0RWxsaXBzaXNXaWR0aCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5lY2xFbGxpcHNpc1NlZ21lbnQuZ2V0V2lkdGgoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFN0YXRpY0VsZW1lbnRzV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3RhdGljU2VnbWVudHMucmVkdWNlKCh3aWR0aDogbnVtYmVyLCBzZWdtZW50Q29tcG9uZW50KSA9PiB3aWR0aCArIHNlZ21lbnRDb21wb25lbnQuZ2V0V2lkdGgoKSwgMCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzaG93RWxsaXBzaXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWNsRWxsaXBzaXNTZWdtZW50LmlzSGlkZGVuID0gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoYXNFbm91Z2hTZWdtZW50cygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWNsU2VnbWVudHMgJiYgdGhpcy5lY2xTZWdtZW50cy5sZW5ndGggPiAzO1xuICAgIH1cblxuICAgIHByaXZhdGUgaGFuZGxlU3RhdGljQW5kTm9uU3RhdGljU2VnbWVudHMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmhhc0Vub3VnaFNlZ21lbnRzKCkpIHtcbiAgICAgICAgICAgIHRoaXMuc3RhdGljU2VnbWVudHMgPSBbdGhpcy5lY2xTZWdtZW50cy5maXJzdCwgLi4udGhpcy5lY2xTZWdtZW50cy50b0FycmF5KCkuc2xpY2UoLTIpXTtcbiAgICAgICAgICAgIHRoaXMubm9uU3RhdGljU2VnbWVudHMgPSB0aGlzLmVjbFNlZ21lbnRzLnRvQXJyYXkoKS5zbGljZSgxLCB0aGlzLmVjbFNlZ21lbnRzLmxlbmd0aCAtIDIpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpc0JyZWFkY3J1bWJPdmVyZmxvd2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCBicmVhZGNydW1iVG90YWxXaWR0aCA9IHRoaXMuZ2V0QnJlYWRjcnVtYlRvdGFsV2lkdGgoKTtcbiAgICAgICAgY29uc3Qgc2VnbWVudHNUb3RhbFdpZHRoID0gdGhpcy5nZXRTZWdtZW50c1RvdGFsV2lkdGgoKTtcblxuICAgICAgICByZXR1cm4gc2VnbWVudHNUb3RhbFdpZHRoID4gYnJlYWRjcnVtYlRvdGFsV2lkdGg7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRCcmVhZGNydW1iVG90YWxXaWR0aCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5lbC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0U2VnbWVudHNUb3RhbFdpZHRoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmVjbFNlZ21lbnRzLnJlZHVjZSgod2lkdGg6IG51bWJlciwgc2VnbWVudENvbXBvbmVudCkgPT4gd2lkdGggKyBzZWdtZW50Q29tcG9uZW50LmVsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGgsIDApO1xuICAgIH1cbn1cbiIsIjxvbCBjbGFzcz1cImVjbC1icmVhZGNydW1iX19jb250YWluZXJcIiAjYnJlYWRjcnVtYkNvbnRhaW5lcj5cbiAgICA8ZWNsLWJyZWFkY3J1bWItc2VnbWVudCAjZWxsaXBzaXNTZWdtZW50IFtpc0hpZGRlbl09XCJ0cnVlXCIgY2xhc3M9XCJlY2wtYnJlYWRjcnVtYl9fc2VnbWVudC0tZWxsaXBzaXNcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgIGVjbEJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgIGNsYXNzPVwiZWNsLWJyZWFkY3J1bWJfX2VsbGlwc2lzXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ2VjbC5icmVhZGNydW1iLkNMSUNLLVRPLUVYUEFORCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uRWxsaXBzaXNTZWdtZW50Q2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgLi4uXG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZWNsLWJyZWFkY3J1bWItc2VnbWVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L29sPlxuIl19

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.2", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtYnV0dG9uL2VjbC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQWMsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQzlFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFPbEUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGdCQUFnQjtJQVFwRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsRUFBRSxlQUFlLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDcEUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6RSxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQWhCTyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ2xELFlBQU8sR0FBOEUsU0FBUyxDQUFDO0lBaUJ4RyxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtvQkFDaEMsR0FBRyxDQUFDLEtBQUssR0FBRyxrQkFBa0IsQ0FBQztnQkFDbkMsQ0FBQyxDQUFDLENBQUM7WUFDUCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO3dJQTlCUSxrQkFBa0I7NEhBQWxCLGtCQUFrQixzSEFFUCxnQkFBZ0Isc01BSUYsZ0JBQWdCLHFEQ2hCdEQsNFZBU0E7O2tHRENhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFFSSxxREFBcUQ7K0VBS3ZCLFVBQVU7c0JBQWpELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQzdCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBRStDLGNBQWM7c0JBQWxFLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUcvQyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBmb3J3YXJkUmVmLCBIb3N0QmluZGluZywgSW5wdXQsIFF1ZXJ5TGlzdCxcbiAgICBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IEVjbEljb25Db21wb25lbnQgfSBmcm9tICcuLi9lY2wtaWNvbi9lY2wtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnYnV0dG9uW2VjbEJ1dHRvbl0sIGJ1dHRvbltlY2wtYnV0dG9uXSwgYVtlY2xCdXR0b25dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEVjbEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0ljb25Pbmx5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknIHwgJ2N0YScgfCAnZ2hvc3QnIHwgJ2dob3N0LWludmVydGVkJyA9ICdwcmltYXJ5JztcbiAgICBASW5wdXQoKSBjb250YWluZXJTdHlsZUNsYXNzOiBzdHJpbmc7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRWNsSWNvbkNvbXBvbmVudCkpIGljb25Db21wb25lbnRzOiBRdWVyeUxpc3Q8RWNsSWNvbkNvbXBvbmVudD47XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1idXR0b24nKSwgYGVjbC1idXR0b24tLSR7dGhpcy52YXJpYW50fWAsXG4gICAgICAgICAgICB0aGlzLmlzSWNvbk9ubHkgPyAnZWNsLWJ1dHRvbi0taWNvbi1vbmx5JyA6ICcnXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIGdldCBoYXNJY29uKCk6IFF1ZXJ5TGlzdDxFY2xJY29uQ29tcG9uZW50PiB7XG4gICAgICAgIHJldHVybiB0aGlzLmljb25Db21wb25lbnRzO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBlbDogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaWNvbkNvbXBvbmVudHMpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaWNvbkNvbXBvbmVudHMuZm9yRWFjaCgoaWNuKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGljbi5jbGFzcyA9ICdlY2wtYnV0dG9uX19pY29uJztcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPHNwYW4gKm5nSWY9XCJoYXNJY29uXCIgY2xhc3M9XCJlY2wtYnV0dG9uX19jb250YWluZXIge3sgY29udGFpbmVyU3R5bGVDbGFzcyB9fVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L3NwYW4+XG48bmctY29udGFpbmVyICpuZ0lmPVwiIWhhc0ljb25cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

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.2", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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