@eui/eds 23.0.0-alpha.11 → 23.0.0-alpha.13

package/fesm2022/eui-eds-eds-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-tabs.mjs","sources":["../../eds-tabs/eds-tab-header.ts","../../eds-tabs/eds-tab-header.html","../../eds-tabs/eds-tab-body.ts","../../eds-tabs/eds-tab-body.html","../../eds-tabs/eds-tab.ts","../../eds-tabs/eds-tabs.ts","../../eds-tabs/eds-tabs.html","../../eds-tabs/eds-tabs-right-content.ts","../../eds-tabs/eds-tab-header-label.ts","../../eds-tabs/eds-tab-header-sub-label.ts","../../eds-tabs/eds-tab-header-left-content.ts","../../eds-tabs/eds-tab-header-right-content.ts","../../eds-tabs/index.ts","../../eds-tabs/eui-eds-eds-tabs.ts"],"sourcesContent":["import { Component, TemplateRef, ViewContainerRef, AfterViewInit, inject, viewChild } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\n\n@Component({\n    selector: 'eds-tab-header',\n    templateUrl: './eds-tab-header.html',\n})\nexport class EdsTabHeader implements AfterViewInit {\n    readonly templateRef = viewChild.required<TemplateRef<HTMLElement>>('templateRef');\n\n    public templatePortal!: TemplatePortal;\n    private viewContainerRef = inject(ViewContainerRef);\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templateRef(), this.viewContainerRef);\n    }\n}\n","<ng-template #templateRef>\n    <div class=\"eds-tab-header-wrapper\">\n        <ng-content select=\"eds-tab-header-left-content\"/>\n        <div class=\"eds-tab-header-label-wrapper\">\n            <ng-content select=\"eds-tab-header-label\"/>\n            <ng-content select=\"eds-tab-header-sub-label\"/>\n        </div>\n        <ng-content/>\n        <ng-content select=\"eds-tab-header-right-content\"/>\n    </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewContainerRef, AfterViewInit, booleanAttribute, inject, viewChild } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { BehaviorSubject } from 'rxjs';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n    selector: 'eds-tab-body',\n    templateUrl: './eds-tab-body.html',\n    imports: [\n        AsyncPipe,\n    ],\n})\nexport class EdsTabBody implements AfterViewInit {\n    /**\n     * Removes default padding from the tab content area.\n     * Useful for full-width content, custom layouts, or when content provides its own spacing.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) hasNoContentPadding = false;\n\n    readonly templateRef = viewChild.required<TemplateRef<HTMLElement>>('templateRef');\n\n    public templatePortal!: TemplatePortal;\n    tabIndex$ = new BehaviorSubject(0);\n    private viewContainerRef = inject(ViewContainerRef);\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templateRef(), this.viewContainerRef);\n    }\n}\n","<ng-template #templateRef>\n    <div class=\"eds-tab__body\" [tabindex]=\"tabIndex$ | async\" [class.eds-tab__body--no-padding]=\"hasNoContentPadding\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Input,\n  OnChanges,\n  SimpleChanges,\n  booleanAttribute,\n  forwardRef,\n  contentChild,\n} from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\nimport { EdsTabHeader } from './eds-tab-header';\nimport { EdsTabBody } from './eds-tab-body';\n\n@Component({\n    selector: 'eds-tab',\n    template: '<ng-content/>',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsTab implements OnChanges {\n    /**\n     * Unique identifier for the tab.\n     * Used for programmatic tab selection and tracking.\n     * Required for proper tab management and routing.\n     */\n    @Input() id!: string;\n    /**\n     * URL or route path associated with the tab.\n     * Enables deep linking and browser history integration for tab navigation.\n     */\n    @Input() url!: string;\n    /**\n     * Data attribute used for end-to-end testing identification.\n     * @default 'eui-tab'\n     */\n    @Input() e2eAttr = 'eds-tab';\n    /**\n     * Tooltip text displayed when hovering over the tab header.\n     * Provides additional context or information about the tab content.\n     */\n    @Input() tooltip!: string;\n    /**\n     * Enables a close button on the tab header for dismissible tabs.\n     * Allows users to remove or hide the tab from the tab bar.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isClosable = false;\n    /**\n     * Disables the tab, preventing user interaction and selection.\n     * Applies disabled styling and blocks tab activation.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n    /**\n     * Controls the visibility of the tab in the tab bar.\n     * When false, hides the tab from display without removing it from the DOM.\n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) isVisible = true;\n    /**\n     * Enables automatic tab closure when the close button is clicked.\n     * When false, close button click must be handled externally.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isHandleCloseOnClose = false;\n    /**\n     * Enables automatic tab activation when the tab is clicked.\n     * When false, tab activation must be handled externally.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isHandleActivateTab = false;\n\n    readonly templateHeader = contentChild.required(forwardRef(() => EdsTabHeader));\n    @ContentChild(forwardRef(() => EdsTabBody)) templateBody!: EdsTabBody;\n\n    @Input() euiVariant = 'euiPrimary';\n\n    public isActive = false;\n\n    public isVisible$ = new BehaviorSubject(this.isVisible);\n    public isClosable$ = new BehaviorSubject(this.isClosable);\n    public isDisabled$ = new BehaviorSubject(this.isDisabled);\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c?.isVisible) {\n            this.isVisible$.next(c.isVisible.currentValue);\n        }\n        if (c?.isClosable) {\n            this.isClosable$.next(c.isClosable.currentValue);\n        }\n        if (c?.isDisabled) {\n            this.isDisabled$.next(c.isDisabled.currentValue);\n        }\n    }\n\n    public activateTab(): void {\n        this.isActive = true;\n    }\n\n    public deactivateTab(): void {\n        this.isActive = false;\n    }\n}\n","import {\n    Component,\n    ContentChildren,\n    Input,\n    OnDestroy,\n    QueryList,\n    forwardRef,\n    AfterViewInit,\n    ElementRef,\n    ChangeDetectorRef,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    OnChanges,\n    OnInit,\n    inject,input,\n    PLATFORM_ID,\n    DOCUMENT,\n    output,\n    viewChild,\n    viewChildren,\n} from '@angular/core';\nimport { AsyncPipe, isPlatformBrowser } from '@angular/common';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { animate, AnimationBuilder, AnimationFactory, AnimationPlayer, style } from '@angular/animations';\nimport { Subject, startWith, takeUntil } from 'rxjs';\n\nimport { EuiAppShellService, uniqueId } from '@eui/core';\n\nimport { EdsTab } from './eds-tab';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\n@Component({\n    selector: 'eds-tabs',\n    templateUrl: './eds-tabs.html',\n    styleUrl: './eds-tabs.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-tabs',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n    imports: [\n        AsyncPipe,\n        PortalModule,\n        ...EDS_ICON_BUTTON,\n    ],\n})\nexport class EdsTabs implements OnInit, OnChanges, OnDestroy, AfterViewInit {\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     *\n     * @default 'eds-tabs'\n     */\n    e2eAttr = input('eds-tabs');\n    /**\n     * Index of the active tab\n     *\n     * @default 0\n     */\n    @Input() activeTabIndex = 0;\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     *\n     * @default 'eUI Tabs'\n     */\n    ariaLabel = input('EDS Tabs');\n\n    isMainNavigation = input(false, { transform: booleanAttribute });\n    isFlat = input(false, { transform: booleanAttribute });\n\n    /**\n     * Event emitted when a tab is closed\n     */\n    readonly tabClose = output<{\n        tab: EdsTab;\n        index: number;\n    }>();\n    /**\n     * Event emitted when a tab is activated\n     */\n    readonly tabActivate = output<{\n        tab: EdsTab;\n        index: number;\n    }>();\n    /**\n     * Event emitted when a tab is clicked\n     */\n    readonly tabClick = output<{\n        tab: EdsTab;\n        index: number;\n    }>();\n\n    @ContentChildren(forwardRef(() => EdsTab), { descendants: false }) _tabs!: QueryList<EdsTab>;\n\n    readonly edsTabsHeadersContainer = viewChild.required<ElementRef>('euiTabsHeadersContainer');\n    readonly edsTabsHeaders = viewChild.required<ElementRef>('euiTabsHeaders');\n    readonly edsTabsRightContent = viewChild.required<ElementRef>('euiTabsRightContent');\n    readonly edsTabListItems = viewChildren<ElementRef>('euiTabListItems');\n\n    public tabs: EdsTab[] = [];\n    public scrolling = false;\n    public navigationLeftButtonDisabled = true;\n    public navigationRightButtonDisabled = false;\n    public currentOffset = 0;\n\n    protected tabId = uniqueId();\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private platformId = inject(PLATFORM_ID);\n    private player!: AnimationPlayer;\n    private stepMove = 400;\n    private scrollOffset = 40;\n    private scrollingCount = 0;\n    private cd = inject(ChangeDetectorRef);\n    private builder = inject(AnimationBuilder);\n    private euiAppShellService = inject(EuiAppShellService);\n    private document = inject(DOCUMENT);\n\n    /**\n     * Width of the tabs headers container\n     */\n    get edsTabsHeadersContainerWidth(): number {\n        return (this.edsTabsHeadersContainer()?.nativeElement.clientWidth - this.edsTabsRightContentWidth);\n    }\n\n    /**\n     * Width of the tabs headers\n     */\n    get edsTabsHeadersWidth(): number {\n        return this.edsTabsHeaders()?.nativeElement.clientWidth;\n    }\n\n    /**\n     * Width of the tabs right content\n     */\n    get edsTabsRightContentWidth(): number {\n        return this.edsTabsRightContent()?.nativeElement?.offsetWidth || 0;\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c?.activeTabIndex && !c.activeTabIndex.isFirstChange()) {\n            this.activate(this.activeTabIndex);\n        }\n    }\n\n    ngOnInit(): void {\n        this.euiAppShellService.state$.pipe(takeUntil(this.destroy$)).subscribe((state) => {\n            this.tabsScrollingHandler();\n        });\n    }\n\n    ngAfterViewInit(): void {\n        this._tabs.changes.pipe(startWith(this._tabs), takeUntil(this.destroy$)).subscribe((tabs: QueryList<EdsTab>) => {\n            this.tabs = tabs.toArray();\n            setTimeout(() => {\n                this.tabsScrollingHandler();\n            });\n\n            this.cd.detectChanges();\n        });\n\n        setTimeout(() => {\n            if (this.tabs[this.activeTabIndex]) {\n                this.cd.markForCheck();\n                this.activate(this.activeTabIndex, false, { emitEvent: false });\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Activate a tab having index passed in parameter if exists.\n     *\n     * @param index Index of the tab to close\n     * @param isAnimated Whether the tab activation should be animated\n     * @param options Object with emitEvent property to emit the event or not\n     */\n    public activateTab(index: number, isAnimated = true, options = { emitEvent: true }): void {\n        const tab = this.tabs[index];\n        if (tab) {\n            this.tabs.forEach((t) => {\n                t.deactivateTab();\n            });\n\n            this.setScrollToTabIndex(index, isAnimated);\n\n            tab.activateTab();\n            this.activeTabIndex = index;\n\n            if (options.emitEvent) {\n                this.tabActivate.emit({ tab, index });\n            }\n\n            this.cd.detectChanges();\n        }\n    }\n\n    /**\n     * Close a tab having index passed in parameter if exists.\n         * @param index Index of the tab to close\n     */\n    public closeTab(index: number): void {\n        const tab = this.tabs[index];\n        if (this.tabs[index]) {\n            this.tabs[index].deactivateTab();\n            this.tabs = this.tabs.filter((_, i) => i !== index);\n\n            if (index === this.activeTabIndex) {\n                const previousVisibleIndex = this.tabs.indexOf(this.tabs[index - 1]);\n                this.cd.markForCheck();\n\n                if (previousVisibleIndex < 0) {\n                    this.activate(0);\n                } else {\n                    this.activate(previousVisibleIndex);\n                }\n            } else {\n                if (index < this.activeTabIndex) {\n                    this.activeTabIndex = this.activeTabIndex - 1;\n                }\n            }\n\n            this.cd.detectChanges();\n            this.tabsScrollingHandler();\n        }\n    }\n\n    /**\n     * Scroll to the left handler\n     */\n    public goToLeft(): void {\n        let scrollTo = this.currentOffset + this.stepMove;\n        if (scrollTo > 0) {\n            scrollTo = 0;\n        }\n\n        this.setScrollTo(scrollTo);\n    }\n\n    /**\n     * Scroll to the rihgt handler\n     */\n    public goToRight(): void {\n        let scrollTo = this.currentOffset - this.stepMove;\n        if (Math.abs(scrollTo) > this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth) {\n            scrollTo = -(this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth) - this.scrollOffset;\n        }\n\n        this.setScrollTo(scrollTo);\n    }\n\n    /**\n     * Actions applied upon a keydown event\n     *\n     * @param i Index of the tab for each pressed key\n     * @param event The keyboard event\n     */\n    protected onKeydown(i: number, event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter': {\n                if (!this.tabs[i].isDisabled) {\n                    this.activate(i);\n                }\n                break;\n            }\n            case 'ArrowRight': {\n                const isLastItem = i === this.edsTabListItems().length - 1;\n                const index = isLastItem ? 0 : i + 1;\n\n                this.setScrollToTabIndex(index, false);\n                this.edsTabListItems()[index]?.nativeElement.focus();\n\n                break;\n            }\n            case 'ArrowLeft': {\n                const lastIndex = this.edsTabListItems().length - 1;\n                const index = i === 0 ? lastIndex : i - 1;\n\n                this.setScrollToTabIndex(index, false);\n                this.edsTabListItems()[index]?.nativeElement.focus();\n\n                break;\n            }\n            case 'Home': {\n                this.setScrollToTabIndex(0, false);\n                this.edsTabListItems()[0]?.nativeElement.focus();\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                this.setScrollToTabIndex(this.edsTabListItems().length - 1, false);\n                this.edsTabListItems()[this.edsTabListItems().length - 1]?.nativeElement.focus();\n                event.preventDefault();\n                break;\n            }\n            case 'Delete': {\n                if (this.tabs[i].isClosable) {\n                    if (i === this.edsTabListItems().length - 1) {\n                        this.edsTabListItems()[i - 1]?.nativeElement.focus();\n                        this.close(i, event);\n                    } else {\n                        this.close(i, event);\n                        this.edsTabListItems()[i]?.nativeElement.focus();\n                    }\n                }\n                break;\n            }\n            default: {\n                break;\n            }\n        }\n    }\n\n    /**\n     * Click handler for tab list item\n     *\n     * @param index Index of the tab clicked\n     */\n    protected tabListItemClick(index: number): void {\n        const tab = this.tabs[index];\n\n        this.tabClick.emit({ tab, index });\n\n        this.activate(index);\n    }\n\n    /**\n     * Activates a tab\n     *\n     * @param index Index of the tab to activate\n     * @param isAnimated Whether the activation should be animated\n     * @param options Object with emitEvent property to emit the event or not\n     */\n    protected activate(index: number, isAnimated = true, options = { emitEvent: true }): void {\n        const tab = this.tabs[index];\n\n        if (tab && !tab.isHandleActivateTab) {\n            this.activateTab(index, isAnimated, options);\n        }\n    }\n\n    /**\n     * Closes a tab\n     *\n     * @param index Index of the tab to close\n     * @param e\n     */\n    protected close(index: number, e: Event): void {\n        const tab = this.tabs[index];\n\n        if (tab && !tab.isHandleCloseOnClose) {\n            this.closeTab(index);\n        }\n\n        this.tabClose.emit({ tab, index });\n        e.stopPropagation();\n    }\n\n    /**\n     * Checks if there are html elements within the tab panel, in order to focus or not the tab panel\n     * @param index The tab index\n     */\n    protected onAttached(index: number): void {\n        if (isPlatformBrowser(this.platformId)) {\n            const tabbody = this.document.querySelector('#tabpanel-' + index + '-' + this.tabId)?.children[0];\n            if (tabbody?.children?.length && tabbody.children.length > 0) {\n                for (const child of Array.from(tabbody.children)) {\n                    if (this.isFocusableElement(child)) {\n                        this.tabs[index - 1].templateBody.tabIndex$.next(-1);\n                    } else {\n                        this.tabs[index - 1].templateBody.tabIndex$.next(0);\n                    }\n                }\n            } else {\n                this.tabs[index - 1].templateBody.tabIndex$.next(0);\n            }\n        }\n    }\n\n    /**\n     * Checks the existence of focusable elements\n     * @param origin The element to check\n     */\n    private isFocusableElement(origin: Element): boolean {\n        return (\n            origin.matches('button') ||\n            origin.matches('a') ||\n            origin.matches('input') ||\n            origin.matches('select') ||\n            origin.matches('textarea') ||\n            origin.matches('[tabindex]:not([tabindex=\"-1\"])')\n        );\n    }\n\n    /**\n     * Checks if the tabs headers are scrolling and calculates the scrolling position\n     */\n    private tabsScrollingHandler(): void {\n        if (this.edsTabsHeadersContainerWidth && this.edsTabsHeadersWidth) {\n\n            this.scrolling = this.edsTabsHeadersWidth > this.edsTabsHeadersContainerWidth;\n\n            if (!this.scrolling) {\n                this.scrollingCount = 0;\n                this.setScrollTo(0, false);\n                this.navigationLeftButtonDisabled = true;\n                this.navigationRightButtonDisabled = true;\n            } else {\n                const maxScrollableWidth = this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth;\n\n                if (maxScrollableWidth <= Math.abs(this.currentOffset) + this.scrollOffset && this.scrollingCount !== 0) {\n                    const scrollTo = -maxScrollableWidth - this.scrollOffset;\n                    this.setScrollTo(scrollTo);\n                } else {\n                    this.navigationRightButtonDisabled = Math.abs(this.currentOffset) >= maxScrollableWidth;\n                    this.navigationLeftButtonDisabled = this.currentOffset >= 0;\n                }\n\n                this.scrollingCount++;\n            }\n\n            this.cd.detectChanges();\n        }\n    }\n\n    /**\n     * Sets the scroll position oon the tab header specified by index\n     *\n     * @param index Index of the tab header to scroll to\n     * @param isAnimated Whether the tab activation should be animated\n     */\n    private setScrollToTabIndex(index: number, isAnimated = true): void {\n        const activeTab = this.edsTabsHeaders().nativeElement.children.item(index);\n\n        if (activeTab && !this.isActiveTabFullyVisible(activeTab) && !this.isMainNavigation()) {\n            let scrollTo = 0;\n            let subsetWidth = 0;\n            for (let i = 0; i <= index; i++) {\n                subsetWidth += this.edsTabsHeaders().nativeElement.children.item(i).clientWidth;\n            }\n\n            scrollTo = this.edsTabsHeadersContainerWidth / 2 - subsetWidth;\n\n            if (Math.abs(scrollTo) > this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset) {\n                scrollTo = -(this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset);\n            }\n\n            if (scrollTo > 0 || (scrollTo < 0 && index === 0)) {\n                scrollTo = 0;\n            }\n\n            this.setScrollTo(scrollTo, isAnimated);\n        }\n    }\n\n    /**\n     * Sets the scroll position of the tabs headers\n     *\n     * @param scrollTo Number to set on the margin-left style property\n     * @param isAnimated Whether the tab activation should be animated\n     */\n    private setScrollTo(scrollTo: number, isAnimated = true): void {\n        const timings = isAnimated ? '500ms cubic-bezier(0.35, 0, 0.25, 1)' : 0;\n        const animation: AnimationFactory = this.builder.build([animate(timings, style({ 'margin-left': +scrollTo + 'px' }))]);\n\n        this.player = animation.create(this.edsTabsHeaders().nativeElement);\n        this.player.play();\n\n        this.currentOffset = scrollTo;\n\n        if (scrollTo === 0) {\n            this.navigationLeftButtonDisabled = true;\n        }\n        if (Math.abs(this.currentOffset) < this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset) {\n            this.navigationRightButtonDisabled = false;\n        }\n        if (this.currentOffset < 0) {\n            this.navigationLeftButtonDisabled = false;\n        }\n        if (Math.abs(scrollTo) === this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset) {\n            this.navigationRightButtonDisabled = true;\n        }\n\n        this.cd.detectChanges();\n    }\n\n    /**\n     * Checks if the active tab is fully visible\n     *\n     * @param activeTab Index of the tab to check\n     * @returns true if fully visible, false otherwise\n     */\n    private isActiveTabFullyVisible(activeTab: HTMLDivElement): boolean {\n        const fullyVisible =\n            activeTab.offsetLeft - this.scrollOffset >= 0 &&\n            activeTab.offsetLeft + activeTab.clientWidth < this.edsTabsHeadersContainerWidth - this.scrollOffset;\n\n        return fullyVisible;\n    }\n}\n","<div #edsTabsHeadersContainer class=\"eds-tabs-wrapper\" [class.eds-tabs-wrapper--scrolling]=\"scrolling\">\n    <div class=\"eds-tabs-navigation\">\n        <div class=\"eds-tabs-navigation__left-item\">\n            <button edsIconButton\n                (click)=\"goToLeft()\"\n                [edsDisabled]=\"navigationLeftButtonDisabled\"\n                icon=\"caret-left:core\"\n                ariaLabel=\"Scroll left\">\n            </button>\n        </div>\n\n        <ul #edsTabsHeaders class=\"eds-tab-items\" [attr.data-offset]=\"currentOffset\" role=\"tablist\" [attr.aria-label]=\"ariaLabel\">\n            @for (tab of tabs; let i = $index; track tab) {\n                @if (tab.isVisible$ | async) {\n                    <li #euiTabListItems\n                        class=\"eds-tab-item\"\n                        id=\"tab-{{ i + 1 }}-{{ tabId }}\"\n                        [tabindex]=\"i === activeTabIndex ? '0' : '-1'\"\n                        role=\"tab\"\n                        attr.aria-controls=\"tabpanel-{{ i + 1 }}-{{ tabId }}\"\n                        [attr.aria-selected]=\"i === activeTabIndex\"\n                        [class.eds-tab-item--active]=\"i === activeTabIndex\"\n                        [class.eds-tab-item--disabled]=\"tab.isDisabled$ | async\"\n                        attr.aria-disabled=\"{{ tab.isDisabled$ | async }}\"\n                        (click)=\"tabListItemClick(i)\"\n                        (keydown)=\"onKeydown(i, $event)\">\n                        <ng-template [cdkPortalOutlet]=\"tab.templateHeader().templatePortal\"></ng-template>\n\n                        @if (tab.isClosable$ | async) {\n                            <button edsIconButton\n                                [tabindex]=\"-1\"\n                                ariaLabel=\"Closable\"\n                                edsRounded\n                                class=\"eds-tab-close-button\"\n                                icon=\"x:core\"\n                                edsSizeS\n                                [edsDisabled]=\"tab.isDisabled$ | async\"\n                                (buttonClick)=\"close(i, $event)\">\n                            </button>\n                        }\n                    </li>\n                }\n            }\n        </ul>\n\n        <div class=\"eds-tabs-navigation__right-item\">\n            <button edsIconButton\n                (click)=\"goToRight()\"\n                [edsDisabled]=\"navigationRightButtonDisabled\"\n                icon=\"caret-right:core\"\n                ariaLabel=\"Scroll right\">\n            </button>\n        </div>\n    </div>\n    <div #edsTabsRightContent class=\"eds-tabs-right-content-wrapper\">\n        <ng-content select=\"eds-tabs-right-content\"></ng-content>\n    </div>\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {\n        <div id=\"tabpanel-{{ i + 1 }}-{{ tabId }}\" class=\"eds-tab-body-container\" role=\"tabpanel\" attr.aria-labelledby=\"tab-{{ i + 1 }}-{{ tabId }}\">\n            <ng-template [cdkPortalOutlet]=\"tab.templateBody.templatePortal\" (attached)=\"onAttached(i + 1)\"></ng-template>\n        </div>\n    }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-tabs-right-content',\n    template: '<ng-content/>',\n    styles: `\n    :host {\n        display: flex;\n        margin-left: auto;\n    }\n    `,\n})\nexport class EdsTabsRightContent {\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-label',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderLabel {\n    @HostBinding('class') string = 'eds-tab-header-label';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-sub-label',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderSublabel {\n    @HostBinding('class') string = 'eds-tab-header-sub-label';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-left-content',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderLeftContent {\n    @HostBinding('class') string = 'eds-tab-header-left-content';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-right-content',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderRightContent {\n    @HostBinding('class') string = 'eds-tab-header-right-content';\n}\n","export * from './eds-tabs';\nexport * from './eds-tabs-right-content';\nexport * from './eds-tab';\nexport * from './eds-tab-header';\nexport * from './eds-tab-header-label';\nexport * from './eds-tab-header-sub-label';\nexport * from './eds-tab-header-left-content';\nexport * from './eds-tab-header-right-content';\nexport * from './eds-tab-body';\n\nimport { EdsTabs } from './eds-tabs';\nimport { EdsTabsRightContent } from './eds-tabs-right-content';\nimport { EdsTabBody } from './eds-tab-body';\nimport { EdsTabHeader } from './eds-tab-header';\nimport { EdsTab } from './eds-tab';\nimport { EdsTabHeaderLabel } from './eds-tab-header-label';\nimport { EdsTabHeaderSublabel } from './eds-tab-header-sub-label';\nimport { EdsTabHeaderRightContent } from './eds-tab-header-right-content';\nimport { EdsTabHeaderLeftContent } from './eds-tab-header-left-content';\n\nexport const EDS_TABS = [\n    EdsTabs,\n    EdsTabsRightContent,\n    EdsTabBody,\n    EdsTabHeader,\n    EdsTabHeaderLabel,\n    EdsTabHeaderSublabel,\n    EdsTabHeaderRightContent,\n    EdsTabHeaderLeftContent,\n    EdsTab,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-tabs.mjs","sources":["../../eds-tabs/eds-tab-header.ts","../../eds-tabs/eds-tab-header.html","../../eds-tabs/eds-tab-body.ts","../../eds-tabs/eds-tab-body.html","../../eds-tabs/eds-tab.ts","../../eds-tabs/eds-tabs.ts","../../eds-tabs/eds-tabs.html","../../eds-tabs/eds-tabs-right-content.ts","../../eds-tabs/eds-tab-header-label.ts","../../eds-tabs/eds-tab-header-sub-label.ts","../../eds-tabs/eds-tab-header-left-content.ts","../../eds-tabs/eds-tab-header-right-content.ts","../../eds-tabs/index.ts","../../eds-tabs/eui-eds-eds-tabs.ts"],"sourcesContent":["import { Component, TemplateRef, ViewContainerRef, AfterViewInit, inject, viewChild } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\n\n@Component({\n    selector: 'eds-tab-header',\n    templateUrl: './eds-tab-header.html',\n})\nexport class EdsTabHeader implements AfterViewInit {\n    readonly templateRef = viewChild.required<TemplateRef<HTMLElement>>('templateRef');\n\n    public templatePortal!: TemplatePortal;\n    private viewContainerRef = inject(ViewContainerRef);\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templateRef(), this.viewContainerRef);\n    }\n}\n","<ng-template #templateRef>\n    <div class=\"eds-tab-header-wrapper\">\n        <ng-content select=\"eds-tab-header-left-content\"/>\n        <div class=\"eds-tab-header-label-wrapper\">\n            <ng-content select=\"eds-tab-header-label\"/>\n            <ng-content select=\"eds-tab-header-sub-label\"/>\n        </div>\n        <ng-content/>\n        <ng-content select=\"eds-tab-header-right-content\"/>\n    </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewContainerRef, AfterViewInit, booleanAttribute, inject, viewChild } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { BehaviorSubject } from 'rxjs';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n    selector: 'eds-tab-body',\n    templateUrl: './eds-tab-body.html',\n    imports: [\n        AsyncPipe,\n    ],\n})\nexport class EdsTabBody implements AfterViewInit {\n    /**\n     * Removes default padding from the tab content area.\n     * Useful for full-width content, custom layouts, or when content provides its own spacing.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) hasNoContentPadding = false;\n\n    readonly templateRef = viewChild.required<TemplateRef<HTMLElement>>('templateRef');\n\n    public templatePortal!: TemplatePortal;\n    tabIndex$ = new BehaviorSubject(0);\n    private viewContainerRef = inject(ViewContainerRef);\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templateRef(), this.viewContainerRef);\n    }\n}\n","<ng-template #templateRef>\n    <div class=\"eds-tab__body\" [tabindex]=\"tabIndex$ | async\" [class.eds-tab__body--no-padding]=\"hasNoContentPadding\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Input,\n  OnChanges,\n  SimpleChanges,\n  booleanAttribute,\n  forwardRef,\n  contentChild,\n} from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\nimport { EdsTabHeader } from './eds-tab-header';\nimport { EdsTabBody } from './eds-tab-body';\n\n@Component({\n    selector: 'eds-tab',\n    template: '<ng-content/>',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsTab implements OnChanges {\n    /**\n     * Unique identifier for the tab.\n     * Used for programmatic tab selection and tracking.\n     * Required for proper tab management and routing.\n     */\n    @Input() id!: string;\n    /**\n     * URL or route path associated with the tab.\n     * Enables deep linking and browser history integration for tab navigation.\n     */\n    @Input() url!: string;\n    /**\n     * Data attribute used for end-to-end testing identification.\n     * @default 'eui-tab'\n     */\n    @Input() e2eAttr = 'eds-tab';\n    /**\n     * Tooltip text displayed when hovering over the tab header.\n     * Provides additional context or information about the tab content.\n     */\n    @Input() tooltip!: string;\n    /**\n     * Enables a close button on the tab header for dismissible tabs.\n     * Allows users to remove or hide the tab from the tab bar.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isClosable = false;\n    /**\n     * Disables the tab, preventing user interaction and selection.\n     * Applies disabled styling and blocks tab activation.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n    /**\n     * Controls the visibility of the tab in the tab bar.\n     * When false, hides the tab from display without removing it from the DOM.\n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) isVisible = true;\n    /**\n     * Enables automatic tab closure when the close button is clicked.\n     * When false, close button click must be handled externally.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isHandleCloseOnClose = false;\n    /**\n     * Enables automatic tab activation when the tab is clicked.\n     * When false, tab activation must be handled externally.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isHandleActivateTab = false;\n\n    readonly templateHeader = contentChild.required(forwardRef(() => EdsTabHeader));\n    @ContentChild(forwardRef(() => EdsTabBody)) templateBody!: EdsTabBody;\n\n    @Input() euiVariant = 'euiPrimary';\n\n    public isActive = false;\n\n    public isVisible$ = new BehaviorSubject(this.isVisible);\n    public isClosable$ = new BehaviorSubject(this.isClosable);\n    public isDisabled$ = new BehaviorSubject(this.isDisabled);\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c?.isVisible) {\n            this.isVisible$.next(c.isVisible.currentValue);\n        }\n        if (c?.isClosable) {\n            this.isClosable$.next(c.isClosable.currentValue);\n        }\n        if (c?.isDisabled) {\n            this.isDisabled$.next(c.isDisabled.currentValue);\n        }\n    }\n\n    public activateTab(): void {\n        this.isActive = true;\n    }\n\n    public deactivateTab(): void {\n        this.isActive = false;\n    }\n}\n","import {\n    Component,\n    ContentChildren,\n    Input,\n    OnDestroy,\n    QueryList,\n    forwardRef,\n    AfterViewInit,\n    ElementRef,\n    ChangeDetectorRef,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    OnChanges,\n    OnInit,\n    inject,input,\n    PLATFORM_ID,\n    DOCUMENT,\n    output,\n    viewChild,\n    viewChildren,\n} from '@angular/core';\nimport { AsyncPipe, isPlatformBrowser } from '@angular/common';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { animate, AnimationBuilder, AnimationFactory, AnimationPlayer, style } from '@angular/animations';\nimport { Subject, startWith, takeUntil } from 'rxjs';\n\nimport { EuiAppShellService, uniqueId } from '@eui/core';\n\nimport { EdsTab } from './eds-tab';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\n@Component({\n    selector: 'eds-tabs',\n    templateUrl: './eds-tabs.html',\n    styleUrl: './eds-tabs.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-tabs',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n    imports: [\n        AsyncPipe,\n        PortalModule,\n        ...EDS_ICON_BUTTON,\n    ],\n})\nexport class EdsTabs implements OnInit, OnChanges, OnDestroy, AfterViewInit {\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     *\n     * @default 'eds-tabs'\n     */\n    e2eAttr = input('eds-tabs');\n    /**\n     * Index of the active tab\n     *\n     * @default 0\n     */\n    @Input() activeTabIndex = 0;\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     *\n     * @default 'eUI Tabs'\n     */\n    ariaLabel = input('EDS Tabs');\n\n    isMainNavigation = input(false, { transform: booleanAttribute });\n    isFlat = input(false, { transform: booleanAttribute });\n\n    /**\n     * Event emitted when a tab is closed\n     */\n    readonly tabClose = output<{\n        tab: EdsTab;\n        index: number;\n    }>();\n    /**\n     * Event emitted when a tab is activated\n     */\n    readonly tabActivate = output<{\n        tab: EdsTab;\n        index: number;\n    }>();\n    /**\n     * Event emitted when a tab is clicked\n     */\n    readonly tabClick = output<{\n        tab: EdsTab;\n        index: number;\n    }>();\n\n    @ContentChildren(forwardRef(() => EdsTab), { descendants: false }) _tabs!: QueryList<EdsTab>;\n\n    readonly edsTabsHeadersContainer = viewChild.required<ElementRef>('euiTabsHeadersContainer');\n    readonly edsTabsHeaders = viewChild.required<ElementRef>('euiTabsHeaders');\n    readonly edsTabsRightContent = viewChild.required<ElementRef>('euiTabsRightContent');\n    readonly edsTabListItems = viewChildren<ElementRef>('euiTabListItems');\n\n    public tabs: EdsTab[] = [];\n    public scrolling = false;\n    public navigationLeftButtonDisabled = true;\n    public navigationRightButtonDisabled = false;\n    public currentOffset = 0;\n\n    protected tabId = uniqueId();\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private platformId = inject(PLATFORM_ID);\n    private player!: AnimationPlayer;\n    private stepMove = 400;\n    private scrollOffset = 40;\n    private scrollingCount = 0;\n    private cd = inject(ChangeDetectorRef);\n    private builder = inject(AnimationBuilder);\n    private euiAppShellService = inject(EuiAppShellService);\n    private document = inject(DOCUMENT);\n\n    /**\n     * Width of the tabs headers container\n     */\n    get edsTabsHeadersContainerWidth(): number {\n        return (this.edsTabsHeadersContainer()?.nativeElement.clientWidth - this.edsTabsRightContentWidth);\n    }\n\n    /**\n     * Width of the tabs headers\n     */\n    get edsTabsHeadersWidth(): number {\n        return this.edsTabsHeaders()?.nativeElement.clientWidth;\n    }\n\n    /**\n     * Width of the tabs right content\n     */\n    get edsTabsRightContentWidth(): number {\n        return this.edsTabsRightContent()?.nativeElement?.offsetWidth || 0;\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c?.activeTabIndex && !c.activeTabIndex.isFirstChange()) {\n            this.activate(this.activeTabIndex);\n        }\n    }\n\n    ngOnInit(): void {\n        this.euiAppShellService.state$.pipe(takeUntil(this.destroy$)).subscribe((state) => {\n            this.tabsScrollingHandler();\n        });\n    }\n\n    ngAfterViewInit(): void {\n        this._tabs.changes.pipe(startWith(this._tabs), takeUntil(this.destroy$)).subscribe((tabs: QueryList<EdsTab>) => {\n            this.tabs = tabs.toArray();\n            setTimeout(() => {\n                this.tabsScrollingHandler();\n            });\n\n            this.cd.detectChanges();\n        });\n\n        setTimeout(() => {\n            if (this.tabs[this.activeTabIndex]) {\n                this.cd.markForCheck();\n                this.activate(this.activeTabIndex, false, { emitEvent: false });\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Activate a tab having index passed in parameter if exists.\n     *\n     * @param index Index of the tab to close\n     * @param isAnimated Whether the tab activation should be animated\n     * @param options Object with emitEvent property to emit the event or not\n     */\n    public activateTab(index: number, isAnimated = true, options = { emitEvent: true }): void {\n        const tab = this.tabs[index];\n        if (tab) {\n            this.tabs.forEach((t) => {\n                t.deactivateTab();\n            });\n\n            this.setScrollToTabIndex(index, isAnimated);\n\n            tab.activateTab();\n            this.activeTabIndex = index;\n\n            if (options.emitEvent) {\n                this.tabActivate.emit({ tab, index });\n            }\n\n            this.cd.detectChanges();\n        }\n    }\n\n    /**\n     * Close a tab having index passed in parameter if exists.\n         * @param index Index of the tab to close\n     */\n    public closeTab(index: number): void {\n        const tab = this.tabs[index];\n        if (this.tabs[index]) {\n            this.tabs[index].deactivateTab();\n            this.tabs = this.tabs.filter((_, i) => i !== index);\n\n            if (index === this.activeTabIndex) {\n                const previousVisibleIndex = this.tabs.indexOf(this.tabs[index - 1]);\n                this.cd.markForCheck();\n\n                if (previousVisibleIndex < 0) {\n                    this.activate(0);\n                } else {\n                    this.activate(previousVisibleIndex);\n                }\n            } else {\n                if (index < this.activeTabIndex) {\n                    this.activeTabIndex = this.activeTabIndex - 1;\n                }\n            }\n\n            this.cd.detectChanges();\n            this.tabsScrollingHandler();\n        }\n    }\n\n    /**\n     * Scroll to the left handler\n     */\n    public goToLeft(): void {\n        let scrollTo = this.currentOffset + this.stepMove;\n        if (scrollTo > 0) {\n            scrollTo = 0;\n        }\n\n        this.setScrollTo(scrollTo);\n    }\n\n    /**\n     * Scroll to the rihgt handler\n     */\n    public goToRight(): void {\n        let scrollTo = this.currentOffset - this.stepMove;\n        if (Math.abs(scrollTo) > this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth) {\n            scrollTo = -(this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth) - this.scrollOffset;\n        }\n\n        this.setScrollTo(scrollTo);\n    }\n\n    /**\n     * Actions applied upon a keydown event\n     *\n     * @param i Index of the tab for each pressed key\n     * @param event The keyboard event\n     */\n    protected onKeydown(i: number, event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter': {\n                if (!this.tabs[i].isDisabled) {\n                    this.activate(i);\n                }\n                break;\n            }\n            case 'ArrowRight': {\n                const isLastItem = i === this.edsTabListItems().length - 1;\n                const index = isLastItem ? 0 : i + 1;\n\n                this.setScrollToTabIndex(index, false);\n                this.edsTabListItems()[index]?.nativeElement.focus();\n\n                break;\n            }\n            case 'ArrowLeft': {\n                const lastIndex = this.edsTabListItems().length - 1;\n                const index = i === 0 ? lastIndex : i - 1;\n\n                this.setScrollToTabIndex(index, false);\n                this.edsTabListItems()[index]?.nativeElement.focus();\n\n                break;\n            }\n            case 'Home': {\n                this.setScrollToTabIndex(0, false);\n                this.edsTabListItems()[0]?.nativeElement.focus();\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                this.setScrollToTabIndex(this.edsTabListItems().length - 1, false);\n                this.edsTabListItems()[this.edsTabListItems().length - 1]?.nativeElement.focus();\n                event.preventDefault();\n                break;\n            }\n            case 'Delete': {\n                if (this.tabs[i].isClosable) {\n                    if (i === this.edsTabListItems().length - 1) {\n                        this.edsTabListItems()[i - 1]?.nativeElement.focus();\n                        this.close(i, event);\n                    } else {\n                        this.close(i, event);\n                        this.edsTabListItems()[i]?.nativeElement.focus();\n                    }\n                }\n                break;\n            }\n            default: {\n                break;\n            }\n        }\n    }\n\n    /**\n     * Click handler for tab list item\n     *\n     * @param index Index of the tab clicked\n     */\n    protected tabListItemClick(index: number): void {\n        const tab = this.tabs[index];\n\n        this.tabClick.emit({ tab, index });\n\n        this.activate(index);\n    }\n\n    /**\n     * Activates a tab\n     *\n     * @param index Index of the tab to activate\n     * @param isAnimated Whether the activation should be animated\n     * @param options Object with emitEvent property to emit the event or not\n     */\n    protected activate(index: number, isAnimated = true, options = { emitEvent: true }): void {\n        const tab = this.tabs[index];\n\n        if (tab && !tab.isHandleActivateTab) {\n            this.activateTab(index, isAnimated, options);\n        }\n    }\n\n    /**\n     * Closes a tab\n     *\n     * @param index Index of the tab to close\n     * @param e\n     */\n    protected close(index: number, e: Event): void {\n        const tab = this.tabs[index];\n\n        if (tab && !tab.isHandleCloseOnClose) {\n            this.closeTab(index);\n        }\n\n        this.tabClose.emit({ tab, index });\n        e.stopPropagation();\n    }\n\n    /**\n     * Checks if there are html elements within the tab panel, in order to focus or not the tab panel\n     * @param index The tab index\n     */\n    protected onAttached(index: number): void {\n        if (isPlatformBrowser(this.platformId)) {\n            const tabbody = this.document.querySelector('#tabpanel-' + index + '-' + this.tabId)?.children[0];\n            if (tabbody?.children?.length && tabbody.children.length > 0) {\n                for (const child of Array.from(tabbody.children)) {\n                    if (this.isFocusableElement(child)) {\n                        this.tabs[index - 1].templateBody.tabIndex$.next(-1);\n                    } else {\n                        this.tabs[index - 1].templateBody.tabIndex$.next(0);\n                    }\n                }\n            } else {\n                this.tabs[index - 1].templateBody.tabIndex$.next(0);\n            }\n        }\n    }\n\n    /**\n     * Checks the existence of focusable elements\n     * @param origin The element to check\n     */\n    private isFocusableElement(origin: Element): boolean {\n        return (\n            origin.matches('button') ||\n            origin.matches('a') ||\n            origin.matches('input') ||\n            origin.matches('select') ||\n            origin.matches('textarea') ||\n            origin.matches('[tabindex]:not([tabindex=\"-1\"])')\n        );\n    }\n\n    /**\n     * Checks if the tabs headers are scrolling and calculates the scrolling position\n     */\n    private tabsScrollingHandler(): void {\n        if (this.edsTabsHeadersContainerWidth && this.edsTabsHeadersWidth) {\n\n            this.scrolling = this.edsTabsHeadersWidth > this.edsTabsHeadersContainerWidth;\n\n            if (!this.scrolling) {\n                this.scrollingCount = 0;\n                this.setScrollTo(0, false);\n                this.navigationLeftButtonDisabled = true;\n                this.navigationRightButtonDisabled = true;\n            } else {\n                const maxScrollableWidth = this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth;\n\n                if (maxScrollableWidth <= Math.abs(this.currentOffset) + this.scrollOffset && this.scrollingCount !== 0) {\n                    const scrollTo = -maxScrollableWidth - this.scrollOffset;\n                    this.setScrollTo(scrollTo);\n                } else {\n                    this.navigationRightButtonDisabled = Math.abs(this.currentOffset) >= maxScrollableWidth;\n                    this.navigationLeftButtonDisabled = this.currentOffset >= 0;\n                }\n\n                this.scrollingCount++;\n            }\n\n            this.cd.detectChanges();\n        }\n    }\n\n    /**\n     * Sets the scroll position oon the tab header specified by index\n     *\n     * @param index Index of the tab header to scroll to\n     * @param isAnimated Whether the tab activation should be animated\n     */\n    private setScrollToTabIndex(index: number, isAnimated = true): void {\n        const activeTab = this.edsTabsHeaders().nativeElement.children.item(index);\n\n        if (activeTab && !this.isActiveTabFullyVisible(activeTab) && !this.isMainNavigation()) {\n            let scrollTo = 0;\n            let subsetWidth = 0;\n            for (let i = 0; i <= index; i++) {\n                subsetWidth += this.edsTabsHeaders().nativeElement.children.item(i).clientWidth;\n            }\n\n            scrollTo = this.edsTabsHeadersContainerWidth / 2 - subsetWidth;\n\n            if (Math.abs(scrollTo) > this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset) {\n                scrollTo = -(this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset);\n            }\n\n            if (scrollTo > 0 || (scrollTo < 0 && index === 0)) {\n                scrollTo = 0;\n            }\n\n            this.setScrollTo(scrollTo, isAnimated);\n        }\n    }\n\n    /**\n     * Sets the scroll position of the tabs headers\n     *\n     * @param scrollTo Number to set on the margin-left style property\n     * @param isAnimated Whether the tab activation should be animated\n     */\n    private setScrollTo(scrollTo: number, isAnimated = true): void {\n        const timings = isAnimated ? '500ms cubic-bezier(0.35, 0, 0.25, 1)' : 0;\n        const animation: AnimationFactory = this.builder.build([animate(timings, style({ 'margin-left': +scrollTo + 'px' }))]);\n\n        this.player = animation.create(this.edsTabsHeaders().nativeElement);\n        this.player.play();\n\n        this.currentOffset = scrollTo;\n\n        if (scrollTo === 0) {\n            this.navigationLeftButtonDisabled = true;\n        }\n        if (Math.abs(this.currentOffset) < this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset) {\n            this.navigationRightButtonDisabled = false;\n        }\n        if (this.currentOffset < 0) {\n            this.navigationLeftButtonDisabled = false;\n        }\n        if (Math.abs(scrollTo) === this.edsTabsHeadersWidth - this.edsTabsHeadersContainerWidth + this.scrollOffset) {\n            this.navigationRightButtonDisabled = true;\n        }\n\n        this.cd.detectChanges();\n    }\n\n    /**\n     * Checks if the active tab is fully visible\n     *\n     * @param activeTab Index of the tab to check\n     * @returns true if fully visible, false otherwise\n     */\n    private isActiveTabFullyVisible(activeTab: HTMLDivElement): boolean {\n        const fullyVisible =\n            activeTab.offsetLeft - this.scrollOffset >= 0 &&\n            activeTab.offsetLeft + activeTab.clientWidth < this.edsTabsHeadersContainerWidth - this.scrollOffset;\n\n        return fullyVisible;\n    }\n}\n","<div #edsTabsHeadersContainer class=\"eds-tabs-wrapper\" [class.eds-tabs-wrapper--scrolling]=\"scrolling\">\n    <div class=\"eds-tabs-navigation\">\n        <div class=\"eds-tabs-navigation__left-item\">\n            <button edsIconButton\n                (click)=\"goToLeft()\"\n                [edsDisabled]=\"navigationLeftButtonDisabled\"\n                icon=\"caret-left:core\"\n                ariaLabel=\"Scroll left\">\n            </button>\n        </div>\n\n        <ul #edsTabsHeaders class=\"eds-tab-items\" [attr.data-offset]=\"currentOffset\" role=\"tablist\" [attr.aria-label]=\"ariaLabel\">\n            @for (tab of tabs; let i = $index; track tab) {\n                @if (tab.isVisible$ | async) {\n                    <li #euiTabListItems\n                        class=\"eds-tab-item\"\n                        id=\"tab-{{ i + 1 }}-{{ tabId }}\"\n                        [tabindex]=\"i === activeTabIndex ? '0' : '-1'\"\n                        role=\"tab\"\n                        attr.aria-controls=\"tabpanel-{{ i + 1 }}-{{ tabId }}\"\n                        [attr.aria-selected]=\"i === activeTabIndex\"\n                        [class.eds-tab-item--active]=\"i === activeTabIndex\"\n                        [class.eds-tab-item--disabled]=\"tab.isDisabled$ | async\"\n                        attr.aria-disabled=\"{{ tab.isDisabled$ | async }}\"\n                        (click)=\"tabListItemClick(i)\"\n                        (keydown)=\"onKeydown(i, $event)\">\n                        <ng-template [cdkPortalOutlet]=\"tab.templateHeader().templatePortal\"></ng-template>\n\n                        @if (tab.isClosable$ | async) {\n                            <button edsIconButton\n                                [tabindex]=\"-1\"\n                                ariaLabel=\"Closable\"\n                                edsRounded\n                                class=\"eds-tab-close-button\"\n                                icon=\"x:core\"\n                                edsSizeS\n                                [edsDisabled]=\"tab.isDisabled$ | async\"\n                                (buttonClick)=\"close(i, $event)\">\n                            </button>\n                        }\n                    </li>\n                }\n            }\n        </ul>\n\n        <div class=\"eds-tabs-navigation__right-item\">\n            <button edsIconButton\n                (click)=\"goToRight()\"\n                [edsDisabled]=\"navigationRightButtonDisabled\"\n                icon=\"caret-right:core\"\n                ariaLabel=\"Scroll right\">\n            </button>\n        </div>\n    </div>\n    <div #edsTabsRightContent class=\"eds-tabs-right-content-wrapper\">\n        <ng-content select=\"eds-tabs-right-content\"></ng-content>\n    </div>\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {\n        <div id=\"tabpanel-{{ i + 1 }}-{{ tabId }}\" class=\"eds-tab-body-container\" role=\"tabpanel\" attr.aria-labelledby=\"tab-{{ i + 1 }}-{{ tabId }}\">\n            <ng-template [cdkPortalOutlet]=\"tab.templateBody.templatePortal\" (attached)=\"onAttached(i + 1)\"></ng-template>\n        </div>\n    }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-tabs-right-content',\n    template: '<ng-content/>',\n    styles: `\n    :host {\n        display: flex;\n        margin-left: auto;\n    }\n    `,\n})\nexport class EdsTabsRightContent {\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-label',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderLabel {\n    @HostBinding('class') string = 'eds-tab-header-label';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-sub-label',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderSublabel {\n    @HostBinding('class') string = 'eds-tab-header-sub-label';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-left-content',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderLeftContent {\n    @HostBinding('class') string = 'eds-tab-header-left-content';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eds-tab-header-right-content',\n    template: '<ng-content />',\n})\nexport class EdsTabHeaderRightContent {\n    @HostBinding('class') string = 'eds-tab-header-right-content';\n}\n","export * from './eds-tabs';\nexport * from './eds-tabs-right-content';\nexport * from './eds-tab';\nexport * from './eds-tab-header';\nexport * from './eds-tab-header-label';\nexport * from './eds-tab-header-sub-label';\nexport * from './eds-tab-header-left-content';\nexport * from './eds-tab-header-right-content';\nexport * from './eds-tab-body';\n\nimport { EdsTabs } from './eds-tabs';\nimport { EdsTabsRightContent } from './eds-tabs-right-content';\nimport { EdsTabBody } from './eds-tab-body';\nimport { EdsTabHeader } from './eds-tab-header';\nimport { EdsTab } from './eds-tab';\nimport { EdsTabHeaderLabel } from './eds-tab-header-label';\nimport { EdsTabHeaderSublabel } from './eds-tab-header-sub-label';\nimport { EdsTabHeaderRightContent } from './eds-tab-header-right-content';\nimport { EdsTabHeaderLeftContent } from './eds-tab-header-left-content';\n\nexport const EDS_TABS = [\n    EdsTabs,\n    EdsTabsRightContent,\n    EdsTabBody,\n    EdsTabHeader,\n    EdsTabHeaderLabel,\n    EdsTabHeaderSublabel,\n    EdsTabHeaderRightContent,\n    EdsTabHeaderLeftContent,\n    EdsTab,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-eds-eds-tag-group.mjs

