@eui/ecl 23.0.0-alpha.4 → 23.0.0-alpha.5

package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, HostBinding, Input, Component, input, output, ContentChild, Directive } from '@angular/core';
+import { input, booleanAttribute, HostBinding, Component, output, ContentChild, Directive } from '@angular/core';
 import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@eui/ecl/components/ecl-icon';
@@ -11,32 +11,28 @@ import { RouterLink, RouterLinkWithHref } from '@angular/router';
 class EclSocialMediaFollowComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
-        this.isVertical = false;
-        this.horizontalAlignment = 'left';
+        this.description = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        this.isVertical = input(false, { ...(ngDevMode ? { debugName: "isVertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.horizontalAlignment = input('left', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "horizontalAlignment" }] : /* istanbul ignore next */ []));
     }
     get cssClasses() {
         return [
             super.getCssClasses('ecl-social-media-follow'),
-            this.isVertical ? 'ecl-social-media-follow--vertical' : '',
-            `ecl-social-media-follow--${this.horizontalAlignment}`,
+            this.isVertical() ? 'ecl-social-media-follow--vertical' : '',
+            `ecl-social-media-follow--${this.horizontalAlignment()}`,
         ]
             .join(' ')
             .trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSocialMediaFollowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclSocialMediaFollowComponent, isStandalone: true, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute], horizontalAlignment: "horizontalAlignment" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "@if (description) {\n    <p class=\"ecl-social-media-follow__description\">{{ description }}</p>\n}\n<ul class=\"ecl-social-media-follow__list\">\n    <ng-content></ng-content>\n</ul>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclSocialMediaFollowComponent, isStandalone: true, selector: "ecl-social-media-follow", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontalAlignment", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "@if (description()) {\n    <p class=\"ecl-social-media-follow__description\">{{ description() }}</p>\n}\n<ul class=\"ecl-social-media-follow__list\">\n    <ng-content></ng-content>\n</ul>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSocialMediaFollowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-social-media-follow', template: "@if (description) {\n    <p class=\"ecl-social-media-follow__description\">{{ description }}</p>\n}\n<ul class=\"ecl-social-media-follow__list\">\n    <ng-content></ng-content>\n</ul>\n" }]
-        }], propDecorators: { description: [{
-                type: Input
-            }], isVertical: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], horizontalAlignment: [{
-                type: Input
-            }], cssClasses: [{
+            args: [{ selector: 'ecl-social-media-follow', template: "@if (description()) {\n    <p class=\"ecl-social-media-follow__description\">{{ description() }}</p>\n}\n<ul class=\"ecl-social-media-follow__list\">\n    <ng-content></ng-content>\n</ul>\n" }]
+        }], propDecorators: { description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], isVertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVertical", required: false }] }], horizontalAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlignment", required: false }] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -46,14 +42,22 @@ class EclSocialMediaFollowItemClickEvent extends EclBaseEvent {
 class EclSocialMediaFollowItemComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
+        this.isInverted = input(undefined, { ...(ngDevMode ? { debugName: "isInverted" } : /* istanbul ignore next */ {}), transform: (booleanAttribute) });
         this.role = 'listitem';
         this.icon = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
         this.iconSet = input('social-media', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "iconSet" }] : /* istanbul ignore next */ []));
