@eui/ecl 19.3.1-snapshot-1750853544438 → 19.3.1-snapshot-1750923072435

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-link.mjs","sources":["../../components/ecl-link/ecl-link.directive.ts","../../components/ecl-link/ecl-link-label.directive.ts","../../components/ecl-link/ecl-link.module.ts","../../components/ecl-link/eui-ecl-components-ecl-link.ts"],"sourcesContent":["import { Directive, HostBinding, Input, forwardRef, ContentChildren, QueryList, booleanAttribute, ElementRef, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n/**\n * 'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.\n */\n@Directive({\n    selector: '[eclLink]',\n    standalone: false,\n})\nexport class EclLinkDirective extends ECLBaseDirective implements AfterContentInit {\n\n    /**\n     * Adds speific ECL classes to the <a> component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();\n    }\n    /**\n     * Adds class for styling if the link has icon.\n     */\n    @HostBinding('class.ecl-link--icon')\n    get hasIcon(): boolean {\n        return this.eclIconComponents && this.eclIconComponents.length > 0;\n    }\n\n    @HostBinding('class.ecl-link--no-visited')\n    get isLinkNoVisited(): boolean {\n        return this.isNoVisited;\n    }\n\n    /**\n     * Property to style the component as 'inverted' (with dark background).\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--inverted') isInverted = false;\n    /**\n     * Property to style the component if it consist only of an icon.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--icon-only') isIconOnly = false;\n    @Input({ transform: booleanAttribute }) isNoVisited: boolean;\n    /**\n     * With 'varian' property user can add some more specific styling to the <a> component.\n     */\n    @Input() variant: 'standalone' | 'cta' | 'primary' | 'secondary';\n\n    @ContentChildren(forwardRef(() => EclIconComponent), { descendants: true }) eclIconComponents: QueryList<EclIconComponent>;\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        // Add additional class to the child icon, if any.\n        if (this.eclIconComponents) {\n            setTimeout(() => {\n                this.eclIconComponents.forEach((icn) => {\n                    icn.baseDirective.class = icn.baseDirective.class ? icn.baseDirective.class + ' ecl-link__icon' : 'ecl-link__icon';\n                });\n            });\n        }\n    }\n\n    /**\n     * Calls the native focus() method of the default HTML element.\n     */\n    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n\n    /**\n     * Calls the native click() method of the default HTML element.\n     */\n    onClick(): void {\n        this.el.nativeElement.click();\n    }\n\n    /**\n     * Calls the native blur() method of the default HTML element.\n     */\n    onBlur(): void {\n        this.el.nativeElement.blur();\n    }\n}\n","import { Directive, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n    selector: '[eclLinkLabel]',\n    standalone: false,\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n    }\n}\n\n@Directive({\n    selector: '[eclIndicator]',\n    standalone: false,\n})\nexport class EclIndicatorDirective {\n    @HostBinding('class.ecl-indicator') hasClass = true;\n}\n\n@Directive({\n    selector: '[eclLinkIconContainer]',\n    standalone: false,\n})\nexport class EclLinkIconContainerDirective {\n    @HostBinding('class.ecl-link__icon-container') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclLinkDirective } from './ecl-link.directive';\nimport { EclIndicatorDirective, EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclLinkDirective, EclLinkLabelDirective, EclIndicatorDirective, EclLinkIconContainerDirective],\n    declarations: [EclLinkDirective, EclLinkLabelDirective, EclIndicatorDirective, EclLinkIconContainerDirective],\n})\nexport class EclLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;;AAEG;AAKG,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AAElD;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,CAAA,UAAA,EAAa,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAE9G;;AAEG;AACH,IAAA,IACI,OAAO,GAAA;QACP,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC;;AAGtE,IAAA,IACI,eAAe,GAAA;QACf,OAAO,IAAI,CAAC,WAAW;;AAmB3B,IAAA,WAAA,CAAmB,EAAc,EAAA;AAC7B,QAAA,KAAK,EAAE;QADQ,IAAA,CAAA,EAAE,GAAF,EAAE;AAhBrB;;AAEG;QAC8E,IAAA,CAAA,UAAU,GAAG,KAAK;AACnG;;AAEG;QAC+E,IAAA,CAAA,UAAU,GAAG,KAAK;;IAapG,kBAAkB,GAAA;;AAEd,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxB,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;oBACnC,GAAG,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,GAAG,iBAAiB,GAAG,gBAAgB;AACtH,iBAAC,CAAC;AACN,aAAC,CAAC;;;AAIV;;AAEG;IACH,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;;AAGjC;;AAEG;IACH,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;;AAGjC;;AAEG;IACH,MAAM,GAAA;AACF,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE;;+GAvEvB,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,iGAyBL,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAIhB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,0VAMF,gBAAgB,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FApCzC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;+EAOO,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAQhB,OAAO,EAAA,CAAA;sBADV,WAAW;uBAAC,sBAAsB;gBAM/B,eAAe,EAAA,CAAA;sBADlB,WAAW;uBAAC,4BAA4B;gBAQwC,UAAU,EAAA,CAAA;sBAA1F,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAAG,WAAW;uBAAC,0BAA0B;gBAIG,UAAU,EAAA,CAAA;sBAA3F,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAAG,WAAW;uBAAC,2BAA2B;gBACxC,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAI7B,OAAO,EAAA,CAAA;sBAAf;gBAE2E,iBAAiB,EAAA,CAAA;sBAA5F,eAAe;uBAAC,UAAU,CAAC,MAAM,gBAAgB,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;;ACvCxE,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AACvD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;+GAH3D,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAGO,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;MAUX,qBAAqB,CAAA;AAJlC,IAAA,WAAA,GAAA;QAKwC,IAAA,CAAA,QAAQ,GAAG,IAAI;AACtD;+GAFY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAEuC,QAAQ,EAAA,CAAA;sBAA3C,WAAW;uBAAC,qBAAqB;;MAOzB,6BAA6B,CAAA;AAJ1C,IAAA,WAAA,GAAA;QAKmD,IAAA,CAAA,QAAQ,GAAG,IAAI;AACjE;+GAFY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA7B,6BAA6B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gCAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAEkD,QAAQ,EAAA,CAAA;sBAAtD,WAAW;uBAAC,gCAAgC;;;MClBpC,aAAa,CAAA;+GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,iBAFP,gBAAgB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAFlG,YAAY,aACZ,gBAAgB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAG9F,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJZ,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,6BAA6B,CAAC;oBACxG,YAAY,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,6BAA6B,CAAC;AAChH,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"eui-ecl-components-ecl-link.mjs","sources":["../../components/ecl-link/ecl-link.directive.ts","../../components/ecl-link/ecl-link-label.directive.ts","../../components/ecl-link/ecl-link.module.ts","../../components/ecl-link/eui-ecl-components-ecl-link.ts"],"sourcesContent":["import { Directive, HostBinding, Input, forwardRef, ContentChildren, QueryList, booleanAttribute, ElementRef, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n/**\n * 'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.\n */\n@Directive({\n    selector: '[eclLink]',\n    standalone: false,\n})\nexport class EclLinkDirective extends ECLBaseDirective implements AfterContentInit {\n\n    /**\n     * Adds speific ECL classes to the <a> component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();\n    }\n    /**\n     * Adds class for styling if the link has icon.\n     */\n    @HostBinding('class.ecl-link--icon')\n    get hasIcon(): boolean {\n        return this.eclIconComponents && this.eclIconComponents.length > 0;\n    }\n\n    @HostBinding('class.ecl-link--no-visited')\n    get isLinkNoVisited(): boolean {\n        return this.isNoVisited;\n    }\n\n    /**\n     * Property to style the component as 'inverted' (with dark background).\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--inverted') isInverted = false;\n    /**\n     * Property to style the component if it consist only of an icon.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--icon-only') isIconOnly = false;\n    /**\n     * @deprecated - will be removed in v20. Deprecated on ECL side.\n     */\n    @Input({ transform: booleanAttribute }) isNoVisited: boolean;\n    /**\n     * With 'varian' property user can add some more specific styling to the <a> component.\n     */\n    @Input() variant: 'standalone' | 'cta' | 'primary' | 'secondary';\n\n    @ContentChildren(forwardRef(() => EclIconComponent), { descendants: true }) eclIconComponents: QueryList<EclIconComponent>;\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        // Add additional class to the child icon, if any.\n        if (this.eclIconComponents) {\n            setTimeout(() => {\n                this.eclIconComponents.forEach((icn) => {\n                    icn.baseDirective.class = icn.baseDirective.class ? icn.baseDirective.class + ' ecl-link__icon' : 'ecl-link__icon';\n                });\n            });\n        }\n    }\n\n    /**\n     * Calls the native focus() method of the default HTML element.\n     */\n    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n\n    /**\n     * Calls the native click() method of the default HTML element.\n     */\n    onClick(): void {\n        this.el.nativeElement.click();\n    }\n\n    /**\n     * Calls the native blur() method of the default HTML element.\n     */\n    onBlur(): void {\n        this.el.nativeElement.blur();\n    }\n}\n","import { Directive, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n    selector: '[eclLinkLabel]',\n    standalone: false,\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n    }\n}\n\n@Directive({\n    selector: '[eclIndicator]',\n    standalone: false,\n})\nexport class EclIndicatorDirective {\n    @HostBinding('class.ecl-indicator') hasClass = true;\n}\n\n@Directive({\n    selector: '[eclLinkIconContainer]',\n    standalone: false,\n})\nexport class EclLinkIconContainerDirective {\n    @HostBinding('class.ecl-link__icon-container') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclLinkDirective } from './ecl-link.directive';\nimport { EclIndicatorDirective, EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclLinkDirective, EclLinkLabelDirective, EclIndicatorDirective, EclLinkIconContainerDirective],\n    declarations: [EclLinkDirective, EclLinkLabelDirective, EclIndicatorDirective, EclLinkIconContainerDirective],\n})\nexport class EclLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs

@@ -19,6 +19,9 @@ import { ECLBaseDirective, KeyCode, ECLClickOutsideDirective } from '@eui/ecl/co
 import { Subject, takeUntil } from 'rxjs';
 import * as i3$1 from '@eui/ecl/shared';
 
+/**
+ * Directive that adds specific class to the mega-menu container.
+ */
 class EclMegaMenuContainerDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
@@ -39,6 +42,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['class.ecl']
             }] } });
 
