npm - @eui/ecl - Versions diffs - 15.0.0-next.16 → 15.0.0-next.18 - Mend

@eui/ecl 15.0.0-next.16 → 15.0.0-next.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

package/docs/miscellaneous/variables.html CHANGED Viewed

@@ -73,12 +73,18 @@
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-content-item/ecl-content-item.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-content-item.module.ts)</a>
                         </li>
+                        <li>
+                            <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-hero-banner/ecl-hero-banner.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-hero-banner.module.ts)</a>
+                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-list/ecl-list.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-list.module.ts)</a>
                         </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-navigation-list/ecl-navigation-list.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-navigation-list.module.ts)</a>
                         </li>
+                        <li>
+                            <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-page-banner/ecl-page-banner.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-page-banner.module.ts)</a>
+                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-page-header/ecl-page-header.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-page-header.module.ts)</a>
                         </li>
@@ -268,6 +274,42 @@
                 </tr>
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/ecl/src/lib/components/ecl-hero-banner/ecl-hero-banner.module.ts</h3>
+    <section>
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="COMPONENTS"></a>
+                    <span class="name">
+                        <span ><b>COMPONENTS</b></span>
+                        <a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>[]</code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+    EclHeroBannerComponent,
+    EclHeroBannerTitleDirective,
+    EclHeroBannerDescriptionDirective,
+    EclHeroBannerCreditDirective,
+    // @deprecated
+    EclHeroBannerCtaLinkDirective,
+]</code>
+                    </td>
+                </tr>
         </tbody>
     </table>
 </section>
@@ -339,6 +381,42 @@
                 </tr>
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/ecl/src/lib/components/ecl-page-banner/ecl-page-banner.module.ts</h3>
+    <section>
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="COMPONENTS"></a>
+                    <span class="name">
+                        <span ><b>COMPONENTS</b></span>
+                        <a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>[]</code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+    EclPageBannerComponent,
+    EclPageBannerTitleDirective,
+    EclPageBannerDescriptionDirective,
+    EclPageBannerCreditDirective,
+    // @deprecated
+    EclPageBannerCtaLinkDirective,
+]</code>
+                    </td>
+                </tr>
         </tbody>
     </table>
 </section>

package/docs/modules/EclHeroBannerComponentModule.html CHANGED Viewed

@@ -67,16 +67,10 @@
                             title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EclHeroBannerComponent.html">EclHeroBannerComponent</a>
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../directives/EclHeroBannerCtaLinkDirective.html">EclHeroBannerCtaLinkDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclHeroBannerDescriptionDirective.html">EclHeroBannerDescriptionDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclHeroBannerTitleDirective.html">EclHeroBannerTitleDirective</a>
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
                         </li>
                     </ul>
                 </div>
@@ -94,16 +88,10 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EclHeroBannerComponent.html">EclHeroBannerComponent</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclHeroBannerCtaLinkDirective.html">EclHeroBannerCtaLinkDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclHeroBannerDescriptionDirective.html">EclHeroBannerDescriptionDirective</a>
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../directives/EclHeroBannerTitleDirective.html">EclHeroBannerTitleDirective</a>
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
                         </li>
                     </ul>
                 </div>

package/docs/modules/EclPageBannerComponentModule.html CHANGED Viewed

@@ -67,16 +67,10 @@
                             title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EclPageBannerComponent.html">EclPageBannerComponent</a>
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../directives/EclPageBannerCtaLinkDirective.html">EclPageBannerCtaLinkDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclPageBannerDescriptionDirective.html">EclPageBannerDescriptionDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclPageBannerTitleDirective.html">EclPageBannerTitleDirective</a>
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
                         </li>
                     </ul>
                 </div>
@@ -94,16 +88,10 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EclPageBannerComponent.html">EclPageBannerComponent</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclPageBannerCtaLinkDirective.html">EclPageBannerCtaLinkDirective</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EclPageBannerDescriptionDirective.html">EclPageBannerDescriptionDirective</a>
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../directives/EclPageBannerTitleDirective.html">EclPageBannerTitleDirective</a>
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
                         </li>
                     </ul>
                 </div>

package/esm2020/lib/components/ecl-accordion/ecl-accordion-item.component.mjs CHANGED Viewed