-        this.href = '';
-        this.routerLink = '';
-        this.size = 'm';
+        this.href = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+        this.routerLink = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "routerLink" }] : /* istanbul ignore next */ []));
+        this.target = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+        this.size = input('m', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.extraAttributes = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "extraAttributes" }] : /* istanbul ignore next */ []));
         this.itemClick = output();
     }
     get cssClasses() {
@@ -61,33 +65,20 @@ class EclSocialMediaFollowItemComponent extends ECLBaseDirective {
     }
     onItemClick(evt) {
         this.itemClick.emit(new EclSocialMediaFollowItemClickEvent());
-        if (!this.href && !this.routerLink) {
+        if (!this.href() && !this.routerLink()) {
             evt.preventDefault();
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSocialMediaFollowItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclSocialMediaFollowItemComponent, isStandalone: true, selector: "ecl-social-media-follow-item", inputs: { isInverted: { classPropertyName: "isInverted", publicName: "isInverted", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSet: { classPropertyName: "iconSet", publicName: "iconSet", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: false, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, extraAttributes: { classPropertyName: "extraAttributes", publicName: "extraAttributes", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "@if(href) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [href]=\"href\" [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted\" [extraAttributes]=\"extraAttributes\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && routerLink) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [routerLink]=\"routerLink\" [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted\" [extraAttributes]=\"extraAttributes\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && !routerLink) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }, { kind: "directive", type: i2.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclSocialMediaFollowItemComponent, isStandalone: true, selector: "ecl-social-media-follow-item", inputs: { isInverted: { classPropertyName: "isInverted", publicName: "isInverted", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSet: { classPropertyName: "iconSet", publicName: "iconSet", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, extraAttributes: { classPropertyName: "extraAttributes", publicName: "extraAttributes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "@if(href()) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [href]=\"href()\" [attr.target]=\"target()\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted()\" [extraAttributes]=\"extraAttributes()\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size()\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href() && routerLink()) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [routerLink]=\"routerLink()\" [attr.target]=\"target()\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted()\" [extraAttributes]=\"extraAttributes()\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size()\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href() && !routerLink()) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }, { kind: "directive", type: i2.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSocialMediaFollowItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-social-media-follow-item', imports: [...EUI_ECL_ICON, ...EUI_ECL_LINK, NgTemplateOutlet, RouterLink, RouterLinkWithHref], template: "@if(href) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [href]=\"href\" [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted\" [extraAttributes]=\"extraAttributes\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && routerLink) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [routerLink]=\"routerLink\" [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted\" [extraAttributes]=\"extraAttributes\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && !routerLink) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { isInverted: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], role: [{
+            args: [{ selector: 'ecl-social-media-follow-item', imports: [...EUI_ECL_ICON, ...EUI_ECL_LINK, NgTemplateOutlet, RouterLink, RouterLinkWithHref], template: "@if(href()) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [href]=\"href()\" [attr.target]=\"target()\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted()\" [extraAttributes]=\"extraAttributes()\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size()\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href() && routerLink()) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [routerLink]=\"routerLink()\" [attr.target]=\"target()\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted()\" [extraAttributes]=\"extraAttributes()\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size()\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href() && !routerLink()) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { isInverted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInverted", required: false }] }], role: [{
                 type: HostBinding,
                 args: ['attr.role']
-            }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSet", required: false }] }], href: [{
-                type: Input
-            }], routerLink: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], extraAttributes: [{
-                type: Input
-            }], cssClasses: [{
+            }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSet", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], extraAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraAttributes", required: false }] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });

package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-social-media-follow.mjs","sources":["../../components/ecl-social-media-follow/ecl-social-media-follow.component.ts","../../components/ecl-social-media-follow/ecl-social-media-follow.component.html","../../components/ecl-social-media-follow/ecl-social-media-follow-item.component.ts","../../components/ecl-social-media-follow/ecl-social-media-follow-item.component.html","../../components/ecl-social-media-follow/ecl-social-media-follow-link.directive.ts","../../components/ecl-social-media-follow/index.ts","../../components/ecl-social-media-follow/eui-ecl-components-ecl-social-media-follow.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Component({\n    selector: 'ecl-social-media-follow',\n    templateUrl: './ecl-social-media-follow.component.html',\n})\nexport class EclSocialMediaFollowComponent extends ECLBaseDirective {\n    @Input() description: string;\n    @Input({ transform: booleanAttribute }) isVertical = false;\n    @Input() horizontalAlignment: 'right' | 'left' | string = 'left';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-social-media-follow'),\n            this.isVertical ? 'ecl-social-media-follow--vertical' : '',\n            `ecl-social-media-follow--${this.horizontalAlignment}`,\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n","@if (description) {\n    <p class=\"ecl-social-media-follow__description\">{{ description }}</p>\n}\n<ul class=\"ecl-social-media-follow__list\">\n    <ng-content></ng-content>\n</ul>\n","import { booleanAttribute, Component, HostBinding, input, Input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { RouterLink, RouterLinkWithHref } from '@angular/router';\n\nexport class EclSocialMediaFollowItemClickEvent extends EclBaseEvent {}\n\n@Component({\n    selector: 'ecl-social-media-follow-item',\n    templateUrl: './ecl-social-media-follow-item.component.html',\n    imports: [...EUI_ECL_ICON, ...EUI_ECL_LINK, NgTemplateOutlet, RouterLink, RouterLinkWithHref],\n})\nexport class EclSocialMediaFollowItemComponent extends ECLBaseDirective {\n    @Input({ transform: booleanAttribute }) isInverted: false;\n    @HostBinding('attr.role') role = 'listitem';\n    icon = input<string>();\n    iconSet = input<string>('social-media');\n    @Input() href = '';\n    @Input() routerLink = '';\n    @Input() target: string;\n    @Input() size = 'm';\n    @Input() extraAttributes?: { name: string; value?: string | null }[];\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-social-media-follow__item')].join(' ').trim();\n    }\n\n    readonly itemClick = output<EclSocialMediaFollowItemClickEvent>();\n\n    onItemClick(evt): void {\n        this.itemClick.emit(new EclSocialMediaFollowItemClickEvent());\n        if (!this.href && !this.routerLink) {\n            evt.preventDefault();\n        }\n    }\n}\n","@if(href) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [href]=\"href\" [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted\" [extraAttributes]=\"extraAttributes\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && routerLink) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [routerLink]=\"routerLink\" [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted\" [extraAttributes]=\"extraAttributes\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && !routerLink) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n","import { Directive, HostBinding, ContentChild, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n@Directive({\n    selector: '[eclSocialMediaFollowLink]',\n})\nexport class EclSocialMediaFollowLinkDirective extends ECLBaseDirective implements AfterContentInit {\n    @ContentChild(EclIconComponent) eclIcon: EclIconComponent;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-social-media-follow__link')].join(' ').trim();\n    }\n\n    ngAfterContentInit(): void {\n        if (this.eclIcon) {\n            setTimeout(() => (this.eclIcon.baseDirective.class = [this.eclIcon.baseDirective.class, 'ecl-social-media-follow__icon'].join(' ')));\n        }\n    }\n}\n","import { EclSocialMediaFollowComponent } from './ecl-social-media-follow.component';\nimport { EclSocialMediaFollowItemComponent } from './ecl-social-media-follow-item.component';\nimport { EclSocialMediaFollowLinkDirective } from './ecl-social-media-follow-link.directive';\n\nexport * from './ecl-social-media-follow.component';\nexport * from './ecl-social-media-follow-item.component';\nexport * from './ecl-social-media-follow-link.directive';\n\nexport const EUI_ECL_SOCIAL_MEDIA_FOLLOW = [\n    EclSocialMediaFollowComponent,\n    EclSocialMediaFollowItemComponent,\n    EclSocialMediaFollowLinkDirective,\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-social-media-follow.mjs","sources":["../../components/ecl-social-media-follow/ecl-social-media-follow.component.ts","../../components/ecl-social-media-follow/ecl-social-media-follow.component.html","../../components/ecl-social-media-follow/ecl-social-media-follow-item.component.ts","../../components/ecl-social-media-follow/ecl-social-media-follow-item.component.html","../../components/ecl-social-media-follow/ecl-social-media-follow-link.directive.ts","../../components/ecl-social-media-follow/index.ts","../../components/ecl-social-media-follow/eui-ecl-components-ecl-social-media-follow.ts"],"sourcesContent":["import { Component, HostBinding, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Component({\n    selector: 'ecl-social-media-follow',\n    templateUrl: './ecl-social-media-follow.component.html',\n})\nexport class EclSocialMediaFollowComponent extends ECLBaseDirective {\n    readonly description = input<string>(undefined);\n    readonly isVertical = input(false, { transform: booleanAttribute });\n    readonly horizontalAlignment = input<'right' | 'left' | string>('left');\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-social-media-follow'),\n            this.isVertical() ? 'ecl-social-media-follow--vertical' : '',\n            `ecl-social-media-follow--${this.horizontalAlignment()}`,\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n","@if (description()) {\n    <p class=\"ecl-social-media-follow__description\">{{ description() }}</p>\n}\n<ul class=\"ecl-social-media-follow__list\">\n    <ng-content></ng-content>\n</ul>\n","import { booleanAttribute, Component, HostBinding, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { RouterLink, RouterLinkWithHref } from '@angular/router';\n\nexport class EclSocialMediaFollowItemClickEvent extends EclBaseEvent {}\n\n@Component({\n    selector: 'ecl-social-media-follow-item',\n    templateUrl: './ecl-social-media-follow-item.component.html',\n    imports: [...EUI_ECL_ICON, ...EUI_ECL_LINK, NgTemplateOutlet, RouterLink, RouterLinkWithHref],\n})\nexport class EclSocialMediaFollowItemComponent extends ECLBaseDirective {\n    readonly isInverted = input<false, unknown>(undefined, { transform: (booleanAttribute) as any });\n    @HostBinding('attr.role') role = 'listitem';\n    icon = input<string>();\n    iconSet = input<string>('social-media');\n    readonly href = input('');\n    readonly routerLink = input('');\n    readonly target = input<string>(undefined);\n    readonly size = input('m');\n    readonly extraAttributes = input<{\n        name: string;\n        value?: string | null;\n    }[]>(undefined);\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-social-media-follow__item')].join(' ').trim();\n    }\n\n    readonly itemClick = output<EclSocialMediaFollowItemClickEvent>();\n\n    onItemClick(evt): void {\n        this.itemClick.emit(new EclSocialMediaFollowItemClickEvent());\n        if (!this.href() && !this.routerLink()) {\n            evt.preventDefault();\n        }\n    }\n}\n","@if(href()) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [href]=\"href()\" [attr.target]=\"target()\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted()\" [extraAttributes]=\"extraAttributes()\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size()\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href() && routerLink()) {\n<a eclLink (click)=\"onItemClick($event)\" variant=\"standalone\" [routerLink]=\"routerLink()\" [attr.target]=\"target()\"\n    class=\"ecl-social-media-follow__link\" [isInverted]=\"isInverted()\" [extraAttributes]=\"extraAttributes()\">\n    @if(icon()) {\n    <ecl-icon [iconSet]=\"iconSet()\" icon=\"{{ icon() }}\" [size]=\"size()\" class=\"ecl-social-media-follow__icon\"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href() && !routerLink()) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n","import { Directive, HostBinding, ContentChild, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n@Directive({\n    selector: '[eclSocialMediaFollowLink]',\n})\nexport class EclSocialMediaFollowLinkDirective extends ECLBaseDirective implements AfterContentInit {\n    @ContentChild(EclIconComponent) eclIcon: EclIconComponent;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-social-media-follow__link')].join(' ').trim();\n    }\n\n    ngAfterContentInit(): void {\n        if (this.eclIcon) {\n            setTimeout(() => (this.eclIcon.baseDirective.class = [this.eclIcon.baseDirective.class, 'ecl-social-media-follow__icon'].join(' ')));\n        }\n    }\n}\n","import { EclSocialMediaFollowComponent } from './ecl-social-media-follow.component';\nimport { EclSocialMediaFollowItemComponent } from './ecl-social-media-follow-item.component';\nimport { EclSocialMediaFollowLinkDirective } from './ecl-social-media-follow-link.directive';\n\nexport * from './ecl-social-media-follow.component';\nexport * from './ecl-social-media-follow-item.component';\nexport * from './ecl-social-media-follow-link.directive';\n\nexport const EUI_ECL_SOCIAL_MEDIA_FOLLOW = [\n    EclSocialMediaFollowComponent,\n    EclSocialMediaFollowItemComponent,\n    EclSocialMediaFollowLinkDirective,\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-splash-page.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Component, Directive, Input } from '@angular/core';
+import { HostBinding, Component, Directive, input } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EuiEuLanguages } from '@eui/base';
 