+/**
+ * Directive that adds specific class to the mega-menu featured list.
+ */
 class EclMegaMenuFeaturedListDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
@@ -57,6 +63,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: HostBinding,
                 args: ['class.ecl-mega-menu__featured-list']
             }] } });
+/**
+ * Directive that adds specific class to a mega-menu featured list item.
+ * Also has method that returns item height.
+ */
 class EclMegaMenuFeaturedListItemDirective extends ECLBaseDirective {
     constructor(el) {
         super();
@@ -80,6 +90,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['class.ecl-mega-menu__featured-list__item']
             }] } });
 
+/**
+ * Directive that adds specific class to the mega-menu featured picture.
+ */
 class EclMegaMenuFeaturedPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-mega-menu__featured-picture')].join(' ').trim();
@@ -97,6 +110,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
+/**
+ * Directive that adds specific class to the mega-menu featured image.
+ */
 class EclMegaMenuFeaturedImageDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
@@ -116,6 +132,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['class.ecl-mega-menu__featured-image']
             }] } });
 
+/**
+ * This component represents the featured items panel.
+ */
 class EclMegaMenuFeaturedComponent extends ECLBaseDirective {
     constructor(el) {
         super();
@@ -123,6 +142,10 @@ class EclMegaMenuFeaturedComponent extends ECLBaseDirective {
         this.cmpClass = true;
         this.eclMegaMenuFeaturedStyleHeight = null;
     }
+    /**
+     * Calculates and returns the height of the component. The total height of all the list items.
+     * @returns the height of the component
+     */
     getEclMegaMenuFeaturedHeight() {
         let result = 0;
         this.listItems.forEach(it => result += it.getEclMegaMenuFeaturedItemHeight());
@@ -160,6 +183,9 @@ class EclMegaMenuDataService {
         this.eclSubItemClicked$ = this.eclSubItemClicked.asObservable();
         this.eclSubItemEscape$ = this.eclSubItemEscape.asObservable();
     }
+    /**
+     * Used to synchronize size of the info panel and sublist.
+     */
     updateEclMegaMenuInfoSize(value) {
         this.eclMegaMenuInfoBottomYSubject.next(value);
     }
@@ -201,6 +227,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
 
+/**
+ * This component represents a sub-item in the mega-menu component. Applies styling and functionality.
+ */
 class EclMegaMenuSubitemComponent extends ECLBaseDirective {
     get cssClasses() {
         return [
@@ -221,6 +250,9 @@ class EclMegaMenuSubitemComponent extends ECLBaseDirective {
         this.eclMegaMenuService = eclMegaMenuService;
         this.isExpanded = false;
         this.label = '';
+        /**
+         * If the link redirects to external page. Adds an 'external' icon.
+         */
         this.isExternal = false;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.routerLink = null;
@@ -228,11 +260,17 @@ class EclMegaMenuSubitemComponent extends ECLBaseDirective {
         this.queryParamsHandling = null;
         this.href = '';
         this.target = '';
+        /**
+         * Used for the 'View all' link.
+         */
         this.isSeeAll = false;
         this.megaMenuSubItemClicked = new EventEmitter();
         this.megaMenuSubItemKeydown = new EventEmitter();
         this.isCurrent = false;
         this.isMobileBreakpoint = false;
+        /**
+         * Used to set the height of the second level subitems container.
+         */
         this.level2StyleHeight = null;
         this.destroy$ = new Subject();
         this.isParentLink = false;
@@ -247,6 +285,9 @@ class EclMegaMenuSubitemComponent extends ECLBaseDirective {
     get hasChildren() {
         return !!this.submenu;
     }
+    /**
+     * Sets focus on either link or button element.
+     */
     onFocus() {
         if (this.subMenuItemLink) {
             this.subMenuItemLink.onFocus();
@@ -264,6 +305,9 @@ class EclMegaMenuSubitemComponent extends ECLBaseDirective {
     getMegaMenuSubItemHeight() {
         return this.el.nativeElement.getBoundingClientRect().height;
     }
+    /**
+     * Show or hide the subitems.
+     */
     onButtonClick() {
         this.isCurrent = !this.isCurrent;
         this.isExpanded = !this.isExpanded;
@@ -275,6 +319,9 @@ class EclMegaMenuSubitemComponent extends ECLBaseDirective {
         }
         this.megaMenuSubItemClicked.emit();
     }
+    /**
+     * If link is clicked -> emit event and close all opened menus and submenus.
+     */
     onLinkClick() {
         this.eclMegaMenuDataService.eclSubItemClick(this);
         this.megaMenuSubItemClicked.emit();
@@ -380,6 +427,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['style.display']
             }] } });
 
+/**
+ * Directive that adds specific class to the mega-menu list.
+ */
 class EclMegaMenuListDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
@@ -398,6 +448,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: HostBinding,
                 args: ['class.ecl-mega-menu__list']
             }] } });
+/**
+ * Directive that adds specific class to the mega-menu spacer.
+ */
 class EclMegaMenuSpacerDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
@@ -416,6 +469,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: HostBinding,
                 args: ['class.ecl-mega-menu__spacer']
             }] } });
