@eui/ecl 22.0.0-alpha.39 → 22.0.0-alpha.40

package/fesm2022/eui-ecl-components-ecl-splash-page.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Component, Directive, input } from '@angular/core';
+import { Component, Directive, input, computed } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EuiEuLanguages } from '@eui/base';
 
@@ -16,18 +16,17 @@ class EclSplashPageComponent extends ECLBaseDirective {
      * Applies the `ecl-splash-page` CSS class to the host element.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-splash-page')].join(' ').trim();
+        return super.getCssClasses('ecl-splash-page');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageComponent, isStandalone: true, selector: "div[eclSplashPage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-splash-page__logo-container\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-content select=\"[eclSplashPageLanguageContainer]\"></ng-content>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageComponent, isStandalone: true, selector: "div[eclSplashPage]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-splash-page__logo-container\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-content select=\"[eclSplashPageLanguageContainer]\"></ng-content>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[eclSplashPage]', template: "<div class=\"ecl-splash-page__logo-container\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-content select=\"[eclSplashPageLanguageContainer]\"></ng-content>" }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'div[eclSplashPage]', host: {
+                        '[class]': 'cssClasses',
+                    }, template: "<div class=\"ecl-splash-page__logo-container\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-content select=\"[eclSplashPageLanguageContainer]\"></ng-content>" }]
+        }] });
 
 /**
  * Directive that styles a `<picture>` element with splash page-specific ECL classes.
@@ -37,20 +36,20 @@ class EclSplashPagePictureDirective extends ECLBaseDirective {
      * Applies the `ecl-picture` and `ecl-splash-page__picture` CSS classes to the host element.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-picture ecl-splash-page__picture')].join(' ').trim();
+        return super.getCssClasses('ecl-picture ecl-splash-page__picture');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPagePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPagePictureDirective, isStandalone: true, selector: "picture[eclSplashPagePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPagePictureDirective, isStandalone: true, selector: "picture[eclSplashPagePicture]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPagePictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclSplashPagePicture]',
+                    host: {
+                        '[class]': 'cssClasses',
+                    },
                 }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 /**
  * Directive that applies styling to the splash page logo image.
  */
@@ -59,20 +58,20 @@ class EclSplashPageLogoImageDirective extends ECLBaseDirective {
      * Applies the `ecl-splash-page__logo-image` CSS class to the host image element.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-splash-page__logo-image')].join(' ').trim();
+        return super.getCssClasses('ecl-splash-page__logo-image');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLogoImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLogoImageDirective, isStandalone: true, selector: "img[eclSplashPageLogoImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLogoImageDirective, isStandalone: true, selector: "img[eclSplashPageLogoImage]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLogoImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclSplashPageLogoImage]',
+                    host: {
+                        '[class]': 'cssClasses',
+                    },
                 }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 /**
  * Directive that styles an image acting as a link within the splash page.
  */
@@ -81,20 +80,20 @@ class EclSplashPageLogoLinkDirective extends ECLBaseDirective {
      * Applies the `ecl-link`, `ecl-link--standalone`, and `ecl-splash-page__logo-link` CSS classes to the host element.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__logo-link')].join(' ').trim();
+        return super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__logo-link');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLogoLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLogoLinkDirective, isStandalone: true, selector: "img[eclSplashPageLogoLink]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLogoLinkDirective, isStandalone: true, selector: "img[eclSplashPageLogoLink]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLogoLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclSplashPageLogoLink]',
+                    host: {
+                        '[class]': 'cssClasses',
+                    },
                 }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 /**
  * Component representing a category of languages
@@ -107,25 +106,24 @@ class EclSplashPageLanguageCategoryComponent extends ECLBaseDirective {
         /**
          * Title of the language category.
          */
-        this.title = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.title = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
     }
     /**
      * Binds the appropriate ECL styling class to the host element.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-splash-page__language-category')].join(' ').trim();
+        return super.getCssClasses('ecl-splash-page__language-category');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageCategoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSplashPageLanguageCategoryComponent, isStandalone: true, selector: "div[eclSplashPageLanguageCategory]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h2 class=\"ecl-splash-page__language-category-title\">{{title()}}</h2>\n<ng-content></ng-content>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSplashPageLanguageCategoryComponent, isStandalone: true, selector: "div[eclSplashPageLanguageCategory]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h2 class=\"ecl-splash-page__language-category-title\">{{title()}}</h2>\n<ng-content></ng-content>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageCategoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[eclSplashPageLanguageCategory]', template: "<h2 class=\"ecl-splash-page__language-category-title\">{{title()}}</h2>\n<ng-content></ng-content>" }]
-        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'div[eclSplashPageLanguageCategory]', host: {
+                        '[class]': 'cssClasses',
+                    }, template: "<h2 class=\"ecl-splash-page__language-category-title\">{{title()}}</h2>\n<ng-content></ng-content>" }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
 
 /**
  * Component representing a container for language categories
@@ -137,72 +135,57 @@ class EclSplashPageLanguageContainerComponent extends ECLBaseDirective {
         /**
          * Title of the language container group.
          */
-        this.title = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.title = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
     }
     /**
      * Binds the appropriate ECL styling classes to the host container.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-container ecl-splash-page__language-container')].join(' ').trim();
+        return super.getCssClasses('ecl-container ecl-splash-page__language-container');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSplashPageLanguageContainerComponent, isStandalone: true, selector: "[eclSplashPageLanguageContainer]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h1 class=\"ecl-splash-page__language-title\">{{title()}}</h1>\n<div class=\"ecl-splash-page__language-content\">\n  <ng-content></ng-content>\n</div>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSplashPageLanguageContainerComponent, isStandalone: true, selector: "[eclSplashPageLanguageContainer]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h1 class=\"ecl-splash-page__language-title\">{{title()}}</h1>\n<div class=\"ecl-splash-page__language-content\">\n  <ng-content></ng-content>\n</div>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[eclSplashPageLanguageContainer]', template: "<h1 class=\"ecl-splash-page__language-title\">{{title()}}</h1>\n<div class=\"ecl-splash-page__language-content\">\n  <ng-content></ng-content>\n</div>" }]
-        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: '[eclSplashPageLanguageContainer]', host: {
+                        '[class]': 'cssClasses',
+                    }, template: "<h1 class=\"ecl-splash-page__language-title\">{{title()}}</h1>\n<div class=\"ecl-splash-page__language-content\">\n  <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
 
 /**
  * Directive that applies the splash page language list styling.
  */
 class EclSplashPageLanguageListDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Applies the `ecl-splash-page__language-list` CSS class to the host element.