@@ -102,6 +102,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Used to group related language links under a common title.
  */
 class EclSplashPageLanguageCategoryComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * Title of the language category.
+         */
+        this.title = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    }
     /**
      * Binds the appropriate ECL styling class to the host element.
      */
@@ -109,14 +117,12 @@ class EclSplashPageLanguageCategoryComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-splash-page__language-category')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSplashPageLanguageCategoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EclSplashPageLanguageCategoryComponent, isStandalone: true, selector: "div[eclSplashPageLanguageCategory]", inputs: { title: "title" }, 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.0.5", 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>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", 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: Input
-            }], cssClasses: [{
+            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']
             }] } });
@@ -126,6 +132,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * on the splash page. Wraps grouped language links with an optional title.
  */
 class EclSplashPageLanguageContainerComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * Title of the language container group.
+         */
+        this.title = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    }
     /**
      * Binds the appropriate ECL styling classes to the host container.
      */
@@ -133,14 +147,12 @@ class EclSplashPageLanguageContainerComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-container ecl-splash-page__language-container')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSplashPageLanguageContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EclSplashPageLanguageContainerComponent, isStandalone: true, selector: "[eclSplashPageLanguageContainer]", inputs: { title: "title" }, 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.0.5", 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>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", 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: Input
-            }], cssClasses: [{
+            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']
             }] } });
