@eui/ecl 21.2.6 → 21.2.7-snapshot-1780663563127

package/docs/miscellaneous/variables.html

@@ -148,6 +148,9 @@
                         <li>
                             <a href="#EUI_ECL_ACCORDION" title="packages/ecl/components/ecl-accordion/index.ts" ><b>EUI_ECL_ACCORDION</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
                         </li>
+                        <li>
+                            <a href="#EUI_ECL_ADD_TO_CALENDAR" title="packages/ecl/components/ecl-add-to-calendar/index.ts" ><b>EUI_ECL_ADD_TO_CALENDAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                        </li>
                         <li>
                             <a href="#EUI_ECL_APP" title="packages/ecl/components/ecl-app/index.ts" ><b>EUI_ECL_APP</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
                         </li>
@@ -277,6 +280,9 @@
                         <li>
                             <a href="#EUI_ECL_POPOVER" title="packages/ecl/components/ecl-popover/index.ts" ><b>EUI_ECL_POPOVER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
                         </li>
+                        <li>
+                            <a href="#EUI_ECL_QUIZ" title="packages/ecl/components/ecl-quiz/index.ts" ><b>EUI_ECL_QUIZ</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                        </li>
                         <li>
                             <a href="#EUI_ECL_RADIO" title="packages/ecl/components/ecl-radio/index.ts" ><b>EUI_ECL_RADIO</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
                         </li>
@@ -627,6 +633,38 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/ecl/components/ecl-add-to-calendar/index.ts</h3>
+    <section data-compodoc="block-properties">
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EUI_ECL_ADD_TO_CALENDAR"></a>
+                    <span class="name">
+                        <span ><b>EUI_ECL_ADD_TO_CALENDAR</b></span>
+                        <a href="#EUI_ECL_ADD_TO_CALENDAR"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+    EclAddToCalendarComponent,
+    EclAddToCalendarActionDirective,
+] as const</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -2095,6 +2133,38 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/ecl/components/ecl-quiz/index.ts</h3>
+    <section data-compodoc="block-properties">
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="EUI_ECL_QUIZ"></a>
+                    <span class="name">
+                        <span ><b>EUI_ECL_QUIZ</b></span>
+                        <a href="#EUI_ECL_QUIZ"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+  EclQuizComponent,
+  EclQuizCardComponent,
+] as const</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>

package/docs/overview.html

@@ -122,7 +122,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
-                    <p class="card-text">118 Components</p>
+                    <p class="card-text">121 Components</p>
                 </div>
             </div>
         </div>
@@ -130,7 +130,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
-                    <p class="card-text">180 Directives</p>
+                    <p class="card-text">181 Directives</p>
                 </div>
             </div>
         </div>
@@ -162,7 +162,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
-                    <p class="card-text">12 Interfaces</p>
+                    <p class="card-text">13 Interfaces</p>
                 </div>
             </div>
         </div>

package/docs/properties.html

@@ -121,7 +121,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 21.2.6</li>
+            <b>Version</b> : 21.2.7-snapshot-1780663563127</li>
     </ul>
 
 

package/fesm2022/eui-ecl-components-ecl-add-to-calendar.mjs

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { Directive, input, booleanAttribute, HostBinding, ViewEncapsulation, Component } from '@angular/core';
+import { ECLBaseDirective } from '@eui/ecl/core';
+import * as i1 from '@eui/ecl/components/ecl-icon';
+import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
+
+class EclAddToCalendarActionDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAddToCalendarActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: EclAddToCalendarActionDirective, isStandalone: true, selector: "div[eclAddToCalendarAction]", host: { classAttribute: "ecl-add-to-calendar__action" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAddToCalendarActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[eclAddToCalendarAction]',
+                    host: {
+                        class: 'ecl-add-to-calendar__action',
+                    },
+                }]
+        }] });
+
+/**
+ * ECL Add to Calendar component.
+ * Displays event information with optional date, time, and location metadata.
+ */
+class EclAddToCalendarComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * Adds `ecl-add-to-calendar` class to the host element.
+         */
+        this.hostClass = true;
+        this.isFullWidth = input(false, { ...(ngDevMode ? { debugName: "isFullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Title displayed in the component.
+         */
+        this.eclTitle = input(...(ngDevMode ? [undefined, { debugName: "eclTitle" }] : /* istanbul ignore next */ []));
+        /**
+         * Date(s) of the event (e.g. "March 15-17, 2026").
+         */
+        this.calendarDates = input(...(ngDevMode ? [undefined, { debugName: "calendarDates" }] : /* istanbul ignore next */ []));
+        /**
+         * Time of the event (e.g. "2:00 PM - 4:00 PM").
+         */
+        this.calendarTime = input(...(ngDevMode ? [undefined, { debugName: "calendarTime" }] : /* istanbul ignore next */ []));
+        /**
+         * Location of the event (e.g. "San Francisco, CA").
+         */
+        this.calendarLocation = input(...(ngDevMode ? [undefined, { debugName: "calendarLocation" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAddToCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclAddToCalendarComponent, isStandalone: true, selector: "div[eclAddToCalendar]", inputs: { isFullWidth: { classPropertyName: "isFullWidth", publicName: "isFullWidth", isSignal: true, isRequired: false, transformFunction: null }, eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null }, calendarDates: { classPropertyName: "calendarDates", publicName: "calendarDates", isSignal: true, isRequired: false, transformFunction: null }, calendarTime: { classPropertyName: "calendarTime", publicName: "calendarTime", isSignal: true, isRequired: false, transformFunction: null }, calendarLocation: { classPropertyName: "calendarLocation", publicName: "calendarLocation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-add-to-calendar--full-width": "isFullWidth()", "class.ecl-add-to-calendar": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-add-to-calendar__info\" [class.ecl-container]=\"isFullWidth()\">\n    <div class=\"ecl-add-to-calendar__info-content\">\n        @if (eclTitle()) {\n        <div class=\"ecl-add-to-calendar__title\">{{ eclTitle() }}</div>\n        }\n        @if (calendarDates() || calendarTime() || calendarLocation()) {\n        <ul class=\"ecl-add-to-calendar__meta-list\">\n            @if (calendarDates()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"calendar\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarDates() }}</span>\n            </li>\n            }\n            @if (calendarTime()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"clock\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarTime() }}</span>\n            </li>\n            }\n            @if (calendarLocation()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"location\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarLocation() }}</span>\n            </li>\n            }\n        </ul>\n        }\n    </div>\n    \n    <ng-content select=\"div[eclAddToCalendarAction]\"></ng-content>\n</div>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclAddToCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[eclAddToCalendar]', imports: [...EUI_ECL_ICON], encapsulation: ViewEncapsulation.None, host: {
+                        '[class.ecl-add-to-calendar--full-width]': 'isFullWidth()',
+                    }, template: "<div class=\"ecl-add-to-calendar__info\" [class.ecl-container]=\"isFullWidth()\">\n    <div class=\"ecl-add-to-calendar__info-content\">\n        @if (eclTitle()) {\n        <div class=\"ecl-add-to-calendar__title\">{{ eclTitle() }}</div>\n        }\n        @if (calendarDates() || calendarTime() || calendarLocation()) {\n        <ul class=\"ecl-add-to-calendar__meta-list\">\n            @if (calendarDates()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"calendar\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarDates() }}</span>\n            </li>\n            }\n            @if (calendarTime()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"clock\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarTime() }}</span>\n            </li>\n            }\n            @if (calendarLocation()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"location\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarLocation() }}</span>\n            </li>\n            }\n        </ul>\n        }\n    </div>\n    \n    <ng-content select=\"div[eclAddToCalendarAction]\"></ng-content>\n</div>" }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.ecl-add-to-calendar']
+            }], isFullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullWidth", required: false }] }], eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], calendarDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarDates", required: false }] }], calendarTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarTime", required: false }] }], calendarLocation: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarLocation", required: false }] }] } });
+
+const EUI_ECL_ADD_TO_CALENDAR = [
+    EclAddToCalendarComponent,
+    EclAddToCalendarActionDirective,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EUI_ECL_ADD_TO_CALENDAR, EclAddToCalendarActionDirective, EclAddToCalendarComponent };
+//# sourceMappingURL=eui-ecl-components-ecl-add-to-calendar.mjs.map