@@ -33,7 +33,7 @@ export class EclAccordionItemComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclAccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclAccordionItemComponent, selector: "ecl-accordion-item", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h3 class=\"ecl-accordion__title\">\n    <button \n        type=\"button\" \n        (click)=\"onItemClick($event)\"\n        [attr.aria-expanded]=\"isExpanded\"\n        class=\"ecl-accordion__toggle\">\n        <span class=\"ecl-accordion__toggle-flex\">\n            <span class=\"ecl-accordion__toggle-indicator\">\n                <span class=\"ecl-accordion__toggle-label\">{{ 'ecl.common.OPEN' | translate }}</span>\n                <ecl-icon \n                    *ngIf=\"!isExpanded\" \n                    icon=\"plus\" \n                    size=\"m\" \n                    class=\"ecl-accordion__toggle-icon\" \n                    [attr.aria-hidden]=\"!isExpanded\">\n                </ecl-icon>\n                <ecl-icon \n                    *ngIf=\"isExpanded\" \n                    icon=\"minus\" \n                    size=\"m\" \n                    class=\"ecl-accordion__toggle-icon\" \n                    [attr.aria-hidden]=\"isExpanded\">\n                </ecl-icon>\n            </span>\n            <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n        </span>\n    </button>\n</h3>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ EclAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclAccordionItemComponent, selector: "ecl-accordion-item", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h3 class=\"ecl-accordion__title\">\n    <button \n        type=\"button\" \n        (click)=\"onItemClick($event)\"\n        [attr.aria-expanded]=\"isExpanded\"\n        class=\"ecl-accordion__toggle\">\n        <span class=\"ecl-accordion__toggle-flex\">\n            <span class=\"ecl-accordion__toggle-indicator\">\n                <span class=\"ecl-accordion__toggle-label\">{{ 'ecl.common.OPEN' | translate }}</span>\n                <ecl-icon \n                    *ngIf=\"!isExpanded\" \n                    icon=\"plus\" \n                    size=\"m\" \n                    class=\"ecl-accordion__toggle-icon\" \n                    [attr.aria-hidden]=\"!isExpanded\">\n                </ecl-icon>\n                <ecl-icon \n                    *ngIf=\"isExpanded\" \n                    icon=\"minus\" \n                    size=\"m\" \n                    class=\"ecl-accordion__toggle-icon\" \n                    [attr.aria-hidden]=\"isExpanded\">\n                </ecl-icon>\n            </span>\n            <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n        </span>\n    </button>\n</h3>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     coerceBoolean
 ], EclAccordionItemComponent.prototype, "isExpanded", void 0);

package/esm2020/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-core/ecl-breadcrumb-core-segment.component.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ export class EclBreadcrumbCoreSegmentComponent extends EclBreadcrumbSegmentCompo
     }
 }
 /** @nocollapse */ EclBreadcrumbCoreSegmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbCoreSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclBreadcrumbCoreSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbCoreSegmentComponent, selector: "ecl-breadcrumb-core-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-core__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></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"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclBreadcrumbCoreSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbCoreSegmentComponent, selector: "ecl-breadcrumb-core-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-core__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></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"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbCoreSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-core-segment', template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-core__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]

package/esm2020/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-harmonised/ecl-breadcrumb-harmonised-segment.component.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ export class EclBreadcrumbHarmonisedSegmentComponent extends EclBreadcrumbSegmen
     }
 }
 /** @nocollapse */ EclBreadcrumbHarmonisedSegmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbHarmonisedSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclBreadcrumbHarmonisedSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbHarmonisedSegmentComponent, selector: "ecl-breadcrumb-harmonised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb-harmonised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclBreadcrumbHarmonisedSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbHarmonisedSegmentComponent, selector: "ecl-breadcrumb-harmonised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb-harmonised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbHarmonisedSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-harmonised-segment', template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb-harmonised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>" }]

package/esm2020/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-standardised/ecl-breadcrumb-standardised-segment.component.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ export class EclBreadcrumbStandardisedSegmentComponent extends EclBreadcrumbSegm
     }
 }
 /** @nocollapse */ EclBreadcrumbStandardisedSegmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbStandardisedSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclBreadcrumbStandardisedSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbStandardisedSegmentComponent, selector: "ecl-breadcrumb-standardised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-standardised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></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"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclBreadcrumbStandardisedSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbStandardisedSegmentComponent, selector: "ecl-breadcrumb-standardised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-standardised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></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"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbStandardisedSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-standardised-segment', template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-standardised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]

package/esm2020/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.mjs CHANGED Viewed

@@ -39,7 +39,7 @@ export class EclBreadcrumbSegmentComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclBreadcrumbSegmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclBreadcrumbSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", isCurrentPage: "isCurrentPage", isNegative: "isNegative", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclBreadcrumbSegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", isCurrentPage: "isCurrentPage", isNegative: "isNegative", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] });
 __decorate([
     coerceBoolean
 ], EclBreadcrumbSegmentComponent.prototype, "isCurrentPage", void 0);

package/esm2020/lib/components/ecl-category-filter/ecl-category-filter-list/ecl-category-filter-item.component.mjs CHANGED Viewed

