npm - @eui/components - Versions diffs - 19.1.1-snapshot-1740477848147 → 19.1.1-snapshot-1741264224607 - Mend

@eui/components 19.1.1-snapshot-1740477848147 → 19.1.1-snapshot-1741264224607

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (283) hide show

package/fesm2022/eui-components-eui-discussion-thread.mjs CHANGED Viewed

@@ -6,28 +6,74 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1 from '@eui/components/eui-icon';
 import { EuiIconModule } from '@eui/components/eui-icon';
 import * as i2 from '@eui/components/eui-label';
-import { EuiLabelModule } from '@eui/components/eui-label';
+import { EuiLabelComponent } from '@eui/components/eui-label';
 import * as i3 from '@eui/components/eui-icon-state';
 import { EuiIconStateModule } from '@eui/components/eui-icon-state';
+/**
+ * @description
+ * Component for displaying individual items within a discussion thread.
+ * This component represents a single entry in a conversation or thread timeline,
+ * displaying information such as the author, date, content body, and optional tooltip.
+ *
+ * The component applies the ARIA role 'listitem' to maintain proper accessibility
+ * and includes support for styling variants through the typeClass property.
+ *
+ * @example
+ * // Basic usage within a discussion thread:
+ * <eui-discussion-thread>
+ *   <eui-discussion-thread-item
+ *     id="msg-123"
+ *     typeClass="info"
+ *     date="2023-10-15T14:30:00"
+ *     author="John Doe"
+ *     body="This is a comment in the discussion."
+ *     tooltip="Posted yesterday">
+ *   </eui-discussion-thread-item>
+ * </eui-discussion-thread>
+ *
+ * @example
+ * // With different type classes for styling:
+ * <eui-discussion-thread-item
+ *   id="msg-456"
+ *   typeClass="warning"
+ *   date="2023-10-16T09:15:00"
+ *   author="Jane Smith"
+ *   body="Important note about this topic."
+ *   [isOdd]="true">
+ * </eui-discussion-thread-item>
+ */
 class EuiDiscussionThreadItemComponent {
     constructor() {
+        /**
+         * ARIA role for the host element to ensure proper accessibility.
+         * @default 'listitem'
+         */
         this.role = 'listitem';
         this._isOdd = false;
     }
+    /**
+     * Sets CSS classes on the host element based on the typeClass property.
+     * This helps maintain consistent styling with the parent theme variant.
+     * @returns {string} The CSS class to be applied
+     */
     get cssClasses() {
         return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill
     }
+    /**
+     * Indicates if this item is in an odd position in the list.
+     * Used for alternating styling patterns within the thread.
+     */
     get isOdd() {
         return this._isOdd;
     }
     set isOdd(value) {
         this._isOdd = coerceBooleanProperty(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiDiscussionThreadItemComponent, isStandalone: false, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n        <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n    </div>\n    <div class=\"eui-discussion-thread__item-panel\">\n        <div class=\"eui-discussion-thread__item-panel-header\">\n            <div class=\"eui-discussion-thread__item-panel-heading\">\n                <div class=\"eui-discussion-thread__item-panel-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread__item-panel-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread__item-panel-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread__item-panel-body\">\n            <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\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"] }, { kind: "component", type: i2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiDiscussionThreadItemComponent, isStandalone: false, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n        <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n    </div>\n    <div class=\"eui-discussion-thread__item-panel\">\n        <div class=\"eui-discussion-thread__item-panel-header\">\n            <div class=\"eui-discussion-thread__item-panel-heading\">\n                <div class=\"eui-discussion-thread__item-panel-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread__item-panel-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread__item-panel-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread__item-panel-body\">\n            <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\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"] }, { kind: "component", type: i2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-discussion-thread-item', standalone: false, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n        <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n    </div>\n    <div class=\"eui-discussion-thread__item-panel\">\n        <div class=\"eui-discussion-thread__item-panel-header\">\n            <div class=\"eui-discussion-thread__item-panel-heading\">\n                <div class=\"eui-discussion-thread__item-panel-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread__item-panel-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread__item-panel-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread__item-panel-body\">\n            <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\n" }]
         }], propDecorators: { cssClasses: [{
@@ -52,17 +98,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 type: Input
             }] } });