@@ -197,6 +209,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Displays the name of the language based on the provided language code.
  */
 class EclSplashPageLanguageLinkComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * 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 */ []));
+    }
     /**
      * Binds the ECL splash page language link styling classes to the host element.
      */
@@ -207,19 +228,18 @@ class EclSplashPageLanguageLinkComponent extends ECLBaseDirective {
      * On component initialization, resolves the language label from the language code.
      */
     ngOnInit() {
-        if (this.lang) {
-            this.langLabel = EuiEuLanguages.getLanguageByCode(this.lang)?.label;
+        const lang = this.lang();
+        if (lang) {
+            this.langLabel = EuiEuLanguages.getLanguageByCode(lang)?.label;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSplashPageLanguageLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EclSplashPageLanguageLinkComponent, isStandalone: true, selector: "a[eclSplashPageLanguageLink]", inputs: { lang: "lang" }, 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.0.5", 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>" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", 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: Input
-            }], cssClasses: [{
+            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']
             }] } });

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    @Input() title: string;\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    @Input() title: string;\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, Input, OnInit } 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    @Input() lang: string;\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        if (this.lang) {\n            this.langLabel = EuiEuLanguages.getLanguageByCode(this.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, 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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"}

package/fesm2022/eui-ecl-components-ecl-sticky-container.mjs

@@ -1,6 +1,6 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ElementRef, afterNextRender, booleanAttribute, HostBinding, Input, Component } from '@angular/core';
+import { input, booleanAttribute, inject, Renderer2, ElementRef, afterNextRender, HostBinding, Component } from '@angular/core';
 import { Subject, delay } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { ECLBaseDirective } from '@eui/ecl/core';
@@ -11,28 +11,30 @@ import { ECLBaseDirective } from '@eui/ecl/core';
  */
 class EclStickyContainerComponent extends ECLBaseDirective {
     get cssClasses() {
-        return [super.getCssClasses('ecl-sticky-container'), !this.isEnabled ? 'ecl-sticky-container--disabled' : ''].join(' ').trim();
+        return [super.getCssClasses('ecl-sticky-container'), !this.isEnabled() ? 'ecl-sticky-container--disabled' : ''].join(' ').trim();
     }
     get top() {
-        return this.marginTop || null;
+        return this.marginTop() || null;
     }
     get bottom() {
-        return this.marginBottom || null;
+        return this.marginBottom() || null;
     }
     constructor() {
         super();
         /**
          * This property gives the option to disable ti default behaviour, when value os 'false'.
          */
-        this.isEnabled = true;
+        this.isEnabled = input(true, { ...(ngDevMode ? { debugName: "isEnabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Sets the 'top' style property.
          */
-        this.marginTop = 0;
+        this.marginTop = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "marginTop" }] : /* istanbul ignore next */ []));
         /**
          * Sets the 'botom' style property.
          */
-        this.marginBottom = 0;
+        this.marginBottom = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "marginBottom" }] : /* istanbul ignore next */ []));
         this.destroy$ = new Subject();
         this.BREAKPOINT_CHANGES_TIMEOUT = 500;
         this.cdkBreakpointObserver = inject(BreakpointObserver);
