@eui/components 18.0.0-next.68 → 18.0.0-next.69

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

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
 import * as i2 from "@angular/common";
 import * as i3 from "@eui/components/eui-icon";
+import * as i4 from "@eui/components/eui-icon-button-expander";
 var EuiFieldsetComponent = class _EuiFieldsetComponent {
   get cssClasses() {
     return [
@@ -73,7 +74,7 @@ var EuiFieldsetComponent = class _EuiFieldsetComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<div class="eui-fieldset__container">\n    <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n        <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n            <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgName" [fillColor]="iconSvgFillColorType"></eui-icon-svg>\n            </div>\n            <div *ngIf="hasDefaultIcon" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgType" [fillColor]="iconSvgFillColorType"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n        </div>\n        <div class="eui-fieldset__header-right-content">\n            <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n            <eui-icon-button-expander *ngIf="isExpandable"\n                [isExpanded]="isExpanded"\n                isDirectionForward\n                fillColor="neutral">\n            </eui-icon-button-expander>\n        </div>\n    </div>\n    <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n        @if (lazyContent) {\n            <ng-template [ngTemplateOutlet]="lazyContent"></ng-template>\n        } @else {\n            <ng-content></ng-content>\n        }\n    </div>\n</div>\n', styles: [".eui-fieldset{--_color: var(--eui-fieldset-color, var(--eui-c-neutral))}.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-s-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-m);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-is-m);margin-right:var(--eui-s-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:var(--eui-f-s-bold)}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:var(--eui-f-m)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset--highlighted .eui-fieldset__container{background-color:transparent;padding:var(--eui-s-s);z-index:var(--eui-zi-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{text-transform:none;font:var(--eui-f-l)}.eui-fieldset--highlighted{z-index:var(--eui-zi-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-s-xs)}.eui-fieldset--primary{--_color: var(--eui-c-primary)}.eui-fieldset--secondary{--_color: var(--eui-c-neutral)}.eui-fieldset--info{--_color: var(--eui-c-info)}.eui-fieldset--success{--_color: var(--eui-c-success)}.eui-fieldset--warning{--_color: var(--eui-c-warning)}.eui-fieldset--danger{--_color: var(--eui-c-danger)}.eui-fieldset .eui-fieldset__header{color:var(--_color)}.eui-fieldset:not(.eui-fieldset--has-icon-color) .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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.EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: ["fillColor", "size", "ariaLabel", "isExpanded", "isDirectionForward", "euiDisabled"], outputs: ["buttonClick"] }], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<div class="eui-fieldset__container">\n    <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n        <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n            <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgName" [fillColor]="iconSvgFillColorType"></eui-icon-svg>\n            </div>\n            <div *ngIf="hasDefaultIcon" class="eui-fieldset__header-icon">\n                <eui-icon-svg [icon]="iconSvgType" [fillColor]="iconSvgFillColorType"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n        </div>\n        <div class="eui-fieldset__header-right-content">\n            <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n            <eui-icon-button-expander *ngIf="isExpandable"\n                [isExpanded]="isExpanded"\n                isDirectionForward\n                fillColor="neutral">\n            </eui-icon-button-expander>\n        </div>\n    </div>\n    <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n        @if (lazyContent) {\n            <ng-template [ngTemplateOutlet]="lazyContent"></ng-template>\n        } @else {\n            <ng-content></ng-content>\n        }\n    </div>\n</div>\n', styles: [".eui-fieldset{--_color: var(--eui-fieldset-color, var(--eui-c-neutral))}.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-s-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-m);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-is-m);margin-right:var(--eui-s-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:var(--eui-f-s-bold)}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:var(--eui-f-m)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset--highlighted .eui-fieldset__container{background-color:transparent;padding:var(--eui-s-s);z-index:var(--eui-zi-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{text-transform:none;font:var(--eui-f-l)}.eui-fieldset--highlighted{z-index:var(--eui-zi-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-s-xs)}.eui-fieldset--primary{--_color: var(--eui-c-primary)}.eui-fieldset--secondary{--_color: var(--eui-c-neutral)}.eui-fieldset--info{--_color: var(--eui-c-info)}.eui-fieldset--success{--_color: var(--eui-c-success)}.eui-fieldset--warning{--_color: var(--eui-c-warning)}.eui-fieldset--danger{--_color: var(--eui-c-danger)}.eui-fieldset .eui-fieldset__header{color:var(--_color)}.eui-fieldset:not(.eui-fieldset--has-icon-color) .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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: i4.EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: ["fillColor", "size", "ariaLabel", "isExpanded", "isDirectionForward", "euiDisabled"], outputs: ["buttonClick"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
@@ -162,6 +163,7 @@ import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { EuiButtonModule } from "@eui/components/eui-button";
 import { EuiIconModule } from "@eui/components/eui-icon";
+import { EuiIconButtonExpanderModule } from "@eui/components/eui-icon-button-expander";
 import { BaseStatesDirective as BaseStatesDirective3 } from "@eui/components/shared";
 import * as i02 from "@angular/core";
 var EuiFieldsetModule = class _EuiFieldsetModule {
@@ -169,16 +171,16 @@ var EuiFieldsetModule = class _EuiFieldsetModule {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiFieldsetModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiFieldsetModule, declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective3], exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiFieldsetModule, declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule, EuiIconButtonExpanderModule, BaseStatesDirective3], exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiFieldsetModule, imports: [CommonModule, EuiButtonModule, EuiIconModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiFieldsetModule, imports: [CommonModule, EuiButtonModule, EuiIconModule, EuiIconButtonExpanderModule] });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiFieldsetModule, decorators: [{
   type: NgModule,
   args: [{
-    imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective3],
+    imports: [CommonModule, EuiButtonModule, EuiIconModule, EuiIconButtonExpanderModule, BaseStatesDirective3],
     exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],
     declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective]
   }]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-fieldset/eui-fieldset.component.ts", "../../eui-fieldset/eui-fieldset.component.html", "../../eui-fieldset/eui-fieldset.module.ts"],
-  "sourcesContent": ["import {\n    AfterContentInit,\n    Component,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnChanges,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\nimport { EuiTemplateDirective } from '@eui/components/directives';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-fieldset',\n    templateUrl: './eui-fieldset.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n                'euiHighlighted',\n            ],\n        },\n    ],\n})\nexport class EuiFieldsetComponent implements AfterContentInit, OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-fieldset'),\n            this.isFirst ? 'eui-fieldset--first' : '',\n            this.isExpandable ? 'eui-fieldset--expandable' : '',\n            this.iconSvgFillColor ? 'eui-fieldset--has-icon-color': '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n    @Input() id: string;\n    @Input() label: string;\n    @Input() iconClass: string;\n    @Input() iconSvgName: string;\n    @Input() iconSvgFillColor: string;\n\n    @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n    @Input({ transform: booleanAttribute }) isExpandable = false;\n    @Input({ transform: booleanAttribute }) isExpanded = true;\n    @Input({ transform: booleanAttribute }) isLarge = false;\n    @Input({ transform: booleanAttribute }) isFirst = false;\n\n    @Output() expand: EventEmitter<string> = new EventEmitter();\n\n    public expandMenuLabel = 'Expand ';\n    public collapseMenuLabel = 'Collapse ';\n    public iconSvgType = 'eui-info';\n    public iconSvgFillColorType;\n\n    protected lazyContent: TemplateRef<HTMLElement>;\n    @ContentChildren(EuiTemplateDirective) templates: QueryList<EuiTemplateDirective>;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnChanges(): void {\n        this.setIcon();\n    }\n\n    ngAfterContentInit(): void {\n        const lazyTemplate = this.templates.filter(t => t.name === 'eui-fieldset-content')[0];\n        if (lazyTemplate) {\n            this.lazyContent = lazyTemplate.template;\n        }\n        this.setIcon();\n    }\n\n    onToggle(): void {\n        if (this.isExpandable) {\n            this.isExpanded = !this.isExpanded;\n            this.expand.emit(this.id);\n        }\n    }\n\n    private setIcon(): void {\n        this.iconSvgType = 'eui-ecl-information';\n        let fillColorGen = 'info';\n\n        if (this.baseStatesDirective.euiWarning) {\n            this.iconSvgType = 'eui-ecl-warning';\n            fillColorGen = 'warning';\n        }\n        if (this.baseStatesDirective.euiDanger) {\n            this.iconSvgType = 'eui-ecl-error';\n            fillColorGen = 'danger';\n        }\n        if (this.baseStatesDirective.euiSuccess) {\n            this.iconSvgType = 'eui-ecl-check-filled';\n            fillColorGen = 'success';\n        }\n        if (this.baseStatesDirective.euiSecondary) {\n            this.iconSvgType = 'eui-question';\n            fillColorGen = 'neutral';\n        }\n\n        if (!this.iconSvgFillColor) {\n            this.iconSvgFillColorType = fillColorGen;\n        } else {\n            this.iconSvgFillColorType = this.iconSvgFillColor;\n        }\n    }\n}\n\n/* eslint-disable */\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/* eslint-enable */\n", "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColorType\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\" [fillColor]=\"iconSvgFillColorType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            <eui-icon-button-expander *ngIf=\"isExpandable\"\n                [isExpanded]=\"isExpanded\"\n                isDirectionForward\n                fillColor=\"neutral\">\n            </eui-icon-button-expander>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        @if (lazyContent) {\n            <ng-template [ngTemplateOutlet]=\"lazyContent\"></ng-template>\n        } @else {\n            <ng-content></ng-content>\n        }\n    </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n    EuiFieldsetComponent,\n    EuiFieldsetLabelExtraContentTagDirective,\n    EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\n@NgModule({\n    imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective],\n    exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n    declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n    AfterContentInit,\n    Component,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnChanges,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\nimport { EuiTemplateDirective } from '@eui/components/directives';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-fieldset',\n    templateUrl: './eui-fieldset.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n                'euiHighlighted',\n            ],\n        },\n    ],\n})\nexport class EuiFieldsetComponent implements AfterContentInit, OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-fieldset'),\n            this.isFirst ? 'eui-fieldset--first' : '',\n            this.isExpandable ? 'eui-fieldset--expandable' : '',\n            this.iconSvgFillColor ? 'eui-fieldset--has-icon-color': '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n    @Input() id: string;\n    @Input() label: string;\n    @Input() iconClass: string;\n    @Input() iconSvgName: string;\n    @Input() iconSvgFillColor: string;\n\n    @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n    @Input({ transform: booleanAttribute }) isExpandable = false;\n    @Input({ transform: booleanAttribute }) isExpanded = true;\n    @Input({ transform: booleanAttribute }) isLarge = false;\n    @Input({ transform: booleanAttribute }) isFirst = false;\n\n    @Output() expand: EventEmitter<string> = new EventEmitter();\n\n    public expandMenuLabel = 'Expand ';\n    public collapseMenuLabel = 'Collapse ';\n    public iconSvgType = 'eui-info';\n    public iconSvgFillColorType;\n\n    protected lazyContent: TemplateRef<HTMLElement>;\n    @ContentChildren(EuiTemplateDirective) templates: QueryList<EuiTemplateDirective>;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnChanges(): void {\n        this.setIcon();\n    }\n\n    ngAfterContentInit(): void {\n        const lazyTemplate = this.templates.filter(t => t.name === 'eui-fieldset-content')[0];\n        if (lazyTemplate) {\n            this.lazyContent = lazyTemplate.template;\n        }\n        this.setIcon();\n    }\n\n    onToggle(): void {\n        if (this.isExpandable) {\n            this.isExpanded = !this.isExpanded;\n            this.expand.emit(this.id);\n        }\n    }\n\n    private setIcon(): void {\n        this.iconSvgType = 'eui-ecl-information';\n        let fillColorGen = 'info';\n\n        if (this.baseStatesDirective.euiWarning) {\n            this.iconSvgType = 'eui-ecl-warning';\n            fillColorGen = 'warning';\n        }\n        if (this.baseStatesDirective.euiDanger) {\n            this.iconSvgType = 'eui-ecl-error';\n            fillColorGen = 'danger';\n        }\n        if (this.baseStatesDirective.euiSuccess) {\n            this.iconSvgType = 'eui-ecl-check-filled';\n            fillColorGen = 'success';\n        }\n        if (this.baseStatesDirective.euiSecondary) {\n            this.iconSvgType = 'eui-question';\n            fillColorGen = 'neutral';\n        }\n\n        if (!this.iconSvgFillColor) {\n            this.iconSvgFillColorType = fillColorGen;\n        } else {\n            this.iconSvgFillColorType = this.iconSvgFillColor;\n        }\n    }\n}\n\n/* eslint-disable */\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/* eslint-enable */\n", "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColorType\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\" [fillColor]=\"iconSvgFillColorType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            <eui-icon-button-expander *ngIf=\"isExpandable\"\n                [isExpanded]=\"isExpanded\"\n                isDirectionForward\n                fillColor=\"neutral\">\n            </eui-icon-button-expander>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        @if (lazyContent) {\n            <ng-template [ngTemplateOutlet]=\"lazyContent\"></ng-template>\n        } @else {\n            <ng-content></ng-content>\n        }\n    </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonExpanderModule } from '@eui/components/eui-icon-button-expander';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n    EuiFieldsetComponent,\n    EuiFieldsetLabelExtraContentTagDirective,\n    EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\n@NgModule({\n    imports: [CommonModule, EuiButtonModule, EuiIconModule, EuiIconButtonExpanderModule, BaseStatesDirective],\n    exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n    declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n"],
+  "mappings": "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",
   "names": ["BaseStatesDirective"]
 }

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

@@ -3,7 +3,8 @@ import { booleanAttribute, Component, EventEmitter, HostBinding, HostListener, I
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@eui/components/eui-icon";
-import * as i3 from "@ngx-translate/core";
+import * as i3 from "@eui/components/eui-icon-button";
+import * as i4 from "@ngx-translate/core";
 var EuiGrowlComponent = class _EuiGrowlComponent {
   get cssClasses() {
     return ["eui-growl", `eui-growl--${this.position}`].join(" ").trim();
@@ -125,7 +126,7 @@ var EuiGrowlComponent = class _EuiGrowlComponent {
             <div class="eui-growl-item-close eui-icon eui-icon-close-m" (click)="removeAll()"></div>
         </div>
     </div>
-`, 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{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-s-l);left:var(--eui-s-l)}.eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-s-l);right:var(--eui-s-l)}.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: i2.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+`, 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{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-s-l);left:var(--eui-s-l)}.eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-s-l);right:var(--eui-s-l)}.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", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiGrowlComponent, decorators: [{
@@ -210,6 +211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
 import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { EuiIconModule } from "@eui/components/eui-icon";
+import { EuiIconButtonModule } from "@eui/components/eui-icon-button";
 import { TranslateModule } from "@ngx-translate/core";
 import * as i02 from "@angular/core";
 var EuiGrowlModule = class _EuiGrowlModule {
@@ -217,16 +219,16 @@ var EuiGrowlModule = class _EuiGrowlModule {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiGrowlModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiGrowlModule, declarations: [EuiGrowlComponent], imports: [CommonModule, EuiIconModule, TranslateModule], exports: [EuiGrowlComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiGrowlModule, declarations: [EuiGrowlComponent], imports: [CommonModule, EuiIconModule, EuiIconButtonModule, TranslateModule], exports: [EuiGrowlComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiGrowlModule, imports: [CommonModule, EuiIconModule, TranslateModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiGrowlModule, imports: [CommonModule, EuiIconModule, EuiIconButtonModule, TranslateModule] });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiGrowlModule, decorators: [{
   type: NgModule,
   args: [{
-    imports: [CommonModule, EuiIconModule, TranslateModule],
+    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, TranslateModule],
     exports: [EuiGrowlComponent],
     declarations: [EuiGrowlComponent]
   }]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-growl/eui-growl.component.ts", "../../eui-growl/eui-growl.component.html", "../../eui-growl/eui-growl.module.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 { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, TranslateModule],\n    exports: [EuiGrowlComponent],\n    declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n"],
-  "mappings": "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",
+  "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"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,137 @@
+// eui-icon-button-expander.component.mjs
+import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, ChangeDetectionStrategy } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@eui/components/eui-icon";
+var EuiIconButtonExpanderComponent = class _EuiIconButtonExpanderComponent {
+  constructor() {
+    this.size = "m";
+    this.isExpanded = false;
+    this.isDirectionForward = false;
+    this.euiDisabled = false;
+    this.buttonClick = new EventEmitter();
+  }
+  get cssClasses() {
+    return [
+      "eui-icon-button-expander",
+      this.isDirectionForward ? "eui-icon-button-expander--direction-forward" : ""
+    ].join(" ").trim();
+  }
+  onClick(event) {
+    this.buttonClick.emit(event);
+  }
+  static {
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiIconButtonExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: { fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isDirectionForward: ["isDirectionForward", "isDirectionForward", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: `<button
+    type="button"
+    class="eui-icon-button-expander-toggle"
+    [class.eui-icon-button-expander-toggle--expanded]="isExpanded"
+    [attr.aria-label]="!isExpanded ? 'expanded' : 'collapsed'"
+    [attr.aria-expanded]="isExpanded"
+    aria-controls="expander-content"
+    (click)="onClick($event)">
+    @if (fillColor) {
+        @if (isDirectionForward) {
+            <eui-icon-svg icon="chevron-forward:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+        } @else {
+            <eui-icon-svg icon="chevron-down:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+        }
+
+    } @else {
+        @if (isDirectionForward) {
+            <eui-icon-svg icon="chevron-forward:sharp" size="{{size}}"></eui-icon-svg>
+        } @else {
+            <eui-icon-svg icon="chevron-down:sharp" size="{{size}}"></eui-icon-svg>
+        }
+    }
+</button>
+`, styles: [':host.eui-icon-button-expander{display:inline-flex;border-radius:var(--eui-br-max)}:host.eui-icon-button-expander:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button-expander-toggle{background-color:transparent;border:var(--eui-bw-none);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative;transition:all .2s linear!important}.eui-icon-button-expander-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle--expanded{transform:rotate(180deg)}:host.eui-icon-button-expander--direction-forward .eui-icon-button-expander-toggle--expanded{transform:rotate(90deg)}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  }
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiIconButtonExpanderComponent, decorators: [{
+  type: Component,
+  args: [{ selector: "eui-icon-button-expander", changeDetection: ChangeDetectionStrategy.OnPush, template: `<button
+    type="button"
+    class="eui-icon-button-expander-toggle"
+    [class.eui-icon-button-expander-toggle--expanded]="isExpanded"
+    [attr.aria-label]="!isExpanded ? 'expanded' : 'collapsed'"
+    [attr.aria-expanded]="isExpanded"
+    aria-controls="expander-content"
+    (click)="onClick($event)">
+    @if (fillColor) {
+        @if (isDirectionForward) {
+            <eui-icon-svg icon="chevron-forward:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+        } @else {
+            <eui-icon-svg icon="chevron-down:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+        }
+
+    } @else {
+        @if (isDirectionForward) {
+            <eui-icon-svg icon="chevron-forward:sharp" size="{{size}}"></eui-icon-svg>
+        } @else {
+            <eui-icon-svg icon="chevron-down:sharp" size="{{size}}"></eui-icon-svg>
+        }
+    }
+</button>
+`, styles: [':host.eui-icon-button-expander{display:inline-flex;border-radius:var(--eui-br-max)}:host.eui-icon-button-expander:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button-expander-toggle{background-color:transparent;border:var(--eui-bw-none);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative;transition:all .2s linear!important}.eui-icon-button-expander-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle--expanded{transform:rotate(180deg)}:host.eui-icon-button-expander--direction-forward .eui-icon-button-expander-toggle--expanded{transform:rotate(90deg)}\n'] }]
+}], propDecorators: { cssClasses: [{
+  type: HostBinding,
+  args: ["class"]
+}], fillColor: [{
+  type: Input
+}], size: [{
+  type: Input
+}], ariaLabel: [{
+  type: Input
+}], isExpanded: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], isDirectionForward: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], euiDisabled: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], buttonClick: [{
+  type: Output
+}] } });
+
+// eui-icon-button-expander.module.mjs
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { EuiIconModule } from "@eui/components/eui-icon";
+import * as i02 from "@angular/core";
+var EuiIconButtonExpanderModule = class _EuiIconButtonExpanderModule {
+  static {
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconButtonExpanderModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+  }
+  static {
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconButtonExpanderModule, declarations: [EuiIconButtonExpanderComponent], imports: [
+      CommonModule,
+      EuiIconModule
+    ], exports: [EuiIconButtonExpanderComponent] });
+  }
+  static {
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconButtonExpanderModule, imports: [
+      CommonModule,
+      EuiIconModule
+    ] });
+  }
+};
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiIconButtonExpanderModule, decorators: [{
+  type: NgModule,
+  args: [{
+    imports: [
+      CommonModule,
+      EuiIconModule
+    ],
+    declarations: [EuiIconButtonExpanderComponent],
+    exports: [EuiIconButtonExpanderComponent]
+  }]
+}] });
+export {
+  EuiIconButtonExpanderComponent,
+  EuiIconButtonExpanderModule
+};
+//# sourceMappingURL=eui-components-eui-icon-button-expander.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../eui-icon-button-expander/eui-icon-button-expander.component.ts", "../../eui-icon-button-expander/eui-icon-button-expander.component.html", "../../eui-icon-button-expander/eui-icon-button-expander.module.ts"],
+  "sourcesContent": ["import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button-expander',\n    templateUrl: './eui-icon-button-expander.component.html',\n    styleUrls: [ './eui-icon-button-expander.component.scss' ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiIconButtonExpanderComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button-expander',\n            this.isDirectionForward ? 'eui-icon-button-expander--direction-forward': '',\n        ].join(' ').trim();\n    }\n\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 }) isExpanded = false;\n    @Input({ transform: booleanAttribute }) isDirectionForward = false;\n    // TODO handle disabled attr (see button implementation)\n    @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n", "<button\n    type=\"button\"\n    class=\"eui-icon-button-expander-toggle\"\n    [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n    [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n    [attr.aria-expanded]=\"isExpanded\"\n    aria-controls=\"expander-content\"\n    (click)=\"onClick($event)\">\n    @if (fillColor) {\n        @if (isDirectionForward) {\n            <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n        }\n\n    } @else {\n        @if (isDirectionForward) {\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n        }\n    }\n</button>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n    ],\n    declarations: [EuiIconButtonExpanderComponent],\n    exports: [EuiIconButtonExpanderComponent],\n})\nexport class EuiIconButtonExpanderModule {}\n"],
+  "mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,QAAQ,cAAc,kBAAkB,+BAA+B;;;AAQzG,IAAO,iCAAP,MAAO,gCAA8B;EAN3C,cAAA;AAgBa,SAAA,OAAsE;AAGvC,SAAA,aAAa;AACb,SAAA,qBAAqB;AAErB,SAAA,cAAc;AAE5C,SAAA,cAAc,IAAI,aAAY;;EAjBxC,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,qBAAqB,gDAA+C;MAC3E,KAAK,GAAG,EAAE,KAAI;EACpB;EAaA,QAAQ,OAAY;AAChB,SAAK,YAAY,KAAK,KAAK;EAC/B;;0GAtBS,iCAA8B,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;8FAA9B,iCAA8B,UAAA,4BAAA,QAAA,EAAA,WAAA,aAAA,MAAA,QAAA,WAAA,aAAA,YAAA,CAAA,cAAA,cAanB,gBAAgB,GAAA,oBAAA,CAAA,sBAAA,sBAChB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAEhB,gBAAgB,EAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,UAAA,IAAA,UCxBxC;;;;;;;;;;;;;;;;;;;;;;;GAuBA,QAAA,CAAA,8kCAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,aAAA,OAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,CAAA,GAAA,iBAAA,2BAAA,OAAA,CAAA;EAAA;;gGDfa,gCAA8B,YAAA,CAAA;QAN1C;qBACa,4BAA0B,iBAGnB,wBAAwB,QAAM,UAAA;;;;;;;;;;;;;;;;;;;;;;;GAAA,QAAA,CAAA,8kCAAA,EAAA,CAAA;sBAI3C,YAAU,CAAA;QADb;SAAY,OAAO;IAQX,WAAS,CAAA;QAAjB;IACQ,MAAI,CAAA;QAAZ;IACQ,WAAS,CAAA;QAAjB;IAEuC,YAAU,CAAA;QAAjD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,oBAAkB,CAAA;QAAzD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAEE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAE5B,aAAW,CAAA;QAApB;;;;AE1BL,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;;AAUxB,IAAO,8BAAP,MAAO,6BAA2B;;4GAA3B,8BAA2B,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;6GAA3B,8BAA2B,cAAA,CAHrB,8BAA8B,GAAA,SAAA;MAHzC;MACA;IAAa,GAAA,SAAA,CAGP,8BAA8B,EAAA,CAAA;EAAA;;6GAE/B,8BAA2B,SAAA;MANhC;MACA;IAAa,EAAA,CAAA;EAAA;;kGAKR,6BAA2B,YAAA,CAAA;QARvC;SAAS;IACN,SAAS;MACL;MACA;;IAEJ,cAAc,CAAC,8BAA8B;IAC7C,SAAS,CAAC,8BAA8B;GAC3C;;",
+  "names": []
+}

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