+/**
+ * @description
+ * Component for displaying a discussion thread or conversation timeline.
+ * This component renders a list of discussion thread items in a structured format,
+ * with support for titles, subtitles, and tooltips for additional context.
+ *
+ * The component applies the ARIA role 'list' to the host element to maintain proper
+ * accessibility for screen readers.
+ *
+ * @example
+ * // Basic usage with thread items:
+ * <eui-discussion-thread
+ *   [items]="discussionItems"
+ *   titleLabel="Discussion"
+ *   subTitleLabel="Recent activity">
+ * </eui-discussion-thread>
+ *
+ * @example
+ * // With tooltip:
+ * <eui-discussion-thread
+ *   [items]="discussionItems"
+ *   titleLabel="Comments"
+ *   tooltip="Click on a comment to view details">
+ * </eui-discussion-thread>
+ */
 class EuiDiscussionThreadComponent {
     constructor() {
+        /**
+         * ARIA role for the host element to ensure proper accessibility.
+         * @default 'list'
+         */
         this.role = 'list';
     }
+    /**
+     * Track by function for ngFor directive to improve rendering performance.
+     * Uses the id property of each discussion thread item.
+     *
+     * @param index - The index of the current item in the array
+     * @param item - The current discussion thread item
+     * @returns The unique identifier for the item
+     */
     trackByFn(index, item) {
         return item.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiDiscussionThreadComponent, isStandalone: false, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}:root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiDiscussionThreadComponent, isStandalone: false, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}:root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}:root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
         }], propDecorators: { role: [{
@@ -78,15 +161,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 type: Input
             }] } });
+/**
+ * @description
+ * Provides components for displaying structured discussion threads and conversation timelines.
+ *
+ * @example
+ * // Import in your feature module:
+ * import { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';
+ *
+ * @NgModule({
+ *   imports: [
+ *     EuiDiscussionThreadModule,
+ *   ],
+ * })
+ * export class MyFeatureModule {}
+ *
+ * @see EuiDiscussionThreadComponent
+ * @see EuiDiscussionThreadItemComponent
+ */
 class EuiDiscussionThreadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule], exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent], imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule], exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule],
+                    imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule],
                     declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],
                     exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],
                 }]