package/fesm2022/eui-ecl-components-ecl-add-to-calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-add-to-calendar.mjs","sources":["../../components/ecl-add-to-calendar/ecl-add-to-calendar-action.directive.ts","../../components/ecl-add-to-calendar/ecl-add-to-calendar.component.ts","../../components/ecl-add-to-calendar/ecl-add-to-calendar.component.html","../../components/ecl-add-to-calendar/index.ts","../../components/ecl-add-to-calendar/eui-ecl-components-ecl-add-to-calendar.ts"],"sourcesContent":["import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: 'div[eclAddToCalendarAction]',\n  host: {\n    class: 'ecl-add-to-calendar__action',\n  },\n})\nexport class EclAddToCalendarActionDirective {}","import { booleanAttribute, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * ECL Add to Calendar component.\n * Displays event information with optional date, time, and location metadata.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'div[eclAddToCalendar]',\n    templateUrl: './ecl-add-to-calendar.component.html',\n    imports: [...EUI_ECL_ICON],\n    encapsulation: ViewEncapsulation.None,\n     host: {\n        '[class.ecl-add-to-calendar--full-width]': 'isFullWidth()',\n    },\n})\nexport class EclAddToCalendarComponent extends ECLBaseDirective {\n    /**\n     * Adds `ecl-add-to-calendar` class to the host element.\n     */\n    @HostBinding('class.ecl-add-to-calendar') hostClass = true;\n\n    isFullWidth = input(false, { transform: booleanAttribute });\n\n    /**\n     * Title displayed in the component.\n     */\n    eclTitle = input<string>();\n\n    /**\n     * Date(s) of the event (e.g. \"March 15-17, 2026\").\n     */\n    calendarDates = input<string>();\n\n    /**\n     * Time of the event (e.g. \"2:00 PM - 4:00 PM\").\n     */\n    calendarTime = input<string>();\n\n    /**\n     * Location of the event (e.g. \"San Francisco, CA\").\n     */\n    calendarLocation = input<string>();\n}\n","<div class=\"ecl-add-to-calendar__info\" [class.ecl-container]=\"isFullWidth()\">\n    <div class=\"ecl-add-to-calendar__info-content\">\n        @if (eclTitle()) {\n        <div class=\"ecl-add-to-calendar__title\">{{ eclTitle() }}</div>\n        }\n        @if (calendarDates() || calendarTime() || calendarLocation()) {\n        <ul class=\"ecl-add-to-calendar__meta-list\">\n            @if (calendarDates()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"calendar\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarDates() }}</span>\n            </li>\n            }\n            @if (calendarTime()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"clock\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarTime() }}</span>\n            </li>\n            }\n            @if (calendarLocation()) {\n            <li class=\"ecl-add-to-calendar__meta-item\">\n                <ecl-icon icon=\"location\" size=\"s\" class=\"ecl-add-to-calendar__meta-icon\" aria-hidden=\"true\"></ecl-icon>\n                <span class=\"ecl-add-to-calendar__meta-label\">{{ calendarLocation() }}</span>\n            </li>\n            }\n        </ul>\n        }\n    </div>\n    \n    <ng-content select=\"div[eclAddToCalendarAction]\"></ng-content>\n</div>","import { EclAddToCalendarActionDirective } from './ecl-add-to-calendar-action.directive';\nimport { EclAddToCalendarComponent } from './ecl-add-to-calendar.component';\n\nexport * from './ecl-add-to-calendar.component';\nexport * from './ecl-add-to-calendar-action.directive';\n\nexport const EUI_ECL_ADD_TO_CALENDAR = [\n    EclAddToCalendarComponent,\n    EclAddToCalendarActionDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,+BAA+B,CAAA;+GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,6BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,6BAA6B;AACrC,qBAAA;AACF,iBAAA;;;ACHD;;;AAGG;AAWG,MAAO,yBAA0B,SAAQ,gBAAgB,CAAA;AAV/D,IAAA,WAAA,GAAA;;AAWI;;AAEG;QACuC,IAAA,CAAA,SAAS,GAAG,IAAI;QAE1D,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE3D;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAE1B;;AAEG;QACH,IAAA,CAAA,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAE/B;;AAEG;QACH,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAE9B;;AAEG;QACH,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AACrC,IAAA;+GA3BY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,w7BClBtC,4hDA8BM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDZO,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;+BAEI,uBAAuB,EAAA,OAAA,EAExB,CAAC,GAAG,YAAY,CAAC,EAAA,aAAA,EACX,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC9B;AACH,wBAAA,yCAAyC,EAAE,eAAe;AAC7D,qBAAA,EAAA,QAAA,EAAA,4hDAAA,EAAA;;sBAMA,WAAW;uBAAC,2BAA2B;;;AEhBrC,MAAM,uBAAuB,GAAG;IACnC,yBAAyB;IACzB,+BAA+B;;;ACRnC;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-app.mjs

@@ -32,15 +32,17 @@ class EclAppComponent extends ECLBaseDirective {
         this.appShellService = inject(EuiAppShellService);
     }
     ngOnInit() {
-        CssUtils.initCssVars(this.document, this.platformId);
+        // Only initialize CSS vars if no parent app shell is already active
+        const isNestedInAppShell = this.appShellService.state.hasHeader || this.appShellService.state.hasSidebar || this.appShellService.state.hasToolbar;
+        if (!isNestedInAppShell) {
+            CssUtils.initCssVars(this.document, this.platformId);
+        }
         if (isPlatformBrowser(this.platformId)) {
             const browserAgent = window.navigator.userAgent.toLowerCase();
             this.appShellService.setState({
                 ...this.appShellService.state,
                 windowHeight: window.innerHeight,
                 windowWidth: window.innerWidth,
-                hasHeader: false,
-                hasSidebar: false,
                 deviceInfo: {
                     isChrome: browserAgent.indexOf('chrome') > -1,
                     isIE: browserAgent.indexOf('trident') > -1,

package/fesm2022/eui-ecl-components-ecl-app.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/index.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n\n        CssUtils.initCssVars(this.document, this.platformId);\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { EclAppComponent } from './ecl-app.component';\n\nexport * from './ecl-app.component';\n\nexport const EUI_ECL_APP = [\n    EclAppComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/index.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n\n        // Only initialize CSS vars if no parent app shell is already active\n        const isNestedInAppShell = this.appShellService.state.hasHeader || this.appShellService.state.hasSidebar || this.appShellService.state.hasToolbar;\n        if (!isNestedInAppShell) {\n            CssUtils.initCssVars(this.document, this.platformId);\n        }\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { EclAppComponent } from './ecl-app.component';\n\nexport * from './ecl-app.component';\n\nexport const EUI_ECL_APP = [\n    EclAppComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-banner.mjs

@@ -93,6 +93,7 @@ class EclBannerComponent extends ECLBaseDirective {
             `ecl-banner--h-${this.horizontalAlignment}`,
             `ecl-banner--v-${this.verticalAlignment}`,
             `ecl-banner--color-${this.fontColor}`,
+            `ecl-banner--font-weight-${this.fontWeight()}`,
             this.isFullWidth ? 'ecl-banner--full-width' : '',
             !this.hasMedia ? 'ecl-banner--no-media' : '',
             this.hasOverlay() ? 'ecl-banner--overlay' : '',
@@ -121,6 +122,7 @@ class EclBannerComponent extends ECLBaseDirective {
          * Default: 'm'.
          */
         this.fontSize = 'm';
+        this.fontWeight = input('light', ...(ngDevMode ? [{ debugName: "fontWeight" }] : /* istanbul ignore next */ []));
         /**
          * Defines the background color of the banner content box.
          * Allowed values: 'none' | 'light' | 'dark'.
@@ -343,7 +345,7 @@ class EclBannerComponent extends ECLBaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclBannerComponent, isStandalone: true, selector: "ecl-banner", inputs: { eclSize: { classPropertyName: "eclSize", publicName: "eclSize", isSignal: false, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: false, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: false, isRequired: false, transformFunction: null }, boxBackground: { classPropertyName: "boxBackground", publicName: "boxBackground", isSignal: false, isRequired: false, transformFunction: null }, horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontalAlignment", isSignal: false, isRequired: false, transformFunction: null }, verticalAlignment: { classPropertyName: "verticalAlignment", publicName: "verticalAlignment", isSignal: false, isRequired: false, transformFunction: null }, copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: false, isRequired: false, transformFunction: null }, isFullWidth: { classPropertyName: "isFullWidth", publicName: "isFullWidth", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, hasOverlay: { classPropertyName: "hasOverlay", publicName: "hasOverlay", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--banner-footer-height.px": "this.bannerFooterHeight", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBannerImage", first: true, predicate: EclBannerImageDirective, descendants: true }, { propertyName: "eclBannerVideo", first: true, predicate: EclBannerVideoDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "bannerFooter", first: true, predicate: ["bannerFooter"], descendants: true }, { propertyName: "bannerContainer", first: true, predicate: ["bannerContainer"], descendants: true }, { propertyName: "playBtn", first: true, predicate: ["playBtn"], descendants: true }, { propertyName: "pauseBtn", first: true, predicate: ["pauseBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n    <ng-content select=\"[eclBannerPicture]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n    <ng-content select=\"[eclBannerVideo]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n    <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n        [style.display]=\"isPlaying() ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n        <span eclButtonLabel>Play video</span>\n        <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n    </button>\n    <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n        [style.display]=\"isPlaying() ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n        <span eclButtonLabel>Pause video</span>\n        <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n    </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n    <div #bannerContainer class=\"ecl-banner__container \">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            @if (hasCtaLink) {\n                <div class=\"ecl-banner__cta\">\n                    <ng-content select=\"[eclLink]\"></ng-content>\n                </div>\n            }\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n    <footer #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">\u00A9 {{copyright}}</div></footer>\n</ng-template>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclBannerComponent, isStandalone: true, selector: "ecl-banner", inputs: { eclSize: { classPropertyName: "eclSize", publicName: "eclSize", isSignal: false, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: false, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: false, isRequired: false, transformFunction: null }, fontWeight: { classPropertyName: "fontWeight", publicName: "fontWeight", isSignal: true, isRequired: false, transformFunction: null }, boxBackground: { classPropertyName: "boxBackground", publicName: "boxBackground", isSignal: false, isRequired: false, transformFunction: null }, horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontalAlignment", isSignal: false, isRequired: false, transformFunction: null }, verticalAlignment: { classPropertyName: "verticalAlignment", publicName: "verticalAlignment", isSignal: false, isRequired: false, transformFunction: null }, copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: false, isRequired: false, transformFunction: null }, isFullWidth: { classPropertyName: "isFullWidth", publicName: "isFullWidth", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, hasOverlay: { classPropertyName: "hasOverlay", publicName: "hasOverlay", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--banner-footer-height.px": "this.bannerFooterHeight", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBannerImage", first: true, predicate: EclBannerImageDirective, descendants: true }, { propertyName: "eclBannerVideo", first: true, predicate: EclBannerVideoDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "bannerFooter", first: true, predicate: ["bannerFooter"], descendants: true }, { propertyName: "bannerContainer", first: true, predicate: ["bannerContainer"], descendants: true }, { propertyName: "playBtn", first: true, predicate: ["playBtn"], descendants: true }, { propertyName: "pauseBtn", first: true, predicate: ["pauseBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n    <ng-content select=\"[eclBannerPicture]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n    <ng-content select=\"[eclBannerVideo]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n    <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n        [style.display]=\"isPlaying() ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n        <span eclButtonLabel>Play video</span>\n        <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n    </button>\n    <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n        [style.display]=\"isPlaying() ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n        <span eclButtonLabel>Pause video</span>\n        <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n    </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n    <div #bannerContainer class=\"ecl-banner__container \">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            @if (hasCtaLink) {\n                <div class=\"ecl-banner__cta\">\n                    <ng-content select=\"[eclLink]\"></ng-content>\n                </div>\n            }\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n    <footer #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">\u00A9 {{copyright}}</div></footer>\n</ng-template>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclBannerComponent, decorators: [{
             type: Component,
@@ -358,7 +360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                 type: Input
             }], fontSize: [{
                 type: Input
-            }], boxBackground: [{
+            }], fontWeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontWeight", required: false }] }], boxBackground: [{
                 type: Input
             }], horizontalAlignment: [{
                 type: Input

package/fesm2022/eui-ecl-components-ecl-banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-banner.mjs","sources":["../../components/ecl-banner/ecl-banner-picture.directive.ts","../../components/ecl-banner/ecl-banner-video.directive.ts","../../components/ecl-banner/ecl-banner.component.ts","../../components/ecl-banner/ecl-banner.component.html","../../components/ecl-banner/ecl-banner-title.directive.ts","../../components/ecl-banner/ecl-banner-description.directive.ts","../../components/ecl-banner/index.ts","../../components/ecl-banner/eui-ecl-components-ecl-banner.ts"],"sourcesContent":["import { Directive, HostBinding, ElementRef, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the <picture> element within the banner.\n * Adds the appropriate classes for styling the banner picture.\n */\n@Directive({\n    selector: 'picture[eclBannerPicture]',\n})\nexport class EclBannerPictureDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-banner__picture')].join(' ').trim();\n    }\n}\n\n/**\n * Directive applied to the <img> element inside the banner.\n * Enables class binding and exposes the element reference.\n */\n@Directive({\n    selector: 'img[eclBannerImage]',\n})\nexport class EclBannerImageDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    @HostBinding('class.ecl-banner__image') className = true;\n}\n","import { Directive, HostBinding, ElementRef, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the video element used in the banner.\n * Adds appropriate styling classes to the host element.\n */\n@Directive({\n    selector: 'video[eclBannerVideo]',\n})\nexport class EclBannerVideoDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * CSS classes applied to the host video element.\n     */\n    @HostBinding('class') videoClasses = 'ecl-video ecl-banner__video';\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    ContentChildren,\n    DOCUMENT,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnDestroy,\n    QueryList,\n    Renderer2,\n    ViewChild,\n    afterNextRender,\n    booleanAttribute,\n    forwardRef,\n    inject,\n    input,\n    signal\n} from '@angular/core';\nimport { EuiAppShellService } from '@eui/core';\nimport { EUI_ECL_BUTTON, EclButtonComponent } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { Subject, auditTime, delay, distinctUntilChanged, fromEvent, map, takeUntil } from 'rxjs';\nimport { EclBannerImageDirective } from './ecl-banner-picture.directive';\nimport { EclBannerVideoDirective } from './ecl-banner-video.directive';\n\nconst enum DefaultRatio {\n    XS = '6/1',\n    S = '5/1',\n    M = '4/1',\n    L = '3/1',\n}\n\n/**\n * Component representing a banner, which can contain image, video and call-to-action (CTA) links.\n * Allows customization of layout, alignment, and appearance through inputs.\n */\n@Component({\n    selector: 'ecl-banner',\n    templateUrl: './ecl-banner.component.html',\n    imports: [\n        ...EUI_ECL_ICON,\n        ...EUI_ECL_BUTTON,\n        NgTemplateOutlet,\n    ],\n})\nexport class EclBannerComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    el = inject(ElementRef);\n    /**\n     * Defines the size of the banner. Affects its height-to-width aspect ratio.\n     * Allowed values: 'xs' | 's' | 'm' | 'l'.\n     * Default: 'm'.\n     */\n    @Input() eclSize: 'xs'| 's' | 'm' | 'l' | string = 'm';\n\n    /**\n     * Defines the color of the font inside the banner content box.\n     * Allowed values: 'light' | 'dark'.\n     * Default: 'dark'.\n     */\n    @Input() fontColor: 'light' | 'dark' | string = 'dark';\n\n    /**\n     * Defines the font size inside the banner content box.\n     * Allowed values: 'm' | 'l'.\n     * Default: 'm'.\n     */\n    @Input() fontSize:  's' | 'm' | 'l' | string = 'm';\n\n    /**\n     * Defines the background color of the banner content box.\n     * Allowed values: 'none' | 'light' | 'dark'.\n     * Default: 'light'.\n     */\n    @Input() boxBackground: 'none' | 'light' | 'dark' | string = 'light';\n\n    /**\n     * Sets the horizontal alignment of the content inside the banner.\n     * Allowed values: 'left' | 'center' | 'right'.\n     * Default: 'left'.\n     */\n    @Input() horizontalAlignment: 'right' | 'left' | 'center' | string = 'left';\n\n    /**\n     * Sets the vertical alignment of the content inside the banner.\n     * Allowed values: 'top' | 'center' | 'bottom'.\n     * Default: 'center'.\n     */\n    @Input() verticalAlignment: 'top' | 'center' | 'bottom' | string = 'center';\n\n    /**\n     * Sets the copyright text displayed in the banner.\n     */\n    @Input() copyright = '';\n\n    /**\n     * When true, the banner stretches to full width of its container.\n     * Default: false.\n     */\n    @Input({ transform: booleanAttribute }) isFullWidth = false;\n\n    hasOverlay = input(false, { transform: booleanAttribute });\n\n    @ContentChildren(forwardRef(() => EclLinkDirective)) eclLinkComponents: QueryList<EclLinkDirective>;\n    @ContentChild(EclBannerImageDirective) eclBannerImage: EclBannerImageDirective;\n    @ContentChild(EclBannerVideoDirective) eclBannerVideo: EclBannerVideoDirective;\n\n    @ViewChild('bannerFooter') bannerFooter: ElementRef;\n    @ViewChild('bannerContainer') bannerContainer: ElementRef;\n    @ViewChild('playBtn') playBtn: EclButtonComponent;\n    @ViewChild('pauseBtn') pauseBtn: EclButtonComponent;\n\n    @HostBinding('style.--banner-footer-height.px') bannerFooterHeight = null;\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-banner'),\n            `ecl-banner--${this.eclSize}`,\n            `ecl-banner--font-${this.fontSize}`,\n            `ecl-banner--box-bg-${this.boxBackground}`,\n            `ecl-banner--h-${this.horizontalAlignment}`,\n            `ecl-banner--v-${this.verticalAlignment}`,\n            `ecl-banner--color-${this.fontColor}`,\n            this.isFullWidth ? 'ecl-banner--full-width' : '',\n            !this.hasMedia ? 'ecl-banner--no-media' : '',\n            this.hasOverlay() ? 'ecl-banner--overlay' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    isPlaying = signal(false);\n    private readonly BANNER_PADDING = 16;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private breakpoint = 1140;\n    private bannerVPadding = 8;\n    private isTabletBreakpoint = true;\n    private readonly TIMEOUT_INTERVAL = 200;\n    private renderer = inject(Renderer2);\n    private appShell = inject(EuiAppShellService);\n    private maxIterations = 10;\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly window = this.document.defaultView; // Window | null\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.observeBreakpointChanges();\n            this.observeElementSizeChanges();\n            fromEvent(this.window, 'resize').pipe(\n                auditTime(50),\n                takeUntil(this.destroy$)).subscribe(() => {\n                    this.observeElementSizeChanges();\n                });\n        });\n    }\n\n    ngAfterContentInit(): void {\n        if (this.eclLinkComponents) {\n            this.eclLinkComponents.forEach((link) => {\n                link.class = 'ecl-banner__link-cta';\n            });\n        }\n\n        if (this.hasVideo) {\n            const videoEl : HTMLVideoElement = this.eclBannerVideo.el.nativeElement;\n            videoEl.addEventListener('play', () => {\n                this.isPlaying.set(true);\n            });\n            videoEl.addEventListener('pause', () => {\n                this.isPlaying.set(false);\n            });\n            this.renderer.setProperty(videoEl, 'muted', true);\n            this.renderer.setProperty(videoEl, 'loop', true);\n            this.renderer.setProperty(videoEl, 'autoplay', true);\n            this.renderer.removeAttribute(videoEl, 'controls');\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Indicates whether the banner contains at least one call-to-action link.\n     */\n    get hasCtaLink(): boolean {\n        return this.eclLinkComponents.length > 0;\n    }\n\n    /**\n     * Indicates whether the banner contains an image.\n     */\n    get hasImage(): boolean {\n        return !!this.eclBannerImage;\n    }\n\n    /**\n     * Indicates whether the banner contains a video.\n     */\n    get hasVideo(): boolean {\n        return !!this.eclBannerVideo;\n    }\n\n    /**\n     * Indicates whether the banner contains any media (image or video).\n     */\n    get hasMedia(): boolean {\n        return this.hasImage || this.hasVideo;\n    }\n\n    /**\n     * Handles keyboard activation (Enter key) to play video.\n     * Moves focus to pause button after playing starts.\n     */\n    onKeydownEnterPlay(): void {\n        this.onVideoPlay();\n        setTimeout(() => this.pauseBtn.onFocus());\n    }\n\n    /**\n     * Handles keyboard activation (Enter key) to pause video.\n     * Moves focus to play button after pausing.\n     */\n    onKeydownEnterPause(): void {\n        this.onVideoPause();\n        setTimeout(() => this.playBtn.onFocus());\n    }\n\n    /**\n     * Plays the embedded banner video.\n     * Triggered via interaction (e.g., button).\n     */\n    onVideoPlay(): void {\n        const videoEl : HTMLVideoElement = this.eclBannerVideo.el.nativeElement;\n        videoEl.play();\n    }\n\n    /**\n     * Pauses the embedded banner video.\n     * Triggered via interaction (e.g., button).\n     */\n    onVideoPause(): void {\n        const videoEl : HTMLVideoElement = this.eclBannerVideo.el.nativeElement;\n        videoEl.pause();\n    }\n\n    private observeElementSizeChanges(): void {\n        setTimeout(() => {\n            this.checkViewport();\n        }, this.TIMEOUT_INTERVAL);\n    }\n\n    private checkViewport() {\n        if (window.innerWidth > this.breakpoint) {\n            this.setBannerHeight();\n        } else {\n            this.resetBannerHeight();\n        }\n    }\n\n    private waitForAspectRatioToBeDefined(attemptCounter: number) {\n        attemptCounter = attemptCounter + 1;\n        const aspectRatio = window.getComputedStyle(this.el.nativeElement).getPropertyValue('--css-aspect-ratio');\n\n        if (\n            (typeof aspectRatio === 'undefined' || aspectRatio === '') &&\n            this.maxIterations > attemptCounter\n        ) {\n            setTimeout(() => this.waitForAspectRatioToBeDefined(attemptCounter), 100);\n        } else {\n            this.setHeight(aspectRatio);\n        }\n    }\n\n    private setBannerHeight(): void {\n        if (this.hasMedia) {\n            this.waitForAspectRatioToBeDefined(0);\n        } else {\n            this.setHeight(this.getDefaultRatio());\n        }\n    }\n\n    private setHeight(ratio) {\n        if (this.bannerContainer) {\n            const bannerHeight = this.bannerContainer.nativeElement.offsetHeight + 2*this.bannerVPadding;\n            const bannerWidth = parseInt(window.getComputedStyle(this.el.nativeElement).getPropertyValue('width'), 10);\n            const [denominator, numerator] = ratio.split('/').map(Number);\n            const currentHeight = (bannerWidth * numerator) / denominator;\n            if (bannerHeight > currentHeight) {\n                this.renderer.setStyle(this.el.nativeElement, 'aspect-ratio', 'auto');\n                this.renderer.setStyle(this.el.nativeElement, 'height', `${bannerHeight}px`);\n            } else {\n                this.resetBannerHeight();\n            }\n        }\n\n        // Add margin to the banner container when there is a footer\n        // This is needed to keep the vertical alignment\n        if (this.bannerFooter) {\n            this.bannerFooterHeight = this.bannerFooter.nativeElement.offsetHeight;\n            // this.renderer.setStyle(this.el.nativeElement, '--banner-footer-height', `${this.bannerFooter.nativeElement.offsetHeight}px`);\n        }\n    }\n\n    private resetBannerHeight(): void {\n        // remove aspect-ratio\n        this.renderer.removeStyle(this.el.nativeElement, 'aspect-ratio');\n\n        // set height to auto\n        this.renderer.setStyle(this.el.nativeElement, 'height', 'auto');\n\n        // update footer height if bannerFooter exists\n        if (this.bannerFooter) {\n            // const footerHeight = `${this.bannerFooter.nativeElement.offsetHeight}px`;\n            this.bannerFooterHeight = this.bannerFooter.nativeElement.offsetHeight;\n            // this.renderer.setStyle(this.el.nativeElement, '--banner-footer-height', footerHeight);\n        }\n    }\n\n    private getDefaultRatio(): string {\n        switch(this.eclSize) {\n            case 'xs': {\n                return DefaultRatio.XS;\n            }\n            case 's': {\n                return DefaultRatio.S;\n            }\n            case 'l': {\n                return DefaultRatio.L;\n            }\n            default: {\n                return DefaultRatio.M;\n            }\n        }\n    }\n\n    private observeBreakpointChanges(): void {\n        this.appShell.getState<any>('breakpoints')\n            .pipe(\n                map(bp => !!(bp?.isMobile || bp?.isTablet)), // xs/sm/md (< 996px)\n                distinctUntilChanged(),\n                delay(this.TIMEOUT_INTERVAL),\n                takeUntil(this.destroy$),\n            )\n            .subscribe((isBelowLg) => {\n                this.isTabletBreakpoint = isBelowLg;\n                if (!this.isTabletBreakpoint) {\n                    this.setBannerHeight();\n                }\n            });\n    }\n}\n","@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n    <ng-content select=\"[eclBannerPicture]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n    <ng-content select=\"[eclBannerVideo]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n    <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n        [style.display]=\"isPlaying() ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n        <span eclButtonLabel>Play video</span>\n        <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n    </button>\n    <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n        [style.display]=\"isPlaying() ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n        <span eclButtonLabel>Pause video</span>\n        <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n    </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n    <div #bannerContainer class=\"ecl-banner__container \">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            @if (hasCtaLink) {\n                <div class=\"ecl-banner__cta\">\n                    <ng-content select=\"[eclLink]\"></ng-content>\n                </div>\n            }\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n    <footer #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">© {{copyright}}</div></footer>\n</ng-template>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the banner title container element.\n * Adds appropriate styling class to the host element.\n */\n@Directive({\n    selector: '[eclBannerTitle]',\n})\nexport class EclBannerTitleDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__title';\n}\n\n/**\n * Directive applied to the text element within the banner title.\n * Adds appropriate styling class to the host element.\n */\n@Directive({\n    selector: '[eclBannerTitleText]',\n})\nexport class EclBannerTitleTextDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__title-text';\n}\n\n/**\n * Directive applied to the link element within the banner title.\n * Adds link classes and marks the link as standalone.\n */\n@Directive({\n    selector: '[eclBannerTitleLink]',\n})\nexport class EclBannerTitleLinkDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-link ecl-banner__title-link';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for the main banner description container.\n */\n@Directive({\n    selector: '[eclBannerDescription]',\n})\nexport class EclBannerDescriptionDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__description';\n}\n\n/**\n * Directive for the textual content inside the banner description.\n */\n@Directive({\n    selector: '[eclBannerDescriptionText]',\n})\nexport class EclBannerDescriptionTextDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__description-text';\n}\n\n/**\n * Directive for a link inside the banner description.\n * Adds link classes and marks the link as standalone.\n */\n@Directive({\n    selector: '[eclBannerDescriptionLink]',\n})\nexport class EclBannerDescriptionLinkDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-link ecl-banner__description-link';\n}\n","import { EclBannerComponent } from './ecl-banner.component';\nimport { EclBannerTitleDirective, EclBannerTitleTextDirective, EclBannerTitleLinkDirective } from './ecl-banner-title.directive';\nimport { EclBannerDescriptionDirective, EclBannerDescriptionTextDirective, EclBannerDescriptionLinkDirective } from './ecl-banner-description.directive';\nimport { EclBannerImageDirective, EclBannerPictureDirective } from './ecl-banner-picture.directive';\nimport { EclBannerVideoDirective } from './ecl-banner-video.directive';\n\nexport * from './ecl-banner.component';\nexport * from './ecl-banner-title.directive';\nexport * from './ecl-banner-description.directive';\nexport * from './ecl-banner-picture.directive';\nexport * from './ecl-banner-video.directive';\n\nexport const EUI_ECL_BANNER = [\n  EclBannerComponent,\n  EclBannerTitleDirective,\n  EclBannerTitleTextDirective,\n  EclBannerTitleLinkDirective,\n  EclBannerDescriptionDirective,\n  EclBannerDescriptionTextDirective,\n  EclBannerDescriptionLinkDirective,\n  EclBannerPictureDirective,\n  EclBannerImageDirective,\n  EclBannerVideoDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-banner.mjs","sources":["../../components/ecl-banner/ecl-banner-picture.directive.ts","../../components/ecl-banner/ecl-banner-video.directive.ts","../../components/ecl-banner/ecl-banner.component.ts","../../components/ecl-banner/ecl-banner.component.html","../../components/ecl-banner/ecl-banner-title.directive.ts","../../components/ecl-banner/ecl-banner-description.directive.ts","../../components/ecl-banner/index.ts","../../components/ecl-banner/eui-ecl-components-ecl-banner.ts"],"sourcesContent":["import { Directive, HostBinding, ElementRef, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the <picture> element within the banner.\n * Adds the appropriate classes for styling the banner picture.\n */\n@Directive({\n    selector: 'picture[eclBannerPicture]',\n})\nexport class EclBannerPictureDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-banner__picture')].join(' ').trim();\n    }\n}\n\n/**\n * Directive applied to the <img> element inside the banner.\n * Enables class binding and exposes the element reference.\n */\n@Directive({\n    selector: 'img[eclBannerImage]',\n})\nexport class EclBannerImageDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    @HostBinding('class.ecl-banner__image') className = true;\n}\n","import { Directive, HostBinding, ElementRef, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the video element used in the banner.\n * Adds appropriate styling classes to the host element.\n */\n@Directive({\n    selector: 'video[eclBannerVideo]',\n})\nexport class EclBannerVideoDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * CSS classes applied to the host video element.\n     */\n    @HostBinding('class') videoClasses = 'ecl-video ecl-banner__video';\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    ContentChildren,\n    DOCUMENT,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnDestroy,\n    QueryList,\n    Renderer2,\n    ViewChild,\n    afterNextRender,\n    booleanAttribute,\n    forwardRef,\n    inject,\n    input,\n    signal\n} from '@angular/core';\nimport { EuiAppShellService } from '@eui/core';\nimport { EUI_ECL_BUTTON, EclButtonComponent } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { Subject, auditTime, delay, distinctUntilChanged, fromEvent, map, takeUntil } from 'rxjs';\nimport { EclBannerImageDirective } from './ecl-banner-picture.directive';\nimport { EclBannerVideoDirective } from './ecl-banner-video.directive';\n\nconst enum DefaultRatio {\n    XS = '6/1',\n    S = '5/1',\n    M = '4/1',\n    L = '3/1',\n}\n\n/**\n * Component representing a banner, which can contain image, video and call-to-action (CTA) links.\n * Allows customization of layout, alignment, and appearance through inputs.\n */\n@Component({\n    selector: 'ecl-banner',\n    templateUrl: './ecl-banner.component.html',\n    imports: [\n        ...EUI_ECL_ICON,\n        ...EUI_ECL_BUTTON,\n        NgTemplateOutlet,\n    ],\n})\nexport class EclBannerComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    el = inject(ElementRef);\n    /**\n     * Defines the size of the banner. Affects its height-to-width aspect ratio.\n     * Allowed values: 'xs' | 's' | 'm' | 'l'.\n     * Default: 'm'.\n     */\n    @Input() eclSize: 'xs'| 's' | 'm' | 'l' | string = 'm';\n\n    /**\n     * Defines the color of the font inside the banner content box.\n     * Allowed values: 'light' | 'dark'.\n     * Default: 'dark'.\n     */\n    @Input() fontColor: 'light' | 'dark' | string = 'dark';\n\n    /**\n     * Defines the font size inside the banner content box.\n     * Allowed values: 'm' | 'l'.\n     * Default: 'm'.\n     */\n    @Input() fontSize:  's' | 'm' | 'l' | string = 'm';\n\n    fontWeight = input<'light' | 'bold'>('light');\n\n    /**\n     * Defines the background color of the banner content box.\n     * Allowed values: 'none' | 'light' | 'dark'.\n     * Default: 'light'.\n     */\n    @Input() boxBackground: 'none' | 'light' | 'dark' | string = 'light';\n\n    /**\n     * Sets the horizontal alignment of the content inside the banner.\n     * Allowed values: 'left' | 'center' | 'right'.\n     * Default: 'left'.\n     */\n    @Input() horizontalAlignment: 'right' | 'left' | 'center' | string = 'left';\n\n    /**\n     * Sets the vertical alignment of the content inside the banner.\n     * Allowed values: 'top' | 'center' | 'bottom'.\n     * Default: 'center'.\n     */\n    @Input() verticalAlignment: 'top' | 'center' | 'bottom' | string = 'center';\n\n    /**\n     * Sets the copyright text displayed in the banner.\n     */\n    @Input() copyright = '';\n\n    /**\n     * When true, the banner stretches to full width of its container.\n     * Default: false.\n     */\n    @Input({ transform: booleanAttribute }) isFullWidth = false;\n\n    hasOverlay = input(false, { transform: booleanAttribute });\n\n    @ContentChildren(forwardRef(() => EclLinkDirective)) eclLinkComponents: QueryList<EclLinkDirective>;\n    @ContentChild(EclBannerImageDirective) eclBannerImage: EclBannerImageDirective;\n    @ContentChild(EclBannerVideoDirective) eclBannerVideo: EclBannerVideoDirective;\n\n    @ViewChild('bannerFooter') bannerFooter: ElementRef;\n    @ViewChild('bannerContainer') bannerContainer: ElementRef;\n    @ViewChild('playBtn') playBtn: EclButtonComponent;\n    @ViewChild('pauseBtn') pauseBtn: EclButtonComponent;\n\n    @HostBinding('style.--banner-footer-height.px') bannerFooterHeight = null;\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-banner'),\n            `ecl-banner--${this.eclSize}`,\n            `ecl-banner--font-${this.fontSize}`,\n            `ecl-banner--box-bg-${this.boxBackground}`,\n            `ecl-banner--h-${this.horizontalAlignment}`,\n            `ecl-banner--v-${this.verticalAlignment}`,\n            `ecl-banner--color-${this.fontColor}`,\n            `ecl-banner--font-weight-${this.fontWeight()}`,\n            this.isFullWidth ? 'ecl-banner--full-width' : '',\n            !this.hasMedia ? 'ecl-banner--no-media' : '',\n            this.hasOverlay() ? 'ecl-banner--overlay' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    isPlaying = signal(false);\n    private readonly BANNER_PADDING = 16;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private breakpoint = 1140;\n    private bannerVPadding = 8;\n    private isTabletBreakpoint = true;\n    private readonly TIMEOUT_INTERVAL = 200;\n    private renderer = inject(Renderer2);\n    private appShell = inject(EuiAppShellService);\n    private maxIterations = 10;\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly window = this.document.defaultView; // Window | null\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.observeBreakpointChanges();\n            this.observeElementSizeChanges();\n            fromEvent(this.window, 'resize').pipe(\n                auditTime(50),\n                takeUntil(this.destroy$)).subscribe(() => {\n                    this.observeElementSizeChanges();\n                });\n        });\n    }\n\n    ngAfterContentInit(): void {\n        if (this.eclLinkComponents) {\n            this.eclLinkComponents.forEach((link) => {\n                link.class = 'ecl-banner__link-cta';\n            });\n        }\n\n        if (this.hasVideo) {\n            const videoEl : HTMLVideoElement = this.eclBannerVideo.el.nativeElement;\n            videoEl.addEventListener('play', () => {\n                this.isPlaying.set(true);\n            });\n            videoEl.addEventListener('pause', () => {\n                this.isPlaying.set(false);\n            });\n            this.renderer.setProperty(videoEl, 'muted', true);\n            this.renderer.setProperty(videoEl, 'loop', true);\n            this.renderer.setProperty(videoEl, 'autoplay', true);\n            this.renderer.removeAttribute(videoEl, 'controls');\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Indicates whether the banner contains at least one call-to-action link.\n     */\n    get hasCtaLink(): boolean {\n        return this.eclLinkComponents.length > 0;\n    }\n\n    /**\n     * Indicates whether the banner contains an image.\n     */\n    get hasImage(): boolean {\n        return !!this.eclBannerImage;\n    }\n\n    /**\n     * Indicates whether the banner contains a video.\n     */\n    get hasVideo(): boolean {\n        return !!this.eclBannerVideo;\n    }\n\n    /**\n     * Indicates whether the banner contains any media (image or video).\n     */\n    get hasMedia(): boolean {\n        return this.hasImage || this.hasVideo;\n    }\n\n    /**\n     * Handles keyboard activation (Enter key) to play video.\n     * Moves focus to pause button after playing starts.\n     */\n    onKeydownEnterPlay(): void {\n        this.onVideoPlay();\n        setTimeout(() => this.pauseBtn.onFocus());\n    }\n\n    /**\n     * Handles keyboard activation (Enter key) to pause video.\n     * Moves focus to play button after pausing.\n     */\n    onKeydownEnterPause(): void {\n        this.onVideoPause();\n        setTimeout(() => this.playBtn.onFocus());\n    }\n\n    /**\n     * Plays the embedded banner video.\n     * Triggered via interaction (e.g., button).\n     */\n    onVideoPlay(): void {\n        const videoEl : HTMLVideoElement = this.eclBannerVideo.el.nativeElement;\n        videoEl.play();\n    }\n\n    /**\n     * Pauses the embedded banner video.\n     * Triggered via interaction (e.g., button).\n     */\n    onVideoPause(): void {\n        const videoEl : HTMLVideoElement = this.eclBannerVideo.el.nativeElement;\n        videoEl.pause();\n    }\n\n    private observeElementSizeChanges(): void {\n        setTimeout(() => {\n            this.checkViewport();\n        }, this.TIMEOUT_INTERVAL);\n    }\n\n    private checkViewport() {\n        if (window.innerWidth > this.breakpoint) {\n            this.setBannerHeight();\n        } else {\n            this.resetBannerHeight();\n        }\n    }\n\n    private waitForAspectRatioToBeDefined(attemptCounter: number) {\n        attemptCounter = attemptCounter + 1;\n        const aspectRatio = window.getComputedStyle(this.el.nativeElement).getPropertyValue('--css-aspect-ratio');\n\n        if (\n            (typeof aspectRatio === 'undefined' || aspectRatio === '') &&\n            this.maxIterations > attemptCounter\n        ) {\n            setTimeout(() => this.waitForAspectRatioToBeDefined(attemptCounter), 100);\n        } else {\n            this.setHeight(aspectRatio);\n        }\n    }\n\n    private setBannerHeight(): void {\n        if (this.hasMedia) {\n            this.waitForAspectRatioToBeDefined(0);\n        } else {\n            this.setHeight(this.getDefaultRatio());\n        }\n    }\n\n    private setHeight(ratio) {\n        if (this.bannerContainer) {\n            const bannerHeight = this.bannerContainer.nativeElement.offsetHeight + 2*this.bannerVPadding;\n            const bannerWidth = parseInt(window.getComputedStyle(this.el.nativeElement).getPropertyValue('width'), 10);\n            const [denominator, numerator] = ratio.split('/').map(Number);\n            const currentHeight = (bannerWidth * numerator) / denominator;\n            if (bannerHeight > currentHeight) {\n                this.renderer.setStyle(this.el.nativeElement, 'aspect-ratio', 'auto');\n                this.renderer.setStyle(this.el.nativeElement, 'height', `${bannerHeight}px`);\n            } else {\n                this.resetBannerHeight();\n            }\n        }\n\n        // Add margin to the banner container when there is a footer\n        // This is needed to keep the vertical alignment\n        if (this.bannerFooter) {\n            this.bannerFooterHeight = this.bannerFooter.nativeElement.offsetHeight;\n            // this.renderer.setStyle(this.el.nativeElement, '--banner-footer-height', `${this.bannerFooter.nativeElement.offsetHeight}px`);\n        }\n    }\n\n    private resetBannerHeight(): void {\n        // remove aspect-ratio\n        this.renderer.removeStyle(this.el.nativeElement, 'aspect-ratio');\n\n        // set height to auto\n        this.renderer.setStyle(this.el.nativeElement, 'height', 'auto');\n\n        // update footer height if bannerFooter exists\n        if (this.bannerFooter) {\n            // const footerHeight = `${this.bannerFooter.nativeElement.offsetHeight}px`;\n            this.bannerFooterHeight = this.bannerFooter.nativeElement.offsetHeight;\n            // this.renderer.setStyle(this.el.nativeElement, '--banner-footer-height', footerHeight);\n        }\n    }\n\n    private getDefaultRatio(): string {\n        switch(this.eclSize) {\n            case 'xs': {\n                return DefaultRatio.XS;\n            }\n            case 's': {\n                return DefaultRatio.S;\n            }\n            case 'l': {\n                return DefaultRatio.L;\n            }\n            default: {\n                return DefaultRatio.M;\n            }\n        }\n    }\n\n    private observeBreakpointChanges(): void {\n        this.appShell.getState<any>('breakpoints')\n            .pipe(\n                map(bp => !!(bp?.isMobile || bp?.isTablet)), // xs/sm/md (< 996px)\n                distinctUntilChanged(),\n                delay(this.TIMEOUT_INTERVAL),\n                takeUntil(this.destroy$),\n            )\n            .subscribe((isBelowLg) => {\n                this.isTabletBreakpoint = isBelowLg;\n                if (!this.isTabletBreakpoint) {\n                    this.setBannerHeight();\n                }\n            });\n    }\n}\n","@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n    <ng-content select=\"[eclBannerPicture]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n    <ng-content select=\"[eclBannerVideo]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n    <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n        [style.display]=\"isPlaying() ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n        <span eclButtonLabel>Play video</span>\n        <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n    </button>\n    <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n        [style.display]=\"isPlaying() ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n        <span eclButtonLabel>Pause video</span>\n        <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n    </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n    <div #bannerContainer class=\"ecl-banner__container \">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            @if (hasCtaLink) {\n                <div class=\"ecl-banner__cta\">\n                    <ng-content select=\"[eclLink]\"></ng-content>\n                </div>\n            }\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n    <footer #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">© {{copyright}}</div></footer>\n</ng-template>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the banner title container element.\n * Adds appropriate styling class to the host element.\n */\n@Directive({\n    selector: '[eclBannerTitle]',\n})\nexport class EclBannerTitleDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__title';\n}\n\n/**\n * Directive applied to the text element within the banner title.\n * Adds appropriate styling class to the host element.\n */\n@Directive({\n    selector: '[eclBannerTitleText]',\n})\nexport class EclBannerTitleTextDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__title-text';\n}\n\n/**\n * Directive applied to the link element within the banner title.\n * Adds link classes and marks the link as standalone.\n */\n@Directive({\n    selector: '[eclBannerTitleLink]',\n})\nexport class EclBannerTitleLinkDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-link ecl-banner__title-link';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for the main banner description container.\n */\n@Directive({\n    selector: '[eclBannerDescription]',\n})\nexport class EclBannerDescriptionDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__description';\n}\n\n/**\n * Directive for the textual content inside the banner description.\n */\n@Directive({\n    selector: '[eclBannerDescriptionText]',\n})\nexport class EclBannerDescriptionTextDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-banner__description-text';\n}\n\n/**\n * Directive for a link inside the banner description.\n * Adds link classes and marks the link as standalone.\n */\n@Directive({\n    selector: '[eclBannerDescriptionLink]',\n})\nexport class EclBannerDescriptionLinkDirective extends ECLBaseDirective {\n    @HostBinding('class') className = 'ecl-link ecl-banner__description-link';\n}\n","import { EclBannerComponent } from './ecl-banner.component';\nimport { EclBannerTitleDirective, EclBannerTitleTextDirective, EclBannerTitleLinkDirective } from './ecl-banner-title.directive';\nimport { EclBannerDescriptionDirective, EclBannerDescriptionTextDirective, EclBannerDescriptionLinkDirective } from './ecl-banner-description.directive';\nimport { EclBannerImageDirective, EclBannerPictureDirective } from './ecl-banner-picture.directive';\nimport { EclBannerVideoDirective } from './ecl-banner-video.directive';\n\nexport * from './ecl-banner.component';\nexport * from './ecl-banner-title.directive';\nexport * from './ecl-banner-description.directive';\nexport * from './ecl-banner-picture.directive';\nexport * from './ecl-banner-video.directive';\n\nexport const EUI_ECL_BANNER = [\n  EclBannerComponent,\n  EclBannerTitleDirective,\n  EclBannerTitleTextDirective,\n  EclBannerTitleLinkDirective,\n  EclBannerDescriptionDirective,\n  EclBannerDescriptionTextDirective,\n  EclBannerDescriptionLinkDirective,\n  EclBannerPictureDirective,\n  EclBannerImageDirective,\n  EclBannerVideoDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-featured.mjs

@@ -121,20 +121,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
 class EclFeaturedItemComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
-        this.eclTitle = '';
-        this.id = `ecl-featured-item-${uniqueId()}`;
+        this.eclTitle = input('', ...(ngDevMode ? [{ debugName: "eclTitle" }] : /* istanbul ignore next */ []));
+        this.eclMicroTitle = input('', ...(ngDevMode ? [{ debugName: "eclMicroTitle" }] : /* istanbul ignore next */ []));
+        this.id = input(`ecl-featured-item-${uniqueId()}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         this.mediaContainer = contentChild(EclMediaContainerComponent, ...(ngDevMode ? [{ debugName: "mediaContainer" }] : /* istanbul ignore next */ []));
         this.className = true;
         this.hasMedia = computed(() => { return !!this.mediaContainer(); }, ...(ngDevMode ? [{ debugName: "hasMedia" }] : /* istanbul ignore next */ []));
-    }
-    get hasTitle() {
-        return this.eclTitle !== '';
+        this.hasTitle = computed(() => this.eclTitle() !== '', ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
+        this.hasMicroTitle = computed(() => this.eclMicroTitle() !== '', ...(ngDevMode ? [{ debugName: "hasMicroTitle" }] : /* istanbul ignore next */ []));
     }
     ngAfterContentInit() {
         if (this.mediaContainer()) {
             this.mediaContainer().class = 'ecl-featured-item__media_container';
         }
-        const describedBy = this.hasTitle ? `${this.id}-title` : null;
+        const describedBy = this.hasTitle() ? `${this.id()}-title` : null;
         if (describedBy && this.links) {
             this.links.forEach(link => {
                 link.ariaDescribedBy = describedBy;
@@ -142,16 +142,12 @@ class EclFeaturedItemComponent extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclFeaturedItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclFeaturedItemComponent, isStandalone: true, selector: "ecl-featured-item, div[eclFeaturedItem]", inputs: { eclTitle: "eclTitle", id: "id" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true, isSignal: true }, { propertyName: "links", predicate: EclFeaturedItemLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n        @if(hasTitle) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n            {{ eclTitle }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EclFeaturedItemComponent, isStandalone: true, selector: "ecl-featured-item, div[eclFeaturedItem]", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null }, eclMicroTitle: { classPropertyName: "eclMicroTitle", publicName: "eclMicroTitle", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true, isSignal: true }, { propertyName: "links", predicate: EclFeaturedItemLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n         @if(hasMicroTitle()) {\n        <div class=\"ecl-featured-item__micro-title\">{{ eclMicroTitle() }}</div>\n         }\n        @if(hasTitle()) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id() + '-title'\">\n            {{ eclTitle() }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-featured-item, div[eclFeaturedItem]', imports: [NgTemplateOutlet], template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n        @if(hasTitle) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n            {{ eclTitle }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"] }]
-        }], propDecorators: { eclTitle: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], mediaContainer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclMediaContainerComponent), { isSignal: true }] }], links: [{
+            args: [{ selector: 'ecl-featured-item, div[eclFeaturedItem]', imports: [NgTemplateOutlet], template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n         @if(hasMicroTitle()) {\n        <div class=\"ecl-featured-item__micro-title\">{{ eclMicroTitle() }}</div>\n         }\n        @if(hasTitle()) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id() + '-title'\">\n            {{ eclTitle() }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], eclMicroTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclMicroTitle", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], mediaContainer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclMediaContainerComponent), { isSignal: true }] }], links: [{
                 type: ContentChildren,
                 args: [EclFeaturedItemLinkDirective, { descendants: true }]
             }], className: [{