@@ -57,10 +57,10 @@ class EdsTagGroup {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTagGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsTagGroup, isStandalone: true, selector: "eds-tag-group", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel() || null" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-21 :host ::ng-deep eds-tag:first-child,.eui-21 :host ::ng-deep [edsTag]:first-child{border-bottom-right-radius:0;border-top-right-radius:0;border-right:none}.eui-21 :host ::ng-deep eds-tag:last-child,.eui-21 :host ::ng-deep [edsTag]:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.eui-21 :host ::ng-deep eds-tag:not(:first-child):not(:last-child),.eui-21 :host ::ng-deep [edsTag]:not(:first-child):not(:last-child){border-radius:0;border-right:none}.eui-21 :host.eds-tag-group--neutral ::ng-deep eds-tag{--_surface: var(--eds-c-surface-elevation-sunken);--_on-surface: var(--eds-c-foreground-subtle);--_border-color: var(--eds-c-border-neutral-subtle)}.eui-21 :host.eds-tag-group--info ::ng-deep eds-tag{--_surface: var(--eds-c-surface-info-subtler);--_on-surface: var(--eds-c-on-surface-info-subtler);--_border-color: var(--eds-c-border-info-subtle)}.eui-21 :host.eds-tag-group--success ::ng-deep eds-tag{--_surface: var(--eds-c-surface-success-subtler);--_on-surface: var(--eds-c-on-surface-success-subtler);--_border-color: var(--eds-c-border-success-subtle)}.eui-21 :host.eds-tag-group--warning ::ng-deep eds-tag{--_surface: var(--eds-c-surface-warning-subtler);--_on-surface: var(--eds-c-on-surface-warning-subtler);--_border-color: var(--eds-c-border-warning-subtle)}.eui-21 :host.eds-tag-group--critical ::ng-deep eds-tag,.eui-21 :host.eds-tag-group--critical ::ng-deep [edsTag]{--_surface: var(--eds-c-surface-critical-subtler);--_on-surface: var(--eds-c-on-surface-critical-subtler);--_border-color: var(--eds-c-border-critical-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTagGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsTagGroup, isStandalone: true, selector: "eds-tag-group", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel() || null" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-21 :host ::ng-deep eds-tag:first-child,.eui-21 :host ::ng-deep [edsTag]:first-child{border-bottom-right-radius:0;border-top-right-radius:0;border-right:none}.eui-21 :host ::ng-deep eds-tag:last-child,.eui-21 :host ::ng-deep [edsTag]:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.eui-21 :host ::ng-deep eds-tag:not(:first-child):not(:last-child),.eui-21 :host ::ng-deep [edsTag]:not(:first-child):not(:last-child){border-radius:0;border-right:none}.eui-21 :host.eds-tag-group--neutral ::ng-deep eds-tag{--_surface: var(--eds-c-surface-elevation-sunken);--_on-surface: var(--eds-c-foreground-subtle);--_border-color: var(--eds-c-border-neutral-subtle)}.eui-21 :host.eds-tag-group--info ::ng-deep eds-tag{--_surface: var(--eds-c-surface-info-subtler);--_on-surface: var(--eds-c-on-surface-info-subtler);--_border-color: var(--eds-c-border-info-subtle)}.eui-21 :host.eds-tag-group--success ::ng-deep eds-tag{--_surface: var(--eds-c-surface-success-subtler);--_on-surface: var(--eds-c-on-surface-success-subtler);--_border-color: var(--eds-c-border-success-subtle)}.eui-21 :host.eds-tag-group--warning ::ng-deep eds-tag{--_surface: var(--eds-c-surface-warning-subtler);--_on-surface: var(--eds-c-on-surface-warning-subtler);--_border-color: var(--eds-c-border-warning-subtle)}.eui-21 :host.eds-tag-group--critical ::ng-deep eds-tag,.eui-21 :host.eds-tag-group--critical ::ng-deep [edsTag]{--_surface: var(--eds-c-surface-critical-subtler);--_on-surface: var(--eds-c-on-surface-critical-subtler);--_border-color: var(--eds-c-border-critical-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTagGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTagGroup, decorators: [{
             type: Component,
             args: [{ selector: 'eds-tag-group', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {

package/fesm2022/eui-eds-eds-tag.mjs

@@ -80,10 +80,10 @@ class EdsTag {
         this.sizeDirective = inject(EdsSizeDirective);
         this.colorDirective = inject(EdsColorDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsTag, isStandalone: true, selector: "eds-tag, span[edsTag]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, edsInternalId: { classPropertyName: "edsInternalId", publicName: "edsInternalId", isSignal: true, isRequired: false, transformFunction: null }, tooltipMessage: { classPropertyName: "tooltipMessage", publicName: "tooltipMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, edsOutline: { classPropertyName: "edsOutline", publicName: "edsOutline", isSignal: true, isRequired: false, transformFunction: null }, colorPalette: { classPropertyName: "colorPalette", publicName: "colorPalette", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-content/>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-tag{--_surface: var(--eds-c-surface-elevation-sunken);--_on-surface: var(--eds-c-foreground-subtle);--_border-color: var(--eds-c-border-neutral-subtle)}.eui-21 :host.eds-tag.eds-tag--size-m{--_font: var(--eds-f-paragraph-s);--_tag-padding: var(--eds-sp-4xs) var(--eds-sp-3xs);--_icon-size: var(--eds-is-s);--_height: var(--eds-sp-xl)}.eui-21 :host.eds-tag.eds-tag--size-l{--_font: var(--eds-f-paragraph-s);--_tag-padding: var(--eds-sp-3xs) var(--eds-sp-2xs);--_icon-size: var(--eds-is-m);--_height: var(--eds-sp-2xl)}.eui-21 :host.eds-tag.eds-tag--neutral{--_surface: var(--eds-c-surface-elevation-sunken);--_on-surface: var(--eds-c-foreground-subtle);--_border-color: var(--eds-c-border-neutral-subtle)}.eui-21 :host.eds-tag.eds-tag--info{--_surface: var(--eds-c-surface-info-subtler);--_on-surface: var(--eds-c-on-surface-info-subtler);--_border-color: var(--eds-c-border-info-subtle)}.eui-21 :host.eds-tag.eds-tag--success{--_surface: var(--eds-c-surface-success-subtler);--_on-surface: var(--eds-c-on-surface-success-subtler);--_border-color: var(--eds-c-border-success-subtle)}.eui-21 :host.eds-tag.eds-tag--warning{--_surface: var(--eds-c-surface-warning-subtler);--_on-surface: var(--eds-c-on-surface-warning-subtler);--_border-color: var(--eds-c-border-warning-subtle)}.eui-21 :host.eds-tag.eds-tag--critical{--_surface: var(--eds-c-surface-critical-subtler);--_on-surface: var(--eds-c-on-surface-critical-subtler);--_border-color: var(--eds-c-border-critical-subtle)}.eui-21 :host.eds-tag.eds-tag--outline{--_surface: transparent}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--neutral{--_border-color: var(--eds-c-border-neutral)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--info{--_border-color: var(--eds-c-border-info)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--success{--_border-color: var(--eds-c-border-success)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--warning{--_border-color: var(--eds-c-border-warning)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--critical{--_border-color: var(--eds-c-border-critical)}.eui-21 :host.eds-tag--cm-blue-navy{--_surface: var(--eds-c-surface-cm-blue-navy-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-navy-subtler);--_border-color: var(--eds-c-border-cm-blue-navy-subtle)}.eui-21 :host.eds-tag--cm-blue-electric{--_surface: var(--eds-c-surface-cm-blue-electric-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-electric-subtler);--_border-color: var(--eds-c-border-cm-blue-electric-subtle)}.eui-21 :host.eds-tag--cm-blue-ocean{--_surface: var(--eds-c-surface-cm-blue-ocean-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-ocean-subtler);--_border-color: var(--eds-c-border-cm-blue-ocean-subtle)}.eui-21 :host.eds-tag--cm-green{--_surface: var(--eds-c-surface-cm-green-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-subtler);--_border-color: var(--eds-c-border-cm-green-subtle)}.eui-21 :host.eds-tag--cm-green-dark{--_surface: var(--eds-c-surface-cm-green-dark-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-dark-subtler);--_border-color: var(--eds-c-border-cm-green-dark-subtle)}.eui-21 :host.eds-tag--cm-orange{--_surface: var(--eds-c-surface-cm-orange-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-subtler);--_border-color: var(--eds-c-border-cm-orange-subtle)}.eui-21 :host.eds-tag--cm-purple{--_surface: var(--eds-c-surface-cm-purple-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-subtler);--_border-color: var(--eds-c-border-cm-purple-subtle)}.eui-21 :host.eds-tag--cm-green-lemon{--_surface: var(--eds-c-surface-cm-green-lemon-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-lemon-subtler);--_border-color: var(--eds-c-border-cm-green-lemon-subtle)}.eui-21 :host.eds-tag--cm-green-pine{--_surface: var(--eds-c-surface-cm-green-pine-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-pine-subtler);--_border-color: var(--eds-c-border-cm-green-pine-subtle)}.eui-21 :host.eds-tag--cm-red-crayola{--_surface: var(--eds-c-surface-cm-red-crayola-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-crayola-subtler);--_border-color: var(--eds-c-border-cm-red-crayola-subtle)}.eui-21 :host.eds-tag--cm-yellow-gold{--_surface: var(--eds-c-surface-cm-yellow-gold-subtler);--_on-surface: var(--eds-c-on-surface-cm-yellow-gold-subtler);--_border-color: var(--eds-c-border-cm-yellow-gold-subtle)}.eui-21 :host.eds-tag--cm-orange-abricot{--_surface: var(--eds-c-surface-cm-orange-abricot-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-abricot-subtler);--_border-color: var(--eds-c-border-cm-orange-abricot-subtle)}.eui-21 :host.eds-tag--cm-purple-violet{--_surface: var(--eds-c-surface-cm-purple-violet-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-violet-subtler);--_border-color: var(--eds-c-border-cm-purple-violet-subtle)}.eui-21 :host.eds-tag--cm-red-tomato{--_surface: var(--eds-c-surface-cm-red-tomato-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-tomato-subtler);--_border-color: var(--eds-c-border-cm-red-tomato-subtle)}.eui-21 :host.eds-tag--cm-warm-grey{--_surface: var(--eds-c-surface-cm-warm-grey-subtler);--_on-surface: var(--eds-c-on-surface-cm-warm-grey-subtler);--_border-color: var(--eds-c-border-cm-warm-grey-subtle)}.eui-21 :host.eds-tag{align-items:center;border-radius:var(--eds-br-m);display:inline-flex;border:var(--eds-bw-xs) solid var(--_border-color);padding:var(--_tag-padding);font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);gap:var(--eds-sp-3xs);height:var(--_height)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsTag, isStandalone: true, selector: "eds-tag, span[edsTag]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, edsInternalId: { classPropertyName: "edsInternalId", publicName: "edsInternalId", isSignal: true, isRequired: false, transformFunction: null }, tooltipMessage: { classPropertyName: "tooltipMessage", publicName: "tooltipMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, edsOutline: { classPropertyName: "edsOutline", publicName: "edsOutline", isSignal: true, isRequired: false, transformFunction: null }, colorPalette: { classPropertyName: "colorPalette", publicName: "colorPalette", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-content/>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-tag{--_surface: var(--eds-c-surface-elevation-sunken);--_on-surface: var(--eds-c-foreground-subtle);--_border-color: var(--eds-c-border-neutral-subtle)}.eui-21 :host.eds-tag.eds-tag--size-m{--_font: var(--eds-f-paragraph-s);--_tag-padding: var(--eds-sp-4xs) var(--eds-sp-3xs);--_icon-size: var(--eds-is-s);--_height: var(--eds-sp-xl)}.eui-21 :host.eds-tag.eds-tag--size-l{--_font: var(--eds-f-paragraph-s);--_tag-padding: var(--eds-sp-3xs) var(--eds-sp-2xs);--_icon-size: var(--eds-is-m);--_height: var(--eds-sp-2xl)}.eui-21 :host.eds-tag.eds-tag--neutral{--_surface: var(--eds-c-surface-elevation-sunken);--_on-surface: var(--eds-c-foreground-subtle);--_border-color: var(--eds-c-border-neutral-subtle)}.eui-21 :host.eds-tag.eds-tag--info{--_surface: var(--eds-c-surface-info-subtler);--_on-surface: var(--eds-c-on-surface-info-subtler);--_border-color: var(--eds-c-border-info-subtle)}.eui-21 :host.eds-tag.eds-tag--success{--_surface: var(--eds-c-surface-success-subtler);--_on-surface: var(--eds-c-on-surface-success-subtler);--_border-color: var(--eds-c-border-success-subtle)}.eui-21 :host.eds-tag.eds-tag--warning{--_surface: var(--eds-c-surface-warning-subtler);--_on-surface: var(--eds-c-on-surface-warning-subtler);--_border-color: var(--eds-c-border-warning-subtle)}.eui-21 :host.eds-tag.eds-tag--critical{--_surface: var(--eds-c-surface-critical-subtler);--_on-surface: var(--eds-c-on-surface-critical-subtler);--_border-color: var(--eds-c-border-critical-subtle)}.eui-21 :host.eds-tag.eds-tag--outline{--_surface: transparent}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--neutral{--_border-color: var(--eds-c-border-neutral)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--info{--_border-color: var(--eds-c-border-info)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--success{--_border-color: var(--eds-c-border-success)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--warning{--_border-color: var(--eds-c-border-warning)}.eui-21 :host.eds-tag.eds-tag--outline.eds-tag--critical{--_border-color: var(--eds-c-border-critical)}.eui-21 :host.eds-tag--cm-blue-navy{--_surface: var(--eds-c-surface-cm-blue-navy-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-navy-subtler);--_border-color: var(--eds-c-border-cm-blue-navy-subtle)}.eui-21 :host.eds-tag--cm-blue-electric{--_surface: var(--eds-c-surface-cm-blue-electric-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-electric-subtler);--_border-color: var(--eds-c-border-cm-blue-electric-subtle)}.eui-21 :host.eds-tag--cm-blue-ocean{--_surface: var(--eds-c-surface-cm-blue-ocean-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-ocean-subtler);--_border-color: var(--eds-c-border-cm-blue-ocean-subtle)}.eui-21 :host.eds-tag--cm-green{--_surface: var(--eds-c-surface-cm-green-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-subtler);--_border-color: var(--eds-c-border-cm-green-subtle)}.eui-21 :host.eds-tag--cm-green-dark{--_surface: var(--eds-c-surface-cm-green-dark-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-dark-subtler);--_border-color: var(--eds-c-border-cm-green-dark-subtle)}.eui-21 :host.eds-tag--cm-orange{--_surface: var(--eds-c-surface-cm-orange-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-subtler);--_border-color: var(--eds-c-border-cm-orange-subtle)}.eui-21 :host.eds-tag--cm-purple{--_surface: var(--eds-c-surface-cm-purple-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-subtler);--_border-color: var(--eds-c-border-cm-purple-subtle)}.eui-21 :host.eds-tag--cm-green-lemon{--_surface: var(--eds-c-surface-cm-green-lemon-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-lemon-subtler);--_border-color: var(--eds-c-border-cm-green-lemon-subtle)}.eui-21 :host.eds-tag--cm-green-pine{--_surface: var(--eds-c-surface-cm-green-pine-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-pine-subtler);--_border-color: var(--eds-c-border-cm-green-pine-subtle)}.eui-21 :host.eds-tag--cm-red-crayola{--_surface: var(--eds-c-surface-cm-red-crayola-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-crayola-subtler);--_border-color: var(--eds-c-border-cm-red-crayola-subtle)}.eui-21 :host.eds-tag--cm-yellow-gold{--_surface: var(--eds-c-surface-cm-yellow-gold-subtler);--_on-surface: var(--eds-c-on-surface-cm-yellow-gold-subtler);--_border-color: var(--eds-c-border-cm-yellow-gold-subtle)}.eui-21 :host.eds-tag--cm-orange-abricot{--_surface: var(--eds-c-surface-cm-orange-abricot-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-abricot-subtler);--_border-color: var(--eds-c-border-cm-orange-abricot-subtle)}.eui-21 :host.eds-tag--cm-purple-violet{--_surface: var(--eds-c-surface-cm-purple-violet-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-violet-subtler);--_border-color: var(--eds-c-border-cm-purple-violet-subtle)}.eui-21 :host.eds-tag--cm-red-tomato{--_surface: var(--eds-c-surface-cm-red-tomato-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-tomato-subtler);--_border-color: var(--eds-c-border-cm-red-tomato-subtle)}.eui-21 :host.eds-tag--cm-warm-grey{--_surface: var(--eds-c-surface-cm-warm-grey-subtler);--_on-surface: var(--eds-c-on-surface-cm-warm-grey-subtler);--_border-color: var(--eds-c-border-cm-warm-grey-subtle)}.eui-21 :host.eds-tag{align-items:center;border-radius:var(--eds-br-m);display:inline-flex;border:var(--eds-bw-xs) solid var(--_border-color);padding:var(--_tag-padding);font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);gap:var(--eds-sp-3xs);height:var(--_height)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTag, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTag, decorators: [{
             type: Component,
             args: [{ selector: 'eds-tag, span[edsTag]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',

package/fesm2022/eui-eds-eds-textarea.mjs

@@ -87,10 +87,10 @@ class EdsTextarea {
         const target = event.target;
         this._onChange(target.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsTextarea, isStandalone: true, selector: "textarea[edsTextarea]", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onHostInput($event)", "blur": "onTouched()" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "disabled": "disabled()", "attr.readonly": "readonly() || null" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-textarea{font:var(--eds-f-paragraph-m);appearance:none;background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-neutral);border-radius:var(--eds-br-s);box-shadow:none;color:var(--eds-c-foreground-default);min-height:var(--eds-si-3xl);padding:var(--eds-sp-xs) var(--eds-sp-s);width:100%}.eui-21 :host.eds-textarea:focus-visible:not([readonly]){outline:2px solid var(--eds-c-border-primary)!important;outline-offset:-2px!important;transition:none}.eui-21 :host.eds-textarea:not([hidden]){display:block}.eui-21 :host.eds-textarea::placeholder{color:var(--eds-c-foreground-subtler);opacity:1}.eui-21 :host.eds-textarea[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:0;pointer-events:none}.eui-21 :host.eds-textarea:disabled:not([readonly]),.eui-21 :host.eds-textarea--disabled:not([readonly]){background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);color:var(--eds-c-foreground-subtler);pointer-events:none}.eui-21 :host.eds-textarea--invalid{border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-textarea--loading{padding-right:var(--eds-sp-7xl)}.eui-21 :host.eds-textarea--loading-icon{align-items:center;display:flex}.eui-21 :host.eds-textarea--loading-icon:after,.eui-21 :host.eds-textarea--loading-icon:before{content:\"\";height:var(--eds-sp-l);position:absolute;right:var(--eds-sp-s);width:var(--eds-sp-l)}.eui-21 :host.eds-textarea--loading-icon:before{border:var(--eds-sp-3xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-21 :host.eds-textarea--loading-icon:after{animation:loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eds-sp-3xs);box-shadow:0 0 0 1px transparent}.eui-21 :host.eds-textarea--loading-icon--sm:after,.eui-21 :host.eds-textarea--loading-icon--sm:before{height:var(--eds-sp-m);width:var(--eds-sp-m)}@keyframes loading{to{transform:rotate(360deg)}}.eui-21 :host.eds-textarea{height:auto;min-height:calc(var(--eds-si-3xl) * 2);resize:vertical}.eui-21 :host.eds-textarea[readonly]{pointer-events:auto;resize:none}.eui-21 :host.eds-textarea[readonly]::placeholder{color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsTextarea, isStandalone: true, selector: "textarea[edsTextarea]", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onHostInput($event)", "blur": "onTouched()" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "disabled": "disabled()", "attr.readonly": "readonly() || null" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-textarea{font:var(--eds-f-paragraph-m);appearance:none;background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-neutral);border-radius:var(--eds-br-s);box-shadow:none;color:var(--eds-c-foreground-default);min-height:var(--eds-si-3xl);padding:var(--eds-sp-xs) var(--eds-sp-s);width:100%}.eui-21 :host.eds-textarea:focus-visible:not([readonly]){outline:2px solid var(--eds-c-border-primary)!important;outline-offset:-2px!important;transition:none}.eui-21 :host.eds-textarea:not([hidden]){display:block}.eui-21 :host.eds-textarea::placeholder{color:var(--eds-c-foreground-subtler);opacity:1}.eui-21 :host.eds-textarea[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:0;pointer-events:none}.eui-21 :host.eds-textarea:disabled:not([readonly]),.eui-21 :host.eds-textarea--disabled:not([readonly]){background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);color:var(--eds-c-foreground-subtler);pointer-events:none}.eui-21 :host.eds-textarea--invalid{border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-textarea--loading{padding-right:var(--eds-sp-7xl)}.eui-21 :host.eds-textarea--loading-icon{align-items:center;display:flex}.eui-21 :host.eds-textarea--loading-icon:after,.eui-21 :host.eds-textarea--loading-icon:before{content:\"\";height:var(--eds-sp-l);position:absolute;right:var(--eds-sp-s);width:var(--eds-sp-l)}.eui-21 :host.eds-textarea--loading-icon:before{border:var(--eds-sp-3xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-21 :host.eds-textarea--loading-icon:after{animation:loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eds-sp-3xs);box-shadow:0 0 0 1px transparent}.eui-21 :host.eds-textarea--loading-icon--sm:after,.eui-21 :host.eds-textarea--loading-icon--sm:before{height:var(--eds-sp-m);width:var(--eds-sp-m)}@keyframes loading{to{transform:rotate(360deg)}}.eui-21 :host.eds-textarea{height:auto;min-height:calc(var(--eds-si-3xl) * 2);resize:vertical}.eui-21 :host.eds-textarea[readonly]{pointer-events:auto;resize:none}.eui-21 :host.eds-textarea[readonly]::placeholder{color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTextarea, decorators: [{
             type: Component,
             args: [{ selector: 'textarea[edsTextarea]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -197,10 +197,10 @@ class EdsAutoResizeDirective {
         parent.removeChild(clone);
         this._renderer.setStyle(el, 'height', height);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsAutoResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: EdsAutoResizeDirective, isStandalone: true, selector: "textarea[edsAutoResize]", inputs: { edsAutoResize: { classPropertyName: "edsAutoResize", publicName: "edsAutoResize", isSignal: true, isRequired: false, transformFunction: null }, minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "resize()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsAutoResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EdsAutoResizeDirective, isStandalone: true, selector: "textarea[edsAutoResize]", inputs: { edsAutoResize: { classPropertyName: "edsAutoResize", publicName: "edsAutoResize", isSignal: true, isRequired: false, transformFunction: null }, minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "resize()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsAutoResizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsAutoResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/fesm2022/eui-eds-eds-timeline.mjs

@@ -56,10 +56,10 @@ class EdsTimeline {
         ].join(' ').trim(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsTimeline, isStandalone: true, selector: "eds-timeline", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, leftAligned: { classPropertyName: "leftAligned", publicName: "leftAligned", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsTimeline, isStandalone: true, selector: "eds-timeline", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, leftAligned: { classPropertyName: "leftAligned", publicName: "leftAligned", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTimeline, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTimeline, decorators: [{
             type: Component,
             args: [{ selector: 'eds-timeline', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -141,10 +141,10 @@ class EdsTimelineItem {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsTimelineItem, isStandalone: true, selector: "eds-timeline-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, isGroup: { classPropertyName: "isGroup", publicName: "isGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (!isLeftAligned()) {\n    <div class=\"left-content\">\n        @if (date()) {\n            <div class=\"date\">{{ date() }}</div>\n        }\n        @if (time()) {\n            <div class=\"time\">{{ time() }}</div>\n        }\n    </div>\n}\n<div class=\"indicator\" [class.indicator--group]=\"isGroup()\"></div>\n<div class=\"content\">\n    <ng-content>\n        @if (label()) {\n            <div class=\"title\">{{ label() }}</div>\n        }\n        @if (subLabel()) {\n            <div class=\"subtitle\">{{ subLabel() }}</div>\n        }\n        @if (isLeftAligned()) {\n            @if (date()) {\n                <div class=\"date\">{{ date() }}</div>\n            }\n            @if (time()) {\n                <div class=\"time\">{{ time() }}</div>\n            }\n        }\n    </ng-content>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-timeline-item--neutral{--_indicator-color: var(--eds-c-foreground-subtler);--_title-color: var(--eds-c-foreground-default)}.eui-21 :host.eds-timeline-item--info{--_indicator-color: var(--eds-c-foreground-info);--_title-color: var(--eds-c-foreground-info)}.eui-21 :host.eds-timeline-item--success{--_indicator-color: var(--eds-c-foreground-success);--_title-color: var(--eds-c-foreground-success)}.eui-21 :host.eds-timeline-item--warning{--_indicator-color: var(--eds-c-foreground-warning);--_title-color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-timeline-item--critical{--_indicator-color: var(--eds-c-foreground-critical);--_title-color: var(--eds-c-foreground-critical)}.eui-21 :host{--_dot-size: var(--eds-sp-s);--_first-line-height: 1.25rem;display:flex;flex-direction:row;position:relative;width:100%;padding-bottom:var(--eds-sp-m)}.eui-21 :host .left-content{display:flex;flex-direction:column;align-items:flex-end;min-width:8rem;padding-right:var(--eds-sp-s)}.eui-21 :host .indicator{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:var(--eds-sp-l);z-index:2}.eui-21 :host .indicator:after{content:\"\";width:var(--_dot-size);height:var(--_dot-size);border-radius:var(--eds-br-full);border:var(--eds-bw-s) solid var(--_indicator-color);background-color:var(--eds-c-surface-default);margin-top:calc(var(--_first-line-height) / 2 - var(--_dot-size) / 2);flex-shrink:0}.eui-21 :host .indicator:before{content:\"\";position:absolute;top:calc(var(--_first-line-height) / 2 + var(--_dot-size) / 2);left:50%;transform:translate(-50%);width:var(--eds-bw-s);height:calc(100% + var(--eds-sp-m) - var(--_first-line-height) / 2 - var(--_dot-size) / 2);background-color:var(--eds-c-border-divider)}.eui-21 :host .indicator.indicator--group:after{display:none}.eui-21 :host .indicator.indicator--group:before{top:0;height:calc(100% + var(--eds-sp-m));background-color:transparent;border-left:var(--eds-bw-s) dashed var(--eds-c-border-divider);width:0;transform:none;left:calc(50% - 1px)}.eui-21 :host .content{flex:1;padding-left:var(--eds-sp-s);min-width:0}.eui-21 :host .content .title{font:var(--eds-f-label-m-semi-bold);color:var(--_title-color);line-height:var(--_first-line-height)}.eui-21 :host .content .subtitle{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);margin-top:var(--eds-sp-4xs)}.eui-21 :host .content .date{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);margin-top:var(--eds-sp-2xs)}.eui-21 :host .content .time{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler);margin-top:var(--eds-sp-4xs)}.eui-21 :host .date{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);line-height:var(--_first-line-height)}.eui-21 :host .time{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler);margin-top:var(--eds-sp-4xs)}.eui-21 :host:last-child .indicator:before{display:none}.eui-21 :host.eds-timeline-item--group{padding-bottom:var(--eds-sp-xs)}.eui-21 :host.eds-timeline-item--group .content{padding-bottom:var(--eds-sp-xs)}.eui-21 :host.eds-timeline-item--left-aligned .indicator{margin-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsTimelineItem, isStandalone: true, selector: "eds-timeline-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, isGroup: { classPropertyName: "isGroup", publicName: "isGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (!isLeftAligned()) {\n    <div class=\"left-content\">\n        @if (date()) {\n            <div class=\"date\">{{ date() }}</div>\n        }\n        @if (time()) {\n            <div class=\"time\">{{ time() }}</div>\n        }\n    </div>\n}\n<div class=\"indicator\" [class.indicator--group]=\"isGroup()\"></div>\n<div class=\"content\">\n    <ng-content>\n        @if (label()) {\n            <div class=\"title\">{{ label() }}</div>\n        }\n        @if (subLabel()) {\n            <div class=\"subtitle\">{{ subLabel() }}</div>\n        }\n        @if (isLeftAligned()) {\n            @if (date()) {\n                <div class=\"date\">{{ date() }}</div>\n            }\n            @if (time()) {\n                <div class=\"time\">{{ time() }}</div>\n            }\n        }\n    </ng-content>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-timeline-item--neutral{--_indicator-color: var(--eds-c-foreground-subtler);--_title-color: var(--eds-c-foreground-default)}.eui-21 :host.eds-timeline-item--info{--_indicator-color: var(--eds-c-foreground-info);--_title-color: var(--eds-c-foreground-info)}.eui-21 :host.eds-timeline-item--success{--_indicator-color: var(--eds-c-foreground-success);--_title-color: var(--eds-c-foreground-success)}.eui-21 :host.eds-timeline-item--warning{--_indicator-color: var(--eds-c-foreground-warning);--_title-color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-timeline-item--critical{--_indicator-color: var(--eds-c-foreground-critical);--_title-color: var(--eds-c-foreground-critical)}.eui-21 :host{--_dot-size: var(--eds-sp-s);--_first-line-height: 1.25rem;display:flex;flex-direction:row;position:relative;width:100%;padding-bottom:var(--eds-sp-m)}.eui-21 :host .left-content{display:flex;flex-direction:column;align-items:flex-end;min-width:8rem;padding-right:var(--eds-sp-s)}.eui-21 :host .indicator{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:var(--eds-sp-l);z-index:2}.eui-21 :host .indicator:after{content:\"\";width:var(--_dot-size);height:var(--_dot-size);border-radius:var(--eds-br-full);border:var(--eds-bw-s) solid var(--_indicator-color);background-color:var(--eds-c-surface-default);margin-top:calc(var(--_first-line-height) / 2 - var(--_dot-size) / 2);flex-shrink:0}.eui-21 :host .indicator:before{content:\"\";position:absolute;top:calc(var(--_first-line-height) / 2 + var(--_dot-size) / 2);left:50%;transform:translate(-50%);width:var(--eds-bw-s);height:calc(100% + var(--eds-sp-m) - var(--_first-line-height) / 2 - var(--_dot-size) / 2);background-color:var(--eds-c-border-divider)}.eui-21 :host .indicator.indicator--group:after{display:none}.eui-21 :host .indicator.indicator--group:before{top:0;height:calc(100% + var(--eds-sp-m));background-color:transparent;border-left:var(--eds-bw-s) dashed var(--eds-c-border-divider);width:0;transform:none;left:calc(50% - 1px)}.eui-21 :host .content{flex:1;padding-left:var(--eds-sp-s);min-width:0}.eui-21 :host .content .title{font:var(--eds-f-label-m-semi-bold);color:var(--_title-color);line-height:var(--_first-line-height)}.eui-21 :host .content .subtitle{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);margin-top:var(--eds-sp-4xs)}.eui-21 :host .content .date{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);margin-top:var(--eds-sp-2xs)}.eui-21 :host .content .time{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler);margin-top:var(--eds-sp-4xs)}.eui-21 :host .date{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);line-height:var(--_first-line-height)}.eui-21 :host .time{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler);margin-top:var(--eds-sp-4xs)}.eui-21 :host:last-child .indicator:before{display:none}.eui-21 :host.eds-timeline-item--group{padding-bottom:var(--eds-sp-xs)}.eui-21 :host.eds-timeline-item--group .content{padding-bottom:var(--eds-sp-xs)}.eui-21 :host.eds-timeline-item--left-aligned .indicator{margin-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTimelineItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTimelineItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-timeline-item', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {

package/fesm2022/eui-eds-eds-timepicker.mjs

@@ -129,10 +129,10 @@ class EdsTimepicker {
         this._onChange(time);
         this.timeChange.emit(time);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTimepicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsTimepicker, isStandalone: true, selector: "eds-timepicker", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, stepHours: { classPropertyName: "stepHours", publicName: "stepHours", isSignal: true, isRequired: false, transformFunction: null }, stepMinutes: { classPropertyName: "stepMinutes", publicName: "stepMinutes", isSignal: true, isRequired: false, transformFunction: null }, stepSeconds: { classPropertyName: "stepSeconds", publicName: "stepSeconds", isSignal: true, isRequired: false, transformFunction: null }, hasSeconds: { classPropertyName: "hasSeconds", publicName: "hasSeconds", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeChange: "timeChange" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div class=\"eds-timepicker\">\n    <div class=\"eds-timepicker__field\">\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeHours(stepHours())\" aria-label=\"Increase hours\">\u25B2</button>\n        }\n        <input class=\"eds-timepicker__input\" type=\"text\" [value]=\"padded(hours())\" [disabled]=\"disabled()\" [readonly]=\"readonly()\" (change)=\"onHoursInput($event)\" aria-label=\"Hours\"/>\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeHours(-stepHours())\" aria-label=\"Decrease hours\">\u25BC</button>\n        }\n    </div>\n\n    <span class=\"eds-timepicker__separator\">:</span>\n\n    <div class=\"eds-timepicker__field\">\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeMinutes(stepMinutes())\" aria-label=\"Increase minutes\">\u25B2</button>\n        }\n        <input class=\"eds-timepicker__input\" type=\"text\" [value]=\"padded(minutes())\" [disabled]=\"disabled()\" [readonly]=\"readonly()\" (change)=\"onMinutesInput($event)\" aria-label=\"Minutes\"/>\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeMinutes(-stepMinutes())\" aria-label=\"Decrease minutes\">\u25BC</button>\n        }\n    </div>\n\n    @if (hasSeconds()) {\n        <span class=\"eds-timepicker__separator\">:</span>\n\n        <div class=\"eds-timepicker__field\">\n            @if (!readonly()) {\n                <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeSeconds(stepSeconds())\" aria-label=\"Increase seconds\">\u25B2</button>\n            }\n            <input class=\"eds-timepicker__input\" type=\"text\" [value]=\"padded(seconds())\" [disabled]=\"disabled()\" [readonly]=\"readonly()\" (change)=\"onSecondsInput($event)\" aria-label=\"Seconds\"/>\n            @if (!readonly()) {\n                <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeSeconds(-stepSeconds())\" aria-label=\"Decrease seconds\">\u25BC</button>\n            }\n        </div>\n    }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-block}.eui-21 :host .eds-timepicker{display:flex;align-items:center;gap:var(--eds-sp-3xs)}.eui-21 :host .eds-timepicker__field{display:flex;flex-direction:column;align-items:center;gap:var(--eds-sp-3xs)}.eui-21 :host .eds-timepicker__input{width:44px;height:var(--eds-si-xl);text-align:center;font:var(--eds-f-paragraph-m);border:var(--eds-bw-xs) solid var(--eds-c-border-neutral);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation);color:var(--eds-c-foreground-default);padding:0}.eui-21 :host .eds-timepicker__input:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-timepicker__input:disabled{opacity:var(--eds-op-50);pointer-events:none}.eui-21 :host .eds-timepicker__btn{background:none;border:none;cursor:pointer;font-size:10px;line-height:1;padding:var(--eds-sp-3xs);border-radius:var(--eds-br-xs);color:var(--eds-c-foreground-subtle)}.eui-21 :host .eds-timepicker__btn:hover:not(:disabled){background-color:var(--eds-c-surface-neutral-subtler);color:var(--eds-c-foreground-default)}.eui-21 :host .eds-timepicker__btn:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-timepicker__btn:disabled{opacity:var(--eds-op-50);cursor:default}.eui-21 :host .eds-timepicker__separator{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-default);padding-top:var(--eds-sp-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTimepicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsTimepicker, isStandalone: true, selector: "eds-timepicker", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, stepHours: { classPropertyName: "stepHours", publicName: "stepHours", isSignal: true, isRequired: false, transformFunction: null }, stepMinutes: { classPropertyName: "stepMinutes", publicName: "stepMinutes", isSignal: true, isRequired: false, transformFunction: null }, stepSeconds: { classPropertyName: "stepSeconds", publicName: "stepSeconds", isSignal: true, isRequired: false, transformFunction: null }, hasSeconds: { classPropertyName: "hasSeconds", publicName: "hasSeconds", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeChange: "timeChange" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div class=\"eds-timepicker\">\n    <div class=\"eds-timepicker__field\">\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeHours(stepHours())\" aria-label=\"Increase hours\">\u25B2</button>\n        }\n        <input class=\"eds-timepicker__input\" type=\"text\" [value]=\"padded(hours())\" [disabled]=\"disabled()\" [readonly]=\"readonly()\" (change)=\"onHoursInput($event)\" aria-label=\"Hours\"/>\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeHours(-stepHours())\" aria-label=\"Decrease hours\">\u25BC</button>\n        }\n    </div>\n\n    <span class=\"eds-timepicker__separator\">:</span>\n\n    <div class=\"eds-timepicker__field\">\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeMinutes(stepMinutes())\" aria-label=\"Increase minutes\">\u25B2</button>\n        }\n        <input class=\"eds-timepicker__input\" type=\"text\" [value]=\"padded(minutes())\" [disabled]=\"disabled()\" [readonly]=\"readonly()\" (change)=\"onMinutesInput($event)\" aria-label=\"Minutes\"/>\n        @if (!readonly()) {\n            <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeMinutes(-stepMinutes())\" aria-label=\"Decrease minutes\">\u25BC</button>\n        }\n    </div>\n\n    @if (hasSeconds()) {\n        <span class=\"eds-timepicker__separator\">:</span>\n\n        <div class=\"eds-timepicker__field\">\n            @if (!readonly()) {\n                <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeSeconds(stepSeconds())\" aria-label=\"Increase seconds\">\u25B2</button>\n            }\n            <input class=\"eds-timepicker__input\" type=\"text\" [value]=\"padded(seconds())\" [disabled]=\"disabled()\" [readonly]=\"readonly()\" (change)=\"onSecondsInput($event)\" aria-label=\"Seconds\"/>\n            @if (!readonly()) {\n                <button class=\"eds-timepicker__btn\" type=\"button\" [disabled]=\"disabled()\" (click)=\"changeSeconds(-stepSeconds())\" aria-label=\"Decrease seconds\">\u25BC</button>\n            }\n        </div>\n    }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-block}.eui-21 :host .eds-timepicker{display:flex;align-items:center;gap:var(--eds-sp-3xs)}.eui-21 :host .eds-timepicker__field{display:flex;flex-direction:column;align-items:center;gap:var(--eds-sp-3xs)}.eui-21 :host .eds-timepicker__input{width:44px;height:var(--eds-si-xl);text-align:center;font:var(--eds-f-paragraph-m);border:var(--eds-bw-xs) solid var(--eds-c-border-neutral);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation);color:var(--eds-c-foreground-default);padding:0}.eui-21 :host .eds-timepicker__input:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-timepicker__input:disabled{opacity:var(--eds-op-50);pointer-events:none}.eui-21 :host .eds-timepicker__btn{background:none;border:none;cursor:pointer;font-size:10px;line-height:1;padding:var(--eds-sp-3xs);border-radius:var(--eds-br-xs);color:var(--eds-c-foreground-subtle)}.eui-21 :host .eds-timepicker__btn:hover:not(:disabled){background-color:var(--eds-c-surface-neutral-subtler);color:var(--eds-c-foreground-default)}.eui-21 :host .eds-timepicker__btn:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-timepicker__btn:disabled{opacity:var(--eds-op-50);cursor:default}.eui-21 :host .eds-timepicker__separator{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-default);padding-top:var(--eds-sp-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsTimepicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTimepicker, decorators: [{
             type: Component,
             args: [{ selector: 'eds-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-e2e]': 'e2eAttr()',

package/fesm2022/eui-eds-eds-toggle-group.mjs

@@ -33,10 +33,10 @@ class EdsToggleGroupItem {
     onButtonClick() {
         this.itemClick.emit(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsToggleGroupItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsToggleGroupItem, isStandalone: true, selector: "eds-toggle-group-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isChecked: "isCheckedChange", itemClick: "itemClick" }, host: { properties: { "class": "hostClasses()", "attr.id": "id()" } }, ngImport: i0, template: '<button (click)="onButtonClick()" [attr.aria-pressed]="isChecked()" type="button"><ng-content/></button>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-toggle-group-item{display:inline-flex}.eui-21 :host.eds-toggle-group-item button{padding:var(--eds-sp-xs) var(--eds-sp-s);border-radius:var(--eds-br-m);cursor:pointer;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--eds-sp-2xs);font:var(--eds-f-label-m);color:var(--eds-c-foreground-default);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.eui-21 :host.eds-toggle-group-item button:focus-visible:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}.eui-21 :host.eds-toggle-group-item button:hover{background-color:var(--eds-c-surface-neutral-subtler)}.eui-21 :host.eds-toggle-group-item--checked button{background-color:var(--eds-c-surface-elevation);border-color:var(--eds-c-border-divider);color:var(--eds-c-foreground-primary)}.eui-21 :host-context(.eds-toggle-group--fluid){flex:1 1 0}.eui-21 :host-context(.eds-toggle-group--fluid) button{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsToggleGroupItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsToggleGroupItem, isStandalone: true, selector: "eds-toggle-group-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isChecked: "isCheckedChange", itemClick: "itemClick" }, host: { properties: { "class": "hostClasses()", "attr.id": "id()" } }, ngImport: i0, template: '<button (click)="onButtonClick()" [attr.aria-pressed]="isChecked()" type="button"><ng-content/></button>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-toggle-group-item{display:inline-flex}.eui-21 :host.eds-toggle-group-item button{padding:var(--eds-sp-xs) var(--eds-sp-s);border-radius:var(--eds-br-m);cursor:pointer;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--eds-sp-2xs);font:var(--eds-f-label-m);color:var(--eds-c-foreground-default);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.eui-21 :host.eds-toggle-group-item button:focus-visible:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}.eui-21 :host.eds-toggle-group-item button:hover{background-color:var(--eds-c-surface-neutral-subtler)}.eui-21 :host.eds-toggle-group-item--checked button{background-color:var(--eds-c-surface-elevation);border-color:var(--eds-c-border-divider);color:var(--eds-c-foreground-primary)}.eui-21 :host-context(.eds-toggle-group--fluid){flex:1 1 0}.eui-21 :host-context(.eds-toggle-group--fluid) button{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsToggleGroupItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsToggleGroupItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-toggle-group-item', template: '<button (click)="onButtonClick()" [attr.aria-pressed]="isChecked()" type="button"><ng-content/></button>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -103,10 +103,10 @@ class EdsToggleGroup {
         }
         this.itemClick.emit(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsToggleGroup, isStandalone: true, selector: "eds-toggle-group", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, isFluid: { classPropertyName: "isFluid", publicName: "isFluid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "items", predicate: EdsToggleGroupItem, isSignal: true }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-toggle-group{display:inline-flex;align-items:center;gap:var(--eds-sp-2xs);position:relative;vertical-align:middle}.eui-21 :host.eds-toggle-group--fluid{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsToggleGroup, isStandalone: true, selector: "eds-toggle-group", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, isFluid: { classPropertyName: "isFluid", publicName: "isFluid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "items", predicate: EdsToggleGroupItem, isSignal: true }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-toggle-group{display:inline-flex;align-items:center;gap:var(--eds-sp-2xs);position:relative;vertical-align:middle}.eui-21 :host.eds-toggle-group--fluid{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsToggleGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsToggleGroup, decorators: [{
             type: Component,
             args: [{ selector: 'eds-toggle-group', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',

package/fesm2022/eui-eds-eds-toggle.mjs

@@ -95,8 +95,8 @@ class EdsToggle {
     setDisabledState(_isDisabled) {
         // disabled is handled via the input signal; forms can set it externally
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsToggle, isStandalone: true, selector: "eds-toggle", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, iconOn: { classPropertyName: "iconOn", publicName: "iconOn", isSignal: true, isRequired: false, transformFunction: null }, iconOff: { classPropertyName: "iconOff", publicName: "iconOff", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", toggleChange: "toggleChange" }, host: { listeners: { "keydown.space": "toggle(); $event.preventDefault()", "keydown.enter": "toggle()", "blur": "onFocusOut()" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.tabindex": "disabled() ? -1 : 0", "attr.role": "\"switch\"", "attr.aria-checked": "checked()", "attr.aria-label": "ariaLabel()", "attr.aria-disabled": "disabled()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsToggle, isStandalone: true, selector: "eds-toggle", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, iconOn: { classPropertyName: "iconOn", publicName: "iconOn", isSignal: true, isRequired: false, transformFunction: null }, iconOff: { classPropertyName: "iconOff", publicName: "iconOff", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", toggleChange: "toggleChange" }, host: { listeners: { "keydown.space": "toggle(); $event.preventDefault()", "keydown.enter": "toggle()", "blur": "onFocusOut()" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.tabindex": "disabled() ? -1 : 0", "attr.role": "\"switch\"", "attr.aria-checked": "checked()", "attr.aria-label": "ariaLabel()", "attr.aria-disabled": "disabled()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => EdsToggle),
@@ -104,7 +104,7 @@ class EdsToggle {
             },
         ], hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<input\n    class=\"eds-toggle__input\"\n    type=\"checkbox\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    [checked]=\"checked()\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle(); $event.preventDefault()\" />\n<span class=\"eds-toggle__track\">\n    <span class=\"eds-toggle__handle\">\n        @if (iconOn() && iconOff()) {\n            @if (checked()) {\n                <eds-icon [icon]=\"iconOn()!\" edsSizeS/>\n            } @else {\n                <eds-icon [icon]=\"iconOff()!\" edsSizeS/>\n            }\n        }\n    </span>\n</span>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-toggle{--_toggle-width: 2.75rem;--_toggle-height: 1.5rem;--_handle-size: 1.25rem;--_handle-offset: .125rem;--_track-color: var(--eds-c-surface-neutral-subtle);--_track-color-checked: var(--eds-c-surface-primary);--_handle-color: var(--eds-c-surface-elevation);--_handle-border-color: var(--eds-c-border-neutral);--_icon-color: var(--eds-c-foreground-subtler);display:inline-flex;align-items:center;position:relative;cursor:pointer}.eui-21 :host.eds-toggle .eds-toggle__input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:1;margin:0}.eui-21 :host.eds-toggle .eds-toggle__track{display:flex;align-items:center;width:var(--_toggle-width);height:var(--_toggle-height);background-color:var(--_track-color);border-radius:var(--eds-br-full);padding:var(--_handle-offset);transition:background-color .15s ease-in-out}.eui-21 :host.eds-toggle .eds-toggle__handle{display:flex;align-items:center;justify-content:center;width:var(--_handle-size);height:var(--_handle-size);background-color:var(--_handle-color);border:1px solid var(--_handle-border-color);border-radius:var(--eds-br-full);box-shadow:var(--eds-sh-1);transition:transform .15s ease-in-out;color:var(--_icon-color)}.eui-21 :host.eds-toggle:focus-visible:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}.eui-21 :host.eds-toggle--checked .eds-toggle__track{background-color:var(--_track-color-checked)}.eui-21 :host.eds-toggle--checked .eds-toggle__handle{transform:translate(calc(var(--_toggle-width) - var(--_handle-size) - var(--_handle-offset) * 2));border-color:var(--_track-color-checked)}.eui-21 :host.eds-toggle--disabled{cursor:not-allowed;opacity:.4}.eui-21 :host.eds-toggle--disabled .eds-toggle__input{cursor:not-allowed}.eui-21 :host.eds-toggle--size-s{--_toggle-width: 2.25rem;--_toggle-height: 1.25rem;--_handle-size: 1rem;--_handle-offset: .125rem}.eui-21 :host.eds-toggle--size-l{--_toggle-width: 3.25rem;--_toggle-height: 1.75rem;--_handle-size: 1.5rem;--_handle-offset: .125rem}\n"], dependencies: [{ kind: "component", type: i2.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsToggle, decorators: [{
             type: Component,
             args: [{ selector: 'eds-toggle', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ...EDS_ICON,