@eui/components 18.0.0-rc.3 → 18.0.0-rc.5

package/fesm2022/eui-components-eui-breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-breadcrumb.mjs","sources":["../../eui-breadcrumb/item/breadcrumb-item.component.ts","../../eui-breadcrumb/item/breadcrumb-item.component.html","../../eui-breadcrumb/breadcrumb.component.ts","../../eui-breadcrumb/breadcrumb.component.html","../../eui-breadcrumb/breadcrumb.service.ts","../../eui-breadcrumb/breadcrumb.module.ts","../../eui-breadcrumb/item/breadcrumb-item.model.ts","../../eui-breadcrumb/index.ts","../../eui-breadcrumb/eui-components-eui-breadcrumb.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { NavigationExtras, Router } from '@angular/router';\nimport { LogService } from '@eui/core';\n\n@Component({\n    selector: 'eui-breadcrumb-item',\n    templateUrl: 'breadcrumb-item.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBreadcrumbItemComponent implements OnDestroy, OnInit {\n    @HostBinding('class') string = 'eui-breadcrumb-item';\n\n    /**\n     * A unique id for the breadcrumb\n     */\n    @Input() id: string;\n    /**\n     * The label of the breadcrumbItem. It might get truncated if it's too long.\n     */\n    @Input() label: string;\n    /**\n     * Commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **array**: commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **string**: shorthand for array of commands with just the string, i.e. `['/route']`\n     *   - **null|undefined**: Disables the link by removing the `href`\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() link: string | any[];\n    /**\n     * A fragment\n     */\n    @Input() navigationExtras: NavigationExtras;\n    /** calculated item width */\n    width = 0;\n    hasPrevious = false;\n    hasNext = false;\n    /** state of breadcrumb item in case of collapsed */\n    collapsed = false;\n\n    private previousCrumb: EuiBreadcrumbItemComponent;\n    private nextCrumb: EuiBreadcrumbItemComponent;\n\n    constructor(\n        private host: ElementRef<HTMLElement>,\n        private router: Router,\n        private cdr: ChangeDetectorRef,\n        public elementRef: ElementRef,\n        @Optional() private logService: LogService,\n    ) {}\n\n    ngOnInit(): void {\n        // generate a random ID if none exists\n        if (!this.id) {\n            this.id = Math.trunc(Math.random() * 1000).toString();\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.logService) {\n            this.logService.info(`Crumb with id:${this.id} destroyed`);\n        }\n    }\n\n    destroy(): void {\n        this.host.nativeElement.remove();\n    }\n\n    /**\n     * set the previous breadcrumb item\n     *\n     * @param  breadcrumbItem The previous item to point to.\n     */\n    setPrevious(breadcrumbItem: EuiBreadcrumbItemComponent): void {\n        this.previousCrumb = breadcrumbItem;\n        this.cdr.detach();\n        this.hasPrevious = breadcrumbItem ? true : false;\n        this.cdr.detectChanges();\n        this.cdr.reattach();\n    }\n\n    /**\n     * set the next breadcrumb item\n     *\n     * @param breadcrumbItem The next item to point to.\n     */\n    setNext(breadcrumbItem: EuiBreadcrumbItemComponent): void {\n        this.nextCrumb = breadcrumbItem;\n        this.cdr.detach();\n        this.hasNext = breadcrumbItem ? true : false;\n        this.cdr.detectChanges();\n        this.cdr.reattach();\n    }\n\n    /**\n     * A callback to navigate to the given link using ng-router.\n     *\n     * @param event\n     */\n    onClick(): boolean {\n        if (this.link) {\n            if (typeof this.link === 'string') {\n                if (this.link.startsWith('http')) {\n                    window.location.href = this.link;\n                    return true;\n                }\n                const extra = this.navigationExtras || { skipLocationChange: false };\n                this.router.navigateByUrl(this.link, extra);\n            } else {\n                this.router.navigate(this.link, this.navigationExtras);\n            }\n        }\n    }\n\n    /**\n     * get the next breadcrumb item\n     */\n    private getNext(): EuiBreadcrumbItemComponent {\n        return this.nextCrumb;\n    }\n\n    /**\n     * get the previous breadcrumb item\n     */\n    private getPrevious(): EuiBreadcrumbItemComponent {\n        return this.previousCrumb;\n    }\n\n    private rendererIconBefore(): boolean {\n        return this.previousCrumb !== undefined;\n    }\n\n    private isLast(): boolean {\n        return !this.nextCrumb;\n    }\n}\n","<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n    <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"xs\" fillColor=\"neutral\"></eui-icon-svg>\n</div>\n<button type=\"button\" class=\"eui-breadcrumb-item__label-wrapper\" *ngIf=\"link\" euiButton euiBasicButton euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\" (click)=\"onClick()\">\n    <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n</button>\n<span class=\"eui-breadcrumb-item__label-wrapper\" *ngIf=\"!link\" euiLabel euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">\n    <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n</span>\n","import {\n    AfterContentInit,\n    Component,\n    // ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    ComponentRef,\n    ContentChildren,\n    forwardRef,\n    HostBinding,\n    QueryList,\n    ViewEncapsulation,\n    ViewContainerRef,\n    ViewChild,\n    // ElementRef,\n    // Renderer2,\n    OnDestroy,\n} from '@angular/core';\n// import { ViewportRuler } from '@angular/cdk/scrolling';\nimport { BreadCrumbItem } from './item/breadcrumb-item.model';\nimport { EuiBreadcrumbItemComponent } from './item/breadcrumb-item.component';\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n// import { CollapsedBreadcrumbComponent } from './collapsed-breadcrumb/collapsed-breadcrumb.component';\n// import { EuiIconSvgComponent } from '@eui/components/eui-icon';\n// import { EuiAppShellService } from '@eui/core';\n\n@Component({\n    selector: 'eui-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBreadcrumbComponent implements AfterContentInit, OnDestroy {\n    @HostBinding('class') string = 'eui-breadcrumb';\n\n    /** Query list of breadcrumb items occurrences on the content */\n    @ContentChildren(forwardRef(() => EuiBreadcrumbItemComponent), { descendants: false })\n    private breadcrumbItems: QueryList<EuiBreadcrumbItemComponent>;\n    @ViewChild('vcr', { read: ViewContainerRef })\n    private vcr: ViewContainerRef;\n    private destroy$: Subject<void> = new Subject<void>();\n    // private collapsedView: ComponentRef<CollapsedBreadcrumbComponent>;\n    // private collapsedViewIcon: ComponentRef<EuiIconSvgComponent>;\n    /** Observable emitting when the breadcrumb Items List has changed */\n    private breadcrumbItemsListChanged: Subject<void> = new Subject<void>();\n\n    constructor(\n        // private appShellService: EuiAppShellService,\n        // private elementRef: ElementRef,\n        // private cd: ChangeDetectorRef,\n        // private viewportRuler: ViewportRuler,\n        // private renderer: Renderer2,\n        private viewContainerRef: ViewContainerRef,\n    ) {}\n\n    // ngAfterViewInit(): void {\n    // TODO: keep it for a future feature\n    // listen for breadcrumb list changes of service\n    // this.service.breadcrumbs$.pipe(takeUntil(this.destroy$)).subscribe(items => {\n    //     // remove items if any\n    //     items.forEach(item => {\n    //         try {\n    //             this.remove(item.id);\n    //         } catch (e) {}\n    //     });\n    //     // add the ones from the list\n    //     items.forEach(item => this.add(item));\n    //     this.cd.detectChanges();\n    // });\n    // }\n\n    ngAfterContentInit(): void {\n        this.breadcrumbItems.changes.pipe(takeUntil(this.destroy$), startWith(true)).subscribe((changes) => {\n            if (changes instanceof QueryList) {\n                this.breadcrumbItems = changes;\n                this.breadcrumbItemsListChanged.next();\n            }\n            this.breadcrumbItems.forEach((item, index, array) => {\n                item.setPrevious(array[index - 1]);\n                item.setNext(array[index + 1]);\n            });\n        });\n        // // listen for viewport, app shell sidebar and breadcrumb Items changes\n        // merge(\n        //     this.breadcrumbItemsListChanged.asObservable(),\n        //     this.appShellService.getState('isSidebarOpen').pipe(delay(200)),\n        //     this.viewportRuler.change(200)\n        // ).pipe(takeUntil(this.destroy$), switchMap(() => of(true))).subscribe(() => this.checkOverflow());\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Adds a crumb in the chain\n     *\n     * @param crumb It can either be a Component reference or BreadCrumbItem object\n     * @throws Will throw an error if given ID already exists.\n     */\n    private add(crumb: BreadCrumbItem | ComponentRef<EuiBreadcrumbItemComponent>): void {\n        // check if item already exists and throw an error\n        const id = (crumb as BreadCrumbItem)?.id || (crumb as ComponentRef<EuiBreadcrumbItemComponent>)?.instance?.id;\n        if (this.breadcrumbItems.find((c) => c.id === id)) {\n            throw new Error('This crumb already exists');\n        }\n\n        // if crumb is not instance of ComponentRef create the\n        // reference using current View Container\n        if (!(crumb instanceof ComponentRef)) {\n            const crumbRef: ComponentRef<EuiBreadcrumbItemComponent> = this.viewContainerRef.createComponent(EuiBreadcrumbItemComponent);\n            crumbRef.instance.id = crumb.id;\n            crumbRef.instance.link = crumb.link;\n            crumbRef.instance.label = crumb.label;\n            crumbRef.instance.navigationExtras = crumb.navigationExtras;\n            crumb = crumbRef;\n        }\n        this.vcr.insert(crumb.hostView);\n        this.breadcrumbItems.reset([...this.breadcrumbItems.toArray(), crumb.instance]);\n        this.breadcrumbItems.notifyOnChanges();\n    }\n\n    /**\n     * Removes a crumb from the chain\n     *\n     * @param crumb Can be either a crumb instance or a crumb ID\n     * @throws Will throw an error if given ID is not found.\n     */\n    private remove(crumb: string | EuiBreadcrumbItemComponent): void {\n        crumb = typeof crumb === 'string' ? crumb : crumb.id;\n        const found = this.breadcrumbItems.find((item) => item.id === crumb);\n        if (!found) {\n            throw new Error(`Given breadcrumb with id ${crumb} not found in order to be removed.`);\n        }\n        found.destroy();\n        this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== found.id)]);\n    }\n\n    /**\n     * Removes last breadcrumb from the chain\n     *\n     * @throws Will throw an error if there is no breadcrumb item to remove.\n     */\n    private removeLast(): void {\n        if (this.breadcrumbItems.length > 0) {\n            const crumb = this.breadcrumbItems.last;\n            crumb.destroy();\n            this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== crumb.id)]);\n            this.breadcrumbItems.notifyOnChanges();\n        } else {\n            throw new Error('There is no breadcrumb item to remove');\n        }\n    }\n\n    /**\n     * Removes second last breadcrumb from the chain\n     *\n     * @throws Will throw an error if there is no breadcrumb item to remove.\n     */\n    private removeSecondToLast(): void {\n        if (this.breadcrumbItems.length > 1) {\n            const crumb = this.breadcrumbItems.toArray()[this.breadcrumbItems.length - 2];\n            crumb.destroy();\n            this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== crumb.id)]);\n            this.breadcrumbItems.notifyOnChanges();\n        } else {\n            throw new Error('There is no breadcrumb item to remove');\n        }\n    }\n\n    /**\n     * if breadcrumb items total width overflows the breadcrumb container then implement the collapse logic\n     *\n     * @private\n     */\n    // private checkOverflow(): void {\n    //     // get total width of all breadcrumb items (including the collapsed icon)\n    //     const totalItemWidth = Array.from<HTMLElement>(this.elementRef.nativeElement.children)\n    //         .map((item) => item.clientWidth)\n    //         .reduce((acc, curr) => acc + curr, 0);\n    //     // width of the breadcrumb container\n    //     const containerWidth = this.elementRef.nativeElement.clientWidth;\n    //     // if total width of breadcrumb items is greater than the container width then implement the collapse logic\n    //     if (totalItemWidth > containerWidth) {\n    //         this.createCollapsedItemContainer();\n    //         // get second item\n    //         const crumb = this.breadcrumbItems.toArray()[1];\n    //         // move it to collapsed container\n    //         crumb.width = crumb.elementRef.nativeElement.clientWidth;\n    //         this.collapsedView.instance.add(crumb);\n    //         // update breadcrumb items QueryList\n    //         this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== crumb.id)]);\n    //         this.breadcrumbItems.notifyOnChanges();\n    //     } else if (this.collapsedView && this.collapsedView.instance.areThereBreadcrumbs()) {\n    //         const penultimateItem: EuiBreadcrumbItemComponent = this.collapsedView.instance.getLastBreadcrumb();\n    //         const penultimateItemWidth = penultimateItem.width;\n    //         if (penultimateItemWidth + totalItemWidth < this.elementRef.nativeElement.clientWidth) {\n    //             // add breadcrumb to list item\n    //             this.renderer.insertBefore(\n    //                 this.collapsedView.location.nativeElement.parentElement,\n    //                 penultimateItem.elementRef.nativeElement,\n    //                 this.breadcrumbItems.toArray()[1].elementRef.nativeElement,\n    //                 true,\n    //             );\n    //             this.collapsedView.instance.removeLast();\n    //             // add breadcrumb to list\n    //             this.breadcrumbItems.reset([this.breadcrumbItems.first, penultimateItem, ...this.breadcrumbItems.filter((c, i) => i > 0)]);\n    //             this.breadcrumbItems.notifyOnChanges();\n    //             if (this.collapsedView && !this.collapsedView.instance.areThereBreadcrumbs()) {\n    //                 this.collapsedView.destroy();\n    //                 this.collapsedViewIcon.destroy();\n    //                 this.collapsedViewIcon = null;\n    //                 this.collapsedView = null;\n    //             }\n    //         }\n    //     }\n    // }\n\n    /**\n     * Creates a collapsed item container dynamically\n     * TODO: replace with a template driven approach by the user\n     *\n     * @private\n     */\n    // private createCollapsedItemContainer(): void {\n    //     if (!this.collapsedView) {\n    //         const container = this.viewContainerRef.createComponent(CollapsedBreadcrumbComponent);\n    //         const second = this.breadcrumbItems.toArray()[1].elementRef.nativeElement;\n    //         this.renderer.insertBefore(second.parentElement, container.instance.elementRef.nativeElement, second, true);\n    //         const icon = this.viewContainerRef.createComponent(EuiIconSvgComponent);\n    //         icon.instance.fillColor = 'primary';\n    //         icon.instance.size = 'xs';\n    //         icon.instance.icon = 'eui-chevron-right';\n    //         this.renderer.addClass(icon.location.nativeElement, 'eui-breadcrumb__separator');\n    //         this.renderer.insertBefore(\n    //             container.instance.elementRef.nativeElement.parentElement,\n    //             icon.location.nativeElement,\n    //             container.instance.elementRef.nativeElement,\n    //         );\n    //         this.collapsedView = container;\n    //         this.collapsedViewIcon = icon;\n    //     }\n    // }\n}\n","<div class=\"eui-breadcrumb__items\">\n    <ng-container #vcr>\n        <ng-content></ng-content>\n    </ng-container>\n</div>\n","import { Injectable } from '@angular/core';\nimport { Observable, BehaviorSubject } from 'rxjs';\nimport { BreadCrumbItem } from './item/breadcrumb-item.model';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class EuiBreadcrumbService {\n    /**\n     * An observable on which observers can be notified on breadcrumb changes\n     */\n    public breadcrumbs$: Observable<BreadCrumbItem[]>;\n    /**\n     * A behavior subject to emit breadcrumb whenever that changes\n     */\n    private breadcrumbsSource$: BehaviorSubject<BreadCrumbItem[]>;\n    /**\n     * An array to hold BreadCrumbItem metadata used to render the BreadCrumbItem\n     */\n    private breadcrumb: BreadCrumbItem[];\n\n    constructor() {\n        this.breadcrumb = [];\n        this.breadcrumbsSource$ = new BehaviorSubject(this.breadcrumb);\n        this.breadcrumbs$ = this.breadcrumbsSource$.asObservable();\n    }\n\n    /**\n     * Adds a new BreadCrumbItem into the breadcrumb\n     *\n     * @param breadCrumbItem The BreadCrumbItem you want to insert in trail\n     * @param [after] The ID of the BreadCrumbItem after given one will be inserted.\n     * @param [removeAfter=false] All crumbs after given ID will be removed.\n     * @throws Will throw an error if given after ID is not found on current trail.\n     */\n    addCrumb(breadCrumbItem: BreadCrumbItem, after?: string, removeAfter = false): void {\n        if (after) {\n            // find ID for which provided BreadCrumbItem will be inserted after\n            const index = this.breadcrumb.findIndex((item) => item.id === after);\n            if (index < 0) {\n                throw new Error(`The provided afterId: ${after}, has not been found in current breadcrumb`);\n            }\n            // in case removeAfter=true then remove all crumbs after given one\n            this.breadcrumb.splice(index, removeAfter ? this.breadcrumb.length - index : 0, breadCrumbItem);\n        } else {\n            const index = this.breadcrumb.findIndex((item) => item.id === breadCrumbItem.id);\n            if (index !== -1) {\n                throw new Error(`The provided id: ${breadCrumbItem.id} is already in current breadcrumb`);\n            }\n            this.breadcrumb.push(breadCrumbItem);\n        }\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n\n    /**\n     * Remove a BreadCrumbItem based on a given ID\n     *\n     * @param id Optional: The ID of BreadCrumbItem to be removed\n     *           If no id provided then the last item will be popped.\n     */\n    removeCrumb(id?: string): void {\n        if (id) {\n            this.breadcrumb = this.breadcrumb.filter((item) => item.id !== id);\n        } else {\n            this.breadcrumb.pop();\n        }\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n\n    /**\n     * Update a specific entry in the data structure\n     *\n     * @param BreadCrumbItem The BreadCrumbItem to match and update\n     * @throws Will throw an Error if BreadCrumbItem is not part of the breadcrumb\n     */\n    updateCrumb(item: BreadCrumbItem): void {\n        const index = this.breadcrumb.findIndex((c) => c.id === item.id);\n        if (index < 0) {\n            throw new Error(`The provided afterId: ${item.id}, has not been found in current breadcrumb`);\n        }\n        this.breadcrumb.splice(index, 1, item);\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n\n    /**\n     * Returns current breadcrumb\n     */\n    getBreadcrumb(): BreadCrumbItem[] {\n        return this.breadcrumb;\n    }\n\n    /**\n     * Sets the breadcrumb\n     */\n    setBreadcrumb(breadcrumb: BreadCrumbItem[]): void {\n        this.breadcrumb = breadcrumb;\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n// import { EuiDropdownModule } from '@eui/components/eui-dropdown';\n// import { EuiListModule } from '@eui/components/eui-list';\n\nimport { EuiBreadcrumbComponent } from './breadcrumb.component';\nimport { EuiBreadcrumbItemComponent } from './item/breadcrumb-item.component';\nimport { EuiBreadcrumbService } from './breadcrumb.service';\n// import { CollapsedBreadcrumbComponent, CollapsedButtonDirective } from './collapsed-breadcrumb/collapsed-breadcrumb.component';\n\n@NgModule({\n    imports: [\n        CommonModule, RouterModule, PortalModule, EuiButtonModule,\n        // EuiDropdownModule, EuiListModule,\n        EuiIconModule,\n        EuiLabelModule,\n    ],\n    declarations: [\n        EuiBreadcrumbComponent, EuiBreadcrumbItemComponent,\n        // CollapsedButtonDirective,\n        // CollapsedBreadcrumbComponent,\n    ],\n    providers: [EuiBreadcrumbService],\n    exports: [\n        // CollapsedBreadcrumbComponent,\n        // CollapsedButtonDirective,\n        EuiBreadcrumbComponent,\n        EuiBreadcrumbItemComponent,\n    ],\n})\nexport class EuiBreadcrumbModule {}\n","import { NavigationExtras } from '@angular/router';\n\n// TODO: replace with tsconfig types\nexport type ArrayElement<A> = A extends readonly (infer T)[] ? T : never;\ntype DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };\ntype Cast<X, Y> = X extends Y ? X : Y;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FromEntries<T> = T extends [infer Key, any][]\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ? { [K in Cast<Key, string>]: Extract<ArrayElement<T>, [K, any]>[1] }\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    : { [key in string]: any };\n\nexport type FromEntriesWithReadOnly<T> = FromEntries<DeepWriteable<T>>;\n\ndeclare global {\n    interface ObjectConstructor {\n        fromEntries<T>(obj: T): FromEntriesWithReadOnly<T>;\n    }\n}\n\nexport class BreadCrumbItem {\n    /** A unique ID for each crumb linked to a page */\n    id: string;\n    /** The label of the crumb */\n    label: string;\n\n    /** A URL link. Commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **array**: commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **string**: shorthand for array of commands with just the string, i.e. `['/route']`\n     *   - **null|undefined**: Disables the link by removing the `href`\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    get link(): string | any[] {\n        return this._link;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    set link(link: string | any[]) {\n        if (typeof link === 'string') {\n            try {\n                let url: URL;\n                if (!link.startsWith('http')) {\n                    url = new URL(link, 'http://placeholder');\n                    this._link = url.pathname;\n                } else {\n                    url = new URL(link);\n                    this._link = link;\n                }\n                if (!this.navigationExtras) {\n                    this.navigationExtras = {};\n                }\n                this.navigationExtras.fragment = url.hash.replace('#', '');\n                this.navigationExtras.queryParams = Object.fromEntries(\n                    url.search\n                        .replace('?', '')\n                        .split('&')\n                        .map((i) => i.split('=')),\n                );\n            } catch (e) {\n                throw new Error('The given link is not a valid URL');\n            }\n        } else {\n            this._link = link;\n        }\n    }\n\n    /** Extras for Angular Router */\n    navigationExtras?: NavigationExtras;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private _link?: string | any[];\n}\n","export * from './breadcrumb.module';\nexport * from './breadcrumb.component';\nexport * from './item/breadcrumb-item.model';\nexport * from './item/breadcrumb-item.component';\nexport * from './breadcrumb.service';\n// export * from './collapsed-breadcrumb/collapsed-breadcrumb.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-breadcrumb.mjs","sources":["../../eui-breadcrumb/item/breadcrumb-item.component.ts","../../eui-breadcrumb/item/breadcrumb-item.component.html","../../eui-breadcrumb/breadcrumb.component.ts","../../eui-breadcrumb/breadcrumb.component.html","../../eui-breadcrumb/breadcrumb.service.ts","../../eui-breadcrumb/breadcrumb.module.ts","../../eui-breadcrumb/item/breadcrumb-item.model.ts","../../eui-breadcrumb/index.ts","../../eui-breadcrumb/eui-components-eui-breadcrumb.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { NavigationExtras, Router } from '@angular/router';\nimport { LogService } from '@eui/core';\n\n@Component({\n    selector: 'eui-breadcrumb-item',\n    templateUrl: 'breadcrumb-item.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBreadcrumbItemComponent implements OnDestroy, OnInit {\n    @HostBinding('class') string = 'eui-breadcrumb-item';\n\n    /**\n     * A unique id for the breadcrumb\n     */\n    @Input() id: string;\n    /**\n     * The label of the breadcrumbItem. It might get truncated if it's too long.\n     */\n    @Input() label: string;\n    /**\n     * Commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **array**: commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **string**: shorthand for array of commands with just the string, i.e. `['/route']`\n     *   - **null|undefined**: Disables the link by removing the `href`\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() link: string | any[];\n    /**\n     * A fragment\n     */\n    @Input() navigationExtras: NavigationExtras;\n    /** calculated item width */\n    width = 0;\n    hasPrevious = false;\n    hasNext = false;\n    /** state of breadcrumb item in case of collapsed */\n    collapsed = false;\n\n    private previousCrumb: EuiBreadcrumbItemComponent;\n    private nextCrumb: EuiBreadcrumbItemComponent;\n\n    constructor(\n        private host: ElementRef<HTMLElement>,\n        private router: Router,\n        private cdr: ChangeDetectorRef,\n        public elementRef: ElementRef,\n        @Optional() private logService: LogService,\n    ) {}\n\n    ngOnInit(): void {\n        // generate a random ID if none exists\n        if (!this.id) {\n            this.id = Math.trunc(Math.random() * 1000).toString();\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.logService) {\n            this.logService.info(`Crumb with id:${this.id} destroyed`);\n        }\n    }\n\n    destroy(): void {\n        this.host.nativeElement.remove();\n    }\n\n    /**\n     * set the previous breadcrumb item\n     *\n     * @param  breadcrumbItem The previous item to point to.\n     */\n    setPrevious(breadcrumbItem: EuiBreadcrumbItemComponent): void {\n        this.previousCrumb = breadcrumbItem;\n        this.cdr.detach();\n        this.hasPrevious = breadcrumbItem ? true : false;\n        this.cdr.detectChanges();\n        this.cdr.reattach();\n    }\n\n    /**\n     * set the next breadcrumb item\n     *\n     * @param breadcrumbItem The next item to point to.\n     */\n    setNext(breadcrumbItem: EuiBreadcrumbItemComponent): void {\n        this.nextCrumb = breadcrumbItem;\n        this.cdr.detach();\n        this.hasNext = breadcrumbItem ? true : false;\n        this.cdr.detectChanges();\n        this.cdr.reattach();\n    }\n\n    /**\n     * A callback to navigate to the given link using ng-router.\n     *\n     * @param event\n     */\n    onClick(): boolean {\n        if (this.link) {\n            if (typeof this.link === 'string') {\n                if (this.link.startsWith('http')) {\n                    window.location.href = this.link;\n                    return true;\n                }\n                const extra = this.navigationExtras || { skipLocationChange: false };\n                this.router.navigateByUrl(this.link, extra);\n            } else {\n                this.router.navigate(this.link, this.navigationExtras);\n            }\n        }\n    }\n\n    /**\n     * get the next breadcrumb item\n     */\n    private getNext(): EuiBreadcrumbItemComponent {\n        return this.nextCrumb;\n    }\n\n    /**\n     * get the previous breadcrumb item\n     */\n    private getPrevious(): EuiBreadcrumbItemComponent {\n        return this.previousCrumb;\n    }\n\n    private rendererIconBefore(): boolean {\n        return this.previousCrumb !== undefined;\n    }\n\n    private isLast(): boolean {\n        return !this.nextCrumb;\n    }\n}\n","<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n    <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"xs\" fillColor=\"neutral\"></eui-icon-svg>\n</div>\n<a class=\"eui-breadcrumb-item__label-wrapper eui-u-text-link-standalone\" href=\"javascript:void(0)\" *ngIf=\"link\" [class.eui-u-c-neutral]=\"!hasNext\" (click)=\"onClick()\">\n    <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n</a>\n<span class=\"eui-breadcrumb-item__label-wrapper\" *ngIf=\"!link\" euiLabel euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">\n    <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n</span>\n","import {\n    AfterContentInit,\n    Component,\n    // ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    ComponentRef,\n    ContentChildren,\n    forwardRef,\n    HostBinding,\n    QueryList,\n    ViewEncapsulation,\n    ViewContainerRef,\n    ViewChild,\n    // ElementRef,\n    // Renderer2,\n    OnDestroy,\n} from '@angular/core';\n// import { ViewportRuler } from '@angular/cdk/scrolling';\nimport { BreadCrumbItem } from './item/breadcrumb-item.model';\nimport { EuiBreadcrumbItemComponent } from './item/breadcrumb-item.component';\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n// import { CollapsedBreadcrumbComponent } from './collapsed-breadcrumb/collapsed-breadcrumb.component';\n// import { EuiIconSvgComponent } from '@eui/components/eui-icon';\n// import { EuiAppShellService } from '@eui/core';\n\n@Component({\n    selector: 'eui-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBreadcrumbComponent implements AfterContentInit, OnDestroy {\n    @HostBinding('class') string = 'eui-breadcrumb';\n\n    /** Query list of breadcrumb items occurrences on the content */\n    @ContentChildren(forwardRef(() => EuiBreadcrumbItemComponent), { descendants: false })\n    private breadcrumbItems: QueryList<EuiBreadcrumbItemComponent>;\n    @ViewChild('vcr', { read: ViewContainerRef })\n    private vcr: ViewContainerRef;\n    private destroy$: Subject<void> = new Subject<void>();\n    // private collapsedView: ComponentRef<CollapsedBreadcrumbComponent>;\n    // private collapsedViewIcon: ComponentRef<EuiIconSvgComponent>;\n    /** Observable emitting when the breadcrumb Items List has changed */\n    private breadcrumbItemsListChanged: Subject<void> = new Subject<void>();\n\n    constructor(\n        // private appShellService: EuiAppShellService,\n        // private elementRef: ElementRef,\n        // private cd: ChangeDetectorRef,\n        // private viewportRuler: ViewportRuler,\n        // private renderer: Renderer2,\n        private viewContainerRef: ViewContainerRef,\n    ) {}\n\n    // ngAfterViewInit(): void {\n    // TODO: keep it for a future feature\n    // listen for breadcrumb list changes of service\n    // this.service.breadcrumbs$.pipe(takeUntil(this.destroy$)).subscribe(items => {\n    //     // remove items if any\n    //     items.forEach(item => {\n    //         try {\n    //             this.remove(item.id);\n    //         } catch (e) {}\n    //     });\n    //     // add the ones from the list\n    //     items.forEach(item => this.add(item));\n    //     this.cd.detectChanges();\n    // });\n    // }\n\n    ngAfterContentInit(): void {\n        this.breadcrumbItems.changes.pipe(takeUntil(this.destroy$), startWith(true)).subscribe((changes) => {\n            if (changes instanceof QueryList) {\n                this.breadcrumbItems = changes;\n                this.breadcrumbItemsListChanged.next();\n            }\n            this.breadcrumbItems.forEach((item, index, array) => {\n                item.setPrevious(array[index - 1]);\n                item.setNext(array[index + 1]);\n            });\n        });\n        // // listen for viewport, app shell sidebar and breadcrumb Items changes\n        // merge(\n        //     this.breadcrumbItemsListChanged.asObservable(),\n        //     this.appShellService.getState('isSidebarOpen').pipe(delay(200)),\n        //     this.viewportRuler.change(200)\n        // ).pipe(takeUntil(this.destroy$), switchMap(() => of(true))).subscribe(() => this.checkOverflow());\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Adds a crumb in the chain\n     *\n     * @param crumb It can either be a Component reference or BreadCrumbItem object\n     * @throws Will throw an error if given ID already exists.\n     */\n    private add(crumb: BreadCrumbItem | ComponentRef<EuiBreadcrumbItemComponent>): void {\n        // check if item already exists and throw an error\n        const id = (crumb as BreadCrumbItem)?.id || (crumb as ComponentRef<EuiBreadcrumbItemComponent>)?.instance?.id;\n        if (this.breadcrumbItems.find((c) => c.id === id)) {\n            throw new Error('This crumb already exists');\n        }\n\n        // if crumb is not instance of ComponentRef create the\n        // reference using current View Container\n        if (!(crumb instanceof ComponentRef)) {\n            const crumbRef: ComponentRef<EuiBreadcrumbItemComponent> = this.viewContainerRef.createComponent(EuiBreadcrumbItemComponent);\n            crumbRef.instance.id = crumb.id;\n            crumbRef.instance.link = crumb.link;\n            crumbRef.instance.label = crumb.label;\n            crumbRef.instance.navigationExtras = crumb.navigationExtras;\n            crumb = crumbRef;\n        }\n        this.vcr.insert(crumb.hostView);\n        this.breadcrumbItems.reset([...this.breadcrumbItems.toArray(), crumb.instance]);\n        this.breadcrumbItems.notifyOnChanges();\n    }\n\n    /**\n     * Removes a crumb from the chain\n     *\n     * @param crumb Can be either a crumb instance or a crumb ID\n     * @throws Will throw an error if given ID is not found.\n     */\n    private remove(crumb: string | EuiBreadcrumbItemComponent): void {\n        crumb = typeof crumb === 'string' ? crumb : crumb.id;\n        const found = this.breadcrumbItems.find((item) => item.id === crumb);\n        if (!found) {\n            throw new Error(`Given breadcrumb with id ${crumb} not found in order to be removed.`);\n        }\n        found.destroy();\n        this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== found.id)]);\n    }\n\n    /**\n     * Removes last breadcrumb from the chain\n     *\n     * @throws Will throw an error if there is no breadcrumb item to remove.\n     */\n    private removeLast(): void {\n        if (this.breadcrumbItems.length > 0) {\n            const crumb = this.breadcrumbItems.last;\n            crumb.destroy();\n            this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== crumb.id)]);\n            this.breadcrumbItems.notifyOnChanges();\n        } else {\n            throw new Error('There is no breadcrumb item to remove');\n        }\n    }\n\n    /**\n     * Removes second last breadcrumb from the chain\n     *\n     * @throws Will throw an error if there is no breadcrumb item to remove.\n     */\n    private removeSecondToLast(): void {\n        if (this.breadcrumbItems.length > 1) {\n            const crumb = this.breadcrumbItems.toArray()[this.breadcrumbItems.length - 2];\n            crumb.destroy();\n            this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== crumb.id)]);\n            this.breadcrumbItems.notifyOnChanges();\n        } else {\n            throw new Error('There is no breadcrumb item to remove');\n        }\n    }\n\n    /**\n     * if breadcrumb items total width overflows the breadcrumb container then implement the collapse logic\n     *\n     * @private\n     */\n    // private checkOverflow(): void {\n    //     // get total width of all breadcrumb items (including the collapsed icon)\n    //     const totalItemWidth = Array.from<HTMLElement>(this.elementRef.nativeElement.children)\n    //         .map((item) => item.clientWidth)\n    //         .reduce((acc, curr) => acc + curr, 0);\n    //     // width of the breadcrumb container\n    //     const containerWidth = this.elementRef.nativeElement.clientWidth;\n    //     // if total width of breadcrumb items is greater than the container width then implement the collapse logic\n    //     if (totalItemWidth > containerWidth) {\n    //         this.createCollapsedItemContainer();\n    //         // get second item\n    //         const crumb = this.breadcrumbItems.toArray()[1];\n    //         // move it to collapsed container\n    //         crumb.width = crumb.elementRef.nativeElement.clientWidth;\n    //         this.collapsedView.instance.add(crumb);\n    //         // update breadcrumb items QueryList\n    //         this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== crumb.id)]);\n    //         this.breadcrumbItems.notifyOnChanges();\n    //     } else if (this.collapsedView && this.collapsedView.instance.areThereBreadcrumbs()) {\n    //         const penultimateItem: EuiBreadcrumbItemComponent = this.collapsedView.instance.getLastBreadcrumb();\n    //         const penultimateItemWidth = penultimateItem.width;\n    //         if (penultimateItemWidth + totalItemWidth < this.elementRef.nativeElement.clientWidth) {\n    //             // add breadcrumb to list item\n    //             this.renderer.insertBefore(\n    //                 this.collapsedView.location.nativeElement.parentElement,\n    //                 penultimateItem.elementRef.nativeElement,\n    //                 this.breadcrumbItems.toArray()[1].elementRef.nativeElement,\n    //                 true,\n    //             );\n    //             this.collapsedView.instance.removeLast();\n    //             // add breadcrumb to list\n    //             this.breadcrumbItems.reset([this.breadcrumbItems.first, penultimateItem, ...this.breadcrumbItems.filter((c, i) => i > 0)]);\n    //             this.breadcrumbItems.notifyOnChanges();\n    //             if (this.collapsedView && !this.collapsedView.instance.areThereBreadcrumbs()) {\n    //                 this.collapsedView.destroy();\n    //                 this.collapsedViewIcon.destroy();\n    //                 this.collapsedViewIcon = null;\n    //                 this.collapsedView = null;\n    //             }\n    //         }\n    //     }\n    // }\n\n    /**\n     * Creates a collapsed item container dynamically\n     * TODO: replace with a template driven approach by the user\n     *\n     * @private\n     */\n    // private createCollapsedItemContainer(): void {\n    //     if (!this.collapsedView) {\n    //         const container = this.viewContainerRef.createComponent(CollapsedBreadcrumbComponent);\n    //         const second = this.breadcrumbItems.toArray()[1].elementRef.nativeElement;\n    //         this.renderer.insertBefore(second.parentElement, container.instance.elementRef.nativeElement, second, true);\n    //         const icon = this.viewContainerRef.createComponent(EuiIconSvgComponent);\n    //         icon.instance.fillColor = 'primary';\n    //         icon.instance.size = 'xs';\n    //         icon.instance.icon = 'eui-chevron-right';\n    //         this.renderer.addClass(icon.location.nativeElement, 'eui-breadcrumb__separator');\n    //         this.renderer.insertBefore(\n    //             container.instance.elementRef.nativeElement.parentElement,\n    //             icon.location.nativeElement,\n    //             container.instance.elementRef.nativeElement,\n    //         );\n    //         this.collapsedView = container;\n    //         this.collapsedViewIcon = icon;\n    //     }\n    // }\n}\n","<div class=\"eui-breadcrumb__items\">\n    <ng-container #vcr>\n        <ng-content></ng-content>\n    </ng-container>\n</div>\n","import { Injectable } from '@angular/core';\nimport { Observable, BehaviorSubject } from 'rxjs';\nimport { BreadCrumbItem } from './item/breadcrumb-item.model';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class EuiBreadcrumbService {\n    /**\n     * An observable on which observers can be notified on breadcrumb changes\n     */\n    public breadcrumbs$: Observable<BreadCrumbItem[]>;\n    /**\n     * A behavior subject to emit breadcrumb whenever that changes\n     */\n    private breadcrumbsSource$: BehaviorSubject<BreadCrumbItem[]>;\n    /**\n     * An array to hold BreadCrumbItem metadata used to render the BreadCrumbItem\n     */\n    private breadcrumb: BreadCrumbItem[];\n\n    constructor() {\n        this.breadcrumb = [];\n        this.breadcrumbsSource$ = new BehaviorSubject(this.breadcrumb);\n        this.breadcrumbs$ = this.breadcrumbsSource$.asObservable();\n    }\n\n    /**\n     * Adds a new BreadCrumbItem into the breadcrumb\n     *\n     * @param breadCrumbItem The BreadCrumbItem you want to insert in trail\n     * @param [after] The ID of the BreadCrumbItem after given one will be inserted.\n     * @param [removeAfter=false] All crumbs after given ID will be removed.\n     * @throws Will throw an error if given after ID is not found on current trail.\n     */\n    addCrumb(breadCrumbItem: BreadCrumbItem, after?: string, removeAfter = false): void {\n        if (after) {\n            // find ID for which provided BreadCrumbItem will be inserted after\n            const index = this.breadcrumb.findIndex((item) => item.id === after);\n            if (index < 0) {\n                throw new Error(`The provided afterId: ${after}, has not been found in current breadcrumb`);\n            }\n            // in case removeAfter=true then remove all crumbs after given one\n            this.breadcrumb.splice(index, removeAfter ? this.breadcrumb.length - index : 0, breadCrumbItem);\n        } else {\n            const index = this.breadcrumb.findIndex((item) => item.id === breadCrumbItem.id);\n            if (index !== -1) {\n                throw new Error(`The provided id: ${breadCrumbItem.id} is already in current breadcrumb`);\n            }\n            this.breadcrumb.push(breadCrumbItem);\n        }\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n\n    /**\n     * Remove a BreadCrumbItem based on a given ID\n     *\n     * @param id Optional: The ID of BreadCrumbItem to be removed\n     *           If no id provided then the last item will be popped.\n     */\n    removeCrumb(id?: string): void {\n        if (id) {\n            this.breadcrumb = this.breadcrumb.filter((item) => item.id !== id);\n        } else {\n            this.breadcrumb.pop();\n        }\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n\n    /**\n     * Update a specific entry in the data structure\n     *\n     * @param BreadCrumbItem The BreadCrumbItem to match and update\n     * @throws Will throw an Error if BreadCrumbItem is not part of the breadcrumb\n     */\n    updateCrumb(item: BreadCrumbItem): void {\n        const index = this.breadcrumb.findIndex((c) => c.id === item.id);\n        if (index < 0) {\n            throw new Error(`The provided afterId: ${item.id}, has not been found in current breadcrumb`);\n        }\n        this.breadcrumb.splice(index, 1, item);\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n\n    /**\n     * Returns current breadcrumb\n     */\n    getBreadcrumb(): BreadCrumbItem[] {\n        return this.breadcrumb;\n    }\n\n    /**\n     * Sets the breadcrumb\n     */\n    setBreadcrumb(breadcrumb: BreadCrumbItem[]): void {\n        this.breadcrumb = breadcrumb;\n\n        // Notify observers\n        this.breadcrumbsSource$.next(this.breadcrumb);\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n// import { EuiDropdownModule } from '@eui/components/eui-dropdown';\n// import { EuiListModule } from '@eui/components/eui-list';\n\nimport { EuiBreadcrumbComponent } from './breadcrumb.component';\nimport { EuiBreadcrumbItemComponent } from './item/breadcrumb-item.component';\nimport { EuiBreadcrumbService } from './breadcrumb.service';\n// import { CollapsedBreadcrumbComponent, CollapsedButtonDirective } from './collapsed-breadcrumb/collapsed-breadcrumb.component';\n\n@NgModule({\n    imports: [\n        CommonModule, RouterModule, PortalModule, EuiButtonModule,\n        // EuiDropdownModule, EuiListModule,\n        EuiIconModule,\n        EuiLabelModule,\n    ],\n    declarations: [\n        EuiBreadcrumbComponent, EuiBreadcrumbItemComponent,\n        // CollapsedButtonDirective,\n        // CollapsedBreadcrumbComponent,\n    ],\n    providers: [EuiBreadcrumbService],\n    exports: [\n        // CollapsedBreadcrumbComponent,\n        // CollapsedButtonDirective,\n        EuiBreadcrumbComponent,\n        EuiBreadcrumbItemComponent,\n    ],\n})\nexport class EuiBreadcrumbModule {}\n","import { NavigationExtras } from '@angular/router';\n\n// TODO: replace with tsconfig types\nexport type ArrayElement<A> = A extends readonly (infer T)[] ? T : never;\ntype DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };\ntype Cast<X, Y> = X extends Y ? X : Y;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FromEntries<T> = T extends [infer Key, any][]\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ? { [K in Cast<Key, string>]: Extract<ArrayElement<T>, [K, any]>[1] }\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    : { [key in string]: any };\n\nexport type FromEntriesWithReadOnly<T> = FromEntries<DeepWriteable<T>>;\n\ndeclare global {\n    interface ObjectConstructor {\n        fromEntries<T>(obj: T): FromEntriesWithReadOnly<T>;\n    }\n}\n\nexport class BreadCrumbItem {\n    /** A unique ID for each crumb linked to a page */\n    id: string;\n    /** The label of the crumb */\n    label: string;\n\n    /** A URL link. Commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **array**: commands to pass to {@link Router#createUrlTree Router#createUrlTree}.\n     *   - **string**: shorthand for array of commands with just the string, i.e. `['/route']`\n     *   - **null|undefined**: Disables the link by removing the `href`\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    get link(): string | any[] {\n        return this._link;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    set link(link: string | any[]) {\n        if (typeof link === 'string') {\n            try {\n                let url: URL;\n                if (!link.startsWith('http')) {\n                    url = new URL(link, 'http://placeholder');\n                    this._link = url.pathname;\n                } else {\n                    url = new URL(link);\n                    this._link = link;\n                }\n                if (!this.navigationExtras) {\n                    this.navigationExtras = {};\n                }\n                this.navigationExtras.fragment = url.hash.replace('#', '');\n                this.navigationExtras.queryParams = Object.fromEntries(\n                    url.search\n                        .replace('?', '')\n                        .split('&')\n                        .map((i) => i.split('=')),\n                );\n            } catch (e) {\n                throw new Error('The given link is not a valid URL');\n            }\n        } else {\n            this._link = link;\n        }\n    }\n\n    /** Extras for Angular Router */\n    navigationExtras?: NavigationExtras;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private _link?: string | any[];\n}\n","export * from './breadcrumb.module';\nexport * from './breadcrumb.component';\nexport * from './item/breadcrumb-item.model';\nexport * from './item/breadcrumb-item.component';\nexport * from './breadcrumb.service';\n// export * from './collapsed-breadcrumb/collapsed-breadcrumb.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-chip.mjs

@@ -80,7 +80,7 @@ class EuiChipComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        icon=\"eui-ecl-close-outline\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n", styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s-compact);min-height:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip--size-s{font:var(--eui-f-xs-compact)}.eui-chip--size-s .eui-icon-svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-chip--size-m{font:var(--eui-f-m-compact)}.eui-chip--size-m .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--size-l{font:var(--eui-f-l-compact)}.eui-chip--size-l .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        icon=\"eui-ecl-close-outline\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n", styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s-compact);min-height:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip--size-s{font:var(--eui-f-xs-compact)}.eui-chip--size-s .eui-icon-svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-chip--size-m{font:var(--eui-f-m-compact)}.eui-chip--size-m .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiChipComponent, decorators: [{
             type: Component,
@@ -96,16 +96,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                                 'euiDanger',
                                 'euiAccent',
                                 'euiVariant',
-                                'euiSizeXS',
                                 'euiSizeS',
                                 'euiSizeM',
-                                'euiSizeL',
                                 'euiSizeVariant',
                                 'euiOutline',
                                 'euiDisabled',
                             ],
                         },
-                    ], template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        icon=\"eui-ecl-close-outline\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n", styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s-compact);min-height:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip--size-s{font:var(--eui-f-xs-compact)}.eui-chip--size-s .eui-icon-svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-chip--size-m{font:var(--eui-f-m-compact)}.eui-chip--size-m .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--size-l{font:var(--eui-f-l-compact)}.eui-chip--size-l .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"] }]
+                    ], template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        icon=\"eui-ecl-close-outline\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n", styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s-compact);min-height:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip--size-s{font:var(--eui-f-xs-compact)}.eui-chip--size-s .eui-icon-svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-chip--size-m{font:var(--eui-f-m-compact)}.eui-chip--size-m .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n    id: string | number;\n    euiInternalId: string;\n    label: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\n    tooltip: EuiChipTooltip = new EuiChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EuiChipTooltip {\n    tooltipMessage: string;\n    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay? = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n    templateUrl: './eui-chip.component.html',\n    selector: 'eui-chip, span[euiChip], li[euiChip]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isSquared ? 'eui-chip--squared' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'status';\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-chip';\n\n    @Input() euiInternalId: string = null;\n    @Input() tooltipMessage: string;\n    @Input() id: string | number;\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() data: any = {\n        id: uuid.v4(),\n        tooltip: {\n            color: 'euiTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    };\n\n    @Input({ transform: booleanAttribute }) isChipRemovable = false;\n    @Input({ transform: booleanAttribute }) isSquared = false;\n\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    constructor(\n        private _elementRef: ElementRef,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.data.id && this.id) {\n            this.data = Object.assign(this.data, { id: this.id });\n        }\n\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n            this.role = 'listitem'\n        }\n    }\n\n    public onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.remove.emit({ chip: this.data, event });\n        } else {\n            this.remove.emit(this.data);\n        }\n    }\n}\n","<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        icon=\"eui-ecl-close-outline\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n    id: string | number;\n    euiInternalId: string;\n    label: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\n    tooltip: EuiChipTooltip = new EuiChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EuiChipTooltip {\n    tooltipMessage: string;\n    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay? = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n    templateUrl: './eui-chip.component.html',\n    selector: 'eui-chip, span[euiChip], li[euiChip]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeVariant',\n\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isSquared ? 'eui-chip--squared' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'status';\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-chip';\n\n    @Input() euiInternalId: string = null;\n    @Input() tooltipMessage: string;\n    @Input() id: string | number;\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() data: any = {\n        id: uuid.v4(),\n        tooltip: {\n            color: 'euiTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    };\n\n    @Input({ transform: booleanAttribute }) isChipRemovable = false;\n    @Input({ transform: booleanAttribute }) isSquared = false;\n\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    constructor(\n        private _elementRef: ElementRef,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.data.id && this.id) {\n            this.data = Object.assign(this.data, { id: this.id });\n        }\n\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n            this.role = 'listitem'\n        }\n    }\n\n    public onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.remove.emit({ chip: this.data, event });\n        } else {\n            this.remove.emit(this.data);\n        }\n    }\n}\n","<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        icon=\"eui-ecl-close-outline\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-growl.mjs

@@ -91,7 +91,7 @@ class EuiGrowlComponent {
         return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: ["sticky", "sticky", booleanAttribute], life: "life", value: "value", style: "style", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-live": "this.ariaLive" } }, ngImport: i0, template: "<div\n    #msgel\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl--sticky': sticky\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n    <div class=\"eui-growl-item\">\n        <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n        <div class=\"eui-growl-item-message\">\n            <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n            <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n        </div>\n        <eui-icon-button\n            (click)=\"remove(msg)\"\n            icon=\"eui-ecl-close\"\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n</div>\n<div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n", styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-c-primary));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-primary-contrast))}.eui-growl{--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l);position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-growl a{color:var(--eui-c-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-s-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-s-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-growl-item-message code{color:var(--eui-c-neutral-bg-light);font:var(--eui-f-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-s-2xs) 0 var(--eui-s-xs) 0;font:var(--eui-f-m-bold)}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast)}.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast)}.eui-growl-item-container--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast)}.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast)}.eui-growl-item-container--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: ["sticky", "sticky", booleanAttribute], life: "life", value: "value", style: "style", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-live": "this.ariaLive" } }, ngImport: i0, template: "<div\n    #msgel\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl--sticky': sticky\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n    <div class=\"eui-growl-item\">\n        <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n        <div class=\"eui-growl-item-message\">\n            <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n            <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n        </div>\n        <eui-icon-button\n            (click)=\"remove(msg)\"\n            icon=\"eui-ecl-close\"\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n</div>\n<div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n", styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-c-primary));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-primary-contrast))}.eui-growl{--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l);position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-growl a{color:var(--eui-c-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-s-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-s-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-growl-item-message code{color:var(--eui-c-neutral-bg-light);font:var(--eui-f-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-s-2xs) 0 var(--eui-s-xs) 0;font:var(--eui-f-m-bold)}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast)}.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast)}.eui-growl-item-container--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast)}.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast)}.eui-growl-item-container--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiGrowlComponent, decorators: [{
             type: Component,

package/fesm2022/eui-components-eui-growl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-growl.mjs","sources":["../../eui-growl/eui-growl.component.ts","../../eui-growl/eui-growl.component.html","../../eui-growl/eui-growl.module.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Component,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/base';\n\n@Component({\n    selector: 'eui-growl',\n    templateUrl: './eui-growl.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n    @Input({ transform: booleanAttribute }) sticky = false;\n    @Input() life = 3000;\n    @Input() value: EuiGrowlMessage[] = [];\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() style: any;\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n    }\n    @Input() position: string;\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n    @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n    @Input() closeAllSticky = false;\n\n    @HostBinding('attr.role')\n    protected role = 'region';\n    @HostBinding('attr.aria-live')\n    protected ariaLive= 'polite';\n    private differ: IterableDiffer<EuiGrowlMessage>;\n\n    constructor(\n        public el: ElementRef,\n        differs: IterableDiffers,\n    ) {\n        this.differ = differs.find([]).create(undefined);\n    }\n\n    ngDoCheck(): void {\n        const changes = this.differ.diff(this.value);\n\n        if (changes) {\n            // clear timeout in queue to avoid memory leak\n            changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n            // for newly added items create timeout if they are not sticky\n            changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n        }\n    }\n\n    /**\n     * @param msg The text message to appear in the container\n     */\n    remove(msg: EuiGrowlMessage): void;\n    /**\n     * @deprecated This is DEPRECATED please use it like remove(msg: UxMessage);\n     * @param msg\n     * @param msgel @deprecated\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    remove(msg: EuiGrowlMessage, msgel?: any): void {\n        if (msgel) {\n            console.warn(\n                'This is DEPRECATED please use it like remove(msg: UxMessage);\\n' + 'This will be a breaking change in the eUI release.',\n            );\n        }\n        this.value.splice(this.findMessageIndex(msg), 1);\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     */\n    removeAll(): void {\n        if (this.value?.length) {\n            this.value.splice(0, this.value.length);\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (!this.sticky) {\n            // make sure to clear any leftover async Timeout for messages\n            this.value.forEach((v) => clearTimeout(v?.timeout));\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.growlClick.emit();\n    }\n\n    /**\n     * check whether sticky growls are greater than two\n     */\n    isGrowlMoreThanTwo(): boolean {\n        return this.value.filter((m) => m.sticky).length > 2;\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     *\n     * @param msg UxMessage\n     */\n    private createRemovalTimeout(value: EuiGrowlMessage): void {\n        // if message it's NOT sticky and there's not any async running timeout\n        if (!value.sticky && !value.timeout) {\n            // set Timeout callback for each message based on the given life value\n            value.timeout = setTimeout(() => this.remove(value), value.life || this.life);\n        }\n    }\n\n    /**\n     * Finds UxMessage index of the array otherwise returns -1\n     *\n     * @param msg UxMessage\n     */\n    private findMessageIndex(msg: EuiGrowlMessage): number {\n        return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;\n    }\n}\n","<div\n    #msgel\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl--sticky': sticky\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n    <div class=\"eui-growl-item\">\n        <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n        <div class=\"eui-growl-item-message\">\n            <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n            <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n        </div>\n        <eui-icon-button\n            (click)=\"remove(msg)\"\n            icon=\"eui-ecl-close\"\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n</div>\n<div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlComponent } from './eui-growl.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, TranslateModule],\n    exports: [EuiGrowlComponent],\n    declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-growl.mjs","sources":["../../eui-growl/eui-growl.component.ts","../../eui-growl/eui-growl.component.html","../../eui-growl/eui-growl.module.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Component,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/base';\n\n@Component({\n    selector: 'eui-growl',\n    templateUrl: './eui-growl.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n    @Input({ transform: booleanAttribute }) sticky = false;\n    @Input() life = 3000;\n    @Input() value: EuiGrowlMessage[] = [];\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() style: any;\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n    }\n    @Input() position: string;\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n    @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n    @Input() closeAllSticky = false;\n\n    @HostBinding('attr.role')\n    protected role = 'region';\n    @HostBinding('attr.aria-live')\n    protected ariaLive= 'polite';\n    private differ: IterableDiffer<EuiGrowlMessage>;\n\n    constructor(\n        public el: ElementRef,\n        differs: IterableDiffers,\n    ) {\n        this.differ = differs.find([]).create(undefined);\n    }\n\n    ngDoCheck(): void {\n        const changes = this.differ.diff(this.value);\n\n        if (changes) {\n            // clear timeout in queue to avoid memory leak\n            changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n            // for newly added items create timeout if they are not sticky\n            changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n        }\n    }\n\n    /**\n     * @param msg The text message to appear in the container\n     */\n    remove(msg: EuiGrowlMessage): void;\n    /**\n     * @deprecated This is DEPRECATED please use it like remove(msg: UxMessage);\n     * @param msg\n     * @param msgel @deprecated\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    remove(msg: EuiGrowlMessage, msgel?: any): void {\n        if (msgel) {\n            console.warn(\n                'This is DEPRECATED please use it like remove(msg: UxMessage);\\n' + 'This will be a breaking change in the eUI release.',\n            );\n        }\n        this.value.splice(this.findMessageIndex(msg), 1);\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     */\n    removeAll(): void {\n        if (this.value?.length) {\n            this.value.splice(0, this.value.length);\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (!this.sticky) {\n            // make sure to clear any leftover async Timeout for messages\n            this.value.forEach((v) => clearTimeout(v?.timeout));\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.growlClick.emit();\n    }\n\n    /**\n     * check whether sticky growls are greater than two\n     */\n    isGrowlMoreThanTwo(): boolean {\n        return this.value.filter((m) => m.sticky).length > 2;\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     *\n     * @param msg UxMessage\n     */\n    private createRemovalTimeout(value: EuiGrowlMessage): void {\n        // if message it's NOT sticky and there's not any async running timeout\n        if (!value.sticky && !value.timeout) {\n            // set Timeout callback for each message based on the given life value\n            value.timeout = setTimeout(() => this.remove(value), value.life || this.life);\n        }\n    }\n\n    /**\n     * Finds UxMessage index of the array otherwise returns -1\n     *\n     * @param msg UxMessage\n     */\n    private findMessageIndex(msg: EuiGrowlMessage): number {\n        return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;\n    }\n}\n","<div\n    #msgel\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl--sticky': sticky\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n    <div class=\"eui-growl-item\">\n        <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n        <div class=\"eui-growl-item-message\">\n            <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n            <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n        </div>\n        <eui-icon-button\n            (click)=\"remove(msg)\"\n            icon=\"eui-ecl-close\"\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n</div>\n<div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlComponent } from './eui-growl.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, TranslateModule],\n    exports: [EuiGrowlComponent],\n    declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-icon-button.mjs

@@ -9,12 +9,16 @@ class EuiIconButtonComponent {
         this.tabindex = -1;
         this.size = 'm';
         this.hasNoPadding = false;
+        this.hasFocusHoverColor = false;
+        this.hasFocusHoverBg = true;
         this.buttonClick = new EventEmitter();
     }
     get cssClasses() {
         return [
             'eui-icon-button',
             this.hasNoPadding ? 'eui-icon-button--has-no-padding' : '',
+            this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color' : '',
+            this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg' : '',
         ]
             .join(' ')
             .trim();
@@ -22,12 +26,17 @@ class EuiIconButtonComponent {
     onClick(event) {
         this.buttonClick.emit(event);
     }
+    ngOnInit() {
+        if (this.hasFocusHoverColor) {
+            this.hasFocusHoverBg = false;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:hover{background-color:var(--eui-c-branding-light)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui--secondary .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiIconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:hover{background-color:var(--eui-c-branding-light)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui--secondary .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}\n"] }]
+            args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -45,6 +54,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             }], hasNoPadding: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], hasFocusHoverColor: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasFocusHoverBg: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], buttonClick: [{
                 type: Output
             }] } });

package/fesm2022/eui-components-eui-icon-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button',\n    templateUrl: './eui-icon-button.component.html',\n    styleUrls: [ './eui-icon-button.component.scss' ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button',\n            this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() icon: string;\n    @Input() fillColor: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input({ transform: booleanAttribute }) hasNoPadding = false;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n","<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n    ],\n    declarations: [EuiIconButtonComponent],\n    exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button',\n    templateUrl: './eui-icon-button.component.html',\n    styleUrls: [ './eui-icon-button.component.scss' ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button',\n            this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n            this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n            this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() icon: string;\n    @Input() fillColor: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input({ transform: booleanAttribute }) hasNoPadding = false;\n    @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n    @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n\n    ngOnInit(): void {\n        if (this.hasFocusHoverColor) {\n            this.hasFocusHoverBg = false;\n        }\n    }\n}\n","<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n    ],\n    declarations: [EuiIconButtonComponent],\n    exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAkBkC,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC,CAAC;QAInC,IAAI,CAAA,IAAA,GAAkE,GAAG,CAAC;QAG3C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QACrB,IAAkB,CAAA,kBAAA,GAAG,KAAK,CAAC;QAC3B,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;AAErD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS,CAAC;AAWrD,KAAA;AAjCG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,iBAAiB;YACjB,IAAI,CAAC,YAAY,GAAG,iCAAiC,GAAE,EAAE;YACzD,IAAI,CAAC,kBAAkB,GAAG,wCAAwC,GAAE,EAAE;YACtE,IAAI,CAAC,eAAe,GAAG,qCAAqC,GAAE,EAAE;AACnE,SAAA;aACI,IAAI,CAAC,GAAG,CAAC;AACT,aAAA,IAAI,EAAE,CAAC;KACf;AAcD,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAChC;KACJ;8GAjCQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,oKAmBX,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAChB,gBAAgB,CAChB,EAAA,eAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAAA,gBAAgB,8JC7BxC,4aAUA,EAAA,MAAA,EAAA,CAAA,g3BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDFa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACI,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4aAAA,EAAA,MAAA,EAAA,CAAA,g3BAAA,CAAA,EAAA,CAAA;8BAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;gBAWU,QAAQ,EAAA,CAAA;sBAArC,WAAW;uBAAC,eAAe,CAAA;gBAEnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEkC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,kBAAkB,EAAA,CAAA;sBAAzD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,eAAe,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAE5B,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MEjBE,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,YAAA,EAAA,CAHb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAHjC,YAAY;AACZ,YAAA,aAAa,aAGP,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YANxB,YAAY;YACZ,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,aAAa;AAChB,qBAAA;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACpC,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}