+/**
+ * Directive that adds specific classes and functionality to the mega-menu sublist.
+ */
 class EclMegaMenuSublistDirective extends ECLBaseDirective {
     constructor(el, cdkBreakpointObserver, differs) {
         super();
@@ -433,6 +489,7 @@ class EclMegaMenuSublistDirective extends ECLBaseDirective {
         });
     }
     ngDoCheck() {
+        // When a new item is added -> subscribe to item's events.
         const diff = this.differ.diff(this.submenuItems);
         if (diff) {
             diff.forEachItem((item) => {
@@ -444,8 +501,13 @@ class EclMegaMenuSublistDirective extends ECLBaseDirective {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
+    /**
+     * When parent mega-menu item is clicked.
+     * @param isExpanded - 'true', if parent item is expanded, 'false' if item is collapsed.
+     */
     onParentMegaMenuItemClick(isExpanded) {
         if (isExpanded) {
+            // If mega-menu item is expanded -> find the first mega-menu list child (i.e. sub item) and expand it's children.
             if (!this.isMobileBreakpoint) {
                 const itemWithChildren = this.submenuItems.find(item => item.hasChildren);
                 itemWithChildren?.onSubMenuItemExpand();
@@ -543,7 +605,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: [forwardRef(() => EclMegaMenuSubitemComponent)]
             }] } });
 
+/**
+ * Component for displaying some custom information for the current menu item.
+ */
 class EclMegaMenuInfoComponent extends ECLBaseDirective {
+    /**
+     * Applies custom styles for info component.
+     */
     get cssClasses() {
         return [
             super.getCssClasses('ecl-mega-menu__info'),
@@ -556,18 +624,33 @@ class EclMegaMenuInfoComponent extends ECLBaseDirective {
         super();
         this.el = el;
         this.eclMegaMenuDataService = eclMegaMenuDataService;
+        /**
+         * Sets the height of the component.
+         */
         this.eclMegaMenuInfoStyleHeight = null;
+        /**
+         * Sets the opacity of the component.
+         */
         this.eclMegaMenuInfoStyleOpacity = null;
     }
     ngAfterViewInit() {
+        // Sets class of the sub link, if any.
         if (this.linkItem) {
             setTimeout(() => this.linkItem.class = 'ecl-mega-menu__info-link');
         }
+        // Emits the bottom value of the element. Needed to calculate the size of the sublist. (for the same parent menu item)
         this.publishSize();
     }
+    /**
+     * Used to calculate the height of the parent element.
+     * @returns the height of the component.
+     */
     getInfoPanelScrollHeight() {
         return this.el.nativeElement.scrollHeight;
     }
+    /**
+     * Used to calulate the size of the info panel.
+     */
     publishSize() {
         const bottomY = this.el.nativeElement.getBoundingClientRect().bottom;
         this.eclMegaMenuDataService.updateEclMegaMenuInfoSize(bottomY);
@@ -594,7 +677,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: [forwardRef(() => EclLinkDirective)]
             }] } });
 
+/**
+ * This component represents a mega menu item. Adds functionality and styling, according to ECL standards.
+ */
 class EclMegaMenuItemComponent extends ECLBaseDirective {
+    /**
+     * Returns current menu item classes, depending on item's state (it's properties' values).
+     */
     get cssClasses() {
         return [
             super.getCssClasses('ecl-mega-menu__item'),
@@ -656,6 +745,9 @@ class EclMegaMenuItemComponent extends ECLBaseDirective {
     get hasContainer() {
         return !!this.eclMegaMenuContainer;
     }
+    /**
+     * Set the focus on the sub element - link or button.
+     */
     onFocus() {
         if (this.menuLink) {
             this.menuLink.onFocus();
@@ -664,6 +756,9 @@ class EclMegaMenuItemComponent extends ECLBaseDirective {
             this.menuBtn.onFocus();
         }
     }
+    /**
+     * On resize - calculate the size of the dropdown and wrapper (if item is expanded).
+     */
     onResize() {
         setTimeout(() => {
             if (this.isExpanded) {
@@ -672,6 +767,9 @@ class EclMegaMenuItemComponent extends ECLBaseDirective {
             }
         });
     }
+    /**
+     * Manage styling and functionality for children and siblings, when item is clicked.
+     */
     onMegaMenuItemClick() {
         if (this.hasChildren) {
             this.isCurrent = !this.isCurrent;
@@ -695,6 +793,9 @@ class EclMegaMenuItemComponent extends ECLBaseDirective {
         }
         this.megaMenuItemClicked.emit();
     }
+    /**
+     * Manage styling and functionality when item is collapsed.
+     */
     onMegaMenuItemCollapse() {
         this.isCurrent = false;
         this.isExpanded = false;
@@ -896,6 +997,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['window:resize']
             }] } });
 
+/**
+ * The 'eclMegaMenu' is an advanced navigation component designed for complex sites with deep hierarchies.
+ * It can provide descriptive text for first level items, accommodate up to three levels of navigation,
+ * and additionally allows a featured column that can be used to either promote parent-page specific or site-wide pages,
+ * hidden deep into the lower levels of the hierarchy.
+ */
 class EclMegaMenuComponent extends ECLBaseDirective {
     get cssClasses() {
         return [
@@ -918,13 +1025,37 @@ class EclMegaMenuComponent extends ECLBaseDirective {
         this.el = el;
         this.renderer = renderer;
         this.isExpanded = false;
+        /**
+         * The 'role' attribute of the component is set to 'navigation'. should not be changed.
+         */
         this.role = 'navigation';
+        /**
+         * The event that is emitted, when a menu item is selected.
+         */
         this.megaMenuItemSelect = new EventEmitter();
+        /**
+         * If the menu is in mobile mode.
+         */
         this.isMobileBreakpoint = false;
+        /**
+         * If the menu is expanded in mobile mode.
+         */
         this.isMobileExpanded = false;
+        /**
+         * When a menu item is expanded and has only one panel (one sub-level).
+         */
         this.isOnePanel = false;
-        this.isOpenMobile = false; //used for mobile only
+        /**
+         * If the menu is open, when in mobile mode.
+         */
+        this.isOpenMobile = false; // used for mobile only
+        /**
+         * Used in mobile mode - when the start panel is open (i.e. the hamburger button is clicked).
+         */
         this.isStartPanel = false;
+        /**
+         * If a menu item is expanded and has two panels/levels displayed.
+         */
         this.isTwoPanels = false;
         this.destroy$ = new Subject();
         this.isRtl = false;
@@ -938,6 +1069,7 @@ class EclMegaMenuComponent extends ECLBaseDirective {
         });
     }
     ngDoCheck() {
+        // For each added menu item - subscribe to item events.
         const diff = this.differ.diff(this.menuItems);
         if (diff) {
             diff.forEachItem((item) => {
@@ -949,6 +1081,9 @@ class EclMegaMenuComponent extends ECLBaseDirective {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
+    /**
+     * When clicking outside the menu - close any expanded item.
+     */
     onClickOutsideMegaMenu() {
         if (this.isExpanded) {
             this.closeMenuAndAnyOpenSubMenu();
@@ -984,6 +1119,9 @@ class EclMegaMenuComponent extends ECLBaseDirective {
         }
         this.isOpenMobile = false;
     }
+    /**
+     * Used for mobile menu - when user clicks on 'Back' button. Returns to the previous state.
+     */
     onMegaMenuBack() {
         if (this.isOnePanel) {
             this.onMegaMenuBackToStartPanel();