@eui/ecl 19.0.0-next.2 → 19.0.0-next.3

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

@@ -0,0 +1,361 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, HostBinding, Input, Output, ViewChild, afterNextRender, ContentChildren, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i6 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1 from '@eui/ecl/components/ecl-link';
+import { EclLinkDirective, EclLinkDirectiveModule } from '@eui/ecl/components/ecl-link';
+import * as i5 from '@eui/ecl/components/ecl-icon';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import * as i4 from '@eui/ecl/components/ecl-sticky-container';
+import { EclStickyContainerComponentModule } from '@eui/ecl/components/ecl-sticky-container';
+import * as i1$1 from '@eui/ecl/core';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import * as i3 from '@angular/cdk/layout';
+import { Breakpoints } from '@angular/cdk/layout';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i2 from '@angular/cdk/scrolling';
+
+class EclInpageNavigationItemClickEvent extends EclBaseEvent {
+    constructor(sectionElementId) {
+        super();
+        this.sectionElementId = sectionElementId;
+    }
+}
+class EclInpageNavigationItemComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.cmpClass = true;
+        this.role = 'listitem';
+        this.itemClick = new EventEmitter();
+        this.itemArrowUp = new EventEmitter();
+        this.itemArrowDown = new EventEmitter();
+        this.itemTab = new EventEmitter();
+    }
+    onItemClick(evt) {
+        const event = new EclInpageNavigationItemClickEvent(this.sectionId);
+        this.itemClick.next(event);
+        evt.preventDefault();
+    }
+    get sectionElement() {
+        return document.querySelector(`#${this.sectionId}`);
+    }
+    onArrowUp(evt) {
+        evt.preventDefault();
+        this.itemArrowUp.emit();
+    }
+    onArrowDown(evt) {
+        evt.preventDefault();
+        this.itemArrowDown.emit();
+    }
+    onTab(evt) {
+        this.itemTab.emit(evt);
+    }
+    onFocus() {
+        this.link.onFocus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclInpageNavigationItemComponent, isStandalone: false, selector: "ecl-inpage-navigation-item", inputs: { label: "label", sectionId: "sectionId", isActive: "isActive" }, outputs: { itemClick: "itemClick", itemArrowUp: "itemArrowUp", itemArrowDown: "itemArrowDown", itemTab: "itemTab" }, 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)\"\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: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-inpage-navigation-item', standalone: false, template: "<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label }}\n</a>\n", styles: [":host{display:list-item}\n"] }]
+        }], 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: [{
+                type: Output
+            }], itemArrowUp: [{
+                type: Output
+            }], itemArrowDown: [{
+                type: Output
+            }], itemTab: [{
+                type: Output
+            }], link: [{
+                type: ViewChild,
+                args: [EclLinkDirective]
+            }] } });
+
+class EclInpageNavigationSectionEnterEvent extends EclBaseEvent {
+    constructor(sectionId) {
+        super();
+        this.sectionId = sectionId;
+    }
+}
+class EclInpageNavigationComponent extends ECLBaseDirective {
+    constructor(el, eclRtlService, eclThemeService, differs, scrollDispatcher, zone, cdkBreakpointObserver, viewportRuler) {
+        super();
+        this.el = el;
+        this.eclRtlService = eclRtlService;
+        this.eclThemeService = eclThemeService;
+        this.differs = differs;
+        this.scrollDispatcher = scrollDispatcher;
+        this.zone = zone;
+        this.cdkBreakpointObserver = cdkBreakpointObserver;
+        this.viewportRuler = viewportRuler;
+        this.sectionEnter = new EventEmitter();
+        this.isButtonExpanded = false;
+        this.isRtl = false;
+        this.destroy$ = new Subject();
+        this.isMobileBreakpoint = false;
+        this.MIN_DISTANCE_TOP = 10;
+        this.ICON_SIZE_EC_THEME = 'xs';
+        this.ICON_SIZE_EU_THEME = 's';
+        this.TABLET_BREAKPOINT = 996;
+        this.differ = this.differs.find([]).create();
+        afterNextRender(() => {
+            this.subscribeToCDKScrollEvent();
+            this.observeBreakpointChanges();
+            this.intersectionObserver = new IntersectionObserver(() => {
+                this.setListHeight();
+            });
+            this.intersectionObserver.observe(this.togglerButton.nativeElement);
+            this.viewportRuler.change(300).pipe(takeUntil(this.destroy$)).subscribe(() => {
+                this.zone.run(() => {
+                    this.setListHeight();
+                });
+            });
+        });
+    }
+    ngOnInit() {
+        this.handleRtlChangeState();
+    }
+    get currentNavigationLinkItem() {
+        return this.eclNavigationLinkItems.find((item) => item.sectionElement === this.currentSectionElement);
+    }
+    get sizeIcon() {
+        if (this.eclThemeService.isECTheme()) {
+            return this.ICON_SIZE_EC_THEME;
+        }
+        else {
+            return this.ICON_SIZE_EU_THEME;
+        }
+    }
+    get hasActiveSection() {
+        return !!this.currentSectionElement;
+    }
+    ngDoCheck() {
+        const diff = this.differ.diff(this.eclNavigationLinkItems);
+        if (diff) {
+            diff.forEachItem((item) => {
+                this.connectItemEvents(item.item);
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+        this.intersectionObserver.unobserve(this.togglerButton.nativeElement);
+    }
+    onExpandButtonClick() {
+        this.isButtonExpanded = !this.isButtonExpanded;
+    }
+    onExpandButtonKeydown(evt) {
+        switch (evt.key) {
+            case 'Tab':
+                this.onExpandButtonTab(evt);
+                break;
+            case 'ArrowDown':
+                this.onExpandButtonArrowDown(evt);
+                break;
+            default:
+                break;
+        }
+    }
+    handleRtlChangeState() {
+        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {
+            this.isRtl = rtlState;
+        });
+    }
+    setListHeight() {
+        if (!this.listContainer) {
+            return;
+        }
+        const viewportHeight = window.innerHeight;
+        const viewportWidth = window.innerWidth;
+        let topPosition = 0;
+        if (viewportWidth < this.TABLET_BREAKPOINT) {
+            const toggleWrapper = this.toggleWrapper.nativeElement;
+            if (toggleWrapper) {
+                topPosition = toggleWrapper.getBoundingClientRect().bottom +
+                    parseFloat(window.getComputedStyle(toggleWrapper).marginBottom);
+            }
+        }
+        else if (this.eclTitle) {
+            topPosition = this.navTittle.nativeElement.getBoundingClientRect().bottom;
+        }
+        else {
+            topPosition = this.listContainer.nativeElement.getBoundingClientRect().top;
+        }
+        const availableSpace = viewportHeight - topPosition;
+        if (availableSpace > 0) {
+            this.listMaxHeight = availableSpace;
+        }
+    }
+    onExpandButtonArrowDown(evt) {
+        evt.preventDefault();
+        this.isButtonExpanded = true;
+        this.eclNavigationLinkItems.get(0).onFocus();
+    }
+    onExpandButtonTab(evt) {
+        if (evt.shiftKey) {
+            evt.preventDefault();
+            this.eclNavigationLinkItems.get(this.eclNavigationLinkItems.length - 1).onFocus();
+        }
+    }
+    connectItemEvents(item) {
+        item.itemArrowDown.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.onItemArrowDown(item);
+        });
+        item.itemArrowUp.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.onItemArrowUp(item);
+        });
+        item.itemTab.pipe(takeUntil(this.destroy$)).subscribe((evt) => {
+            this.onItemTab(item, evt);
+        });
+        item.itemClick.pipe(takeUntil(this.destroy$)).subscribe((evt) => {
+            this.selectNavigationItem(item.sectionElement);
+            if (item.sectionElement) {
+                item.sectionElement.scrollIntoView();
+            }
+            this.isButtonExpanded = false;
+        });
+    }
+    onItemArrowDown(item) {
+        if (this.isMobileBreakpoint) {
+            const index = this.eclNavigationLinkItems.toArray().indexOf(item);
+            if (index !== this.eclNavigationLinkItems.length - 1) {
+                this.eclNavigationLinkItems.get(index + 1).onFocus();
+            }
+        }
+    }
+    onItemArrowUp(item) {
+        if (this.isMobileBreakpoint) {
+            const index = this.eclNavigationLinkItems.toArray().indexOf(item);
+            if (index !== 0) {
+                this.eclNavigationLinkItems.get(index - 1).onFocus();
+            }
+            else {
+                if (this.togglerButton) {
+                    this.isButtonExpanded = false;
+                    this.togglerButton.nativeElement.focus();
+                }
+            }
+        }
+    }
+    onItemTab(item, evt) {
+        if (this.isMobileBreakpoint) {
+            if (!evt.shiftKey) {
+                const index = this.eclNavigationLinkItems.toArray().indexOf(item);
+                if (index === this.eclNavigationLinkItems.length - 1) {
+                    evt.preventDefault();
+                    this.togglerButton.nativeElement.focus();
+                }
+            }
+        }
+    }
+    subscribeToCDKScrollEvent() {
+        this.scrollDispatcher.scrolled().pipe(takeUntil(this.destroy$)).subscribe((scrollable) => {
+            this.zone.run(() => {
+                const sectionElementIds = this.eclNavigationLinkItems.map((item) => item.sectionId);
+                const sectionElements = sectionElementIds.map((id) => document.querySelector(`#${id}`));
+                this.handleNavigationLinksHighlight(sectionElements);
+                this.setListHeight();
+            });
+        });
+    }
+    selectNavigationItem(itemElement) {
+        this.eclNavigationLinkItems.forEach((it) => {
+            it.isActive = it.sectionElement === itemElement;
+        });
+    }
+    handleNavigationLinksHighlight(sectionElements) {
+        const currentSectionElement = this.findActiveSectionElement(sectionElements);
+        if (currentSectionElement !== this.currentSectionElement) {
+            this.currentSectionElement = currentSectionElement;
+            this.selectNavigationItem(currentSectionElement);
+            const sectionId = this.currentNavigationLinkItem ? this.currentNavigationLinkItem.sectionId : undefined;
+            this.sectionEnter.next(new EclInpageNavigationSectionEnterEvent(sectionId));
+        }
+    }
+    findActiveSectionElement(sectionElements) {
+        let currentSection;
+        sectionElements.forEach((sectionElement) => {
+            if (sectionElement && sectionElement.getBoundingClientRect().top <= this.MIN_DISTANCE_TOP) {
+                currentSection = sectionElement;
+            }
+        });
+        return currentSection;
+    }
+    observeBreakpointChanges() {
+        this.cdkBreakpointObserver
+            .observe([Breakpoints.Handset, Breakpoints.Tablet, Breakpoints.Small])
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileBreakpoint = result.matches;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.EclRtlService }, { token: i1$1.EclThemeService }, { token: i0.IterableDiffers }, { token: i2.ScrollDispatcher }, { token: i0.NgZone }, { token: i3.BreakpointObserver }, { token: i2.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclInpageNavigationComponent, isStandalone: false, selector: "ecl-inpage-navigation", inputs: { eclTitle: "eclTitle", marginTop: "marginTop", marginBottom: "marginBottom" }, outputs: { sectionEnter: "sectionEnter" }, queries: [{ propertyName: "eclNavigationLinkItems", predicate: EclInpageNavigationItemComponent }], viewQueries: [{ propertyName: "togglerButton", first: true, predicate: ["togglerButton"], descendants: true }, { propertyName: "toggleWrapper", first: true, predicate: ["toggleWrapper"], descendants: true }, { propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true }, { propertyName: "navTittle", first: true, predicate: ["navTittle"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav\n        aria-labelledby=\"ecl-inpage-navigation-default\"\n        class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\"\n        [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\n                    #togglerButton\n                    id=\"ecl-inpage-navigation-default-trigger\"\n                    type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\"\n                    aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\"\n                    (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\"> </ecl-icon>\n                </button>\n             </div>\n            <ul\n                #listContainer\n                id=\"ecl-inpage-navigation-default-list\"\n                class=\"ecl-inpage-navigation__list\"\n                [class.ecl-inpage-navigation__list--visible]=\"isButtonExpanded\"\n                [style.max-height.px]=\"listMaxHeight\"\n                [attr.aria-expanded]=\"isButtonExpanded\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </nav>\n</ecl-sticky-container>\n", styles: ["@media (min-width: 996px){.ecl-inpage-navigation__list{display:block!important}}\n"], dependencies: [{ kind: "component", type: i4.EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: ["isEnabled", "marginTop", "marginBottom"] }, { kind: "component", type: i5.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-inpage-navigation', standalone: false, template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav\n        aria-labelledby=\"ecl-inpage-navigation-default\"\n        class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\"\n        [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\n                    #togglerButton\n                    id=\"ecl-inpage-navigation-default-trigger\"\n                    type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\"\n                    aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\"\n                    (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\"> </ecl-icon>\n                </button>\n             </div>\n            <ul\n                #listContainer\n                id=\"ecl-inpage-navigation-default-list\"\n                class=\"ecl-inpage-navigation__list\"\n                [class.ecl-inpage-navigation__list--visible]=\"isButtonExpanded\"\n                [style.max-height.px]=\"listMaxHeight\"\n                [attr.aria-expanded]=\"isButtonExpanded\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </nav>\n</ecl-sticky-container>\n", styles: ["@media (min-width: 996px){.ecl-inpage-navigation__list{display:block!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.EclRtlService }, { type: i1$1.EclThemeService }, { type: i0.IterableDiffers }, { type: i2.ScrollDispatcher }, { type: i0.NgZone }, { type: i3.BreakpointObserver }, { type: i2.ViewportRuler }], propDecorators: { eclTitle: [{
+                type: Input
+            }], marginTop: [{
+                type: Input
+            }], marginBottom: [{
+                type: Input
+            }], togglerButton: [{
+                type: ViewChild,
+                args: ['togglerButton']
+            }], toggleWrapper: [{
+                type: ViewChild,
+                args: ['toggleWrapper']
+            }], listContainer: [{
+                type: ViewChild,
+                args: ['listContainer']
+            }], navTittle: [{
+                type: ViewChild,
+                args: ['navTittle']
+            }], sectionEnter: [{
+                type: Output
+            }], eclNavigationLinkItems: [{
+                type: ContentChildren,
+                args: [EclInpageNavigationItemComponent]
+            }] } });
+
+class EclInpageNavigationComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationComponentModule, declarations: [EclInpageNavigationComponent, EclInpageNavigationItemComponent], imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule], exports: [EclInpageNavigationComponent, EclInpageNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationComponentModule, imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclInpageNavigationComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule],
+                    exports: [EclInpageNavigationComponent, EclInpageNavigationItemComponent],
+                    declarations: [EclInpageNavigationComponent, EclInpageNavigationItemComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclInpageNavigationComponent, EclInpageNavigationComponentModule, EclInpageNavigationItemClickEvent, EclInpageNavigationItemComponent, EclInpageNavigationSectionEnterEvent };
+//# sourceMappingURL=eui-ecl-components-ecl-inpage-navigation.mjs.map

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