@@ -0,0 +1,94 @@
+// eui-icon-button.component.mjs
+import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@eui/components/eui-icon";
+var EuiIconButtonComponent = class _EuiIconButtonComponent {
+  constructor() {
+    this.tabindex = -1;
+    this.size = "m";
+    this.hasFocusBorder = false;
+    this.hasNoPadding = false;
+    this.buttonClick = new EventEmitter();
+  }
+  get cssClasses() {
+    return [
+      "eui-icon-button",
+      this.hasFocusBorder ? "eui-icon-button--has-focus" : "",
+      this.hasNoPadding ? "eui-icon-button--has-no-padding" : ""
+    ].join(" ").trim();
+  }
+  onClick(event) {
+    this.buttonClick.emit(event);
+  }
+  static {
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", hasFocusBorder: ["hasFocusBorder", "hasFocusBorder", booleanAttribute], 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;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-button__button-icon{opacity:.8}.eui-icon-button__button:hover .eui-icon-button__button-icon,.eui-icon-button__button:focus .eui-icon-button__button-icon{opacity:1}.eui-icon-button--has-focus .eui-icon-button__button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-focus .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-focus .eui-icon-button__button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-focus .eui-icon-button__button-icon{opacity:1}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}\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-rc.1", 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;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-button__button-icon{opacity:.8}.eui-icon-button__button:hover .eui-icon-button__button-icon,.eui-icon-button__button:focus .eui-icon-button__button-icon{opacity:1}.eui-icon-button--has-focus .eui-icon-button__button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-focus .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-focus .eui-icon-button__button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-focus .eui-icon-button__button-icon{opacity:1}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}\n'] }]
+}], propDecorators: { cssClasses: [{
+  type: HostBinding,
+  args: ["class"]
+}], tabindex: [{
+  type: HostBinding,
+  args: ["attr.tabindex"]
+}], icon: [{
+  type: Input
+}], fillColor: [{
+  type: Input
+}], size: [{
+  type: Input
+}], ariaLabel: [{
+  type: Input
+}], hasFocusBorder: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], hasNoPadding: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], buttonClick: [{
+  type: Output
+}] } });
+
+// eui-icon-button.module.mjs
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { EuiIconModule } from "@eui/components/eui-icon";
+import * as i02 from "@angular/core";
+var EuiIconButtonModule = class _EuiIconButtonModule {
+  static {
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconButtonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+  }
+  static {
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconButtonModule, declarations: [EuiIconButtonComponent], imports: [
+      CommonModule,
+      EuiIconModule
+    ], exports: [EuiIconButtonComponent] });
+  }
+  static {
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconButtonModule, imports: [
+      CommonModule,
+      EuiIconModule
+    ] });
+  }
+};
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiIconButtonModule, decorators: [{
+  type: NgModule,
+  args: [{
+    imports: [
+      CommonModule,
+      EuiIconModule
+    ],
+    declarations: [EuiIconButtonComponent],
+    exports: [EuiIconButtonComponent]
+  }]
+}] });
+export {
+  EuiIconButtonComponent,
+  EuiIconButtonModule
+};
+//# sourceMappingURL=eui-components-eui-icon-button.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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"],
+  "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.hasFocusBorder ? 'eui-icon-button--has-focus': '',\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 }) hasFocusBorder = false;\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"],
+  "mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,QAAQ,cAAc,mBAAmB,wBAAwB;;;AAQnG,IAAO,yBAAP,MAAO,wBAAsB;EANnC,cAAA;AAiBkC,SAAA,WAAW;AAIhC,SAAA,OAAsE;AAGvC,SAAA,iBAAiB;AACjB,SAAA,eAAe;AAE7C,SAAA,cAAc,IAAI,aAAY;;EApBxC,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,iBAAiB,+BAA8B;MACpD,KAAK,eAAe,oCAAmC;MAEtD,KAAK,GAAG,EACR,KAAI;EACb;EAaA,QAAQ,OAAY;AAChB,SAAK,YAAY,KAAK,KAAK;EAC/B;;0GAzBS,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;8FAAtB,yBAAsB,UAAA,mBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,MAAA,QAAA,WAAA,aAAA,gBAAA,CAAA,kBAAA,kBAkBX,gBAAgB,GAAA,cAAA,CAAA,gBAAA,gBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,EAAA,GAAA,UAAA,IAAA,UC3BxC,wZAUA,QAAA,CAAA,8jCAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,aAAA,OAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,CAAA,GAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;gGDFa,wBAAsB,YAAA,CAAA;QANlC;qBACa,mBAAiB,eAGZ,kBAAkB,MAAI,UAAA,wZAAA,QAAA,CAAA,8jCAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAUU,UAAQ,CAAA;QAArC;SAAY,eAAe;IAEnB,MAAI,CAAA;QAAZ;IACQ,WAAS,CAAA;QAAjB;IACQ,MAAI,CAAA;QAAZ;IACQ,WAAS,CAAA;QAAjB;IAEuC,gBAAc,CAAA;QAArD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,cAAY,CAAA;QAAnD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAE5B,aAAW,CAAA;QAApB;;;;AE7BL,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;;AAUxB,IAAO,sBAAP,MAAO,qBAAmB;;4GAAnB,sBAAmB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;6GAAnB,sBAAmB,cAAA,CAHb,sBAAsB,GAAA,SAAA;MAHjC;MACA;IAAa,GAAA,SAAA,CAGP,sBAAsB,EAAA,CAAA;EAAA;;6GAEvB,sBAAmB,SAAA;MANxB;MACA;IAAa,EAAA,CAAA;EAAA;;kGAKR,qBAAmB,YAAA,CAAA;QAR/B;SAAS;IACN,SAAS;MACL;MACA;;IAEJ,cAAc,CAAC,sBAAsB;IACrC,SAAS,CAAC,sBAAsB;GACnC;;",
+  "names": []
+}

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