-         */
-        this.className = 'ecl-splash-page__language-list';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLanguageListDirective, isStandalone: true, selector: "[eclSplashPageLanguageList]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLanguageListDirective, isStandalone: true, selector: "[eclSplashPageLanguageList]", host: { classAttribute: "ecl-splash-page__language-list" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSplashPageLanguageList]',
+                    host: {
+                        class: 'ecl-splash-page__language-list',
+                    },
                 }]
-        }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 /**
  * Directive that applies the splash page language item styling.
  */
 class EclSplashPageLanguageItemDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Applies the `ecl-splash-page__language-item` CSS class to the host element.
-         */
-        this.className = 'ecl-splash-page__language-item';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLanguageItemDirective, isStandalone: true, selector: "[eclSplashPageLanguageItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSplashPageLanguageItemDirective, isStandalone: true, selector: "[eclSplashPageLanguageItem]", host: { classAttribute: "ecl-splash-page__language-item" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSplashPageLanguageItem]',
+                    host: {
+                        class: 'ecl-splash-page__language-item',
+                    },
                 }]
-        }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 /**
  * Component representing a link to a language version on the splash page.
@@ -215,34 +198,32 @@ class EclSplashPageLanguageLinkComponent extends ECLBaseDirective {
          * Language code used to determine and display the language label.
          * Example: 'en', 'fr', 'de'
          */