@@ -59,7 +59,7 @@ export class EclCategoryFilterItemComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclCategoryFilterItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCategoryFilterItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclCategoryFilterItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCategoryFilterItemComponent, selector: "ecl-category-filter-item", inputs: { href: "href", id: "id" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class.ecl-category-filter__list-item": "this.className", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i0.forwardRef(function () { return EclCategoryFilterListComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"href\"\n   class=\"ecl-category-filter__item {{ levelClass }}\"\n   [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n   [class.ecl-category-filter__item--current]=\"isCurrent\"\n   (click)=\"onItemClick($event)\">\n    <ng-container *ngIf=\"isChildItemWithChildren\">\n        <ecl-icon icon=\"solid-arrow\"\n                  size=\"m\"\n                  transform=\"rotate-90\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"isRootItemWithChildren\">\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  transform=\"rotate-180\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n</a>\n<ng-content select=\"ecl-category-filter-list\"></ng-content>", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+/** @nocollapse */ EclCategoryFilterItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCategoryFilterItemComponent, selector: "ecl-category-filter-item", inputs: { href: "href", id: "id" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class.ecl-category-filter__list-item": "this.className", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i0.forwardRef(function () { return EclCategoryFilterListComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"href\"\n   class=\"ecl-category-filter__item {{ levelClass }}\"\n   [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n   [class.ecl-category-filter__item--current]=\"isCurrent\"\n   (click)=\"onItemClick($event)\">\n    <ng-container *ngIf=\"isChildItemWithChildren\">\n        <ecl-icon icon=\"solid-arrow\"\n                  size=\"m\"\n                  transform=\"rotate-90\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"isRootItemWithChildren\">\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  transform=\"rotate-180\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n</a>\n<ng-content select=\"ecl-category-filter-list\"></ng-content>", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCategoryFilterItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-category-filter-item', template: "<a [href]=\"href\"\n   class=\"ecl-category-filter__item {{ levelClass }}\"\n   [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n   [class.ecl-category-filter__item--current]=\"isCurrent\"\n   (click)=\"onItemClick($event)\">\n    <ng-container *ngIf=\"isChildItemWithChildren\">\n        <ecl-icon icon=\"solid-arrow\"\n                  size=\"m\"\n                  transform=\"rotate-90\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"isRootItemWithChildren\">\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  transform=\"rotate-180\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n</a>\n<ng-content select=\"ecl-category-filter-list\"></ng-content>", styles: [":host{display:list-item}\n"] }]

package/esm2020/lib/components/ecl-checkbox/ecl-checkbox-label.component.mjs CHANGED Viewed

@@ -17,7 +17,7 @@ export class EclCheckboxLabelComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclCheckboxLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCheckboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclCheckboxLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-checkbox__box\"\n    [class.ecl-checkbox__box--disabled]=\"isDisabled\"\n    [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"s\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<ng-content></ng-content>\n", styles: [".ecl-checkbox__label{margin-top:0;margin-bottom:0}.ecl-checkbox__help{margin-bottom:0}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EclCheckboxLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-checkbox__box\"\n    [class.ecl-checkbox__box--disabled]=\"isDisabled\"\n    [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"s\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<ng-content></ng-content>\n", styles: [".ecl-checkbox__label{margin-top:0;margin-bottom:0}.ecl-checkbox__help{margin-bottom:0}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     coerceBoolean
 ], EclCheckboxLabelComponent.prototype, "isInvalid", void 0);

package/esm2020/lib/components/ecl-expandable/ecl-expandable.component.mjs CHANGED Viewed

@@ -40,7 +40,7 @@ export class EclExpandableComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclExpandableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclExpandableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclExpandableComponent, selector: "ecl-expandable", inputs: { isExpanded: "isExpanded", collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button eclButton\n  variant=\"secondary\"\n  class=\"ecl-expandable__toggle\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n      <ng-container *ngIf=\"!isExpanded\">\n        {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"isExpanded\">\n        {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n      </ng-container>\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclExpandableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclExpandableComponent, selector: "ecl-expandable", inputs: { isExpanded: "isExpanded", collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button eclButton\n  variant=\"secondary\"\n  class=\"ecl-expandable__toggle\"\n  [attr.aria-expanded]=\"isExpanded\"\n  (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n      <ng-container *ngIf=\"!isExpanded\">\n        {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"isExpanded\">\n        {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n      </ng-container>\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 __decorate([
     coerceBoolean
 ], EclExpandableComponent.prototype, "isExpanded", void 0);

package/esm2020/lib/components/ecl-file/ecl-file-item/ecl-file-item.component.mjs CHANGED Viewed

@@ -34,9 +34,12 @@ export class EclFileItemComponent extends ECLBaseDirective {
             evt.preventDefault();
         }
     }
+    getDownloadFileName() {
+        return this.downloadFileName || this.href.split('/').pop();
+    }
 }
 /** @nocollapse */ EclFileItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclFileItemComponent, deps: [{ token: i1.EclFileComponent }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclFileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: "isDescription", eclTitle: "eclTitle", language: "language", description: "description", meta: "meta", label: "label", langDetail: "langDetail", href: "href", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"href\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclFileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: "isDescription", eclTitle: "eclTitle", language: "language", description: "description", meta: "meta", label: "label", langDetail: "langDetail", href: "href", downloadFileName: "downloadFileName", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 __decorate([
     coerceBoolean
 ], EclFileItemComponent.prototype, "isDescription", void 0);