@@ -0,0 +1,74 @@
+// eui-icon-input.component.mjs
+import { Component, HostBinding, Input, booleanAttribute } from "@angular/core";
+import * as i0 from "@angular/core";
+var EuiIconInputComponent = class _EuiIconInputComponent {
+  constructor() {
+    this.euiIconPositionStart = true;
+    this.euiIconPositionEnd = false;
+  }
+  get cssClasses() {
+    return [
+      "eui-icon-input",
+      this.euiIconPositionStart && !this.euiIconPositionEnd ? "eui-icon-input--start" : "",
+      this.euiIconPositionEnd ? "eui-icon-input--end" : ""
+    ].join(" ").trim();
+  }
+  static {
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiIconInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiIconInputComponent, selector: "eui-icon-input", inputs: { euiIconPositionStart: ["euiIconPositionStart", "euiIconPositionStart", booleanAttribute], euiIconPositionEnd: ["euiIconPositionEnd", "euiIconPositionEnd", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<span class="eui-icon-input-wrapper">\n    <span class="eui-icon-input__content">\n        <ng-content></ng-content>\n    </span>\n    <span class="eui-icon-input__icon">\n        <ng-content select="eui-icon-svg"></ng-content>\n        <ng-content select="eui-button"></ng-content>\n    </span>\n</span>\n', styles: [":host.eui-icon-input{display:flex;width:100%}.eui-icon-input-wrapper{display:flex;width:100%;position:relative}.eui-icon-input__content{display:flex;width:100%}.eui-icon-input__icon{position:absolute;top:25%}:host.eui-icon-input--end .eui-icon-input__icon{right:var(--eui-s-xs)}:host.eui-icon-input--start .eui-icon-input__icon{left:var(--eui-s-xs)}\n"] });
+  }
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiIconInputComponent, decorators: [{
+  type: Component,
+  args: [{ selector: "eui-icon-input", template: '<span class="eui-icon-input-wrapper">\n    <span class="eui-icon-input__content">\n        <ng-content></ng-content>\n    </span>\n    <span class="eui-icon-input__icon">\n        <ng-content select="eui-icon-svg"></ng-content>\n        <ng-content select="eui-button"></ng-content>\n    </span>\n</span>\n', styles: [":host.eui-icon-input{display:flex;width:100%}.eui-icon-input-wrapper{display:flex;width:100%;position:relative}.eui-icon-input__content{display:flex;width:100%}.eui-icon-input__icon{position:absolute;top:25%}:host.eui-icon-input--end .eui-icon-input__icon{right:var(--eui-s-xs)}:host.eui-icon-input--start .eui-icon-input__icon{left:var(--eui-s-xs)}\n"] }]
+}], propDecorators: { cssClasses: [{
+  type: HostBinding,
+  args: ["class"]
+}], euiIconPositionStart: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], euiIconPositionEnd: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}] } });
+
+// eui-icon-input.module.mjs
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { EuiIconModule } from "@eui/components/eui-icon";
+import * as i02 from "@angular/core";
+var EuiIconInputModule = class _EuiIconInputModule {
+  static {
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconInputModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+  }
+  static {
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconInputModule, declarations: [EuiIconInputComponent], imports: [
+      CommonModule,
+      EuiIconModule
+    ], exports: [EuiIconInputComponent] });
+  }
+  static {
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiIconInputModule, imports: [
+      CommonModule,
+      EuiIconModule
+    ] });
+  }
+};
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiIconInputModule, decorators: [{
+  type: NgModule,
+  args: [{
+    imports: [
+      CommonModule,
+      EuiIconModule
+    ],
+    declarations: [EuiIconInputComponent],
+    exports: [EuiIconInputComponent]
+  }]
+}] });
+export {
+  EuiIconInputComponent,
+  EuiIconInputModule
+};
+//# sourceMappingURL=eui-components-eui-icon-input.mjs.map