@@ -0,0 +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/ecl-inpage-navigation.component.ts","../../components/ecl-inpage-navigation/ecl-inpage-navigation.component.html","../../components/ecl-inpage-navigation/ecl-inpage-navigation.module.ts","../../components/ecl-inpage-navigation/eui-ecl-components-ecl-inpage-navigation.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewChild } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\nexport class EclInpageNavigationItemClickEvent extends EclBaseEvent {\n    constructor(public sectionElementId: string) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-inpage-navigation-item',\n    templateUrl: './ecl-inpage-navigation-item.component.html',\n    standalone: false,\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    @HostBinding('attr.role') role = 'listitem';\n\n    @Input() label: string;\n    @Input() sectionId: string;\n    @Input() @HostBinding('class.ecl-inpage-navigation__item--active') isActive: boolean;\n\n    @Output() itemClick = new EventEmitter<EclInpageNavigationItemClickEvent>();\n    @Output() itemArrowUp = new EventEmitter();\n    @Output() itemArrowDown = new EventEmitter();\n    @Output() itemTab = new EventEmitter<Event>();\n\n    @ViewChild(EclLinkDirective) link: EclLinkDirective\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    get sectionElement(): HTMLElement {\n        return document.querySelector(`#${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","<a eclLink (click)=\"onItemClick($event)\" href=\"#\" class=\"ecl-inpage-navigation__link\"\n    (keydown.arrowUp)=\"onArrowUp($event)\" (keydown.arrowDown)=\"onArrowDown($event)\"\n    (keydown.tab)=\"onTab($event)\">\n    {{ label }}\n</a>\n","import {\n    Component,\n    ContentChildren,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    Input,\n    IterableDiffer, IterableDiffers,\n    NgZone,\n    OnDestroy,\n    OnInit,\n    Output,\n    QueryList,\n    ViewChild,\n    afterNextRender,\n} from '@angular/core';\nimport { CdkScrollable, ScrollDispatcher, ViewportRuler } from '@angular/cdk/scrolling';\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { EclThemeService, EclRtlService } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclInpageNavigationItemComponent } from './ecl-inpage-navigation-item.component';\n\nexport class EclInpageNavigationSectionEnterEvent extends EclBaseEvent {\n    constructor(public sectionId: string) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-inpage-navigation',\n    templateUrl: './ecl-inpage-navigation.component.html',\n    standalone: false,\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, OnDestroy, DoCheck {\n    @Input() eclTitle: string;\n    @Input() marginTop: number;\n    @Input() marginBottom: number;\n    @ViewChild('togglerButton') togglerButton: ElementRef<HTMLButtonElement>;\n    @ViewChild('toggleWrapper') toggleWrapper: ElementRef<HTMLDivElement>;\n    @ViewChild('listContainer') listContainer: ElementRef<HTMLUListElement>;\n    @ViewChild('navTittle') navTittle: ElementRef<HTMLDivElement>;\n    @Output() sectionEnter = new EventEmitter<EclInpageNavigationSectionEnterEvent>();\n\n    @ContentChildren(EclInpageNavigationItemComponent) eclNavigationLinkItems: QueryList<EclInpageNavigationItemComponent>;\n\n    isButtonExpanded = false;\n    currentSectionElement: HTMLElement;\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 = 'xs';\n    private readonly ICON_SIZE_EU_THEME = 's';\n    private readonly TABLET_BREAKPOINT = 996;\n    private intersectionObserver: IntersectionObserver;\n\n    constructor(\n        private el: ElementRef,\n        private eclRtlService: EclRtlService,\n        public eclThemeService: EclThemeService,\n        private differs: IterableDiffers,\n        private scrollDispatcher: ScrollDispatcher,\n        private zone: NgZone,\n        private cdkBreakpointObserver: BreakpointObserver,\n        private viewportRuler: ViewportRuler,\n    ) {\n        super();\n        this.differ = this.differs.find([]).create();\n        afterNextRender(() => {\n            this.subscribeToCDKScrollEvent();\n            this.observeBreakpointChanges();\n\n            this.intersectionObserver = new IntersectionObserver(()=> {\n                this.setListHeight();\n            });\n            this.intersectionObserver.observe(this.togglerButton.nativeElement);\n\n            this.viewportRuler.change(300).pipe(takeUntil(this.destroy$)).subscribe(() => {\n                    this.zone.run(()=> {\n                        this.setListHeight();\n                    });\n                });\n        });\n    }\n\n    ngOnInit(): void {\n        this.handleRtlChangeState();\n    }\n\n    get currentNavigationLinkItem(): EclInpageNavigationItemComponent {\n        return this.eclNavigationLinkItems.find((item) => item.sectionElement === this.currentSectionElement);\n    }\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        this.intersectionObserver.unobserve(this.togglerButton.nativeElement);\n    }\n\n    onExpandButtonClick(): void {\n        this.isButtonExpanded = !this.isButtonExpanded;\n    }\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    private setListHeight(): void {\n        if (!this.listContainer) {\n            return;\n        }\n        const viewportHeight = window.innerHeight;\n        const viewportWidth = window.innerWidth;\n        let topPosition = 0;\n        if (viewportWidth < this.TABLET_BREAKPOINT) {\n            const toggleWrapper = this.toggleWrapper.nativeElement;\n            if (toggleWrapper) {\n                topPosition = toggleWrapper.getBoundingClientRect().bottom +\n                  parseFloat(window.getComputedStyle(toggleWrapper).marginBottom);\n            }\n        } else if (this.eclTitle) {\n            topPosition = this.navTittle.nativeElement.getBoundingClientRect().bottom;\n        } else {\n            topPosition = this.listContainer.nativeElement.getBoundingClientRect().top;\n        }\n\n        const availableSpace = viewportHeight - topPosition;\n        if (availableSpace > 0) {\n            this.listMaxHeight = availableSpace;\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.itemClick.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.selectNavigationItem(item.sectionElement);\n\n            if (item.sectionElement) {\n                item.sectionElement.scrollIntoView();\n            }\n\n            this.isButtonExpanded = false;\n        });\n    }\n\n    private onItemArrowDown(item: EclInpageNavigationItemComponent): void {\n        if (this.isMobileBreakpoint) {\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\n    private onItemArrowUp(item: EclInpageNavigationItemComponent): void {\n        if (this.isMobileBreakpoint) {\n            const index = this.eclNavigationLinkItems.toArray().indexOf(item);\n            if (index !== 0) {\n                this.eclNavigationLinkItems.get(index - 1).onFocus();\n            } else {\n                if (this.togglerButton) {\n                    this.isButtonExpanded = false;\n                    this.togglerButton.nativeElement.focus();\n                }\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        this.scrollDispatcher.scrolled().pipe(takeUntil(this.destroy$)).subscribe((scrollable: CdkScrollable) => {\n            this.zone.run(() => {\n                const sectionElementIds = this.eclNavigationLinkItems.map((item) => item.sectionId);\n                const sectionElements: Array<HTMLElement> = sectionElementIds.map((id) => document.querySelector(`#${id}`));\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    }\n\n    private handleNavigationLinksHighlight(sectionElements: Array<HTMLElement>): void {\n        const currentSectionElement: HTMLElement = this.findActiveSectionElement(sectionElements);\n        if (currentSectionElement !== this.currentSectionElement) {\n            this.currentSectionElement = currentSectionElement;\n            this.selectNavigationItem(currentSectionElement);\n            const sectionId = this.currentNavigationLinkItem ? this.currentNavigationLinkItem.sectionId : undefined;\n            this.sectionEnter.next(new EclInpageNavigationSectionEnterEvent(sectionId));\n        }\n    }\n\n    private findActiveSectionElement(sectionElements: Array<HTMLElement>): HTMLElement {\n        let currentSection: HTMLElement;\n\n        sectionElements.forEach((sectionElement) => {\n            if (sectionElement && sectionElement.getBoundingClientRect().top <= this.MIN_DISTANCE_TOP) {\n                currentSection = sectionElement;\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\n        aria-labelledby=\"ecl-inpage-navigation-default\"\n        class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"hasActiveSection\"\n        [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\n                    #togglerButton\n                    id=\"ecl-inpage-navigation-default-trigger\"\n                    type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\"\n                    aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\"\n                    (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\"> </ecl-icon>\n                </button>\n             </div>\n            <ul\n                #listContainer\n                id=\"ecl-inpage-navigation-default-list\"\n                class=\"ecl-inpage-navigation__list\"\n                [class.ecl-inpage-navigation__list--visible]=\"isButtonExpanded\"\n                [style.max-height.px]=\"listMaxHeight\"\n                [attr.aria-expanded]=\"isButtonExpanded\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </nav>\n</ecl-sticky-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclLinkDirectiveModule } from '@eui/ecl/components/ecl-link';\nimport { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';\nimport { EclStickyContainerComponentModule } from '@eui/ecl/components/ecl-sticky-container';\nimport { EclInpageNavigationItemComponent } from './ecl-inpage-navigation-item.component';\nimport { EclInpageNavigationComponent } from './ecl-inpage-navigation.component';\n\n@NgModule({\n    imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule],\n    exports: [EclInpageNavigationComponent, EclInpageNavigationItemComponent],\n    declarations: [EclInpageNavigationComponent, EclInpageNavigationItemComponent],\n})\nexport class EclInpageNavigationComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { Directive, Input, HostBinding, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ECLBaseDirective } from '@eui/ecl/core';
+
+class EclLabelDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.variant = 'low';
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclLabelDirective, isStandalone: false, selector: "[eclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclLabel]',
+                    standalone: false,
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclLabelDirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLabelDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLabelDirectiveModule, declarations: [EclLabelDirective], imports: [CommonModule], exports: [EclLabelDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLabelDirectiveModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLabelDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EclLabelDirective],
+                    declarations: [EclLabelDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclLabelDirective, EclLabelDirectiveModule };
+//# sourceMappingURL=eui-ecl-components-ecl-label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-label.mjs","sources":["../../components/ecl-label/ecl-label.directive.ts","../../components/ecl-label/ecl-label.module.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@Directive({\n    selector: '[eclLabel]',\n    standalone: false,\n})\nexport class EclLabelDirective extends ECLBaseDirective {\n    @Input() variant: 'low' | 'medium' | 'high' | 'highlight' = 'low';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclLabelDirective } from './ecl-label.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclLabelDirective],\n    declarations: [EclLabelDirective],\n})\nexport class EclLabelDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAOM,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AAJvD,IAAA,WAAA,GAAA;;QAKa,IAAO,CAAA,OAAA,GAA4C,KAAK;AAMpE;AAJG,IAAA,IACI,UAAU,GAAA;QACV,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAE,CAAA,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;mHALnF,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAAjB,iBAAiB,EAAA,YAAA,EAAA,KAAA,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;;gGAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAEY,OAAO,EAAA,CAAA;sBAAf;gBAGG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;MCDX,uBAAuB,CAAA;mHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,EAFjB,YAAA,EAAA,CAAA,iBAAiB,CAFtB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAJtB,YAAY,CAAA,EAAA,CAAA,CAAA;;gGAIb,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACpC,iBAAA;;;ACRD;;AAEG;;;;"}

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

@@ -0,0 +1,118 @@
+import * as i0 from '@angular/core';
+import { booleanAttribute, Directive, HostBinding, Input, ContentChildren, forwardRef, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ECLBaseDirective } from '@eui/ecl/core';
+import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
+
+class EclLinkDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();
+    }
+    get hasIcon() {
+        return this.eclIconComponents && this.eclIconComponents.length > 0;
+    }
+    get isLinkNoVisited() {
+        return this.isNoVisited;
+    }
+    constructor(el) {
+        super();
+        this.el = el;
+        this.isInverted = false;
+        this.isIconOnly = false;
+    }
+    ngAfterContentInit() {
+        if (this.eclIconComponents) {
+            setTimeout(() => {
+                this.eclIconComponents.forEach((icn) => {
+                    icn.baseDirective.class = icn.baseDirective.class ? icn.baseDirective.class + ' ecl-link__icon' : 'ecl-link__icon';
+                });
+            });
+        }
+    }
+    onFocus() {
+        this.el.nativeElement.focus();
+    }
+    onClick() {
+        this.el.nativeElement.click();
+    }
+    onBlur() {
+        this.el.nativeElement.blur();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EclLinkDirective, isStandalone: false, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute], variant: "variant" }, host: { properties: { "class": "this.cssClasses", "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclLink]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], hasIcon: [{
+                type: HostBinding,
+                args: ['class.ecl-link--icon']
+            }], isLinkNoVisited: [{
+                type: HostBinding,
+                args: ['class.ecl-link--no-visited']
+            }], isInverted: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-link--inverted']
+            }], isIconOnly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-link--icon-only']
+            }], isNoVisited: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], variant: [{
+                type: Input
+            }], eclIconComponents: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EclIconComponent)]
+            }] } });
+
+class EclLinkLabelDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-link__label')].join(' ').trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclLinkLabelDirective, isStandalone: false, selector: "[eclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclLinkLabel]',
+                    standalone: false,
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclLinkDirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkDirectiveModule, declarations: [EclLinkDirective, EclLinkLabelDirective], imports: [CommonModule], exports: [EclLinkDirective, EclLinkLabelDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkDirectiveModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclLinkDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EclLinkDirective, EclLinkLabelDirective],
+                    declarations: [EclLinkDirective, EclLinkLabelDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclLinkDirective, EclLinkDirectiveModule, EclLinkLabelDirective };
+//# sourceMappingURL=eui-ecl-components-ecl-link.mjs.map

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

@@ -0,0 +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@Directive({\n    selector: '[eclLink]',\n    standalone: false,\n})\nexport class EclLinkDirective extends ECLBaseDirective implements AfterContentInit {\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();\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    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--inverted') isInverted = false;\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--icon-only') isIconOnly = false;\n    @Input({ transform: booleanAttribute }) isNoVisited: boolean;\n    @Input() variant: 'standalone' | 'cta' | 'primary' | 'secondary';\n\n    @ContentChildren(forwardRef(() => EclIconComponent)) eclIconComponents: QueryList<EclIconComponent>;\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\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    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n\n    onClick(): void {\n        this.el.nativeElement.click();\n    }\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclLinkDirective } from './ecl-link.directive';\nimport { EclLinkLabelDirective } from './ecl-link-label.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclLinkDirective, EclLinkLabelDirective],\n    declarations: [EclLinkDirective, EclLinkLabelDirective],\n})\nexport class EclLinkDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}