@@ -45,7 +48,7 @@ __decorate([
 ], EclFileItemComponent.prototype, "meta", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclFileItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-file-item', template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"href\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n" }]
+            args: [{ selector: 'ecl-file-item', template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n" }]
         }], ctorParameters: function () { return [{ type: i1.EclFileComponent }]; }, propDecorators: { isDescription: [{
                 type: Input
             }], eclTitle: [{
@@ -62,6 +65,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
                 type: Input
             }], href: [{
                 type: Input
+            }], downloadFileName: [{
+                type: Input
             }], ariaLabel: [{
                 type: Input,
                 args: ['aria-label']
@@ -71,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWZpbGUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWZpbGUvZWNsLWZpbGUtaXRlbS9lY2wtZmlsZS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtZmlsZS9lY2wtZmlsZS1pdGVtL2VjbC1maWxlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFDOzs7Ozs7O0FBTXZELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFxQnRELFlBQW9CLGdCQUFrQztRQUNsRCxLQUFLLEVBQUUsQ0FBQztRQURRLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFwQjlCLGtCQUFhLEdBQWtCLEtBQUssQ0FBQztRQU9wRCxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ04sY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUVsQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF3QixDQUFDO0lBWWxFLENBQUM7SUFWRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyw0QkFBNEIsQ0FBQztZQUNqRCxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNoRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBTUQsSUFBSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQztJQUN0RSxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQWU7UUFDdkIsTUFBTSxLQUFLLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFbEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLGdCQUFnQixFQUFFO1lBQ3RDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN4QjtJQUNMLENBQUM7OzJJQXBDUSxvQkFBb0I7K0hBQXBCLG9CQUFvQiwrWUNWakMsK3FDQTJCQTs7SURoQkssYUFBYTsyREFBK0M7O0lBSTVELFdBQVc7a0RBQStCO2tHQUxsQyxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0ksZUFBZTt1R0FJRCxhQUFhO3NCQUFyQixLQUFLO2dCQUNaLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNnQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ1YsS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNlLFNBQVM7c0JBQTdCLEtBQUs7dUJBQUMsWUFBWTtnQkFFVCxZQUFZO3NCQUFyQixNQUFNO2dCQUdILFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFY2xGaWxlQ29tcG9uZW50IH0gZnJvbSAnLi4vZWNsLWZpbGUuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbEZpbGVEb3dubG9hZEV2ZW50IH0gZnJvbSAnLi9lY2wtZmlsZS1kb3dubG9hZC5ldmVudCc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IGNvZXJjZUFycmF5LCBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtZmlsZS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWZpbGUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEVjbEZpbGVJdGVtQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNEZXNjcmlwdGlvbjogYm9vbGVhbiB8IGFueSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGVjbFRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFuZ3VhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIEBjb2VyY2VBcnJheSBASW5wdXQoKSBtZXRhOiBzdHJpbmdbXSB8IGFueTtcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhbmdEZXRhaWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBocmVmOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoJ2FyaWEtbGFiZWwnKSBhcmlhTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gICAgQE91dHB1dCgpIGl0ZW1Eb3dubG9hZCA9IG5ldyBFdmVudEVtaXR0ZXI8RWNsRmlsZURvd25sb2FkRXZlbnQ+KCk7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1maWxlX190cmFuc2xhdGlvbi1pdGVtJyksXG4gICAgICAgICAgICB0aGlzLmlzRGVzY3JpcHRpb24gPyAnZWNsLWZpbGVfX3RyYW5zbGF0aW9uLWRlc2NyaXB0aW9uJyA6ICcnXG4gICAgICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVjbEZpbGVDb21wb25lbnQ6IEVjbEZpbGVDb21wb25lbnQpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBnZXQgaXNUaHVtYm5haWwoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmVjbEZpbGVDb21wb25lbnQgJiYgdGhpcy5lY2xGaWxlQ29tcG9uZW50LmlzVGh1bWJuYWlsO1xuICAgIH1cblxuICAgIG9uSXRlbUNsaWNrKGV2dDogTW91c2VFdmVudCkge1xuICAgICAgICBjb25zdCBldmVudCA9IG5ldyBFY2xGaWxlRG93bmxvYWRFdmVudCh0aGlzLmhyZWYpO1xuXG4gICAgICAgIHRoaXMuaXRlbURvd25sb2FkLm5leHQoZXZlbnQpO1xuICAgICAgICBpZiAoIXRoaXMuaHJlZiB8fCBldmVudC5kZWZhdWx0UHJldmVudGVkKSB7XG4gICAgICAgICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNEZXNjcmlwdGlvblwiPlxuICAgIDxkaXYgKm5nSWY9XCJpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLWRldGFpbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLXRpdGxlXCIgW2F0dHIubGFuZ109XCJsYW5nRGV0YWlsXCI+e3sgZWNsVGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1kZXNjcmlwdGlvblwiIFthdHRyLmxhbmddPVwibGFuZ0RldGFpbFwiPnt7IGRlc2NyaXB0aW9uIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1pbmZvXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLWxhbmd1YWdlXCI+e3sgbGFuZ3VhZ2UgfX08L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIiFpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLXRpdGxlXCIgW2F0dHIubGFuZ109XCJsYW5nRGV0YWlsXCI+e3sgZWNsVGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1tZXRhXCI+e3sgbWV0YSB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxhIGVjbExpbmtcbiAgICAgICAgdmFyaWFudD1cInN0YW5kYWxvbmVcIlxuICAgICAgICBbaHJlZl09XCJocmVmXCJcbiAgICAgICAgW2Rvd25sb2FkXT1cImhyZWZcIlxuICAgICAgICBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1kb3dubG9hZFwiXG4gICAgICAgIChjbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJlY2wtbGlua19fbGFiZWxcIj57eyBsYWJlbCB8fCAnZWNsLmNvbW1vbi5ET1dOTE9BRCcgfCB0cmFuc2xhdGUgfX08L3NwYW4+Jm5ic3A7XG4gICAgICAgIDxlY2wtaWNvbiBpY29uPVwiZG93bmxvYWRcIiBzaXplPVwiZmx1aWRcIj48L2VjbC1pY29uPlxuICAgIDwvYT5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgW25nSWZdPVwiaXNEZXNjcmlwdGlvblwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cblxuXG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWZpbGUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWZpbGUvZWNsLWZpbGUtaXRlbS9lY2wtZmlsZS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtZmlsZS9lY2wtZmlsZS1pdGVtL2VjbC1maWxlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFDOzs7Ozs7O0FBTXZELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFzQnRELFlBQW9CLGdCQUFrQztRQUNsRCxLQUFLLEVBQUUsQ0FBQztRQURRLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFyQjlCLGtCQUFhLEdBQWtCLEtBQUssQ0FBQztRQU9wRCxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRU4sY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUVsQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF3QixDQUFDO0lBWWxFLENBQUM7SUFWRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyw0QkFBNEIsQ0FBQztZQUNqRCxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNoRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBTUQsSUFBSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQztJQUN0RSxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQWU7UUFDdkIsTUFBTSxLQUFLLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFbEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLGdCQUFnQixFQUFFO1lBQ3RDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFFTSxtQkFBbUI7UUFDdEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUM7SUFDL0QsQ0FBQzs7MklBekNRLG9CQUFvQjsrSEFBcEIsb0JBQW9CLHFiQ1ZqQyxnc0NBMkJBOztJRGhCSyxhQUFhOzJEQUErQzs7SUFJNUQsV0FBVztrREFBK0I7a0dBTGxDLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDSSxlQUFlO3VHQUlELGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ1osUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ2dCLElBQUk7c0JBQVosS0FBSztnQkFDVixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNlLFNBQVM7c0JBQTdCLEtBQUs7dUJBQUMsWUFBWTtnQkFFVCxZQUFZO3NCQUFyQixNQUFNO2dCQUdILFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFY2xGaWxlQ29tcG9uZW50IH0gZnJvbSAnLi4vZWNsLWZpbGUuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbEZpbGVEb3dubG9hZEV2ZW50IH0gZnJvbSAnLi9lY2wtZmlsZS1kb3dubG9hZC5ldmVudCc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IGNvZXJjZUFycmF5LCBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtZmlsZS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWZpbGUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEVjbEZpbGVJdGVtQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNEZXNjcmlwdGlvbjogYm9vbGVhbiB8IGFueSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGVjbFRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFuZ3VhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIEBjb2VyY2VBcnJheSBASW5wdXQoKSBtZXRhOiBzdHJpbmdbXSB8IGFueTtcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhbmdEZXRhaWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBocmVmOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBkb3dubG9hZEZpbGVOYW1lOiBzdHJpbmc7XG4gICAgQElucHV0KCdhcmlhLWxhYmVsJykgYXJpYUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAgIEBPdXRwdXQoKSBpdGVtRG93bmxvYWQgPSBuZXcgRXZlbnRFbWl0dGVyPEVjbEZpbGVEb3dubG9hZEV2ZW50PigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtZmlsZV9fdHJhbnNsYXRpb24taXRlbScpLFxuICAgICAgICAgICAgdGhpcy5pc0Rlc2NyaXB0aW9uID8gJ2VjbC1maWxlX190cmFuc2xhdGlvbi1kZXNjcmlwdGlvbicgOiAnJ1xuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlY2xGaWxlQ29tcG9uZW50OiBFY2xGaWxlQ29tcG9uZW50KSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgZ2V0IGlzVGh1bWJuYWlsKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5lY2xGaWxlQ29tcG9uZW50ICYmIHRoaXMuZWNsRmlsZUNvbXBvbmVudC5pc1RodW1ibmFpbDtcbiAgICB9XG5cbiAgICBvbkl0ZW1DbGljayhldnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgY29uc3QgZXZlbnQgPSBuZXcgRWNsRmlsZURvd25sb2FkRXZlbnQodGhpcy5ocmVmKTtcblxuICAgICAgICB0aGlzLml0ZW1Eb3dubG9hZC5uZXh0KGV2ZW50KTtcbiAgICAgICAgaWYgKCF0aGlzLmhyZWYgfHwgZXZlbnQuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0RG93bmxvYWRGaWxlTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5kb3dubG9hZEZpbGVOYW1lIHx8IHRoaXMuaHJlZi5zcGxpdCgnLycpLnBvcCgpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNEZXNjcmlwdGlvblwiPlxuICAgIDxkaXYgKm5nSWY9XCJpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLWRldGFpbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLXRpdGxlXCIgW2F0dHIubGFuZ109XCJsYW5nRGV0YWlsXCI+e3sgZWNsVGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1kZXNjcmlwdGlvblwiIFthdHRyLmxhbmddPVwibGFuZ0RldGFpbFwiPnt7IGRlc2NyaXB0aW9uIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1pbmZvXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLWxhbmd1YWdlXCI+e3sgbGFuZ3VhZ2UgfX08L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIiFpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLXRpdGxlXCIgW2F0dHIubGFuZ109XCJsYW5nRGV0YWlsXCI+e3sgZWNsVGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190cmFuc2xhdGlvbi1tZXRhXCI+e3sgbWV0YSB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxhIGVjbExpbmtcbiAgICAgICAgdmFyaWFudD1cInN0YW5kYWxvbmVcIlxuICAgICAgICBbaHJlZl09XCJocmVmXCJcbiAgICAgICAgW2Rvd25sb2FkXT1cImdldERvd25sb2FkRmlsZU5hbWUoKVwiXG4gICAgICAgIGNsYXNzPVwiZWNsLWZpbGVfX3RyYW5zbGF0aW9uLWRvd25sb2FkXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCRldmVudClcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImVjbC1saW5rX19sYWJlbFwiPnt7IGxhYmVsIHx8ICdlY2wuY29tbW9uLkRPV05MT0FEJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj4mbmJzcDtcbiAgICAgICAgPGVjbC1pY29uIGljb249XCJkb3dubG9hZFwiIHNpemU9XCJmbHVpZFwiPjwvZWNsLWljb24+XG4gICAgPC9hPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpc0Rlc2NyaXB0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuXG5cblxuIl19

package/esm2020/lib/components/ecl-file/ecl-file-items/ecl-file-items.component.mjs CHANGED Viewed

@@ -39,7 +39,7 @@ export class EclFileItemsComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclFileItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclFileItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclFileItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.aria-expanded": "this.isExpanded", "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate:{ count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclFileItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.aria-expanded": "this.isExpanded", "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate:{ count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 __decorate([
     coerceBoolean
 ], EclFileItemsComponent.prototype, "isExpanded", void 0);

package/esm2020/lib/components/ecl-file/ecl-file.component.mjs CHANGED Viewed

@@ -32,15 +32,18 @@ export class EclFileComponent extends ECLBaseDirective {
             evt.preventDefault();
         }
     }
+    getDownloadFileName() {
+        return this.downloadFileName || this.href.split('/').pop();
+    }
 }
 /** @nocollapse */ EclFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclFileComponent, selector: "ecl-file", inputs: { eclTitle: "eclTitle", description: "description", label: "label", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta", thumbnailUrl: "thumbnailUrl", href: "href", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"href\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: i4.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclFileComponent, selector: "ecl-file", inputs: { eclTitle: "eclTitle", description: "description", label: "label", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta", thumbnailUrl: "thumbnailUrl", href: "href", downloadFileName: "downloadFileName", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i4.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 __decorate([
     coerceArray
 ], EclFileComponent.prototype, "meta", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclFileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-file', template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"href\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'ecl-file', template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclTitle: [{
                 type: Input
             }], description: [{
@@ -59,6 +62,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
                 type: Input
             }], href: [{
                 type: Input
+            }], downloadFileName: [{
+                type: Input
             }], ariaLabel: [{
                 type: Input,
                 args: ['aria-label']
@@ -68,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1maWxlL2VjbC1maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtZmlsZS9lY2wtZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7OztBQVd4QyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBVHREOztRQWtCYSxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ04sY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUVsQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF3QixDQUFDO0tBc0JyRTtJQXBCRyxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUM7WUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDaEQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksV0FBVztRQUNYLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDL0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxHQUFlO1FBQ3ZCLE1BQU0sS0FBSyxHQUFHLElBQUksb0JBQW9CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWxELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRTtZQUN0QyxHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDOzt1SUFqQ1EsZ0JBQWdCOzJIQUFoQixnQkFBZ0IsZ2FDZDdCLDQvQ0E2QkE7O0lEUkssV0FBVzs4Q0FBK0I7a0dBUGxDLGdCQUFnQjtrQkFUNUIsU0FBUzsrQkFDSSxVQUFVOzhCQVNYLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ2dCLElBQUk7c0JBQVosS0FBSztnQkFDVixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDZSxTQUFTO3NCQUE3QixLQUFLO3VCQUFDLFlBQVk7Z0JBRVQsWUFBWTtzQkFBckIsTUFBTTtnQkFHSCxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWNsRmlsZURvd25sb2FkRXZlbnQgfSBmcm9tICcuL2VjbC1maWxlLWl0ZW0vZWNsLWZpbGUtZG93bmxvYWQuZXZlbnQnO1xuaW1wb3J0IHsgRUNMQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2VjbC1iYXNlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBjb2VyY2VBcnJheSB9IGZyb20gJ0BldWkvYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLWZpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtZmlsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xGaWxlQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KCkgZWNsVGl0bGU6IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWxJbmZvOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFuZ3VhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXRhaWxNZXRhOiBzdHJpbmdbXTtcbiAgICBAY29lcmNlQXJyYXkgQElucHV0KCkgbWV0YTogc3RyaW5nW10gfCBhbnk7XG4gICAgQElucHV0KCkgdGh1bWJuYWlsVXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaHJlZjogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCdhcmlhLWxhYmVsJykgYXJpYUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAgIEBPdXRwdXQoKSBpdGVtRG93bmxvYWQgPSBuZXcgRXZlbnRFbWl0dGVyPEVjbEZpbGVEb3dubG9hZEV2ZW50PigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtZmlsZScpLFxuICAgICAgICAgICAgdGhpcy5pc1RodW1ibmFpbCA/ICdlY2wtZmlsZS0tdGh1bWJuYWlsJyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgZ2V0IGlzVGh1bWJuYWlsKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gISF0aGlzLnRodW1ibmFpbFVybDtcbiAgICB9XG5cbiAgICBvbkl0ZW1DbGljayhldnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgY29uc3QgZXZlbnQgPSBuZXcgRWNsRmlsZURvd25sb2FkRXZlbnQodGhpcy5ocmVmKTtcblxuICAgICAgICB0aGlzLml0ZW1Eb3dubG9hZC5uZXh0KGV2ZW50KTtcbiAgICAgICAgaWYgKCF0aGlzLmhyZWYgfHwgZXZlbnQuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2NvbnRhaW5lclwiPlxuICAgIDxlY2wtaWNvbiAqbmdJZj1cIiFpc1RodW1ibmFpbFwiIGljb249XCJmaWxlXCIgY2xhc3M9XCJlY2wtZmlsZV9faWNvblwiIHNpemU9XCIyeGxcIj48L2VjbC1pY29uPlxuICAgIDxkaXYgKm5nSWY9XCJpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX2RldGFpbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2RldGFpbC1pbmZvXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2xhYmVsXCIgKm5nSWY9XCJsYWJlbEluZm9cIj48c3BhbiBlY2xMYWJlbCB2YXJpYW50PVwiaGlnaGxpZ2h0XCI+e3sgbGFiZWxJbmZvIH19PC9zcGFuPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX19kZXRhaWwtbWV0YVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWNsLWZpbGVfX2RldGFpbC1tZXRhLWl0ZW1cIiAqbmdGb3I9XCJsZXQgZWwgb2YgZGV0YWlsTWV0YVwiPnt7IGVsIH19PC9zcGFuPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190aXRsZVwiPnt7IGVjbFRpdGxlIH19PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2Rlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJlY2wtZmlsZV9faW1hZ2VcIiBbc3JjXT1cInRodW1ibmFpbFVybFwiIGFsdD1cInRodW1ibmFpbFwiIC8+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZWNsLWZpbGUtdGF4b25vbXlcIj48L25nLWNvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX19pbmZvXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhaXNUaHVtYm5haWxcIiBjbGFzcz1cImVjbC1maWxlX190aXRsZVwiPnt7IGVjbFRpdGxlIH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlY2wtZmlsZV9fbGFuZ3VhZ2VcIj57eyBsYW5ndWFnZSB9fTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX21ldGFcIj57eyBtZXRhIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGEgZWNsTGlua1xuICAgICAgICB2YXJpYW50PVwic3RhbmRhbG9uZVwiXG4gICAgICAgIFtocmVmXT1cImhyZWZcIlxuICAgICAgICBbZG93bmxvYWRdPVwiaHJlZlwiXG4gICAgICAgIGNsYXNzPVwiZWNsLWZpbGVfX2Rvd25sb2FkXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCRldmVudClcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImVjbC1saW5rX19sYWJlbFwiPnt7IGxhYmVsIHx8ICdlY2wuY29tbW9uLkRPV05MT0FEJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj4mbmJzcDtcbiAgICAgICAgPGVjbC1pY29uIGljb249XCJkb3dubG9hZFwiIHNpemU9XCJmbHVpZFwiPjwvZWNsLWljb24+XG4gICAgPC9hPlxuPC9kaXY+XG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1maWxlL2VjbC1maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtZmlsZS9lY2wtZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7OztBQVd4QyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBVHREOztRQWtCYSxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRU4sY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUVsQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF3QixDQUFDO0tBMEJyRTtJQXhCRyxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUM7WUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDaEQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksV0FBVztRQUNYLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDL0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxHQUFlO1FBQ3ZCLE1BQU0sS0FBSyxHQUFHLElBQUksb0JBQW9CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWxELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRTtZQUN0QyxHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBRU0sbUJBQW1CO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQy9ELENBQUM7O3VJQXRDUSxnQkFBZ0I7MkhBQWhCLGdCQUFnQixzY0NkN0IsNmdEQTZCQTs7SURSSyxXQUFXOzhDQUErQjtrR0FQbEMsZ0JBQWdCO2tCQVQ1QixTQUFTOytCQUNJLFVBQVU7OEJBU1gsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDZ0IsSUFBSTtzQkFBWixLQUFLO2dCQUNWLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDZSxTQUFTO3NCQUE3QixLQUFLO3VCQUFDLFlBQVk7Z0JBRVQsWUFBWTtzQkFBckIsTUFBTTtnQkFHSCxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWNsRmlsZURvd25sb2FkRXZlbnQgfSBmcm9tICcuL2VjbC1maWxlLWl0ZW0vZWNsLWZpbGUtZG93bmxvYWQuZXZlbnQnO1xuaW1wb3J0IHsgRUNMQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2VjbC1iYXNlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBjb2VyY2VBcnJheSB9IGZyb20gJ0BldWkvYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLWZpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtZmlsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xGaWxlQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KCkgZWNsVGl0bGU6IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWxJbmZvOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFuZ3VhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXRhaWxNZXRhOiBzdHJpbmdbXTtcbiAgICBAY29lcmNlQXJyYXkgQElucHV0KCkgbWV0YTogc3RyaW5nW10gfCBhbnk7XG4gICAgQElucHV0KCkgdGh1bWJuYWlsVXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaHJlZjogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCkgZG93bmxvYWRGaWxlTmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgnYXJpYS1sYWJlbCcpIGFyaWFMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgICBAT3V0cHV0KCkgaXRlbURvd25sb2FkID0gbmV3IEV2ZW50RW1pdHRlcjxFY2xGaWxlRG93bmxvYWRFdmVudD4oKTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWZpbGUnKSxcbiAgICAgICAgICAgIHRoaXMuaXNUaHVtYm5haWwgPyAnZWNsLWZpbGUtLXRodW1ibmFpbCcgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIGdldCBpc1RodW1ibmFpbCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICEhdGhpcy50aHVtYm5haWxVcmw7XG4gICAgfVxuXG4gICAgb25JdGVtQ2xpY2soZXZ0OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIGNvbnN0IGV2ZW50ID0gbmV3IEVjbEZpbGVEb3dubG9hZEV2ZW50KHRoaXMuaHJlZik7XG5cbiAgICAgICAgdGhpcy5pdGVtRG93bmxvYWQubmV4dChldmVudCk7XG4gICAgICAgIGlmICghdGhpcy5ocmVmIHx8IGV2ZW50LmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGdldERvd25sb2FkRmlsZU5hbWUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZG93bmxvYWRGaWxlTmFtZSB8fCB0aGlzLmhyZWYuc3BsaXQoJy8nKS5wb3AoKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2NvbnRhaW5lclwiPlxuICAgIDxlY2wtaWNvbiAqbmdJZj1cIiFpc1RodW1ibmFpbFwiIGljb249XCJmaWxlXCIgY2xhc3M9XCJlY2wtZmlsZV9faWNvblwiIHNpemU9XCIyeGxcIj48L2VjbC1pY29uPlxuICAgIDxkaXYgKm5nSWY9XCJpc1RodW1ibmFpbFwiIGNsYXNzPVwiZWNsLWZpbGVfX2RldGFpbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2RldGFpbC1pbmZvXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2xhYmVsXCIgKm5nSWY9XCJsYWJlbEluZm9cIj48c3BhbiBlY2xMYWJlbCB2YXJpYW50PVwiaGlnaGxpZ2h0XCI+e3sgbGFiZWxJbmZvIH19PC9zcGFuPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX19kZXRhaWwtbWV0YVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWNsLWZpbGVfX2RldGFpbC1tZXRhLWl0ZW1cIiAqbmdGb3I9XCJsZXQgZWwgb2YgZGV0YWlsTWV0YVwiPnt7IGVsIH19PC9zcGFuPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX190aXRsZVwiPnt7IGVjbFRpdGxlIH19PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX2Rlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJlY2wtZmlsZV9faW1hZ2VcIiBbc3JjXT1cInRodW1ibmFpbFVybFwiIGFsdD1cInRodW1ibmFpbFwiIC8+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZWNsLWZpbGUtdGF4b25vbXlcIj48L25nLWNvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cImVjbC1maWxlX19pbmZvXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhaXNUaHVtYm5haWxcIiBjbGFzcz1cImVjbC1maWxlX190aXRsZVwiPnt7IGVjbFRpdGxlIH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlY2wtZmlsZV9fbGFuZ3VhZ2VcIj57eyBsYW5ndWFnZSB9fTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWZpbGVfX21ldGFcIj57eyBtZXRhIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGEgZWNsTGlua1xuICAgICAgICB2YXJpYW50PVwic3RhbmRhbG9uZVwiXG4gICAgICAgIFtocmVmXT1cImhyZWZcIlxuICAgICAgICBbZG93bmxvYWRdPVwiZ2V0RG93bmxvYWRGaWxlTmFtZSgpXCJcbiAgICAgICAgY2xhc3M9XCJlY2wtZmlsZV9fZG93bmxvYWRcIlxuICAgICAgICAoY2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZWNsLWxpbmtfX2xhYmVsXCI+e3sgbGFiZWwgfHwgJ2VjbC5jb21tb24uRE9XTkxPQUQnIHwgdHJhbnNsYXRlIH19PC9zcGFuPiZuYnNwO1xuICAgICAgICA8ZWNsLWljb24gaWNvbj1cImRvd25sb2FkXCIgc2l6ZT1cImZsdWlkXCI+PC9lY2wtaWNvbj5cbiAgICA8L2E+XG48L2Rpdj5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2020/lib/components/ecl-gallery/ecl-gallery-item.component.mjs CHANGED Viewed

@@ -49,7 +49,7 @@ export class EclGalleryItemComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclGalleryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclGalleryItemComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclGalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { mediaType: "mediaType", src: "src", label: "label", meta: "meta", description: "description", icon: "icon" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onItemClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"src\"\n    class=\"ecl-gallery__item-link\"\n    [attr.aria-label]=\"label\">\n    <figure class=\"ecl-gallery__image-container\">\n        <ng-content></ng-content>\n        <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__image-icon\" [icon]=\"icon\" size=\"l\"></ecl-icon>\n        <figcaption class=\"ecl-gallery__description\">\n            {{ description }}\n            <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>\n", styles: [".ecl-gallery__description{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclGalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { mediaType: "mediaType", src: "src", label: "label", meta: "meta", description: "description", icon: "icon" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onItemClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"src\"\n    class=\"ecl-gallery__item-link\"\n    [attr.aria-label]=\"label\">\n    <figure class=\"ecl-gallery__image-container\">\n        <ng-content></ng-content>\n        <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__image-icon\" [icon]=\"icon\" size=\"l\"></ecl-icon>\n        <figcaption class=\"ecl-gallery__description\">\n            {{ description }}\n            <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>\n", styles: [".ecl-gallery__description{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclGalleryItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-gallery-item', template: "<a [href]=\"src\"\n    class=\"ecl-gallery__item-link\"\n    [attr.aria-label]=\"label\">\n    <figure class=\"ecl-gallery__image-container\">\n        <ng-content></ng-content>\n        <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__image-icon\" [icon]=\"icon\" size=\"l\"></ecl-icon>\n        <figcaption class=\"ecl-gallery__description\">\n            {{ description }}\n            <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>\n", styles: [".ecl-gallery__description{width:100%}\n"] }]