package/fesm2022/eui-components-eui-discussion-thread.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n standalone: false,\n})\nexport class EuiDiscussionThreadItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n @HostBinding('attr.role') role = 'listitem';\n\n @Input() id: string;\n @Input() typeClass: string;\n @Input() date: string;\n @Input() author: string;\n @Input() body: string;\n @Input() tooltip: string;\n\n @Input()\n get isOdd(): boolean {\n return this._isOdd;\n }\n set isOdd(value: BooleanInput) {\n this._isOdd = coerceBooleanProperty(value);\n }\n private _isOdd = false;\n}\n","<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date \| date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date \| date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n","import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\n\n@Component({\n selector: 'eui-discussion-thread',\n templateUrl: './eui-discussion-thread.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class EuiDiscussionThreadComponent {\n\n @HostBinding('attr.role') role = 'list';\n\n @Input() items: EuiDiscussionThreadItem[];\n @Input() titleLabel: string;\n @Input() subTitleLabel: string;\n @Input() tooltip: string;\n\n public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n return item.id;\n }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule],\n declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i4","i1","i2.EuiDiscussionThreadItemComponent"],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n/*\n @description\n * Component for displaying individual items within a discussion thread.\n * This component represents a single entry in a conversation or thread timeline,\n * displaying information such as the author, date, content body, and optional tooltip.\n \n The component applies the ARIA role 'listitem' to maintain proper accessibility\n * and includes support for styling variants through the typeClass property.\n \n @example\n * // Basic usage within a discussion thread:\n * <eui-discussion-thread>\n * <eui-discussion-thread-item\n * id=\"msg-123\"\n * typeClass=\"info\"\n * date=\"2023-10-15T14:30:00\"\n * author=\"John Doe\"\n * body=\"This is a comment in the discussion.\"\n * tooltip=\"Posted yesterday\">\n * </eui-discussion-thread-item>\n * </eui-discussion-thread>\n \n @example\n * // With different type classes for styling:\n * <eui-discussion-thread-item\n * id=\"msg-456\"\n * typeClass=\"warning\"\n * date=\"2023-10-16T09:15:00\"\n * author=\"Jane Smith\"\n * body=\"Important note about this topic.\"\n * [isOdd]=\"true\">\n * </eui-discussion-thread-item>\n /\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n standalone: false,\n})\nexport class EuiDiscussionThreadItemComponent {\n /\n Sets CSS classes on the host element based on the typeClass property.\n * This helps maintain consistent styling with the parent theme variant.\n * @returns {string} The CSS class to be applied\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n\n /\n ARIA role for the host element to ensure proper accessibility.\n * @default 'listitem'\n /\n @HostBinding('attr.role') role = 'listitem';\n\n /\n Unique identifier for the discussion thread item.\n /\n @Input() id: string;\n\n /\n Type class defining the visual style of the item (e.g., 'info', 'warning', 'error').\n * This affects the color scheme applied to the item.\n /\n @Input() typeClass: string;\n\n /\n Date when the thread item was created or modified.\n /\n @Input() date: string;\n\n /\n Name or identifier of the author who created the item.\n /\n @Input() author: string;\n\n /\n Content body of the discussion thread item.\n /\n @Input() body: string;\n\n /\n Tooltip text to display additional information when hovering over the item.\n /\n @Input() tooltip: string;\n\n /\n Indicates if this item is in an odd position in the list.\n * Used for alternating styling patterns within the thread.\n /\n @Input()\n get isOdd(): boolean {\n return this._isOdd;\n }\n set isOdd(value: BooleanInput) {\n this._isOdd = coerceBooleanProperty(value);\n }\n private _isOdd = false;\n}\n","<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date \| date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date \| date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n","import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\n\n/\n @description\n * Component for displaying a discussion thread or conversation timeline.\n * This component renders a list of discussion thread items in a structured format,\n * with support for titles, subtitles, and tooltips for additional context.\n \n The component applies the ARIA role 'list' to the host element to maintain proper\n * accessibility for screen readers.\n \n @example\n * // Basic usage with thread items:\n * <eui-discussion-thread\n * [items]=\"discussionItems\"\n * titleLabel=\"Discussion\"\n * subTitleLabel=\"Recent activity\">\n * </eui-discussion-thread>\n \n @example\n * // With tooltip:\n * <eui-discussion-thread\n * [items]=\"discussionItems\"\n * titleLabel=\"Comments\"\n * tooltip=\"Click on a comment to view details\">\n * </eui-discussion-thread>\n /\n@Component({\n selector: 'eui-discussion-thread',\n templateUrl: './eui-discussion-thread.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class EuiDiscussionThreadComponent {\n /\n ARIA role for the host element to ensure proper accessibility.\n * @default 'list'\n /\n @HostBinding('attr.role') role = 'list';\n\n /\n Array of discussion thread items to be displayed.\n * Each item should conform to the EuiDiscussionThreadItem interface.\n /\n @Input() items: EuiDiscussionThreadItem[];\n\n /\n The main title label for the discussion thread.\n /\n @Input() titleLabel: string;\n\n /\n The subtitle label for the discussion thread, typically used to provide\n * additional context or categorization.\n /\n @Input() subTitleLabel: string;\n\n /\n Tooltip text to display when hovering over the discussion thread.\n /\n @Input() tooltip: string;\n\n /\n Track by function for ngFor directive to improve rendering performance.\n * Uses the id property of each discussion thread item.\n \n @param index - The index of the current item in the array\n * @param item - The current discussion thread item\n * @returns The unique identifier for the item\n /\n public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n return item.id;\n }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n/*\n @description\n * Provides components for displaying structured discussion threads and conversation timelines.\n \n @example\n * // Import in your feature module:\n * import { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';\n \n @NgModule({\n * imports: [\n * EuiDiscussionThreadModule,\n * ],\n * })\n * export class MyFeatureModule {}\n \n @see EuiDiscussionThreadComponent\n * @see EuiDiscussionThreadItemComponent\n /\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule],\n declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i4","i1","i2.EuiDiscussionThreadItemComponent"],"mappings":"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"}

package/fesm2022/eui-components-eui-dropdown.mjs CHANGED Viewed

@@ -46,10 +46,10 @@ class EuiDropdownItemComponent {
         const mouseenterEvent = new Event('mouseenter');
         this.elementRef.nativeElement.dispatchEvent(mouseenterEvent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: EuiDropdownItemComponent, isStandalone: false, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: ["isActive", "isActive", booleanAttribute], isFocus: ["isFocus", "isFocus", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;color:var(--eui-c-neutral-bg-contrast);display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: EuiDropdownItemComponent, isStandalone: false, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: ["isActive", "isActive", booleanAttribute], isFocus: ["isFocus", "isFocus", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;color:var(--eui-c-neutral-bg-contrast);display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-dropdown-item, [euiDropdownItem]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;color:var(--eui-c-neutral-bg-contrast);display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { subDropdown: [{
@@ -73,10 +73,10 @@ class EuiDropdownContentDirective {
     constructor() {
         this.role = 'menu';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: EuiDropdownContentDirective, isStandalone: false, selector: "eui-dropdown-content", host: { properties: { "attr.role": "this.role" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: EuiDropdownContentDirective, isStandalone: false, selector: "eui-dropdown-content", host: { properties: { "attr.role": "this.role" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-dropdown-content', standalone: false }]
         }], propDecorators: { role: [{
@@ -100,10 +100,10 @@ class EuiDropdownService {
     constructor() {
         this.isDropdownOpen = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownService, decorators: [{
             type: Injectable
         }] });
@@ -529,10 +529,10 @@ class EuiDropdownComponent {
             this.overlayY = 'center';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$1.ScrollDispatcher }, { token: EuiDropdownService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: EuiDropdownComponent, isStandalone: false, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", subDropdownPosition: "subDropdownPosition", isBlock: ["isBlock", "isBlock", booleanAttribute], isDropDownRightAligned: ["isDropDownRightAligned", "isDropDownRightAligned", booleanAttribute], hasClosedOnClickInside: ["hasClosedOnClickInside", "hasClosedOnClickInside", booleanAttribute], isLabelUpdatedFromSelectedItem: ["isLabelUpdatedFromSelectedItem", "isLabelUpdatedFromSelectedItem", booleanAttribute], isExpandOnHover: ["isExpandOnHover", "isExpandOnHover", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isRightClickEnabled: ["isRightClickEnabled", "isRightClickEnabled", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDropdownItems", predicate: EuiDropdownItemComponent, descendants: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }], ngImport: i0, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-19\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;color:var(--eui-c-neutral-bg-contrast);display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$1.ScrollDispatcher }, { token: EuiDropdownService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: EuiDropdownComponent, isStandalone: false, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", subDropdownPosition: "subDropdownPosition", isBlock: ["isBlock", "isBlock", booleanAttribute], isDropDownRightAligned: ["isDropDownRightAligned", "isDropDownRightAligned", booleanAttribute], hasClosedOnClickInside: ["hasClosedOnClickInside", "hasClosedOnClickInside", booleanAttribute], isLabelUpdatedFromSelectedItem: ["isLabelUpdatedFromSelectedItem", "isLabelUpdatedFromSelectedItem", booleanAttribute], isExpandOnHover: ["isExpandOnHover", "isExpandOnHover", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isRightClickEnabled: ["isRightClickEnabled", "isRightClickEnabled", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDropdownItems", predicate: EuiDropdownItemComponent, descendants: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }], ngImport: i0, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-19\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;color:var(--eui-c-neutral-bg-contrast);display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-dropdown', animations: [openClose], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-19\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;color:var(--eui-c-neutral-bg-contrast);display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ViewContainerRef }, { type: i1$1.ScrollDispatcher }, { type: EuiDropdownService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
@@ -592,11 +592,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 class EuiDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownModule, declarations: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule], exports: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownModule, providers: [EuiDropdownService], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownModule, declarations: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule], exports: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownModule, providers: [EuiDropdownService], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule, ObserversModule],
@@ -606,11 +606,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 class EuiDropdownContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownContentModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownContentModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownContentModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownContentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDropdownContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDropdownContentModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

package/fesm2022/eui-components-eui-feedback-message.mjs CHANGED Viewed

@@ -62,10 +62,10 @@ class EuiFeedbackMessageComponent {
             this.isMuted ? 'eui-feedback-message--muted' : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiFeedbackMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: EuiFeedbackMessageComponent, isStandalone: true, selector: "eui-feedback-message", inputs: { isMuted: ["isMuted", "isMuted", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-feedback-message{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--primary{--_color: var(--eui-c-primary)}.eui-19 :host.eui-feedback-message--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-feedback-message--success{--_color: var(--eui-c-success)}.eui-19 :host.eui-feedback-message--warning{--_color: var(--eui-c-warning-darker)}.eui-19 :host.eui-feedback-message--danger{--_color: var(--eui-c-danger)}.eui-19 :host.eui-feedback-message--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-feedback-message{align-items:center;display:flex;gap:var(--eui-s-2xs);margin-top:var(--eui-s-xs);position:relative}.eui-19 :host.eui-feedback-message .eui-feedback-message__content{color:var(--_color);display:block;position:relative;font:var(--eui-f-s)}\n"], dependencies: [{ kind: "ngmodule", type: EuiIconStateModule }, { kind: "component", type: i2.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiFeedbackMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EuiFeedbackMessageComponent, isStandalone: true, selector: "eui-feedback-message", inputs: { isMuted: ["isMuted", "isMuted", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-feedback-message{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--primary{--_color: var(--eui-c-primary)}.eui-19 :host.eui-feedback-message--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-feedback-message--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-feedback-message--warning{--_color: var(--eui-c-warning-darker)}.eui-19 :host.eui-feedback-message--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-feedback-message--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-feedback-message{align-items:center;display:flex;gap:var(--eui-s-2xs);margin-top:var(--eui-s-xs);position:relative}.eui-19 :host.eui-feedback-message .eui-feedback-message__content{color:var(--_color);display:block;position:relative;font:var(--eui-f-s)}\n"], dependencies: [{ kind: "ngmodule", type: EuiIconStateModule }, { kind: "component", type: i2.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiFeedbackMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiFeedbackMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-feedback-message', standalone: true, imports: [EuiIconStateModule], hostDirectives: [
                         {
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                                 'euiVariant',
                             ],
                         },
-                    ], template: "@if (!isMuted) {\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-feedback-message{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--primary{--_color: var(--eui-c-primary)}.eui-19 :host.eui-feedback-message--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-feedback-message--success{--_color: var(--eui-c-success)}.eui-19 :host.eui-feedback-message--warning{--_color: var(--eui-c-warning-darker)}.eui-19 :host.eui-feedback-message--danger{--_color: var(--eui-c-danger)}.eui-19 :host.eui-feedback-message--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-feedback-message{align-items:center;display:flex;gap:var(--eui-s-2xs);margin-top:var(--eui-s-xs);position:relative}.eui-19 :host.eui-feedback-message .eui-feedback-message__content{color:var(--_color);display:block;position:relative;font:var(--eui-f-s)}\n"] }]
+                    ], template: "@if (!isMuted) {\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-feedback-message{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--primary{--_color: var(--eui-c-primary)}.eui-19 :host.eui-feedback-message--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-feedback-message--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-feedback-message--warning{--_color: var(--eui-c-warning-darker)}.eui-19 :host.eui-feedback-message--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-feedback-message--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-feedback-message{align-items:center;display:flex;gap:var(--eui-s-2xs);margin-top:var(--eui-s-xs);position:relative}.eui-19 :host.eui-feedback-message .eui-feedback-message__content{color:var(--_color);display:block;position:relative;font:var(--eui-f-s)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -108,11 +108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
  * @see {@link EuiIconStateModule}
  */
 class EuiFeedbackMessageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiFeedbackMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiFeedbackMessageModule, imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent], exports: [EuiFeedbackMessageComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiFeedbackMessageModule, imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiFeedbackMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiFeedbackMessageModule, imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent], exports: [EuiFeedbackMessageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiFeedbackMessageModule, imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiFeedbackMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiFeedbackMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent],

package/fesm2022/eui-components-eui-feedback-message.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-feedback-message.mjs","sources":["../../eui-feedback-message/eui-feedback-message.component.ts","../../eui-feedback-message/eui-feedback-message.component.html","../../eui-feedback-message/eui-feedback-message.module.ts","../../eui-feedback-message/eui-components-eui-feedback-message.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n/*\n @description\n * A feedback message component that displays various types of feedback to users.\n * Supports different states (primary, secondary, info, etc.) and can be muted.\n \n @example\n * // Basic usage\n * <eui-feedback-message>Message content</eui-feedback-message>\n \n // With states\n * <eui-feedback-message euiSuccess>Success message</eui-feedback-message>\n \n // Muted variant\n * <eui-feedback-message [isMuted]=\"true\">Muted message</eui-feedback-message>\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-feedback-message',\n templateUrl: './eui-feedback-message.component.html',\n styleUrls: ['./styles/_index.scss'],\n standalone: true,\n imports: [EuiIconStateModule],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiInfo',\n 'euiWarning',\n 'euiSuccess',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiFeedbackMessageComponent {\n /\n @description\n * Computes and returns the CSS classes for the feedback message component.\n * Combines base state classes with muted state if applicable.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-feedback-message'),\n this.isMuted ? 'eui-feedback-message--muted' : '',\n ].join(' ').trim();\n }\n\n /\n @description\n * Type attribute bound to the host element.\n * Used to identify the component type in the DOM.\n \n @protected\n /\n @HostBinding('attr.type') protected type = 'MessageFeedback';\n\n /\n @description\n * Controls whether the feedback message should be displayed in a muted state.\n * When true, the message will have reduced visual prominence. The status\n * icon won't show before the message.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isMuted = false;\n\n /\n @description\n * Instance of BaseStatesDirective used to manage component states.\n * Injected using the inject function.\n \n @protected\n /\n protected baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n}\n","@if (!isMuted) {\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiFeedbackMessageComponent } from './eui-feedback-message.component';\n\n// eUI internals\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n/\n @description\n * Module that provides the EuiFeedbackMessage component.\n * Includes necessary dependencies and exports the component for use in other modules.\n \n @deprecated Use {@link EuiFeedbackMessageComponent} instead.\n \n @example\n * // In your module imports\n * @NgModule({\n * imports: [EuiFeedbackMessageModule]\n * })\n * @see {@link EuiIconStateModule}\n /\n@NgModule({\n imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent],\n exports: [EuiFeedbackMessageComponent],\n})\nexport class EuiFeedbackMessageModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AAIA;;;;;;;;;;;;;;AAcG;MAwBU,2BAA2B,CAAA;AAvBxC,IAAA,WAAA,GAAA;AAuCI;;;;;;AAMG;QACiC,IAAI,CAAA,IAAA,GAAG,iBAAiB;AAE5D;;;;;;;AAOG;QACqC,IAAO,CAAA,OAAA,GAAG,KAAK;AAEvD;;;;;;AAMG;AACO,QAAA,IAAA,CAAA,mBAAmB,GAAwB,MAAM,CAAC,mBAAmB,CAAC;AACnF;AA1CG;;;;;;AAMG;AACH,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,sBAAsB,CAAC;YAC9D,IAAI,CAAC,OAAO,GAAG,6BAA6B,GAAG,EAAE;AACpD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;8GAbb,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAiChB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,CC3ExC,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,qLAMA,~~w5BDmBc~~,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAiBnB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAvBvC,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,cAGpB,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,CAAC,EACb,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,cAAc;gCACd,SAAS;gCACT,YAAY;gCACZ,YAAY;gCACZ,WAAW;gCACX,WAAW;gCACX,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,qLAAA,EAAA,MAAA,EAAA,CAAA,~~i2BAAA~~,CAAA,EAAA;8BAWU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAegB,IAAI,EAAA,CAAA;sBAAvC,WAAW;uBAAC,WAAW;gBAUgB,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEpE1C;;;;;;;;;;;;;AAaG;MAKU,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,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,wBAAwB,YAHvB,YAAY,EAAE,kBAAkB,EAAE,2BAA2B,aAC7D,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAE5B,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,wBAAwB,EAHvB,OAAA,EAAA,CAAA,YAAY,EAAE,kBAAkB,EAAE,2BAA2B,CAAA,EAAA,CAAA,CAAA;;2FAG9D,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,2BAA2B,CAAC;oBACxE,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACzC,iBAAA;;;ACxBD;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-eui-feedback-message.mjs","sources":["../../eui-feedback-message/eui-feedback-message.component.ts","../../eui-feedback-message/eui-feedback-message.component.html","../../eui-feedback-message/eui-feedback-message.module.ts","../../eui-feedback-message/eui-components-eui-feedback-message.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n/*\n @description\n * A feedback message component that displays various types of feedback to users.\n * Supports different states (primary, secondary, info, etc.) and can be muted.\n \n @example\n * // Basic usage\n * <eui-feedback-message>Message content</eui-feedback-message>\n \n // With states\n * <eui-feedback-message euiSuccess>Success message</eui-feedback-message>\n \n // Muted variant\n * <eui-feedback-message [isMuted]=\"true\">Muted message</eui-feedback-message>\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-feedback-message',\n templateUrl: './eui-feedback-message.component.html',\n styleUrls: ['./styles/_index.scss'],\n standalone: true,\n imports: [EuiIconStateModule],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiInfo',\n 'euiWarning',\n 'euiSuccess',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiFeedbackMessageComponent {\n /\n @description\n * Computes and returns the CSS classes for the feedback message component.\n * Combines base state classes with muted state if applicable.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-feedback-message'),\n this.isMuted ? 'eui-feedback-message--muted' : '',\n ].join(' ').trim();\n }\n\n /\n @description\n * Type attribute bound to the host element.\n * Used to identify the component type in the DOM.\n \n @protected\n /\n @HostBinding('attr.type') protected type = 'MessageFeedback';\n\n /\n @description\n * Controls whether the feedback message should be displayed in a muted state.\n * When true, the message will have reduced visual prominence. The status\n * icon won't show before the message.\n \n @default false\n /\n @Input({ transform: booleanAttribute }) isMuted = false;\n\n /\n @description\n * Instance of BaseStatesDirective used to manage component states.\n * Injected using the inject function.\n \n @protected\n /\n protected baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n}\n","@if (!isMuted) {\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiFeedbackMessageComponent } from './eui-feedback-message.component';\n\n// eUI internals\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n/\n @description\n * Module that provides the EuiFeedbackMessage component.\n * Includes necessary dependencies and exports the component for use in other modules.\n \n @deprecated Use {@link EuiFeedbackMessageComponent} instead.\n \n @example\n * // In your module imports\n * @NgModule({\n * imports: [EuiFeedbackMessageModule]\n * })\n * @see {@link EuiIconStateModule}\n /\n@NgModule({\n imports: [CommonModule, EuiIconStateModule, EuiFeedbackMessageComponent],\n exports: [EuiFeedbackMessageComponent],\n})\nexport class EuiFeedbackMessageModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}