npm - @eui/components - Versions diffs - 17.0.1-snapshot-1700737085200 → 17.0.1-snapshot-1700829097726 - Mend

@eui/components 17.0.1-snapshot-1700737085200 → 17.0.1-snapshot-1700829097726

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 (819) hide show

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

@@ -36,10 +36,10 @@ class EuiDiscussionThreadItemComponent {
         }
         return `eui-icon ${iconClass}`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, ngImport: i0, template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { 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: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, ngImport: i0, template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { 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: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-discussion-thread-item', template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-body__word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\n" }]
         }], propDecorators: { id: [{
@@ -62,10 +62,10 @@ class EuiDiscussionThreadComponent {
     trackByFn(index, item) {
         return item.id;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, 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 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, 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 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.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: "17.0.2", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, 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 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
         }], propDecorators: { items: [{
@@ -79,11 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 class EuiDiscussionThreadModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadModule, declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule], exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadModule, imports: [CommonModule, EuiIconModule, EuiLabelModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadModule, declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule], exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadModule, imports: [CommonModule, EuiIconModule, EuiLabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDiscussionThreadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule, EuiLabelModule],

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

@@ -54,10 +54,10 @@ class EuiDropdownItemComponent {
         const mouseenterEvent = new Event('mouseenter');
         this.elementRef.nativeElement.dispatchEvent(mouseenterEvent);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: "isActive" }, 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 class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon\">\n            <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"grey-100\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inline-flex}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}\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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: "isActive" }, 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 class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon\">\n            <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"grey-100\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inline-flex}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}\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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-dropdown-item, [euiDropdownItem]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\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\">\n            <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"grey-100\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inline-flex}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { subDropdown: [{
@@ -77,10 +77,10 @@ class EuiDropdownContentDirective {
     constructor() {
         this.role = 'menu';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: EuiDropdownContentDirective, selector: "eui-dropdown-content", host: { properties: { "attr.role": "this.role" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiDropdownContentDirective, selector: "eui-dropdown-content", host: { properties: { "attr.role": "this.role" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'eui-dropdown-content' }]
         }], propDecorators: { role: [{
@@ -104,10 +104,10 @@ class EuiDropdownService {
     constructor() {
         this.isDropdownOpen = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownService, decorators: [{
             type: Injectable
         }] });
@@ -443,8 +443,8 @@ class EuiDropdownComponent extends BaseDirective {
             this.overlayY = 'center';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$1.ScrollDispatcher }, { token: EuiDropdownService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiDropdownComponent, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", isDropDownRightAligned: "isDropDownRightAligned", isClosedOnClickInside: "isClosedOnClickInside", isLabelUpdatedFromSelectedItem: "isLabelUpdatedFromSelectedItem", isExpandOnHover: "isExpandOnHover", hasTabNavigation: "hasTabNavigation" }, 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 }], usesInheritance: true, ngImport: i0, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\" (click)=\"onTriggerClicked($event)\">\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        class=\"eui-dropdown__panel-container\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inline-flex}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$1.ScrollDispatcher }, { token: EuiDropdownService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDropdownComponent, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", isDropDownRightAligned: "isDropDownRightAligned", isClosedOnClickInside: "isClosedOnClickInside", isLabelUpdatedFromSelectedItem: "isLabelUpdatedFromSelectedItem", isExpandOnHover: "isExpandOnHover", hasTabNavigation: "hasTabNavigation" }, 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 }], usesInheritance: true, ngImport: i0, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\" (click)=\"onTriggerClicked($event)\">\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        class=\"eui-dropdown__panel-container\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inline-flex}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -461,7 +461,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EuiDropdownComponent.prototype, "hasTabNavigation", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-dropdown', animations: [openClose], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\" (click)=\"onTriggerClicked($event)\">\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        class=\"eui-dropdown__panel-container\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-dropdown .eui-dropdown{display:none}.eui-dropdown .eui-dropdown__trigger-container{display:inline-flex}.eui-dropdown__panel{position:inherit}.eui-dropdown__panel eui-dropdown-content{display:block}.eui-dropdown__panel-container{background:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-base-color-grey-5)}.eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-dropdown__panel-container .eui-dropdown-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-dropdown-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-base-color-grey-50);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-style:italic}.eui-dropdown-item:disabled:hover,.eui-dropdown-item:disabled:focus{background:none}.eui-dropdown-item--active{background-color:var(--eui-base-color-primary-10)!important;outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px!important}.eui-dropdown-item--active:disabled{background:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ViewContainerRef }, { type: i1$1.ScrollDispatcher }, { type: EuiDropdownService }, { type: i0.Renderer2 }], propDecorators: { e2eAttr: [{
@@ -497,11 +497,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 class EuiDropdownModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownModule, declarations: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule], exports: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownModule, providers: [EuiDropdownService], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownModule, declarations: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule], exports: [EuiDropdownComponent, EuiDropdownItemComponent, EuiDropdownContentDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownModule, providers: [EuiDropdownService], imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, OverlayModule, ScrollingModule, A11yModule, EuiIconModule],
@@ -511,11 +511,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 }]
         }] });
 class EuiDropdownContentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownContentModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownContentModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownContentModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownContentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiDropdownContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDropdownContentModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

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