-        this.lang = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "lang" }] : /* istanbul ignore next */ []));
+        this.lang = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "lang" }] : /* istanbul ignore next */ []));
+        /**
+         * Label of the language resolved from the provided `lang` input.
+         */
+        this.langLabel = computed(() => {
+            const lang = this.lang();
+            return lang ? EuiEuLanguages.getLanguageByCode(lang)?.label : undefined;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "langLabel" }] : /* istanbul ignore next */ []));
     }
     /**
      * Binds the ECL splash page language link styling classes to the host element.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__language-link')].join(' ').trim();
-    }
-    /**
-     * On component initialization, resolves the language label from the language code.
-     */
-    ngOnInit() {
-        const lang = this.lang();
-        if (lang) {
-            this.langLabel = EuiEuLanguages.getLanguageByCode(lang)?.label;
-        }
+        return super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__language-link');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSplashPageLanguageLinkComponent, isStandalone: true, selector: "a[eclSplashPageLanguageLink]", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-splash-page__language-link-code\">{{lang()}}</span>\n<span class=\"ecl-splash-page__language-link-label\" lang=\"{{lang()}}\">{{langLabel}}</span>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclSplashPageLanguageLinkComponent, isStandalone: true, selector: "a[eclSplashPageLanguageLink]", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-splash-page__language-link-code\">{{lang()}}</span>\n<span class=\"ecl-splash-page__language-link-label\" lang=\"{{lang()}}\">{{langLabel()}}</span>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSplashPageLanguageLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'a[eclSplashPageLanguageLink]', template: "<span class=\"ecl-splash-page__language-link-code\">{{lang()}}</span>\n<span class=\"ecl-splash-page__language-link-label\" lang=\"{{lang()}}\">{{langLabel}}</span>" }]
-        }], propDecorators: { lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'a[eclSplashPageLanguageLink]', host: {
+                        '[class]': 'cssClasses',
+                    }, template: "<span class=\"ecl-splash-page__language-link-code\">{{lang()}}</span>\n<span class=\"ecl-splash-page__language-link-label\" lang=\"{{lang()}}\">{{langLabel()}}</span>" }]
+        }], propDecorators: { lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }] } });
 
 const EUI_ECL_SPLASH_PAGE = [
     EclSplashPageComponent,

package/fesm2022/eui-ecl-components-ecl-splash-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-splash-page.mjs","sources":["../../components/ecl-splash-page/ecl-splash-page.component.ts","../../components/ecl-splash-page/ecl-splash-page.component.html","../../components/ecl-splash-page/ecl-splash-page-picture.directive.ts","../../components/ecl-splash-page/ecl-splash-page-language-category/ecl-splash-page-language-category.component.ts","../../components/ecl-splash-page/ecl-splash-page-language-category/ecl-splash-page-language-category.component.html","../../components/ecl-splash-page/ecl-splash-page-language-container/ecl-splash-page-language-container.component.ts","../../components/ecl-splash-page/ecl-splash-page-language-container/ecl-splash-page-language-container.component.html","../../components/ecl-splash-page/ecl-splash-page-language-list.directive.ts","../../components/ecl-splash-page/ecl-splash-page-language-link/ecl-splash-page-language-link.component.ts","../../components/ecl-splash-page/ecl-splash-page-language-link/ecl-splash-page-language-link.component.html","../../components/ecl-splash-page/index.ts","../../components/ecl-splash-page/eui-ecl-components-ecl-splash-page.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the main splash page layout.\n * \n * This component serves as a container for the splash page content.\n * It applies the `ecl-splash-page` CSS class to the host element.\n * \n * Intended to be used as a wrapper (`div`) for other splash page-related components.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'div[eclSplashPage]',\n    templateUrl: './ecl-splash-page.component.html',\n})\nexport class EclSplashPageComponent extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-splash-page` CSS class to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-splash-page')].join(' ').trim();\n    }\n}\n","<div class=\"ecl-splash-page__logo-container\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-content select=\"[eclSplashPageLanguageContainer]\"></ng-content>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive that styles a `<picture>` element with splash page-specific ECL classes.\n */\n@Directive({\n    selector: 'picture[eclSplashPagePicture]',\n})\nexport class EclSplashPagePictureDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-picture` and `ecl-splash-page__picture` CSS classes to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-splash-page__picture')].join(' ').trim();\n    }\n}\n\n/**\n * Directive that applies styling to the splash page logo image.\n */\n@Directive({\n    selector: 'img[eclSplashPageLogoImage]',\n})\nexport class EclSplashPageLogoImageDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-splash-page__logo-image` CSS class to the host image element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-splash-page__logo-image')].join(' ').trim();\n    }\n}\n\n/**\n * Directive that styles an image acting as a link within the splash page.\n */\n@Directive({\n    selector: 'img[eclSplashPageLogoLink]',\n})\nexport class EclSplashPageLogoLinkDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-link`, `ecl-link--standalone`, and `ecl-splash-page__logo-link` CSS classes to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__logo-link')].join(' ').trim();\n    }\n}\n","import { Component, HostBinding, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a category of languages\n * displayed on the splash page.\n * Used to group related language links under a common title.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'div[eclSplashPageLanguageCategory]',\n    templateUrl: './ecl-splash-page-language-category.component.html',\n})\nexport class EclSplashPageLanguageCategoryComponent extends ECLBaseDirective {\n    /**\n     * Title of the language category.\n     */\n    readonly title = input<string>(undefined);\n\n    /**\n     * Binds the appropriate ECL styling class to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-splash-page__language-category')].join(' ').trim();\n    }\n}\n","<h2 class=\"ecl-splash-page__language-category-title\">{{title()}}</h2>\n<ng-content></ng-content>","import { Component, HostBinding, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a container for language categories\n * on the splash page. Wraps grouped language links with an optional title.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclSplashPageLanguageContainer]',\n    templateUrl: './ecl-splash-page-language-container.component.html',\n})\nexport class EclSplashPageLanguageContainerComponent extends ECLBaseDirective {\n    /**\n     * Title of the language container group.\n     */\n    readonly title = input<string>(undefined);\n\n    /**\n     * Binds the appropriate ECL styling classes to the host container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-container ecl-splash-page__language-container')].join(' ').trim();\n    }\n\n}\n","<h1 class=\"ecl-splash-page__language-title\">{{title()}}</h1>\n<div class=\"ecl-splash-page__language-content\">\n  <ng-content></ng-content>\n</div>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive that applies the splash page language list styling.\n */\n@Directive({\n    selector: '[eclSplashPageLanguageList]',\n})\nexport class EclSplashPageLanguageListDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-splash-page__language-list` CSS class to the host element.\n     */\n    @HostBinding('class') className = 'ecl-splash-page__language-list';\n}\n\n/**\n * Directive that applies the splash page language item styling.\n */\n@Directive({\n    selector: '[eclSplashPageLanguageItem]',\n})\nexport class EclSplashPageLanguageItemDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-splash-page__language-item` CSS class to the host element.\n     */\n    @HostBinding('class') className = 'ecl-splash-page__language-item';\n}\n","import { Component, HostBinding, OnInit, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EuiEuLanguages } from '@eui/base';\n\n/**\n * Component representing a link to a language version on the splash page.\n * Displays the name of the language based on the provided language code.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'a[eclSplashPageLanguageLink]',\n    templateUrl: './ecl-splash-page-language-link.component.html',\n})\nexport class EclSplashPageLanguageLinkComponent extends ECLBaseDirective implements OnInit {\n    /**\n     * Language code used to determine and display the language label.\n     * Example: 'en', 'fr', 'de'\n     */\n    readonly lang = input<string>(undefined);\n\n    /**\n     * Binds the ECL splash page language link styling classes to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__language-link')].join(' ').trim();\n    }\n\n    /**\n     * Label of the language resolved from the provided `lang` input.\n     */\n    langLabel: string;\n\n    /**\n     * On component initialization, resolves the language label from the language code.\n     */\n    ngOnInit(): void {\n        const lang = this.lang();\n        if (lang) {\n            this.langLabel = EuiEuLanguages.getLanguageByCode(lang)?.label;\n        }\n    }\n}\n","<span class=\"ecl-splash-page__language-link-code\">{{lang()}}</span>\n<span class=\"ecl-splash-page__language-link-label\" lang=\"{{lang()}}\">{{langLabel}}</span>","import { EclSplashPageComponent } from './ecl-splash-page.component';\nimport { EclSplashPageLogoImageDirective, EclSplashPageLogoLinkDirective, EclSplashPagePictureDirective } from './ecl-splash-page-picture.directive';\nimport { EclSplashPageLanguageCategoryComponent } from './ecl-splash-page-language-category/ecl-splash-page-language-category.component';\nimport { EclSplashPageLanguageContainerComponent } from './ecl-splash-page-language-container/ecl-splash-page-language-container.component';\nimport { EclSplashPageLanguageItemDirective, EclSplashPageLanguageListDirective } from './ecl-splash-page-language-list.directive';\nimport { EclSplashPageLanguageLinkComponent } from './ecl-splash-page-language-link/ecl-splash-page-language-link.component';\n\nexport * from './ecl-splash-page.component';\nexport * from './ecl-splash-page-language-category/ecl-splash-page-language-category.component';\nexport * from './ecl-splash-page-language-container/ecl-splash-page-language-container.component';\nexport * from './ecl-splash-page-language-link/ecl-splash-page-language-link.component';\nexport * from './ecl-splash-page-language-list.directive';\nexport * from './ecl-splash-page-picture.directive';\n\nexport const EUI_ECL_SPLASH_PAGE = [\n    EclSplashPageComponent,\n    EclSplashPageLogoImageDirective,\n    EclSplashPageLogoLinkDirective,\n    EclSplashPagePictureDirective,\n    EclSplashPageLanguageCategoryComponent,\n    EclSplashPageLanguageContainerComponent,\n    EclSplashPageLanguageListDirective,\n    EclSplashPageLanguageItemDirective,\n    EclSplashPageLanguageLinkComponent,\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-splash-page.mjs","sources":["../../components/ecl-splash-page/ecl-splash-page.component.ts","../../components/ecl-splash-page/ecl-splash-page.component.html","../../components/ecl-splash-page/ecl-splash-page-picture.directive.ts","../../components/ecl-splash-page/ecl-splash-page-language-category/ecl-splash-page-language-category.component.ts","../../components/ecl-splash-page/ecl-splash-page-language-category/ecl-splash-page-language-category.component.html","../../components/ecl-splash-page/ecl-splash-page-language-container/ecl-splash-page-language-container.component.ts","../../components/ecl-splash-page/ecl-splash-page-language-container/ecl-splash-page-language-container.component.html","../../components/ecl-splash-page/ecl-splash-page-language-list.directive.ts","../../components/ecl-splash-page/ecl-splash-page-language-link/ecl-splash-page-language-link.component.ts","../../components/ecl-splash-page/ecl-splash-page-language-link/ecl-splash-page-language-link.component.html","../../components/ecl-splash-page/index.ts","../../components/ecl-splash-page/eui-ecl-components-ecl-splash-page.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the main splash page layout.\n * \n * This component serves as a container for the splash page content.\n * It applies the `ecl-splash-page` CSS class to the host element.\n * \n * Intended to be used as a wrapper (`div`) for other splash page-related components.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'div[eclSplashPage]',\n    templateUrl: './ecl-splash-page.component.html',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPageComponent extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-splash-page` CSS class to the host element.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-splash-page');\n    }\n}\n","<div class=\"ecl-splash-page__logo-container\">\n    <div class=\"ecl-container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-content select=\"[eclSplashPageLanguageContainer]\"></ng-content>","import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive that styles a `<picture>` element with splash page-specific ECL classes.\n */\n@Directive({\n    selector: 'picture[eclSplashPagePicture]',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPagePictureDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-picture` and `ecl-splash-page__picture` CSS classes to the host element.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-picture ecl-splash-page__picture');\n    }\n}\n\n/**\n * Directive that applies styling to the splash page logo image.\n */\n@Directive({\n    selector: 'img[eclSplashPageLogoImage]',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPageLogoImageDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-splash-page__logo-image` CSS class to the host image element.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-splash-page__logo-image');\n    }\n}\n\n/**\n * Directive that styles an image acting as a link within the splash page.\n */\n@Directive({\n    selector: 'img[eclSplashPageLogoLink]',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPageLogoLinkDirective extends ECLBaseDirective {\n    /**\n     * Applies the `ecl-link`, `ecl-link--standalone`, and `ecl-splash-page__logo-link` CSS classes to the host element.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__logo-link');\n    }\n}\n","import { Component, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a category of languages\n * displayed on the splash page.\n * Used to group related language links under a common title.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'div[eclSplashPageLanguageCategory]',\n    templateUrl: './ecl-splash-page-language-category.component.html',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPageLanguageCategoryComponent extends ECLBaseDirective {\n    /**\n     * Title of the language category.\n     */\n    readonly title = input<string>();\n\n    /**\n     * Binds the appropriate ECL styling class to the host element.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-splash-page__language-category');\n    }\n}\n","<h2 class=\"ecl-splash-page__language-category-title\">{{title()}}</h2>\n<ng-content></ng-content>","import { Component, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a container for language categories\n * on the splash page. Wraps grouped language links with an optional title.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclSplashPageLanguageContainer]',\n    templateUrl: './ecl-splash-page-language-container.component.html',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPageLanguageContainerComponent extends ECLBaseDirective {\n    /**\n     * Title of the language container group.\n     */\n    readonly title = input<string>();\n\n    /**\n     * Binds the appropriate ECL styling classes to the host container.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-container ecl-splash-page__language-container');\n    }\n\n}\n","<h1 class=\"ecl-splash-page__language-title\">{{title()}}</h1>\n<div class=\"ecl-splash-page__language-content\">\n  <ng-content></ng-content>\n</div>","import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive that applies the splash page language list styling.\n */\n@Directive({\n    selector: '[eclSplashPageLanguageList]',\n    host: {\n        class: 'ecl-splash-page__language-list',\n    },\n})\nexport class EclSplashPageLanguageListDirective extends ECLBaseDirective {}\n\n/**\n * Directive that applies the splash page language item styling.\n */\n@Directive({\n    selector: '[eclSplashPageLanguageItem]',\n    host: {\n        class: 'ecl-splash-page__language-item',\n    },\n})\nexport class EclSplashPageLanguageItemDirective extends ECLBaseDirective {}\n","import { Component, computed, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EuiEuLanguages } from '@eui/base';\n\n/**\n * Component representing a link to a language version on the splash page.\n * Displays the name of the language based on the provided language code.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'a[eclSplashPageLanguageLink]',\n    templateUrl: './ecl-splash-page-language-link.component.html',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSplashPageLanguageLinkComponent extends ECLBaseDirective {\n    /**\n     * Language code used to determine and display the language label.\n     * Example: 'en', 'fr', 'de'\n     */\n    readonly lang = input<string>();\n\n    /**\n     * Label of the language resolved from the provided `lang` input.\n     */\n    readonly langLabel = computed<string>(() => {\n        const lang = this.lang();\n        return lang ? EuiEuLanguages.getLanguageByCode(lang)?.label : undefined;\n    });\n\n    /**\n     * Binds the ECL splash page language link styling classes to the host element.\n     */\n    get cssClasses(): string {\n        return super.getCssClasses('ecl-link ecl-link--standalone ecl-splash-page__language-link');\n    }\n}\n","<span class=\"ecl-splash-page__language-link-code\">{{lang()}}</span>\n<span class=\"ecl-splash-page__language-link-label\" lang=\"{{lang()}}\">{{langLabel()}}</span>","import { EclSplashPageComponent } from './ecl-splash-page.component';\nimport { EclSplashPageLogoImageDirective, EclSplashPageLogoLinkDirective, EclSplashPagePictureDirective } from './ecl-splash-page-picture.directive';\nimport { EclSplashPageLanguageCategoryComponent } from './ecl-splash-page-language-category/ecl-splash-page-language-category.component';\nimport { EclSplashPageLanguageContainerComponent } from './ecl-splash-page-language-container/ecl-splash-page-language-container.component';\nimport { EclSplashPageLanguageItemDirective, EclSplashPageLanguageListDirective } from './ecl-splash-page-language-list.directive';\nimport { EclSplashPageLanguageLinkComponent } from './ecl-splash-page-language-link/ecl-splash-page-language-link.component';\n\nexport * from './ecl-splash-page.component';\nexport * from './ecl-splash-page-language-category/ecl-splash-page-language-category.component';\nexport * from './ecl-splash-page-language-container/ecl-splash-page-language-container.component';\nexport * from './ecl-splash-page-language-link/ecl-splash-page-language-link.component';\nexport * from './ecl-splash-page-language-list.directive';\nexport * from './ecl-splash-page-picture.directive';\n\nexport const EUI_ECL_SPLASH_PAGE = [\n    EclSplashPageComponent,\n    EclSplashPageLogoImageDirective,\n    EclSplashPageLogoLinkDirective,\n    EclSplashPagePictureDirective,\n    EclSplashPageLanguageCategoryComponent,\n    EclSplashPageLanguageContainerComponent,\n    EclSplashPageLanguageListDirective,\n    EclSplashPageLanguageItemDirective,\n    EclSplashPageLanguageLinkComponent,\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-spotlight.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, signal, Component, input, booleanAttribute, contentChild } from '@angular/core';
+import { Directive, signal, Component, input, booleanAttribute, contentChild } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 
 /**
@@ -7,49 +7,35 @@ import { ECLBaseDirective } from '@eui/ecl/core';
  * Automatically applies the corresponding ECL class.
  */
 class EclSpotlightPictureDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Adds the ECL CSS classes.
-         */
-        this.classes = 'ecl-picture ecl-spotlight__picture';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSpotlightPictureDirective, isStandalone: true, selector: "picture[eclSpotlightPicture]", host: { properties: { "class": "this.classes" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSpotlightPictureDirective, isStandalone: true, selector: "picture[eclSpotlightPicture]", host: { classAttribute: "ecl-picture ecl-spotlight__picture" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclSpotlightPicture]',
+                    host: {
+                        class: 'ecl-picture ecl-spotlight__picture',
+                    },
                 }]
-        }], propDecorators: { classes: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 /**
  * Directive representing the image within spotlight component.
  * Automatically applies the corresponding ECL class.
  */
 class EclSpotlightImageDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Adds the ECL CSS classes.
-         */
-        this.hasClass = true;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSpotlightImageDirective, isStandalone: true, selector: "img[eclSpotlightImage]", host: { properties: { "class.ecl-spotlight__image": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclSpotlightImageDirective, isStandalone: true, selector: "img[eclSpotlightImage]", host: { classAttribute: "ecl-spotlight__image" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclSpotlightImage]',
+                    host: {
+                        class: 'ecl-spotlight__image',
+                    },
                 }]
-        }], propDecorators: { hasClass: [{
-                type: HostBinding,
-                args: ['class.ecl-spotlight__image']
-            }] } });
+        }] });
 
 /**
  * Component representing an anchor element, within the ecl-spotligh, based on the ECL design system.
@@ -72,15 +58,14 @@ class EclSpotlightLinkComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-spotlight__link')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSpotlightLinkComponent, isStandalone: true, selector: "a[eclSpotlightLink]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<figure class=\"ecl-spotlight__picture-container\">\n    <ng-content select=\"[eclSpotlightPicture]\"></ng-content>\n</figure>\n<div class=\"ecl-spotlight__container\" data-ecl-spotlight-container>\n    <div class=\"ecl-container\">\n        <div class=\"ecl-spotlight__title\">{{ spotlightTitle() }}</div>\n        @if (hasAnchor()) {\n            <div class=\"ecl-spotlight__anchor\" aria-hidden=\"true\"></div>\n        }\n    </div>\n    @if (!!copyright()) {\n        <footer class=\"ecl-spotlight__credit\">{{ copyright() }}</footer>\n    }\n</div>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSpotlightLinkComponent, isStandalone: true, selector: "a[eclSpotlightLink]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<figure class=\"ecl-spotlight__picture-container\">\n    <ng-content select=\"[eclSpotlightPicture]\"></ng-content>\n</figure>\n<div class=\"ecl-spotlight__container\" data-ecl-spotlight-container>\n    <div class=\"ecl-container\">\n        <div class=\"ecl-spotlight__title\">{{ spotlightTitle() }}</div>\n        @if (hasAnchor()) {\n            <div class=\"ecl-spotlight__anchor\" aria-hidden=\"true\"></div>\n        }\n    </div>\n    @if (!!copyright()) {\n        <footer class=\"ecl-spotlight__credit\">{{ copyright() }}</footer>\n    }\n</div>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'a[eclSpotlightLink]', template: "<figure class=\"ecl-spotlight__picture-container\">\n    <ng-content select=\"[eclSpotlightPicture]\"></ng-content>\n</figure>\n<div class=\"ecl-spotlight__container\" data-ecl-spotlight-container>\n    <div class=\"ecl-container\">\n        <div class=\"ecl-spotlight__title\">{{ spotlightTitle() }}</div>\n        @if (hasAnchor()) {\n            <div class=\"ecl-spotlight__anchor\" aria-hidden=\"true\"></div>\n        }\n    </div>\n    @if (!!copyright()) {\n        <footer class=\"ecl-spotlight__credit\">{{ copyright() }}</footer>\n    }\n</div>" }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'a[eclSpotlightLink]', host: {
+                        '[class]': 'cssClasses',
+                    }, template: "<figure class=\"ecl-spotlight__picture-container\">\n    <ng-content select=\"[eclSpotlightPicture]\"></ng-content>\n</figure>\n<div class=\"ecl-spotlight__container\" data-ecl-spotlight-container>\n    <div class=\"ecl-container\">\n        <div class=\"ecl-spotlight__title\">{{ spotlightTitle() }}</div>\n        @if (hasAnchor()) {\n            <div class=\"ecl-spotlight__anchor\" aria-hidden=\"true\"></div>\n        }\n    </div>\n    @if (!!copyright()) {\n        <footer class=\"ecl-spotlight__credit\">{{ copyright() }}</footer>\n    }\n</div>" }]
+        }] });
 
 /**
  * Component representing a spotlight, based on the ECL design system.
@@ -120,15 +105,14 @@ class EclSpotlightComponent extends ECLBaseDirective {
             this.spotlightLink().copyright.set(this.copyright());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSpotlightComponent, isStandalone: true, selector: "section[eclSpotlight]", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, spotlightTitle: { classPropertyName: "spotlightTitle", publicName: "spotlightTitle", isSignal: true, isRequired: false, transformFunction: null }, hasAnchor: { classPropertyName: "hasAnchor", publicName: "hasAnchor", isSignal: true, isRequired: false, transformFunction: null }, copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "spotlightLink", first: true, predicate: EclSpotlightLinkComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (header) {\n<div class=\"ecl-spotlight__header\">\n    <div class=\"ecl-container\">{{ header() }}</div>\n</div>\n}\n<ng-content select=\"[eclSpotlightLink]\"></ng-content>" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclSpotlightComponent, isStandalone: true, selector: "section[eclSpotlight]", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, spotlightTitle: { classPropertyName: "spotlightTitle", publicName: "spotlightTitle", isSignal: true, isRequired: false, transformFunction: null }, hasAnchor: { classPropertyName: "hasAnchor", publicName: "hasAnchor", isSignal: true, isRequired: false, transformFunction: null }, copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, queries: [{ propertyName: "spotlightLink", first: true, predicate: EclSpotlightLinkComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (header()) {\n<div class=\"ecl-spotlight__header\">\n    <div class=\"ecl-container\">{{ header() }}</div>\n</div>\n}\n<ng-content select=\"[eclSpotlightLink]\"></ng-content>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclSpotlightComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'section[eclSpotlight]', template: "@if (header) {\n<div class=\"ecl-spotlight__header\">\n    <div class=\"ecl-container\">{{ header() }}</div>\n</div>\n}\n<ng-content select=\"[eclSpotlightLink]\"></ng-content>" }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], fontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontSize", required: false }] }], spotlightTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotlightTitle", required: false }] }], hasAnchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasAnchor", required: false }] }], copyright: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyright", required: false }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], spotlightLink: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclSpotlightLinkComponent), { isSignal: true }] }] } });
+            args: [{ selector: 'section[eclSpotlight]', host: {
+                        '[class]': 'cssClasses',
+                    }, template: "@if (header()) {\n<div class=\"ecl-spotlight__header\">\n    <div class=\"ecl-container\">{{ header() }}</div>\n</div>\n}\n<ng-content select=\"[eclSpotlightLink]\"></ng-content>" }]
+        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], fontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontSize", required: false }] }], spotlightTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotlightTitle", required: false }] }], hasAnchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasAnchor", required: false }] }], copyright: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyright", required: false }] }], spotlightLink: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclSpotlightLinkComponent), { isSignal: true }] }] } });
 
 const EUI_ECL_SPOTLIGHT = [
     EclSpotlightComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-spotlight.mjs","sources":["../../components/ecl-spotlight/ecl-spotlight-elements.directive.ts","../../components/ecl-spotlight/ecl-spotlight-link/ecl-spotlight-link.component.ts","../../components/ecl-spotlight/ecl-spotlight-link/ecl-spotlight-link.component.html","../../components/ecl-spotlight/ecl-spotlight.component.ts","../../components/ecl-spotlight/ecl-spotlight.component.html","../../components/ecl-spotlight/index.ts","../../components/ecl-spotlight/eui-ecl-components-ecl-spotlight.ts"],"sourcesContent":["import { Directive, HostBinding, ContentChild } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/**\n * Directive representing the picture within a spotlight component.\n * Automatically applies the corresponding ECL class.\n */\n@Directive({\n  selector: 'picture[eclSpotlightPicture]',\n})\nexport class EclSpotlightPictureDirective extends ECLBaseDirective {\n  /**\n   * Adds the ECL CSS classes.\n   */\n  @HostBinding('class') classes = 'ecl-picture ecl-spotlight__picture';\n}\n\n/**\n * Directive representing the image within spotlight component.\n * Automatically applies the corresponding ECL class.\n */\n@Directive({\n  selector: 'img[eclSpotlightImage]',\n})\nexport class EclSpotlightImageDirective extends ECLBaseDirective {\n  /**\n   * Adds the ECL CSS classes.\n   */\n  @HostBinding('class.ecl-spotlight__image') hasClass = true;\n}\n","import { Component, HostBinding, input, signal } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing an anchor element, within the ecl-spotligh, based on the ECL design system.\n * Serves as a container for structured content such as images and titles.\n */\n@Component({\n    selector: 'a[eclSpotlightLink]',\n    templateUrl: './ecl-spotlight-link.component.html',\n})\nexport class EclSpotlightLinkComponent extends ECLBaseDirective {\n\n    /**\n     * Binds the component's root CSS classes.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-spotlight__link')].join(' ').trim();\n    }\n\n    spotlightTitle = signal<string>('');\n    hasAnchor = signal<boolean>(false);\n    copyright = signal<string>('');\n}\n","<figure class=\"ecl-spotlight__picture-container\">\n    <ng-content select=\"[eclSpotlightPicture]\"></ng-content>\n</figure>\n<div class=\"ecl-spotlight__container\" data-ecl-spotlight-container>\n    <div class=\"ecl-container\">\n        <div class=\"ecl-spotlight__title\">{{ spotlightTitle() }}</div>\n        @if (hasAnchor()) {\n            <div class=\"ecl-spotlight__anchor\" aria-hidden=\"true\"></div>\n        }\n    </div>\n    @if (!!copyright()) {\n        <footer class=\"ecl-spotlight__credit\">{{ copyright() }}</footer>\n    }\n</div>","import { AfterContentInit, booleanAttribute, Component, contentChild, HostBinding, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSpotlightLinkComponent } from './ecl-spotlight-link/ecl-spotlight-link.component';\n\n/**\n * Component representing a spotlight, based on the ECL design system.\n * Serves as a container for structured content such as titles, images and links.\n */\n@Component({\n    selector: 'section[eclSpotlight]',\n    templateUrl: './ecl-spotlight.component.html',\n})\nexport class EclSpotlightComponent extends ECLBaseDirective implements AfterContentInit {\n\n    header = input<string>();\n    fontSize = input<'m' | 'l'>('l');\n    spotlightTitle = input<string>('');\n    hasAnchor = input(false, { transform: booleanAttribute });\n    copyright = input<string>('');\n    /**\n     * Binds the component's root CSS classes.\n     * Adds the `ecl-content-block` class by default.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-spotlight'),\n            `ecl-spotlight--font-${this.fontSize()}`,\n            this.hasAnchor() ? 'ecl-spotlight--with-anchor': '',\n        ].join(' ').trim();\n    }\n    spotlightLink = contentChild(EclSpotlightLinkComponent);\n\n    ngAfterContentInit(): void {\n\n        if (this.spotlightTitle()) this.spotlightLink().spotlightTitle.set(this.spotlightTitle());\n        if (this.hasAnchor()) this.spotlightLink().hasAnchor.set(this.hasAnchor());\n        if (this.copyright()) this.spotlightLink().copyright.set(this.copyright());\n    }\n\n}\n","@if (header) {\n<div class=\"ecl-spotlight__header\">\n    <div class=\"ecl-container\">{{ header() }}</div>\n</div>\n}\n<ng-content select=\"[eclSpotlightLink]\"></ng-content>","import { EclSpotlightImageDirective, EclSpotlightPictureDirective } from './ecl-spotlight-elements.directive';\nimport { EclSpotlightLinkComponent } from './ecl-spotlight-link/ecl-spotlight-link.component';\nimport { EclSpotlightComponent } from './ecl-spotlight.component';\n\nexport * from './ecl-spotlight-elements.directive';\nexport * from './ecl-spotlight.component';\nexport * from './ecl-spotlight-link/ecl-spotlight-link.component';\n\nexport const EUI_ECL_SPOTLIGHT = [\n    EclSpotlightComponent,\n    EclSpotlightLinkComponent,\n    EclSpotlightPictureDirective,\n    EclSpotlightImageDirective,    \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-spotlight.mjs","sources":["../../components/ecl-spotlight/ecl-spotlight-elements.directive.ts","../../components/ecl-spotlight/ecl-spotlight-link/ecl-spotlight-link.component.ts","../../components/ecl-spotlight/ecl-spotlight-link/ecl-spotlight-link.component.html","../../components/ecl-spotlight/ecl-spotlight.component.ts","../../components/ecl-spotlight/ecl-spotlight.component.html","../../components/ecl-spotlight/index.ts","../../components/ecl-spotlight/eui-ecl-components-ecl-spotlight.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive representing the picture within a spotlight component.\n * Automatically applies the corresponding ECL class.\n */\n@Directive({\n  selector: 'picture[eclSpotlightPicture]',\n  host: {\n    class: 'ecl-picture ecl-spotlight__picture',\n  },\n})\nexport class EclSpotlightPictureDirective extends ECLBaseDirective {}\n\n/**\n * Directive representing the image within spotlight component.\n * Automatically applies the corresponding ECL class.\n */\n@Directive({\n  selector: 'img[eclSpotlightImage]',\n  host: {\n    class: 'ecl-spotlight__image',\n  },\n})\nexport class EclSpotlightImageDirective extends ECLBaseDirective {}\n","import { Component, signal } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing an anchor element, within the ecl-spotligh, based on the ECL design system.\n * Serves as a container for structured content such as images and titles.\n */\n@Component({\n    selector: 'a[eclSpotlightLink]',\n    templateUrl: './ecl-spotlight-link.component.html',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSpotlightLinkComponent extends ECLBaseDirective {\n\n    /**\n     * Binds the component's root CSS classes.\n     */\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-spotlight__link')].join(' ').trim();\n    }\n\n    spotlightTitle = signal<string>('');\n    hasAnchor = signal<boolean>(false);\n    copyright = signal<string>('');\n}\n","<figure class=\"ecl-spotlight__picture-container\">\n    <ng-content select=\"[eclSpotlightPicture]\"></ng-content>\n</figure>\n<div class=\"ecl-spotlight__container\" data-ecl-spotlight-container>\n    <div class=\"ecl-container\">\n        <div class=\"ecl-spotlight__title\">{{ spotlightTitle() }}</div>\n        @if (hasAnchor()) {\n            <div class=\"ecl-spotlight__anchor\" aria-hidden=\"true\"></div>\n        }\n    </div>\n    @if (!!copyright()) {\n        <footer class=\"ecl-spotlight__credit\">{{ copyright() }}</footer>\n    }\n</div>","import { AfterContentInit, booleanAttribute, Component, contentChild, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSpotlightLinkComponent } from './ecl-spotlight-link/ecl-spotlight-link.component';\n\n/**\n * Component representing a spotlight, based on the ECL design system.\n * Serves as a container for structured content such as titles, images and links.\n */\n@Component({\n    selector: 'section[eclSpotlight]',\n    templateUrl: './ecl-spotlight.component.html',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSpotlightComponent extends ECLBaseDirective implements AfterContentInit {\n\n    header = input<string>();\n    fontSize = input<'m' | 'l'>('l');\n    spotlightTitle = input<string>('');\n    hasAnchor = input(false, { transform: booleanAttribute });\n    copyright = input<string>('');\n    /**\n     * Binds the component's root CSS classes.\n     * Adds the `ecl-content-block` class by default.\n     */\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-spotlight'),\n            `ecl-spotlight--font-${this.fontSize()}`,\n            this.hasAnchor() ? 'ecl-spotlight--with-anchor': '',\n        ].join(' ').trim();\n    }\n    spotlightLink = contentChild(EclSpotlightLinkComponent);\n\n    ngAfterContentInit(): void {\n\n        if (this.spotlightTitle()) this.spotlightLink().spotlightTitle.set(this.spotlightTitle());\n        if (this.hasAnchor()) this.spotlightLink().hasAnchor.set(this.hasAnchor());\n        if (this.copyright()) this.spotlightLink().copyright.set(this.copyright());\n    }\n\n}\n","@if (header()) {\n<div class=\"ecl-spotlight__header\">\n    <div class=\"ecl-container\">{{ header() }}</div>\n</div>\n}\n<ng-content select=\"[eclSpotlightLink]\"></ng-content>","import { EclSpotlightImageDirective, EclSpotlightPictureDirective } from './ecl-spotlight-elements.directive';\nimport { EclSpotlightLinkComponent } from './ecl-spotlight-link/ecl-spotlight-link.component';\nimport { EclSpotlightComponent } from './ecl-spotlight.component';\n\nexport * from './ecl-spotlight-elements.directive';\nexport * from './ecl-spotlight.component';\nexport * from './ecl-spotlight-link/ecl-spotlight-link.component';\n\nexport const EUI_ECL_SPOTLIGHT = [\n    EclSpotlightComponent,\n    EclSpotlightLinkComponent,\n    EclSpotlightPictureDirective,\n    EclSpotlightImageDirective,    \n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;AAOG,MAAO,4BAA6B,SAAQ,gBAAgB,CAAA;8GAArD,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oCAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oCAAoC;AAC5C,qBAAA;AACF,iBAAA;;AAGD;;;AAGG;AAOG,MAAO,0BAA2B,SAAQ,gBAAgB,CAAA;8GAAnD,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,sBAAsB;AAC9B,qBAAA;AACF,iBAAA;;;ACrBD;;;AAGG;AAQG,MAAO,yBAA0B,SAAQ,gBAAgB,CAAA;AAP/D,IAAA,WAAA,GAAA;;QAgBI,IAAA,CAAA,cAAc,GAAG,MAAM,CAAS,EAAE;2FAAC;QACnC,IAAA,CAAA,SAAS,GAAG,MAAM,CAAU,KAAK;sFAAC;QAClC,IAAA,CAAA,SAAS,GAAG,MAAM,CAAS,EAAE;sFAAC;AACjC,IAAA;AAVG;;AAEG;AACH,IAAA,IAAI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACxE;8GAPS,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,QAAA,EAAA,IAAA,EAAA,yBAAyB,uJCdtC,4iBAaM,EAAA,CAAA,CAAA;;2FDCO,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,IAAA,EAEzB;AACF,wBAAA,SAAS,EAAE,YAAY;AAC1B,qBAAA,EAAA,QAAA,EAAA,4iBAAA,EAAA;;;AERL;;;AAGG;AAQG,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AAP3D,IAAA,WAAA,GAAA;;AASI,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK;8FAAU;QACxB,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAY,GAAG;qFAAC;QAChC,IAAA,CAAA,cAAc,GAAG,KAAK,CAAS,EAAE;2FAAC;QAClC,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACzD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,EAAE;sFAAC;QAW7B,IAAA,CAAA,aAAa,GAAG,YAAY,CAAC,yBAAyB;0FAAC;AAS1D,IAAA;AAnBG;;;AAGG;AACH,IAAA,IAAI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;AACxC,YAAA,CAAA,oBAAA,EAAuB,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAE;YACxC,IAAI,CAAC,SAAS,EAAE,GAAG,4BAA4B,GAAE,EAAE;AACtD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACtB;IAGA,kBAAkB,GAAA;QAEd,IAAI,IAAI,CAAC,cAAc,EAAE;AAAE,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACzF,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QAC1E,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IAC9E;8GAxBS,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAiBD,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChC1D,oLAKqD,EAAA,CAAA,CAAA;;2FDUxC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,IAAA,EAE3B;AACF,wBAAA,SAAS,EAAE,YAAY;AAC1B,qBAAA,EAAA,QAAA,EAAA,oLAAA,EAAA;8kBAmB4B,yBAAyB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AExBnD,MAAM,iBAAiB,GAAG;IAC7B,qBAAqB;IACrB,yBAAyB;IACzB,4BAA4B;IAC5B,0BAA0B;;;ACZ9B;;AAEG;;;;"}