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

package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, PLATFORM_ID, DOCUMENT, ViewChild, Output, Input, HostBinding, Component, Injectable, signal, Directive, output, IterableDiffers, NgZone, ChangeDetectorRef, afterNextRender, numberAttribute, ContentChild, ContentChildren } from '@angular/core';
+import { inject, ElementRef, input, model, EventEmitter, PLATFORM_ID, DOCUMENT, ViewChild, Output, HostBinding, Component, Injectable, signal, Directive, numberAttribute, output, IterableDiffers, NgZone, ChangeDetectorRef, afterNextRender, ContentChild, ContentChildren } from '@angular/core';
 import { EclBaseEvent, ECLBaseDirective, EclThemeService, EclRtlService } from '@eui/ecl/core';
 import * as i1 from '@eui/ecl/components/ecl-link';
 import { EclLinkDirective, EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
@@ -32,6 +32,15 @@ class EclInpageNavigationItemComponent extends ECLBaseDirective {
          * The role of the component is 'listitem', should not be changed.
          */
         this.role = 'listitem';
+        /**
+         * The label that is displayed in the items list.
+         */
+        this.label = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.sectionId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sectionId" }] : /* istanbul ignore next */ []));
+        this.isActive = model(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
         /**
          * Emited when user clicks on the item.
          */
@@ -59,7 +68,7 @@ class EclInpageNavigationItemComponent extends ECLBaseDirective {
         }
     }
     onItemClick(evt) {
-        const event = new EclInpageNavigationItemClickEvent(this.sectionId);
+        const event = new EclInpageNavigationItemClickEvent(this.sectionId());
         this.itemClick.next(event);
         evt.preventDefault();
     }
@@ -69,7 +78,7 @@ class EclInpageNavigationItemComponent extends ECLBaseDirective {
     get sectionElement() {
         if (!isPlatformBrowser(this.platformId))
             return null;
-        return this.doc.querySelector(`#${this.sectionId}`);
+        return this.doc.querySelector(`#${this.sectionId()}`);
     }
     onArrowUp(evt) {
         evt.preventDefault();
@@ -91,27 +100,20 @@ class EclInpageNavigationItemComponent extends ECLBaseDirective {
         this.itemEnter.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclInpageNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EclInpageNavigationItemComponent, isStandalone: true, selector: "li[eclInpageNavigationItem]", inputs: { label: "label", sectionId: "sectionId", isActive: "isActive" }, outputs: { itemClick: "itemClick", itemArrowUp: "itemArrowUp", itemArrowDown: "itemArrowDown", itemTab: "itemTab", itemEnter: "itemEnter" }, host: { properties: { "class.ecl-inpage-navigation__item": "this.cmpClass", "attr.role": "this.role", "class.ecl-inpage-navigation__item--active": "this.isActive" } }, viewQueries: [{ propertyName: "link", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\" (keydown.enter)=\"onEnter($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label }}\n</a>\n", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EclInpageNavigationItemComponent, isStandalone: true, selector: "li[eclInpageNavigationItem]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, sectionId: { classPropertyName: "sectionId", publicName: "sectionId", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange", itemClick: "itemClick", itemArrowUp: "itemArrowUp", itemArrowDown: "itemArrowDown", itemTab: "itemTab", itemEnter: "itemEnter" }, host: { properties: { "class.ecl-inpage-navigation__item--active": "isActive()", "class.ecl-inpage-navigation__item": "this.cmpClass", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "link", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\" (keydown.enter)=\"onEnter($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label() }}\n</a>\n", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "isBranded", "variant"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclInpageNavigationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'li[eclInpageNavigationItem]', imports: [...EUI_ECL_LINK], template: "<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\" (keydown.enter)=\"onEnter($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label }}\n</a>\n", styles: [":host{display:list-item}\n"] }]
+            args: [{ selector: 'li[eclInpageNavigationItem]', imports: [...EUI_ECL_LINK], host: {
+                        '[class.ecl-inpage-navigation__item--active]': 'isActive()',
+                    }, template: "<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\" (keydown.enter)=\"onEnter($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label() }}\n</a>\n", styles: [":host{display:list-item}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cmpClass: [{
                 type: HostBinding,
                 args: ['class.ecl-inpage-navigation__item']
             }], role: [{
                 type: HostBinding,
                 args: ['attr.role']
-            }], label: [{
-                type: Input
-            }], sectionId: [{
-                type: Input
-            }], isActive: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-inpage-navigation__item--active']
-            }], itemClick: [{
+            }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionId", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }], itemClick: [{
                 type: Output
             }], itemArrowUp: [{
                 type: Output
@@ -207,6 +209,19 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
     constructor() {
         super();
         this.eclThemeService = inject(EclThemeService);
+        this.eclTitle = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "eclTitle" }] : /* istanbul ignore next */ []));
+        /**
+         * Used to calculate component's position.
+         */
+        this.marginTop = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "marginTop" }] : /* istanbul ignore next */ []));
+        this.marginBottom = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "marginBottom" }] : /* istanbul ignore next */ []));
+        /**
+         * Sets the offset from the top of the page (for example if there is a toolbar or header). Used to calculate scrolling behaviour.
+         */
+        this.offsetTop = input(undefined, { ...(ngDevMode ? { debugName: "offsetTop" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * This event will be emitted, when onscroll a new section becomes active.
          */
@@ -342,7 +357,7 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
                         parseFloat(styles.marginBottom || '0');
             }
         }
-        else if (this.eclTitle) {
+        else if (this.eclTitle()) {
             const titleEl = this.navTittle?.nativeElement;
             if (titleEl)
                 topPosition = titleEl.getBoundingClientRect().bottom;
@@ -440,7 +455,7 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
             .pipe(takeUntil$1(this.destroy$))
             .subscribe(() => {
             this.zone.run(() => {
-                const ids = this.eclNavigationLinkItems.map((item) => item.sectionId);
+                const ids = this.eclNavigationLinkItems.map((item) => item.sectionId());
                 const sectionElements = ids
                     .map((id) => this.doc.querySelector(`#${id}`))
                     .filter((el) => !!el);
@@ -451,7 +466,7 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
     }
     selectNavigationItem(itemElement) {
         this.eclNavigationLinkItems.forEach((it) => {
-            it.isActive = it.sectionElement === itemElement;
+            it.isActive.set(it.sectionElement === itemElement);
         });
         this.cdr.markForCheck();
     }
@@ -461,7 +476,7 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
             this.currentSectionElement = currentSectionElement ?? undefined;
             if (currentSectionElement)
                 this.selectNavigationItem(currentSectionElement);
-            const sectionId = this.currentNavigationLinkItem?.sectionId;
+            const sectionId = this.currentNavigationLinkItem?.sectionId();
             this.sectionEnter.emit(new EclInpageNavigationSectionEnterEvent(sectionId));
         }
     }
@@ -469,7 +484,7 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
         if (!this.isBrowser || !this.win)
             return null;
         let currentSection = null;
-        const offset = this.MIN_DISTANCE_TOP + (this.offsetTop ?? 0);
+        const offset = this.MIN_DISTANCE_TOP + (this.offsetTop() ?? 0);
         const isNearBottom = this.win.innerHeight + this.win.scrollY >=
             this.doc.documentElement.scrollHeight - 10;
         for (const sectionElement of sectionElements) {
@@ -491,21 +506,12 @@ class EclInpageNavigationComponent extends ECLBaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclInpageNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EclInpageNavigationComponent, isStandalone: true, selector: "ecl-inpage-navigation", inputs: { eclTitle: "eclTitle", marginTop: "marginTop", marginBottom: "marginBottom", offsetTop: ["offsetTop", "offsetTop", numberAttribute] }, outputs: { sectionEnter: "sectionEnter" }, queries: [{ propertyName: "eclNavigationList", first: true, predicate: EclInpageNavigationListDirective, descendants: true }, { propertyName: "eclNavigationLinkItems", predicate: EclInpageNavigationItemComponent, descendants: true }], viewQueries: [{ propertyName: "togglerButton", first: true, predicate: ["togglerButton"], descendants: true }, { propertyName: "toggleWrapper", first: true, predicate: ["toggleWrapper"], descendants: true }, { propertyName: "navTittle", first: true, predicate: ["navTittle"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav aria-labelledby=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\" [class.ecl-inpage-navigation--rtl]=\"isRtl\">\n        <div #navTittle id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div #toggleWrapper class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button #togglerButton id=\"ecl-inpage-navigation-default-trigger\" type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\" aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\" (click)=\"onExpandButtonClick()\"\n                    (keydown)=\"onExpandButtonKeydown($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\"\n                        class=\"ecl-inpage-navigation__trigger-icon\" title=\"Show full page table of contents\">\n                    </ecl-icon>\n                </button>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ecl-sticky-container>", styles: ["@media(min-width:996px){.ecl-inpage-navigation__list{display:block!important}}\n"], dependencies: [{ kind: "component", type: i1$1.EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: ["isEnabled", "marginTop", "marginBottom"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EclInpageNavigationComponent, isStandalone: true, selector: "ecl-inpage-navigation", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", 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 }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sectionEnter: "sectionEnter" }, queries: [{ propertyName: "eclNavigationList", first: true, predicate: EclInpageNavigationListDirective, descendants: true }, { propertyName: "eclNavigationLinkItems", predicate: EclInpageNavigationItemComponent, descendants: true }], viewQueries: [{ propertyName: "togglerButton", first: true, predicate: ["togglerButton"], descendants: true }, { propertyName: "toggleWrapper", first: true, predicate: ["toggleWrapper"], descendants: true }, { propertyName: "navTittle", first: true, predicate: ["navTittle"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecl-sticky-container [marginTop]=\"marginTop()\" [marginBottom]=\"marginBottom()\">\n    <nav aria-labelledby=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\" [class.ecl-inpage-navigation--rtl]=\"isRtl\">\n        <div #navTittle id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle() || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div #toggleWrapper class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button #togglerButton id=\"ecl-inpage-navigation-default-trigger\" type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\" aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\" (click)=\"onExpandButtonClick()\"\n                    (keydown)=\"onExpandButtonKeydown($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label() }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\"\n                        class=\"ecl-inpage-navigation__trigger-icon\" title=\"Show full page table of contents\">\n                    </ecl-icon>\n                </button>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ecl-sticky-container>", styles: ["@media(min-width:996px){.ecl-inpage-navigation__list{display:block!important}}\n"], dependencies: [{ kind: "component", type: i1$1.EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: ["isEnabled", "marginTop", "marginBottom"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclInpageNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-inpage-navigation', imports: [TranslatePipe, ...EUI_ECL_STICKY_CONTAINER, ...EUI_ECL_ICON], template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav aria-labelledby=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\" [class.ecl-inpage-navigation--rtl]=\"isRtl\">\n        <div #navTittle id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div #toggleWrapper class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button #togglerButton id=\"ecl-inpage-navigation-default-trigger\" type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\" aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\" (click)=\"onExpandButtonClick()\"\n                    (keydown)=\"onExpandButtonKeydown($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\"\n                        class=\"ecl-inpage-navigation__trigger-icon\" title=\"Show full page table of contents\">\n                    </ecl-icon>\n                </button>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ecl-sticky-container>", styles: ["@media(min-width:996px){.ecl-inpage-navigation__list{display:block!important}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { eclTitle: [{
-                type: Input
-            }], marginTop: [{
-                type: Input
-            }], marginBottom: [{
-                type: Input
-            }], offsetTop: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], togglerButton: [{
+            args: [{ selector: 'ecl-inpage-navigation', imports: [TranslatePipe, ...EUI_ECL_STICKY_CONTAINER, ...EUI_ECL_ICON], template: "<ecl-sticky-container [marginTop]=\"marginTop()\" [marginBottom]=\"marginBottom()\">\n    <nav aria-labelledby=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\" [class.ecl-inpage-navigation--rtl]=\"isRtl\">\n        <div #navTittle id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle() || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div #toggleWrapper class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button #togglerButton id=\"ecl-inpage-navigation-default-trigger\" type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\" aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\" (click)=\"onExpandButtonClick()\"\n                    (keydown)=\"onExpandButtonKeydown($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label() }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\"\n                        class=\"ecl-inpage-navigation__trigger-icon\" title=\"Show full page table of contents\">\n                    </ecl-icon>\n                </button>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ecl-sticky-container>", styles: ["@media(min-width:996px){.ecl-inpage-navigation__list{display:block!important}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], marginTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginTop", required: false }] }], marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }], offsetTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetTop", required: false }] }], togglerButton: [{
                 type: ViewChild,
                 args: ['togglerButton']
             }], toggleWrapper: [{

package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-inpage-navigation.mjs","sources":["../../components/ecl-inpage-navigation/ecl-inpage-navigation-item.component.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation-item.component.html","../../components/ecl-inpage-navigation/services/ecl-inpage-navigation.service.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation-list.directive.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation.component.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation.component.html","../../components/ecl-inpage-navigation/index.ts","../../components/ecl-inpage-navigation/eui-ecl-components-ecl-inpage-navigation.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewChild, ElementRef, inject, PLATFORM_ID, DOCUMENT } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { EclLinkDirective, EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { isPlatformBrowser } from '@angular/common';\n\nexport class EclInpageNavigationItemClickEvent extends EclBaseEvent {\n    constructor(public sectionElementId: string) {\n        super();\n    }\n}\n/**\n * Represent a single navigation item. contains the link, that activates/scrolls to the new current paragraph of the page.\n */\n@Component({\n    selector: 'li[eclInpageNavigationItem]',\n    templateUrl: './ecl-inpage-navigation-item.component.html',\n    imports: [...EUI_ECL_LINK],\n    styles: [\n        `\n            :host {\n                display: list-item;\n            }\n        `,\n    ],\n})\nexport class EclInpageNavigationItemComponent extends ECLBaseDirective {\n    @HostBinding('class.ecl-inpage-navigation__item') cmpClass = true;\n    /**\n     * The role of the component is 'listitem', should not be changed.\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    /**\n     * The label that is displayed in the items list.\n     */\n    @Input() label: string;\n    @Input() sectionId: string;\n    @Input() @HostBinding('class.ecl-inpage-navigation__item--active') isActive: boolean;\n\n    /**\n     * Emited when user clicks on the item.\n     */\n    @Output() itemClick = new EventEmitter<EclInpageNavigationItemClickEvent>();\n    /**\n     * Emitted when on keyboard navigation, user clicks the arrow-up.\n     */\n    @Output() itemArrowUp = new EventEmitter();\n    /**\n     * Emitted when on keyboard navigation, user clicks the arrow-down.\n     */\n    @Output() itemArrowDown = new EventEmitter();\n    /**\n     * Emitted when on keyboard navigation, user clicks the TAB.\n     */\n    @Output() itemTab = new EventEmitter<Event>();\n    /**\n     * Emitted when on keyboard navigation, user clicks the ENTER.\n     */\n    @Output() itemEnter = new EventEmitter();\n\n    @ViewChild(EclLinkDirective) link: EclLinkDirective;\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly doc = inject(DOCUMENT);\n\n    constructor() {\n        const el = inject(ElementRef);\n\n        super();\n        if (el.nativeElement.tagName.toLowerCase() === 'ecl-inpage-navigation-item') {\n          console.warn('\"ecl-inpage-navigation-item\" selector is deprecated; use \"li[eclInpageNavigationItem]\" instead.');\n        }\n    }\n\n    onItemClick(evt: MouseEvent): void {\n        const event = new EclInpageNavigationItemClickEvent(this.sectionId);\n        this.itemClick.next(event);\n\n        evt.preventDefault();\n    }\n\n    /**\n     * Returns page element/paragraph, that is associated with this item from the navigation list.\n     */\n    get sectionElement(): HTMLElement | null {\n        if (!isPlatformBrowser(this.platformId)) return null;\n        return this.doc.querySelector<HTMLElement>(`#${this.sectionId}`);\n    }\n\n    onArrowUp(evt: Event): void {\n        evt.preventDefault();\n        this.itemArrowUp.emit()\n    }\n\n    onArrowDown(evt: Event): void {\n        evt.preventDefault();\n        this.itemArrowDown.emit();\n    }\n\n    onTab(evt: Event): void {\n        this.itemTab.emit(evt);\n    }\n\n    onFocus(): void{\n        this.link.onFocus();\n    }\n\n    onEnter(evt: Event): void {\n        evt.preventDefault();\n        evt.stopPropagation();\n        this.itemEnter.emit();\n    }\n}\n","<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\" (keydown.enter)=\"onEnter($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label }}\n</a>\n","import { Injectable } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\n@Injectable({ providedIn: 'root' })\nexport class EclInpageNavigationService {\n\n\tpublic eclInpageNavigationExpanded$: Observable<boolean>;\n\tprivate eclInpageNavigationExpanded: Subject<boolean> = new Subject<boolean>();\n\n\tconstructor() {\n        this.eclInpageNavigationExpanded$ = this.eclInpageNavigationExpanded.asObservable();\n\t}\n\n\t/**\n\t * When user clicks on arrow down button in mobile view.\n\t * @param isExpanded\n\t */\n    eclInpageNavigationToggle(isExpanded: boolean): void {\n\t\tthis.eclInpageNavigationExpanded.next(isExpanded);\n\t}\n}\n","import { AfterContentInit, Directive, ElementRef, HostBinding, OnDestroy, inject, signal } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclInpageNavigationService } from './services/ecl-inpage-navigation.service';\n\n/**\n * The parent list component, that contains navigation items links.\n */\n@Directive({\n    selector: 'ul[eclInpageNavigationList]',\n    host: {\n        '[style.max-height.px]': 'maxHeight()',\n    },\n\n})\nexport class EclInpageNavigationListDirective extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    el = inject(ElementRef);\n\n    @HostBinding('class.ecl-inpage-navigation__list') hasClass = true;\n    /**\n     * If the dropdown is visible in mobile view.\n     */\n    @HostBinding('class.ecl-inpage-navigation__list--visible') isVisible = false;\n    maxHeight = signal<number | null>(null);\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private eclInpageNavigationService = inject(EclInpageNavigationService);\n\n    ngAfterContentInit(): void {\n        this.eclInpageNavigationService.eclInpageNavigationExpanded$.pipe(takeUntil(this.destroy$)).subscribe((value: boolean) => {\n            this.isVisible = value;\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n}\n","import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\nimport { CdkScrollable, ScrollDispatcher, ViewportRuler } from '@angular/cdk/scrolling';\nimport { AfterViewInit, ChangeDetectorRef, Component, ContentChild, ContentChildren, DOCUMENT, DoCheck, ElementRef, Input, IterableDiffer, IterableDiffers, NgZone, OnDestroy, OnInit, PLATFORM_ID, QueryList, ViewChild, afterNextRender, inject, numberAttribute, output } from '@angular/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_STICKY_CONTAINER } from '@eui/ecl/components/ecl-sticky-container';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService, EclThemeService } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { EclInpageNavigationItemComponent } from './ecl-inpage-navigation-item.component';\nimport { EclInpageNavigationListDirective } from './ecl-inpage-navigation-list.directive';\nimport { EclInpageNavigationService } from './services/ecl-inpage-navigation.service';\nimport { isPlatformBrowser } from '@angular/common';\n\nexport class EclInpageNavigationSectionEnterEvent extends EclBaseEvent {\n    constructor(public sectionId: string) {\n        super();\n    }\n}\n\n/**\n * The in-page navigation is a vertical menu containing (anchored) links to H2-headings on long content pages.\n * It gives the user an overview of the page contents and has a fixed position (does not move while scrolling) at either the left\n * side of a page on desktop or top-bar on mobile. This component helps users scan of the page quickly contents and may potentially\n * reduce vertical scrolling, allowing users to easily jump straight to the segment of the page.\n */\n@Component({\n    selector: 'ecl-inpage-navigation',\n    templateUrl: './ecl-inpage-navigation.component.html',\n    imports: [TranslatePipe, ...EUI_ECL_STICKY_CONTAINER, ...EUI_ECL_ICON],\n    styles: [\n        `\n            @media (min-width: 996px) {\n                .ecl-inpage-navigation__list {\n                    display: block !important;\n                }\n            }\n        `,\n    ],\n})\nexport class EclInpageNavigationComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy, DoCheck {\n    eclThemeService = inject(EclThemeService);\n\n    @Input() eclTitle: string;\n    /**\n     * Used to calculate component's position.\n     */\n    @Input() marginTop: number;\n    @Input() marginBottom: number;\n    /**\n     * Sets the offset from the top of the page (for example if there is a toolbar or header). Used to calculate scrolling behaviour.\n     */\n    @Input({ transform: numberAttribute }) offsetTop: number;\n    @ViewChild('togglerButton') togglerButton: ElementRef<HTMLButtonElement>;\n    @ViewChild('toggleWrapper') toggleWrapper: ElementRef<HTMLDivElement>;\n    @ViewChild('navTittle') navTittle: ElementRef<HTMLDivElement>;\n    /**\n     * This event will be emitted, when onscroll a new section becomes active.\n     */\n    readonly sectionEnter = output<EclInpageNavigationSectionEnterEvent>();\n\n    @ContentChildren(EclInpageNavigationItemComponent, { descendants: true }) eclNavigationLinkItems: QueryList<EclInpageNavigationItemComponent>;\n    @ContentChild(EclInpageNavigationListDirective) eclNavigationList: EclInpageNavigationListDirective;\n\n    /**\n     * Used for the mobile view, where user can select a section from the dropdown.\n     */\n    isButtonExpanded = false;\n    currentSectionElement: HTMLElement | null = null;\n    public isRtl = false;\n    public listMaxHeight: number;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private differ: IterableDiffer<EclInpageNavigationItemComponent>;\n    private isMobileBreakpoint = false;\n    private MIN_DISTANCE_TOP = 10;\n    private readonly ICON_SIZE_EC_THEME = '2xs';\n    private readonly ICON_SIZE_EU_THEME = 's';\n    private readonly TABLET_BREAKPOINT = 996;\n    private intersectionObserver: IntersectionObserver;\n    private eclRtlService = inject(EclRtlService);\n    private differs = inject(IterableDiffers);\n    private scrollDispatcher: ScrollDispatcher = inject(ScrollDispatcher);\n    private zone = inject(NgZone);\n    private cdkBreakpointObserver = inject(BreakpointObserver);\n    private viewportRuler = inject(ViewportRuler);\n    private eclInpageNavigationService = inject(EclInpageNavigationService);\n    private cdr = inject(ChangeDetectorRef);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly doc = inject(DOCUMENT);\n    private readonly win = this.doc.defaultView; // Window | null\n    private readonly isBrowser = isPlatformBrowser(this.platformId);\n\n    constructor() {\n        super();\n        this.differ = this.differs.find([]).create();\n        afterNextRender(() => {\n            this.zone.run(() => this.setListHeight());\n        });\n    }\n\n    ngOnInit(): void {\n        this.handleRtlChangeState();\n    }\n\n    ngAfterViewInit() {\n        if (!this.isBrowser) return;\n\n        this.subscribeToCDKScrollEvent();\n        this.observeBreakpointChanges();\n        this.viewportRuler.change(300)\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(() => this.zone.run(() => this.setListHeight()));\n\n        if (typeof IntersectionObserver !== 'undefined' && this.togglerButton?.nativeElement) {\n            this.intersectionObserver = new IntersectionObserver(() => this.setListHeight());\n            this.intersectionObserver.observe(this.togglerButton.nativeElement);\n        }\n    }\n\n    get hasNavigationList(): boolean {\n        return !!this.eclNavigationList;\n    }\n\n    get currentNavigationLinkItem(): EclInpageNavigationItemComponent {\n        return this.eclNavigationLinkItems.find((item) => item.sectionElement === this.currentSectionElement);\n    }\n\n    /**\n     * the size of the arrow-down icon, used in mobile view. There are different sizes for EC and EU themes.\n     */\n    get sizeIcon(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC_THEME;\n        } else {\n            return this.ICON_SIZE_EU_THEME;\n        }\n    }\n\n    get hasActiveSection(): boolean {\n        return !!this.currentSectionElement;\n    }\n\n    ngDoCheck(): void {\n        const diff = this.differ.diff(this.eclNavigationLinkItems);\n        if (diff) {\n            diff.forEachItem((item) => {\n                this.connectItemEvents(item.item);\n            });\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        if (this.intersectionObserver && this.togglerButton?.nativeElement) {\n            this.intersectionObserver.unobserve(this.togglerButton.nativeElement);\n            this.intersectionObserver.disconnect();\n        }\n    }\n\n    /**\n     * On mobile view - handle the dropdown toggle.\n     */\n    onExpandButtonClick(): void {\n        this.isButtonExpanded = !this.isButtonExpanded;\n        this.eclInpageNavigationService.eclInpageNavigationToggle(this.isButtonExpanded);\n    }\n\n    /**\n     * Dropdown keyboard navigation on mobile view.\n     * @param evt\n     */\n    onExpandButtonKeydown(evt: Event): void {\n        switch ((evt as KeyboardEvent).key) {\n            case 'Tab':\n                this.onExpandButtonTab(evt);\n                break;\n            case 'ArrowDown':\n                this.onExpandButtonArrowDown(evt);\n                break;\n            default:\n                break;\n        }\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n        });\n    }\n\n    /**\n     * Set the height of the list with the navigation items in px. So in case the full list cannot be displayed, a scroll will appear.\n     */\n    private setListHeight(): void {\n        if (!this.isBrowser) return;\n        if (!this.eclNavigationList) return;\n        if (!this.win) return;\n\n        const viewportHeight = this.win.innerHeight;\n        const viewportWidth = this.win.innerWidth;\n        let topPosition = 0;\n\n        if (viewportWidth < this.TABLET_BREAKPOINT) {\n            const toggleWrapper = this.toggleWrapper?.nativeElement;\n            if (toggleWrapper) {\n                const styles = this.win.getComputedStyle(toggleWrapper);\n                topPosition =\n                    toggleWrapper.getBoundingClientRect().bottom +\n                    parseFloat(styles.marginBottom || '0');\n            }\n        } else if (this.eclTitle) {\n            const titleEl = this.navTittle?.nativeElement;\n            if (titleEl) topPosition = titleEl.getBoundingClientRect().bottom;\n        } else {\n            const listEl = this.eclNavigationList?.el?.nativeElement;\n            if (listEl) topPosition = listEl.getBoundingClientRect().top;\n        }\n\n        const availableSpace = viewportHeight - topPosition;\n        if (availableSpace > 0) {\n            this.listMaxHeight = availableSpace;\n            this.eclNavigationList.maxHeight.set(this.listMaxHeight);\n        }\n    }\n\n    private onExpandButtonArrowDown(evt: Event): void {\n        evt.preventDefault();\n        this.isButtonExpanded = true;\n        this.eclNavigationLinkItems.get(0).onFocus();\n    }\n\n    private onExpandButtonTab(evt: Event): void {\n        if ((evt as KeyboardEvent).shiftKey) {\n            evt.preventDefault();\n            this.eclNavigationLinkItems.get(this.eclNavigationLinkItems.length - 1).onFocus();\n        }\n    }\n\n    private connectItemEvents(item: EclInpageNavigationItemComponent): void {\n        item.itemArrowDown.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.onItemArrowDown(item);\n        });\n\n        item.itemArrowUp.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.onItemArrowUp(item);\n        });\n\n        item.itemTab.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.onItemTab(item, evt);\n        });\n\n        item.itemEnter.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.onItemEnter(item);\n        });\n\n        item.itemClick.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.selectNavigationItem(item.sectionElement);\n            if (item.sectionElement) {\n                item.sectionElement.scrollIntoView();\n                item.sectionElement.focus();\n            }\n            this.isButtonExpanded = false;\n        });\n    }\n\n    private onItemEnter(item: EclInpageNavigationItemComponent): void {\n        this.selectNavigationItem(item.sectionElement);\n        if (item.sectionElement) {\n            item.sectionElement.scrollIntoView();\n            if (item.sectionElement.tabIndex === -1) {\n                item.sectionElement.tabIndex = 0;\n                item.sectionElement.focus();\n                item.sectionElement.tabIndex = -1;\n            }\n        }\n        this.isButtonExpanded = false;\n    }\n\n    private onItemArrowDown(item: EclInpageNavigationItemComponent): void {\n        const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n        if (index !== this.eclNavigationLinkItems.length - 1) {\n            this.eclNavigationLinkItems.get(index + 1).onFocus();\n        }\n    }\n\n    private onItemArrowUp(item: EclInpageNavigationItemComponent): void {\n        const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n        if (index !== 0) {\n            this.eclNavigationLinkItems.get(index - 1).onFocus();\n        } else {\n            if (this.isMobileBreakpoint && this.togglerButton) {\n                this.isButtonExpanded = false;\n                this.togglerButton.nativeElement.focus();\n            }\n        }\n    }\n\n    private onItemTab(item: EclInpageNavigationItemComponent, evt: Event): void {\n        if (this.isMobileBreakpoint) {\n            if (!(evt as KeyboardEvent).shiftKey) {\n                const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n                if (index === this.eclNavigationLinkItems.length - 1) {\n                    evt.preventDefault();\n                    this.togglerButton.nativeElement.focus();\n                }\n            }\n        }\n    }\n\n    private subscribeToCDKScrollEvent(): void {\n        if (!this.isBrowser) return;\n\n        this.scrollDispatcher\n            .scrolled()\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(() => {\n                this.zone.run(() => {\n                    const ids = this.eclNavigationLinkItems.map((item) => item.sectionId);\n\n                    const sectionElements = ids\n                        .map((id) => this.doc.querySelector<HTMLElement>(`#${id}`))\n                        .filter((el): el is HTMLElement => !!el);\n\n                    this.handleNavigationLinksHighlight(sectionElements);\n                    this.setListHeight();\n                });\n            });\n    }\n\n    private selectNavigationItem(itemElement: HTMLElement): void {\n        this.eclNavigationLinkItems.forEach((it) => {\n            it.isActive = it.sectionElement === itemElement;\n        });\n        this.cdr.markForCheck();\n    }\n\n    private handleNavigationLinksHighlight(sectionElements: Array<HTMLElement>): void {\n        const currentSectionElement = this.findActiveSectionElement(sectionElements);\n\n        if (currentSectionElement !== this.currentSectionElement) {\n            this.currentSectionElement = currentSectionElement ?? undefined as HTMLElement | null;\n            if (currentSectionElement) this.selectNavigationItem(currentSectionElement);\n\n            const sectionId = this.currentNavigationLinkItem?.sectionId;\n            this.sectionEnter.emit(new EclInpageNavigationSectionEnterEvent(sectionId));\n        }\n    }\n\n    private findActiveSectionElement(sectionElements: Array<HTMLElement>): HTMLElement | null {\n        if (!this.isBrowser || !this.win) return null;\n\n        let currentSection: HTMLElement | null = null;\n        const offset = this.MIN_DISTANCE_TOP + (this.offsetTop ?? 0);\n\n        const isNearBottom =\n            this.win.innerHeight + this.win.scrollY >=\n            this.doc.documentElement.scrollHeight - 10;\n\n        for (const sectionElement of sectionElements) {\n            const rect = sectionElement.getBoundingClientRect();\n            const isAboveOffset = rect.top <= offset;\n            const isVisibleInViewport = rect.top < this.win.innerHeight;\n\n            if (isAboveOffset || (isVisibleInViewport && isNearBottom)) {\n                currentSection = sectionElement;\n            }\n        }\n\n        return currentSection;\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe([Breakpoints.Handset, Breakpoints.Tablet, Breakpoints.Small])\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((result) => {\n                this.isMobileBreakpoint = result.matches;\n            });\n    }\n}\n","<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav aria-labelledby=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\" [class.ecl-inpage-navigation--rtl]=\"isRtl\">\n        <div #navTittle id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div #toggleWrapper class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button #togglerButton id=\"ecl-inpage-navigation-default-trigger\" type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\" aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\" (click)=\"onExpandButtonClick()\"\n                    (keydown)=\"onExpandButtonKeydown($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\"\n                        class=\"ecl-inpage-navigation__trigger-icon\" title=\"Show full page table of contents\">\n                    </ecl-icon>\n                </button>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ecl-sticky-container>","import { EclInpageNavigationItemComponent } from './ecl-inpage-navigation-item.component';\nimport { EclInpageNavigationListDirective } from './ecl-inpage-navigation-list.directive';\nimport { EclInpageNavigationComponent } from './ecl-inpage-navigation.component';\n\nexport * from './ecl-inpage-navigation.component';\nexport * from './ecl-inpage-navigation-item.component';\nexport * from './ecl-inpage-navigation-list.directive';\nexport * from './services/ecl-inpage-navigation.service';\n\nexport const EUI_ECL_INPAGE_NAVIGATION = [\n    EclInpageNavigationComponent, EclInpageNavigationItemComponent, EclInpageNavigationListDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["takeUntil","i1"],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-inpage-navigation.mjs","sources":["../../components/ecl-inpage-navigation/ecl-inpage-navigation-item.component.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation-item.component.html","../../components/ecl-inpage-navigation/services/ecl-inpage-navigation.service.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation-list.directive.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation.component.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation.component.html","../../components/ecl-inpage-navigation/index.ts","../../components/ecl-inpage-navigation/eui-ecl-components-ecl-inpage-navigation.ts"],"sourcesContent":["import { Component, HostBinding, Output, EventEmitter, ViewChild, ElementRef, inject, PLATFORM_ID, DOCUMENT, input, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { EclLinkDirective, EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { isPlatformBrowser } from '@angular/common';\n\nexport class EclInpageNavigationItemClickEvent extends EclBaseEvent {\n    constructor(public sectionElementId: string) {\n        super();\n    }\n}\n/**\n * Represent a single navigation item. contains the link, that activates/scrolls to the new current paragraph of the page.\n */\n@Component({\n    selector: 'li[eclInpageNavigationItem]',\n    templateUrl: './ecl-inpage-navigation-item.component.html',\n    imports: [...EUI_ECL_LINK],\n    styles: [\n        `\n            :host {\n                display: list-item;\n            }\n        `,\n    ],\n    host: {\n        '[class.ecl-inpage-navigation__item--active]': 'isActive()',\n    },\n})\nexport class EclInpageNavigationItemComponent extends ECLBaseDirective {\n    @HostBinding('class.ecl-inpage-navigation__item') cmpClass = true;\n    /**\n     * The role of the component is 'listitem', should not be changed.\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    /**\n     * The label that is displayed in the items list.\n     */\n    readonly label = input<string>(undefined);\n    readonly sectionId = input<string>(undefined);\n    readonly isActive = model<boolean>(undefined);\n\n    /**\n     * Emited when user clicks on the item.\n     */\n    @Output() itemClick = new EventEmitter<EclInpageNavigationItemClickEvent>();\n    /**\n     * Emitted when on keyboard navigation, user clicks the arrow-up.\n     */\n    @Output() itemArrowUp = new EventEmitter();\n    /**\n     * Emitted when on keyboard navigation, user clicks the arrow-down.\n     */\n    @Output() itemArrowDown = new EventEmitter();\n    /**\n     * Emitted when on keyboard navigation, user clicks the TAB.\n     */\n    @Output() itemTab = new EventEmitter<Event>();\n    /**\n     * Emitted when on keyboard navigation, user clicks the ENTER.\n     */\n    @Output() itemEnter = new EventEmitter();\n\n    @ViewChild(EclLinkDirective) link: EclLinkDirective;\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly doc = inject(DOCUMENT);\n\n    constructor() {\n        const el = inject(ElementRef);\n\n        super();\n        if (el.nativeElement.tagName.toLowerCase() === 'ecl-inpage-navigation-item') {\n          console.warn('\"ecl-inpage-navigation-item\" selector is deprecated; use \"li[eclInpageNavigationItem]\" instead.');\n        }\n    }\n\n    onItemClick(evt: MouseEvent): void {\n        const event = new EclInpageNavigationItemClickEvent(this.sectionId());\n        this.itemClick.next(event);\n\n        evt.preventDefault();\n    }\n\n    /**\n     * Returns page element/paragraph, that is associated with this item from the navigation list.\n     */\n    get sectionElement(): HTMLElement | null {\n        if (!isPlatformBrowser(this.platformId)) return null;\n        return this.doc.querySelector<HTMLElement>(`#${this.sectionId()}`);\n    }\n\n    onArrowUp(evt: Event): void {\n        evt.preventDefault();\n        this.itemArrowUp.emit()\n    }\n\n    onArrowDown(evt: Event): void {\n        evt.preventDefault();\n        this.itemArrowDown.emit();\n    }\n\n    onTab(evt: Event): void {\n        this.itemTab.emit(evt);\n    }\n\n    onFocus(): void{\n        this.link.onFocus();\n    }\n\n    onEnter(evt: Event): void {\n        evt.preventDefault();\n        evt.stopPropagation();\n        this.itemEnter.emit();\n    }\n}\n","<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\" (keydown.enter)=\"onEnter($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label() }}\n</a>\n","import { Injectable } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\n@Injectable({ providedIn: 'root' })\nexport class EclInpageNavigationService {\n\n\tpublic eclInpageNavigationExpanded$: Observable<boolean>;\n\tprivate eclInpageNavigationExpanded: Subject<boolean> = new Subject<boolean>();\n\n\tconstructor() {\n        this.eclInpageNavigationExpanded$ = this.eclInpageNavigationExpanded.asObservable();\n\t}\n\n\t/**\n\t * When user clicks on arrow down button in mobile view.\n\t * @param isExpanded\n\t */\n    eclInpageNavigationToggle(isExpanded: boolean): void {\n\t\tthis.eclInpageNavigationExpanded.next(isExpanded);\n\t}\n}\n","import { AfterContentInit, Directive, ElementRef, HostBinding, OnDestroy, inject, signal } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclInpageNavigationService } from './services/ecl-inpage-navigation.service';\n\n/**\n * The parent list component, that contains navigation items links.\n */\n@Directive({\n    selector: 'ul[eclInpageNavigationList]',\n    host: {\n        '[style.max-height.px]': 'maxHeight()',\n    },\n\n})\nexport class EclInpageNavigationListDirective extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    el = inject(ElementRef);\n\n    @HostBinding('class.ecl-inpage-navigation__list') hasClass = true;\n    /**\n     * If the dropdown is visible in mobile view.\n     */\n    @HostBinding('class.ecl-inpage-navigation__list--visible') isVisible = false;\n    maxHeight = signal<number | null>(null);\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private eclInpageNavigationService = inject(EclInpageNavigationService);\n\n    ngAfterContentInit(): void {\n        this.eclInpageNavigationService.eclInpageNavigationExpanded$.pipe(takeUntil(this.destroy$)).subscribe((value: boolean) => {\n            this.isVisible = value;\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n}\n","import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\nimport { CdkScrollable, ScrollDispatcher, ViewportRuler } from '@angular/cdk/scrolling';\nimport { AfterViewInit, ChangeDetectorRef, Component, ContentChild, ContentChildren, DOCUMENT, DoCheck, ElementRef, IterableDiffer, IterableDiffers, NgZone, OnDestroy, OnInit, PLATFORM_ID, QueryList, ViewChild, afterNextRender, inject, numberAttribute, output, input } from '@angular/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_STICKY_CONTAINER } from '@eui/ecl/components/ecl-sticky-container';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService, EclThemeService } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { EclInpageNavigationItemComponent } from './ecl-inpage-navigation-item.component';\nimport { EclInpageNavigationListDirective } from './ecl-inpage-navigation-list.directive';\nimport { EclInpageNavigationService } from './services/ecl-inpage-navigation.service';\nimport { isPlatformBrowser } from '@angular/common';\n\nexport class EclInpageNavigationSectionEnterEvent extends EclBaseEvent {\n    constructor(public sectionId: string) {\n        super();\n    }\n}\n\n/**\n * The in-page navigation is a vertical menu containing (anchored) links to H2-headings on long content pages.\n * It gives the user an overview of the page contents and has a fixed position (does not move while scrolling) at either the left\n * side of a page on desktop or top-bar on mobile. This component helps users scan of the page quickly contents and may potentially\n * reduce vertical scrolling, allowing users to easily jump straight to the segment of the page.\n */\n@Component({\n    selector: 'ecl-inpage-navigation',\n    templateUrl: './ecl-inpage-navigation.component.html',\n    imports: [TranslatePipe, ...EUI_ECL_STICKY_CONTAINER, ...EUI_ECL_ICON],\n    styles: [\n        `\n            @media (min-width: 996px) {\n                .ecl-inpage-navigation__list {\n                    display: block !important;\n                }\n            }\n        `,\n    ],\n})\nexport class EclInpageNavigationComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy, DoCheck {\n    eclThemeService = inject(EclThemeService);\n\n    readonly eclTitle = input<string>(undefined);\n    /**\n     * Used to calculate component's position.\n     */\n    readonly marginTop = input<number>(undefined);\n    readonly marginBottom = input<number>(undefined);\n    /**\n     * Sets the offset from the top of the page (for example if there is a toolbar or header). Used to calculate scrolling behaviour.\n     */\n    readonly offsetTop = input<number, unknown>(undefined, { transform: numberAttribute });\n    @ViewChild('togglerButton') togglerButton: ElementRef<HTMLButtonElement>;\n    @ViewChild('toggleWrapper') toggleWrapper: ElementRef<HTMLDivElement>;\n    @ViewChild('navTittle') navTittle: ElementRef<HTMLDivElement>;\n    /**\n     * This event will be emitted, when onscroll a new section becomes active.\n     */\n    readonly sectionEnter = output<EclInpageNavigationSectionEnterEvent>();\n\n    @ContentChildren(EclInpageNavigationItemComponent, { descendants: true }) eclNavigationLinkItems: QueryList<EclInpageNavigationItemComponent>;\n    @ContentChild(EclInpageNavigationListDirective) eclNavigationList: EclInpageNavigationListDirective;\n\n    /**\n     * Used for the mobile view, where user can select a section from the dropdown.\n     */\n    isButtonExpanded = false;\n    currentSectionElement: HTMLElement | null = null;\n    public isRtl = false;\n    public listMaxHeight: number;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private differ: IterableDiffer<EclInpageNavigationItemComponent>;\n    private isMobileBreakpoint = false;\n    private MIN_DISTANCE_TOP = 10;\n    private readonly ICON_SIZE_EC_THEME = '2xs';\n    private readonly ICON_SIZE_EU_THEME = 's';\n    private readonly TABLET_BREAKPOINT = 996;\n    private intersectionObserver: IntersectionObserver;\n    private eclRtlService = inject(EclRtlService);\n    private differs = inject(IterableDiffers);\n    private scrollDispatcher: ScrollDispatcher = inject(ScrollDispatcher);\n    private zone = inject(NgZone);\n    private cdkBreakpointObserver = inject(BreakpointObserver);\n    private viewportRuler = inject(ViewportRuler);\n    private eclInpageNavigationService = inject(EclInpageNavigationService);\n    private cdr = inject(ChangeDetectorRef);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly doc = inject(DOCUMENT);\n    private readonly win = this.doc.defaultView; // Window | null\n    private readonly isBrowser = isPlatformBrowser(this.platformId);\n\n    constructor() {\n        super();\n        this.differ = this.differs.find([]).create();\n        afterNextRender(() => {\n            this.zone.run(() => this.setListHeight());\n        });\n    }\n\n    ngOnInit(): void {\n        this.handleRtlChangeState();\n    }\n\n    ngAfterViewInit() {\n        if (!this.isBrowser) return;\n\n        this.subscribeToCDKScrollEvent();\n        this.observeBreakpointChanges();\n        this.viewportRuler.change(300)\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(() => this.zone.run(() => this.setListHeight()));\n\n        if (typeof IntersectionObserver !== 'undefined' && this.togglerButton?.nativeElement) {\n            this.intersectionObserver = new IntersectionObserver(() => this.setListHeight());\n            this.intersectionObserver.observe(this.togglerButton.nativeElement);\n        }\n    }\n\n    get hasNavigationList(): boolean {\n        return !!this.eclNavigationList;\n    }\n\n    get currentNavigationLinkItem(): EclInpageNavigationItemComponent {\n        return this.eclNavigationLinkItems.find((item) => item.sectionElement === this.currentSectionElement);\n    }\n\n    /**\n     * the size of the arrow-down icon, used in mobile view. There are different sizes for EC and EU themes.\n     */\n    get sizeIcon(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC_THEME;\n        } else {\n            return this.ICON_SIZE_EU_THEME;\n        }\n    }\n\n    get hasActiveSection(): boolean {\n        return !!this.currentSectionElement;\n    }\n\n    ngDoCheck(): void {\n        const diff = this.differ.diff(this.eclNavigationLinkItems);\n        if (diff) {\n            diff.forEachItem((item) => {\n                this.connectItemEvents(item.item);\n            });\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        if (this.intersectionObserver && this.togglerButton?.nativeElement) {\n            this.intersectionObserver.unobserve(this.togglerButton.nativeElement);\n            this.intersectionObserver.disconnect();\n        }\n    }\n\n    /**\n     * On mobile view - handle the dropdown toggle.\n     */\n    onExpandButtonClick(): void {\n        this.isButtonExpanded = !this.isButtonExpanded;\n        this.eclInpageNavigationService.eclInpageNavigationToggle(this.isButtonExpanded);\n    }\n\n    /**\n     * Dropdown keyboard navigation on mobile view.\n     * @param evt\n     */\n    onExpandButtonKeydown(evt: Event): void {\n        switch ((evt as KeyboardEvent).key) {\n            case 'Tab':\n                this.onExpandButtonTab(evt);\n                break;\n            case 'ArrowDown':\n                this.onExpandButtonArrowDown(evt);\n                break;\n            default:\n                break;\n        }\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n        });\n    }\n\n    /**\n     * Set the height of the list with the navigation items in px. So in case the full list cannot be displayed, a scroll will appear.\n     */\n    private setListHeight(): void {\n        if (!this.isBrowser) return;\n        if (!this.eclNavigationList) return;\n        if (!this.win) return;\n\n        const viewportHeight = this.win.innerHeight;\n        const viewportWidth = this.win.innerWidth;\n        let topPosition = 0;\n\n        if (viewportWidth < this.TABLET_BREAKPOINT) {\n            const toggleWrapper = this.toggleWrapper?.nativeElement;\n            if (toggleWrapper) {\n                const styles = this.win.getComputedStyle(toggleWrapper);\n                topPosition =\n                    toggleWrapper.getBoundingClientRect().bottom +\n                    parseFloat(styles.marginBottom || '0');\n            }\n        } else if (this.eclTitle()) {\n            const titleEl = this.navTittle?.nativeElement;\n            if (titleEl) topPosition = titleEl.getBoundingClientRect().bottom;\n        } else {\n            const listEl = this.eclNavigationList?.el?.nativeElement;\n            if (listEl) topPosition = listEl.getBoundingClientRect().top;\n        }\n\n        const availableSpace = viewportHeight - topPosition;\n        if (availableSpace > 0) {\n            this.listMaxHeight = availableSpace;\n            this.eclNavigationList.maxHeight.set(this.listMaxHeight);\n        }\n    }\n\n    private onExpandButtonArrowDown(evt: Event): void {\n        evt.preventDefault();\n        this.isButtonExpanded = true;\n        this.eclNavigationLinkItems.get(0).onFocus();\n    }\n\n    private onExpandButtonTab(evt: Event): void {\n        if ((evt as KeyboardEvent).shiftKey) {\n            evt.preventDefault();\n            this.eclNavigationLinkItems.get(this.eclNavigationLinkItems.length - 1).onFocus();\n        }\n    }\n\n    private connectItemEvents(item: EclInpageNavigationItemComponent): void {\n        item.itemArrowDown.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.onItemArrowDown(item);\n        });\n\n        item.itemArrowUp.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.onItemArrowUp(item);\n        });\n\n        item.itemTab.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.onItemTab(item, evt);\n        });\n\n        item.itemEnter.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.onItemEnter(item);\n        });\n\n        item.itemClick.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.selectNavigationItem(item.sectionElement);\n            if (item.sectionElement) {\n                item.sectionElement.scrollIntoView();\n                item.sectionElement.focus();\n            }\n            this.isButtonExpanded = false;\n        });\n    }\n\n    private onItemEnter(item: EclInpageNavigationItemComponent): void {\n        this.selectNavigationItem(item.sectionElement);\n        if (item.sectionElement) {\n            item.sectionElement.scrollIntoView();\n            if (item.sectionElement.tabIndex === -1) {\n                item.sectionElement.tabIndex = 0;\n                item.sectionElement.focus();\n                item.sectionElement.tabIndex = -1;\n            }\n        }\n        this.isButtonExpanded = false;\n    }\n\n    private onItemArrowDown(item: EclInpageNavigationItemComponent): void {\n        const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n        if (index !== this.eclNavigationLinkItems.length - 1) {\n            this.eclNavigationLinkItems.get(index + 1).onFocus();\n        }\n    }\n\n    private onItemArrowUp(item: EclInpageNavigationItemComponent): void {\n        const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n        if (index !== 0) {\n            this.eclNavigationLinkItems.get(index - 1).onFocus();\n        } else {\n            if (this.isMobileBreakpoint && this.togglerButton) {\n                this.isButtonExpanded = false;\n                this.togglerButton.nativeElement.focus();\n            }\n        }\n    }\n\n    private onItemTab(item: EclInpageNavigationItemComponent, evt: Event): void {\n        if (this.isMobileBreakpoint) {\n            if (!(evt as KeyboardEvent).shiftKey) {\n                const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n                if (index === this.eclNavigationLinkItems.length - 1) {\n                    evt.preventDefault();\n                    this.togglerButton.nativeElement.focus();\n                }\n            }\n        }\n    }\n\n    private subscribeToCDKScrollEvent(): void {\n        if (!this.isBrowser) return;\n\n        this.scrollDispatcher\n            .scrolled()\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(() => {\n                this.zone.run(() => {\n                    const ids = this.eclNavigationLinkItems.map((item) => item.sectionId());\n\n                    const sectionElements = ids\n                        .map((id) => this.doc.querySelector<HTMLElement>(`#${id}`))\n                        .filter((el): el is HTMLElement => !!el);\n\n                    this.handleNavigationLinksHighlight(sectionElements);\n                    this.setListHeight();\n                });\n            });\n    }\n\n    private selectNavigationItem(itemElement: HTMLElement): void {\n        this.eclNavigationLinkItems.forEach((it) => {\n            it.isActive.set(it.sectionElement === itemElement);\n        });\n        this.cdr.markForCheck();\n    }\n\n    private handleNavigationLinksHighlight(sectionElements: Array<HTMLElement>): void {\n        const currentSectionElement = this.findActiveSectionElement(sectionElements);\n\n        if (currentSectionElement !== this.currentSectionElement) {\n            this.currentSectionElement = currentSectionElement ?? undefined as HTMLElement | null;\n            if (currentSectionElement) this.selectNavigationItem(currentSectionElement);\n\n            const sectionId = this.currentNavigationLinkItem?.sectionId();\n            this.sectionEnter.emit(new EclInpageNavigationSectionEnterEvent(sectionId));\n        }\n    }\n\n    private findActiveSectionElement(sectionElements: Array<HTMLElement>): HTMLElement | null {\n        if (!this.isBrowser || !this.win) return null;\n\n        let currentSection: HTMLElement | null = null;\n        const offset = this.MIN_DISTANCE_TOP + (this.offsetTop() ?? 0);\n\n        const isNearBottom =\n            this.win.innerHeight + this.win.scrollY >=\n            this.doc.documentElement.scrollHeight - 10;\n\n        for (const sectionElement of sectionElements) {\n            const rect = sectionElement.getBoundingClientRect();\n            const isAboveOffset = rect.top <= offset;\n            const isVisibleInViewport = rect.top < this.win.innerHeight;\n\n            if (isAboveOffset || (isVisibleInViewport && isNearBottom)) {\n                currentSection = sectionElement;\n            }\n        }\n\n        return currentSection;\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe([Breakpoints.Handset, Breakpoints.Tablet, Breakpoints.Small])\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((result) => {\n                this.isMobileBreakpoint = result.matches;\n            });\n    }\n}\n","<ecl-sticky-container [marginTop]=\"marginTop()\" [marginBottom]=\"marginBottom()\">\n    <nav aria-labelledby=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\" [class.ecl-inpage-navigation--rtl]=\"isRtl\">\n        <div #navTittle id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle() || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div #toggleWrapper class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button #togglerButton id=\"ecl-inpage-navigation-default-trigger\" type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\" aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\" (click)=\"onExpandButtonClick()\"\n                    (keydown)=\"onExpandButtonKeydown($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label() }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\"\n                        class=\"ecl-inpage-navigation__trigger-icon\" title=\"Show full page table of contents\">\n                    </ecl-icon>\n                </button>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ecl-sticky-container>","import { EclInpageNavigationItemComponent } from './ecl-inpage-navigation-item.component';\nimport { EclInpageNavigationListDirective } from './ecl-inpage-navigation-list.directive';\nimport { EclInpageNavigationComponent } from './ecl-inpage-navigation.component';\n\nexport * from './ecl-inpage-navigation.component';\nexport * from './ecl-inpage-navigation-item.component';\nexport * from './ecl-inpage-navigation-list.directive';\nexport * from './services/ecl-inpage-navigation.service';\n\nexport const EUI_ECL_INPAGE_NAVIGATION = [\n    EclInpageNavigationComponent, EclInpageNavigationItemComponent, EclInpageNavigationListDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["takeUntil"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive } from '@angular/core';
+import { input, HostBinding, Directive } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 
 /**
@@ -21,26 +21,25 @@ class EclLabelDirective extends ECLBaseDirective {
          *
          * @default 'low'
          */
-        this.variant = 'low';
+        this.variant = input('low', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     }
     /**
      * CSS classes applied to the host element.
      * Combines base ECL label class with the variant modifier.
      */
     get cssClasses() {
-        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();
+        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant()}`].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclLabelDirective, isStandalone: true, selector: "[eclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: EclLabelDirective, isStandalone: true, selector: "[eclLabel]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLabel]',
                 }]
-        }], propDecorators: { variant: [{
-                type: Input
-            }], cssClasses: [{
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-label.mjs","sources":["../../components/ecl-label/ecl-label.directive.ts","../../components/ecl-label/index.ts","../../components/ecl-label/eui-ecl-components-ecl-label.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for applying ECL label styles.\n *\n * Supports multiple visual variants based on importance or context.\n * Adds appropriate ECL classes dynamically.\n */\n@Directive({\n    selector: '[eclLabel]',\n})\nexport class EclLabelDirective extends ECLBaseDirective {\n    /**\n     * Defines the visual variant of the label.\n     * \n     * - `'low'` – default styling\n     * - `'medium'` – medium emphasis\n     * - `'high'` – high emphasis\n     * - `'highlight'` – special highlight\n     *\n     * @default 'low'\n     */\n    @Input() variant: 'low' | 'medium' | 'high' | 'highlight' = 'low';\n\n    /**\n     * CSS classes applied to the host element.\n     * Combines base ECL label class with the variant modifier.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();\n    }\n}\n","import { EclLabelDirective } from './ecl-label.directive';\n\nexport * from './ecl-label.directive';\n\nexport const EUI_ECL_LABEL = [\n    EclLabelDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;;AAKG;AAIG,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AAHvD,IAAA,WAAA,GAAA;;AAII;;;;;;;;;AASG;QACM,IAAA,CAAA,OAAO,GAA4C,KAAK;AAUpE,IAAA;AARG;;;AAGG;AACH,IAAA,IACI,UAAU,GAAA;QACV,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC5F;8GApBS,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,YAAY;AACzB,iBAAA;;sBAYI;;sBAMA,WAAW;uBAAC,OAAO;;;ACzBjB,MAAM,aAAa,GAAG;IACzB,iBAAiB;;;ACLrB;;AAEG;;;;"}
+{"version":3,"file":"eui-ecl-components-ecl-label.mjs","sources":["../../components/ecl-label/ecl-label.directive.ts","../../components/ecl-label/index.ts","../../components/ecl-label/eui-ecl-components-ecl-label.ts"],"sourcesContent":["import { Directive, HostBinding, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for applying ECL label styles.\n *\n * Supports multiple visual variants based on importance or context.\n * Adds appropriate ECL classes dynamically.\n */\n@Directive({\n    selector: '[eclLabel]',\n})\nexport class EclLabelDirective extends ECLBaseDirective {\n    /**\n     * Defines the visual variant of the label.\n     * \n     * - `'low'` – default styling\n     * - `'medium'` – medium emphasis\n     * - `'high'` – high emphasis\n     * - `'highlight'` – special highlight\n     *\n     * @default 'low'\n     */\n    readonly variant = input<'low' | 'medium' | 'high' | 'highlight'>('low');\n\n    /**\n     * CSS classes applied to the host element.\n     * Combines base ECL label class with the variant modifier.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant()}`].join(' ').trim();\n    }\n}\n","import { EclLabelDirective } from './ecl-label.directive';\n\nexport * from './ecl-label.directive';\n\nexport const EUI_ECL_LABEL = [\n    EclLabelDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;;AAKG;AAIG,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AAHvD,IAAA,WAAA,GAAA;;AAII;;;;;;;;;AASG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAA0C,KAAK;oFAAC;AAU3E,IAAA;AARG;;;AAGG;AACH,IAAA,IACI,UAAU,GAAA;QACV,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC9F;8GApBS,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,YAAY;AACzB,iBAAA;;sBAkBI,WAAW;uBAAC,OAAO;;;ACzBjB,MAAM,aAAa,GAAG;IACzB,iBAAiB;;;ACLrB;;AAEG;;;;"}