@@ -11,10 +11,10 @@ class EuiFeedbackMessageComponent extends BaseDirective {
         super();
         this.type = 'MessageFeedback';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFeedbackMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiFeedbackMessageComponent, selector: "eui-feedback-message", inputs: { styleClass: "styleClass" }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFeedbackMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiFeedbackMessageComponent, selector: "eui-feedback-message", inputs: { styleClass: "styleClass" }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFeedbackMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFeedbackMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-feedback-message', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-130)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-140)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cssClasses: [{
@@ -28,11 +28,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 class EuiFeedbackMessageModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFeedbackMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiFeedbackMessageModule, declarations: [EuiFeedbackMessageComponent], imports: [CommonModule], exports: [EuiFeedbackMessageComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFeedbackMessageModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFeedbackMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: EuiFeedbackMessageModule, declarations: [EuiFeedbackMessageComponent], imports: [CommonModule], exports: [EuiFeedbackMessageComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFeedbackMessageModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFeedbackMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFeedbackMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -15,8 +15,6 @@ class EuiFieldsetComponent {
             this.baseStatesDirective.getCssClasses('eui-fieldset'),
             this.isFirst ? 'eui-fieldset--first' : '',
             this.isExpandable ? 'eui-fieldset--expandable' : '',
-            // TODO v17 doesn't work bound in showcase... not recognized as an input
-            this.euiHighlighted ? 'eui-fieldset--highlighted' : '',
         ].join(' ').trim();
     }
     constructor(baseStatesDirective) {
@@ -27,8 +25,6 @@ class EuiFieldsetComponent {
         this.isExpanded = true;
         this.isLarge = false;
         this.isFirst = false;
-        // TODO v17 doesn't work bound in showcase... not recognized as an input
-        this.euiHighlighted = false;
         this.expand = new EventEmitter();
         this.expandMenuLabel = 'Expand ';
         this.collapseMenuLabel = 'Collapse ';
@@ -58,10 +54,10 @@ class EuiFieldsetComponent {
             this.iconSvgType = 'eui-question';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute], euiHighlighted: ["euiHighlighted", "euiHighlighted", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-fieldset', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -74,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                                 'euiDanger',
                                 'euiAccent',
                                 'euiVariant',
-                                'euiHighlighted', // TODO v17 doesn't work bound in showcase... not recognized as an input
+                                'euiHighlighted',
                             ],
                         },
                     ], template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"] }]
@@ -111,9 +107,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }], isFirst: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], euiHighlighted: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
             }], expand: [{
                 type: Output
             }], customLabelRightContent: [{
@@ -125,28 +118,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 /* eslint-disable */
 class EuiFieldsetLabelRightContentTagDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetLabelRightContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: EuiFieldsetLabelRightContentTagDirective, selector: "euiFieldsetLabelRightContent", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetLabelRightContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiFieldsetLabelRightContentTagDirective, selector: "euiFieldsetLabelRightContent", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetLabelRightContentTagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetLabelRightContentTagDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'euiFieldsetLabelRightContent' }]
         }] });
 class EuiFieldsetLabelExtraContentTagDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetLabelExtraContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: EuiFieldsetLabelExtraContentTagDirective, selector: "euiFieldsetLabelExtraContent", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetLabelExtraContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiFieldsetLabelExtraContentTagDirective, selector: "euiFieldsetLabelExtraContent", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetLabelExtraContentTagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetLabelExtraContentTagDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'euiFieldsetLabelExtraContent' }]
         }] });
 class EuiFieldsetModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetModule, declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective], exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetModule, imports: [CommonModule, EuiButtonModule, EuiIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetModule, declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective], exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetModule, imports: [CommonModule, EuiButtonModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiFieldsetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-fieldset.mjs","sources":["../../eui-fieldset/eui-fieldset.component.ts","../../eui-fieldset/eui-fieldset.component.html","../../eui-fieldset/eui-fieldset.module.ts","../../eui-fieldset/eui-components-eui-fieldset.ts"],"sourcesContent":["import {\n Component,\n ContentChild,\n Directive,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n OnChanges,\n Output,\n QueryList,\n ViewEncapsulation,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiHighlighted', // TODO v17 doesn't work bound in showcase... not recognized as an input\n ],\n },\n ],\n})\nexport class EuiFieldsetComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-fieldset'),\n this.isFirst ? 'eui-fieldset--first' : '',\n this.isExpandable ? 'eui-fieldset--expandable' : '',\n // TODO v17 doesn't work bound in showcase... not recognized as an input\n this.euiHighlighted ? 'eui-fieldset--highlighted': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColor: string;\n\n @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n @Input({ transform: booleanAttribute }) isExpandable = false;\n @Input({ transform: booleanAttribute }) isExpanded = true;\n @Input({ transform: booleanAttribute }) isLarge = false;\n @Input({ transform: booleanAttribute }) isFirst = false;\n\n // TODO v17 doesn't work bound in showcase... not recognized as an input\n @Input({ transform: booleanAttribute }) euiHighlighted = false;\n\n @Output() expand: EventEmitter<string> = new EventEmitter();\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n public iconSvgType = 'eui-info';\n\n @ContentChild(forwardRef(() => EuiFieldsetLabelRightContentTagDirective))\n customLabelRightContent: QueryList<EuiFieldsetLabelRightContentTagDirective>;\n @ContentChild(forwardRef(() => EuiFieldsetLabelExtraContentTagDirective))\n customLabelExtraContent: QueryList<EuiFieldsetLabelExtraContentTagDirective>;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnChanges(): void {\n this.setIcon();\n }\n\n onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expand.emit(this.id);\n }\n }\n\n private setIcon(): void {\n this.iconSvgType = 'eui-ecl-information';\n if (this.baseStatesDirective.euiWarning) {\n this.iconSvgType = 'eui-ecl-warning';\n }\n if (this.baseStatesDirective.euiDanger) {\n this.iconSvgType = 'eui-ecl-error';\n }\n if (this.baseStatesDirective.euiSuccess) {\n this.iconSvgType = 'eui-ecl-check-filled';\n }\n if (this.baseStatesDirective.euiSecondary) {\n this.iconSvgType = 'eui-question';\n }\n }\n}\n\n/* eslint-disable /\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/ eslint-enable /\n","<div class=\"eui-fieldset__container\">\n <div ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n <div ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n <div ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n </div>\n <div ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-template [ngIf]=\"customLabelRightContent\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n </ng-template>\n <button\n ngIf=\"isExpandable\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n class=\"eui-fieldset__header-expand-toggle\"\n [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n </button>\n </div>\n </div>\n <div ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-fieldset.mjs","sources":["../../eui-fieldset/eui-fieldset.component.ts","../../eui-fieldset/eui-fieldset.component.html","../../eui-fieldset/eui-fieldset.module.ts","../../eui-fieldset/eui-components-eui-fieldset.ts"],"sourcesContent":["import {\n Component,\n ContentChild,\n Directive,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n OnChanges,\n Output,\n QueryList,\n ViewEncapsulation,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiHighlighted',\n ],\n },\n ],\n})\nexport class EuiFieldsetComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-fieldset'),\n this.isFirst ? 'eui-fieldset--first' : '',\n this.isExpandable ? 'eui-fieldset--expandable' : '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColor: string;\n\n @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n @Input({ transform: booleanAttribute }) isExpandable = false;\n @Input({ transform: booleanAttribute }) isExpanded = true;\n @Input({ transform: booleanAttribute }) isLarge = false;\n @Input({ transform: booleanAttribute }) isFirst = false;\n\n @Output() expand: EventEmitter<string> = new EventEmitter();\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n public iconSvgType = 'eui-info';\n\n @ContentChild(forwardRef(() => EuiFieldsetLabelRightContentTagDirective))\n customLabelRightContent: QueryList<EuiFieldsetLabelRightContentTagDirective>;\n @ContentChild(forwardRef(() => EuiFieldsetLabelExtraContentTagDirective))\n customLabelExtraContent: QueryList<EuiFieldsetLabelExtraContentTagDirective>;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnChanges(): void {\n this.setIcon();\n }\n\n onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expand.emit(this.id);\n }\n }\n\n private setIcon(): void {\n this.iconSvgType = 'eui-ecl-information';\n if (this.baseStatesDirective.euiWarning) {\n this.iconSvgType = 'eui-ecl-warning';\n }\n if (this.baseStatesDirective.euiDanger) {\n this.iconSvgType = 'eui-ecl-error';\n }\n if (this.baseStatesDirective.euiSuccess) {\n this.iconSvgType = 'eui-ecl-check-filled';\n }\n if (this.baseStatesDirective.euiSecondary) {\n this.iconSvgType = 'eui-question';\n }\n }\n}\n\n/* eslint-disable /\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/ eslint-enable /\n","<div class=\"eui-fieldset__container\">\n <div ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n <div ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n <div ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n </div>\n <div ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-template [ngIf]=\"customLabelRightContent\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n </ng-template>\n <button\n ngIf=\"isExpandable\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n class=\"eui-fieldset__header-expand-toggle\"\n [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n </button>\n </div>\n </div>\n <div ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}