@@ -60,19 +62,12 @@ class EclStickyContainerComponent extends ECLBaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclStickyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EclStickyContainerComponent, isStandalone: true, selector: "ecl-sticky-container", inputs: { isEnabled: ["isEnabled", "isEnabled", booleanAttribute], marginTop: "marginTop", marginBottom: "marginBottom" }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EclStickyContainerComponent, isStandalone: true, selector: "ecl-sticky-container", inputs: { isEnabled: { classPropertyName: "isEnabled", publicName: "isEnabled", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclStickyContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-sticky-container', template: "<ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { isEnabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], marginTop: [{
-                type: Input
-            }], marginBottom: [{
-                type: Input
-            }], cssClasses: [{
+        }], ctorParameters: () => [], propDecorators: { isEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEnabled", required: false }] }], marginTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginTop", required: false }] }], marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], top: [{

package/fesm2022/eui-ecl-components-ecl-sticky-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-sticky-container.mjs","sources":["../../components/ecl-sticky-container/ecl-sticky-container.component.ts","../../components/ecl-sticky-container/ecl-sticky-container.component.html","../../components/ecl-sticky-container/index.ts","../../components/ecl-sticky-container/eui-ecl-components-ecl-sticky-container.ts"],"sourcesContent":["import { BreakpointObserver } from '@angular/cdk/layout';\nimport { Component, ElementRef, HostBinding, Input, OnDestroy, Renderer2, afterNextRender, booleanAttribute, inject } from '@angular/core';\nimport { Subject, delay } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * This is a component, that has fixed position on the screen. It is a wrapper for other components,\n *  when their position needs to be fixed. For example it is used in the 'ecl-inpage-navigation'.\n */\n@Component({\n    selector: 'ecl-sticky-container',\n    templateUrl: './ecl-sticky-container.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n                align-self: flex-start;\n                top: 0;\n                position: sticky;\n                position: -webkit-sticky;\n            }\n\n            :host.ecl-sticky-container--disabled {\n                position: static;\n            }\n        `,\n    ],\n})\nexport class EclStickyContainerComponent extends ECLBaseDirective implements OnDestroy {\n    /**\n     * This property gives the option to disable ti default behaviour, when value os 'false'.\n     */\n    @Input({ transform: booleanAttribute }) isEnabled = true;\n    /**\n     * Sets the 'top' style property.\n     */\n    @Input() marginTop = 0;\n    /**\n     * Sets the 'botom' style property.\n     */\n    @Input() marginBottom = 0;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-sticky-container'), !this.isEnabled ? 'ecl-sticky-container--disabled' : ''].join(' ').trim();\n    }\n\n    @HostBinding('style.top.px')\n    get top(): number {\n        return this.marginTop || null;\n    }\n\n    @HostBinding('style.bottom.px')\n    get bottom(): number {\n        return this.marginBottom || null;\n    }\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private BREAKPOINT_CHANGES_TIMEOUT = 500;\n    private cdkBreakpointObserver = inject(BreakpointObserver);\n    private renderer = inject(Renderer2);\n    private el = inject(ElementRef);\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.observeBreakpointChanges();\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe('(max-width: 996px)')\n            .pipe(takeUntil(this.destroy$), delay(this.BREAKPOINT_CHANGES_TIMEOUT))\n            .subscribe((result) => {\n                if (result.matches) {\n                    this.renderer.setStyle(this.el.nativeElement, 'z-index', '15');\n                } else {\n                    this.renderer.removeStyle(this.el.nativeElement, 'z-index');\n                }\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { EclStickyContainerComponent } from './ecl-sticky-container.component';\n\nexport * from './ecl-sticky-container.component';\n\nexport const EUI_ECL_STICKY_CONTAINER = [\n    EclStickyContainerComponent,\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-sticky-container.mjs","sources":["../../components/ecl-sticky-container/ecl-sticky-container.component.ts","../../components/ecl-sticky-container/ecl-sticky-container.component.html","../../components/ecl-sticky-container/index.ts","../../components/ecl-sticky-container/eui-ecl-components-ecl-sticky-container.ts"],"sourcesContent":["import { BreakpointObserver } from '@angular/cdk/layout';\nimport { Component, ElementRef, HostBinding, OnDestroy, Renderer2, afterNextRender, booleanAttribute, inject, input } from '@angular/core';\nimport { Subject, delay } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * This is a component, that has fixed position on the screen. It is a wrapper for other components,\n *  when their position needs to be fixed. For example it is used in the 'ecl-inpage-navigation'.\n */\n@Component({\n    selector: 'ecl-sticky-container',\n    templateUrl: './ecl-sticky-container.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n                align-self: flex-start;\n                top: 0;\n                position: sticky;\n                position: -webkit-sticky;\n            }\n\n            :host.ecl-sticky-container--disabled {\n                position: static;\n            }\n        `,\n    ],\n})\nexport class EclStickyContainerComponent extends ECLBaseDirective implements OnDestroy {\n    /**\n     * This property gives the option to disable ti default behaviour, when value os 'false'.\n     */\n    readonly isEnabled = input(true, { transform: booleanAttribute });\n    /**\n     * Sets the 'top' style property.\n     */\n    readonly marginTop = input(0);\n    /**\n     * Sets the 'botom' style property.\n     */\n    readonly marginBottom = input(0);\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-sticky-container'), !this.isEnabled() ? 'ecl-sticky-container--disabled' : ''].join(' ').trim();\n    }\n\n    @HostBinding('style.top.px')\n    get top(): number {\n        return this.marginTop() || null;\n    }\n\n    @HostBinding('style.bottom.px')\n    get bottom(): number {\n        return this.marginBottom() || null;\n    }\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private BREAKPOINT_CHANGES_TIMEOUT = 500;\n    private cdkBreakpointObserver = inject(BreakpointObserver);\n    private renderer = inject(Renderer2);\n    private el = inject(ElementRef);\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.observeBreakpointChanges();\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe('(max-width: 996px)')\n            .pipe(takeUntil(this.destroy$), delay(this.BREAKPOINT_CHANGES_TIMEOUT))\n            .subscribe((result) => {\n                if (result.matches) {\n                    this.renderer.setStyle(this.el.nativeElement, 'z-index', '15');\n                } else {\n                    this.renderer.removeStyle(this.el.nativeElement, 'z-index');\n                }\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { EclStickyContainerComponent } from './ecl-sticky-container.component';\n\nexport * from './ecl-sticky-container.component';\n\nexport const EUI_ECL_STICKY_CONTAINER = [\n    EclStickyContainerComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}