@eui/eds 22.0.0-alpha.17 → 22.0.0-alpha.18

package/fesm2022/eui-eds-eds-discussion-thread.mjs

@@ -91,7 +91,7 @@ class EdsDiscussionThreadItem {
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThreadItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDiscussionThreadItem, isStandalone: true, selector: "eds-discussion-thread-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, isOdd: { classPropertyName: "isOdd", publicName: "isOdd", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"xl\" />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" size=\"s\" />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n", styles: [".eui-21 :host{display:block;margin-bottom:var(--eds-sp-m);position:relative}.eui-21 :host:before,.eui-21 :host:after{content:\" \";display:table}.eui-21 :host:after{clear:both}.eui-21 :host .eds-discussion-thread-item__panel{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);float:left;padding:var(--eds-sp-m) var(--eds-sp-m) 0;position:relative;width:48%}.eui-21 :host .eds-discussion-thread-item__panel:before{border-bottom:15px solid transparent;border-left:15px solid var(--eds-c-border-divider);border-right:0 solid var(--eds-c-border-divider);border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-21 :host .eds-discussion-thread-item__panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eds-c-surface-elevation);border-right:0 solid var(--eds-c-surface-elevation);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-21 :host .eds-discussion-thread-item__badge{background-color:var(--eds-c-surface-elevation);position:absolute;left:50%;width:50px;margin-left:-20px;top:22px}.eui-21 :host .eds-discussion-thread-item__panel-header{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);margin-bottom:var(--eds-sp-s);padding-bottom:var(--eds-sp-s)}.eui-21 :host .eds-discussion-thread-item__panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-21 :host .eds-discussion-thread-item__panel-title{align-items:center;display:flex;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread-item__panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);gap:var(--eds-sp-2xs)}.eui-21 :host .eds-discussion-thread-item__panel-time-text{font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-discussion-thread-item__panel-author{margin-top:var(--eds-sp-xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-discussion-thread-item__panel-body{margin:var(--eds-sp-m) 0}.eui-21 :host .eds-discussion-thread-item__panel-body-text{word-break:break-word;margin:0;font:var(--eds-f-paragraph-m)}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel{float:right}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread-item__panel{float:right;width:calc(100% - 90px)}.eui-21 :host .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-21 :host .eds-discussion-thread-item__badge{left:15px;margin-left:0;top:16px}}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["color", "size", "ariaLabel"] }, { kind: "component", type: i3.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "color", "size", "ariaLabel", "ariaHidden", "rounded", "isLoading"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDiscussionThreadItem, isStandalone: true, selector: "eds-discussion-thread-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, isOdd: { classPropertyName: "isOdd", publicName: "isOdd", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"xl\" />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" size=\"s\" />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n", styles: [".eui-21 :host{display:block;margin-bottom:var(--eds-sp-m);position:relative}.eui-21 :host:before,.eui-21 :host:after{content:\" \";display:table}.eui-21 :host:after{clear:both}.eui-21 :host .eds-discussion-thread-item__panel{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);float:left;padding:var(--eds-sp-m) var(--eds-sp-m) 0;position:relative;width:48%}.eui-21 :host .eds-discussion-thread-item__panel:before{border-bottom:15px solid transparent;border-left:15px solid var(--eds-c-border-divider);border-right:0 solid var(--eds-c-border-divider);border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-21 :host .eds-discussion-thread-item__panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eds-c-surface-elevation);border-right:0 solid var(--eds-c-surface-elevation);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-21 :host .eds-discussion-thread-item__badge{background-color:var(--eds-c-surface-elevation);position:absolute;left:50%;width:50px;margin-left:-20px;top:22px}.eui-21 :host .eds-discussion-thread-item__panel-header{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);margin-bottom:var(--eds-sp-s);padding-bottom:var(--eds-sp-s)}.eui-21 :host .eds-discussion-thread-item__panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-21 :host .eds-discussion-thread-item__panel-title{align-items:center;display:flex;font:var(--eds-f-label-m-semibold)}.eui-21 :host .eds-discussion-thread-item__panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);gap:var(--eds-sp-2xs)}.eui-21 :host .eds-discussion-thread-item__panel-time-text{font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-discussion-thread-item__panel-author{margin-top:var(--eds-sp-xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-discussion-thread-item__panel-body{margin:var(--eds-sp-m) 0}.eui-21 :host .eds-discussion-thread-item__panel-body-text{word-break:break-word;margin:0;font:var(--eds-f-paragraph-m)}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel{float:right}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread-item__panel{float:right;width:calc(100% - 90px)}.eui-21 :host .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-21 :host .eds-discussion-thread-item__badge{left:15px;margin-left:0;top:16px}}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["color", "size", "ariaLabel"] }, { kind: "component", type: i3.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "color", "size", "ariaLabel", "ariaHidden", "rounded", "isLoading"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThreadItem, decorators: [{
             type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         '[class]': 'hostClasses()',
                         '[attr.data-e2e]': 'e2eAttr()',
                         role: 'listitem',
-                    }, template: "<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"xl\" />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" size=\"s\" />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n", styles: [".eui-21 :host{display:block;margin-bottom:var(--eds-sp-m);position:relative}.eui-21 :host:before,.eui-21 :host:after{content:\" \";display:table}.eui-21 :host:after{clear:both}.eui-21 :host .eds-discussion-thread-item__panel{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);float:left;padding:var(--eds-sp-m) var(--eds-sp-m) 0;position:relative;width:48%}.eui-21 :host .eds-discussion-thread-item__panel:before{border-bottom:15px solid transparent;border-left:15px solid var(--eds-c-border-divider);border-right:0 solid var(--eds-c-border-divider);border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-21 :host .eds-discussion-thread-item__panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eds-c-surface-elevation);border-right:0 solid var(--eds-c-surface-elevation);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-21 :host .eds-discussion-thread-item__badge{background-color:var(--eds-c-surface-elevation);position:absolute;left:50%;width:50px;margin-left:-20px;top:22px}.eui-21 :host .eds-discussion-thread-item__panel-header{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);margin-bottom:var(--eds-sp-s);padding-bottom:var(--eds-sp-s)}.eui-21 :host .eds-discussion-thread-item__panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-21 :host .eds-discussion-thread-item__panel-title{align-items:center;display:flex;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread-item__panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);gap:var(--eds-sp-2xs)}.eui-21 :host .eds-discussion-thread-item__panel-time-text{font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-discussion-thread-item__panel-author{margin-top:var(--eds-sp-xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-discussion-thread-item__panel-body{margin:var(--eds-sp-m) 0}.eui-21 :host .eds-discussion-thread-item__panel-body-text{word-break:break-word;margin:0;font:var(--eds-f-paragraph-m)}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel{float:right}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread-item__panel{float:right;width:calc(100% - 90px)}.eui-21 :host .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-21 :host .eds-discussion-thread-item__badge{left:15px;margin-left:0;top:16px}}\n"] }]
+                    }, template: "<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"xl\" />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" size=\"s\" />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n", styles: [".eui-21 :host{display:block;margin-bottom:var(--eds-sp-m);position:relative}.eui-21 :host:before,.eui-21 :host:after{content:\" \";display:table}.eui-21 :host:after{clear:both}.eui-21 :host .eds-discussion-thread-item__panel{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);float:left;padding:var(--eds-sp-m) var(--eds-sp-m) 0;position:relative;width:48%}.eui-21 :host .eds-discussion-thread-item__panel:before{border-bottom:15px solid transparent;border-left:15px solid var(--eds-c-border-divider);border-right:0 solid var(--eds-c-border-divider);border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-21 :host .eds-discussion-thread-item__panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eds-c-surface-elevation);border-right:0 solid var(--eds-c-surface-elevation);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-21 :host .eds-discussion-thread-item__badge{background-color:var(--eds-c-surface-elevation);position:absolute;left:50%;width:50px;margin-left:-20px;top:22px}.eui-21 :host .eds-discussion-thread-item__panel-header{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);margin-bottom:var(--eds-sp-s);padding-bottom:var(--eds-sp-s)}.eui-21 :host .eds-discussion-thread-item__panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-21 :host .eds-discussion-thread-item__panel-title{align-items:center;display:flex;font:var(--eds-f-label-m-semibold)}.eui-21 :host .eds-discussion-thread-item__panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);gap:var(--eds-sp-2xs)}.eui-21 :host .eds-discussion-thread-item__panel-time-text{font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-discussion-thread-item__panel-author{margin-top:var(--eds-sp-xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-discussion-thread-item__panel-body{margin:var(--eds-sp-m) 0}.eui-21 :host .eds-discussion-thread-item__panel-body-text{word-break:break-word;margin:0;font:var(--eds-f-paragraph-m)}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel{float:right}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread-item__panel{float:right;width:calc(100% - 90px)}.eui-21 :host .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-21 :host .eds-discussion-thread-item__badge{left:15px;margin-left:0;top:16px}}\n"] }]
         }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], body: [{ type: i0.Input, args: [{ isSignal: true, alias: "body", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], isOdd: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOdd", required: false }] }] } });
 
 /**
@@ -203,7 +203,7 @@ class EdsDiscussionThread {
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThread, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDiscussionThread, isStandalone: true, selector: "eds-discussion-thread", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, titleLabel: { classPropertyName: "titleLabel", publicName: "titleLabel", isSignal: true, isRequired: false, transformFunction: null }, subTitleLabel: { classPropertyName: "subTitleLabel", publicName: "subTitleLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "hasItems() ? \"list\" : null", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "discussionThreadItems", predicate: EdsDiscussionThreadItem, descendants: true, isSignal: true }], ngImport: i0, template: "@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n", styles: [".eui-21 :host{display:block;margin:0;padding:0;position:relative}.eui-21 :host .eds-discussion-thread__header{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-discussion-thread__header-title{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;margin-bottom:var(--eds-sp-xs);padding-bottom:var(--eds-sp-2xs);width:100%;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread__header-subtitle{color:var(--eds-c-foreground-subtler);display:flex;width:100%;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-discussion-thread__content{list-style:none;padding:var(--eds-sp-m) 0;position:relative}.eui-21 :host .eds-discussion-thread__content:before{background-color:var(--eds-c-border-divider);bottom:0;content:\" \";left:50%;margin-left:-1px;position:absolute;top:0;width:var(--eds-bw-s)}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread__content:before{left:40px;margin-left:0}}\n"], dependencies: [{ kind: "component", type: EdsDiscussionThreadItem, selector: "eds-discussion-thread-item", inputs: ["e2eAttr", "date", "author", "body", "tooltip", "isOdd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDiscussionThread, isStandalone: true, selector: "eds-discussion-thread", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, titleLabel: { classPropertyName: "titleLabel", publicName: "titleLabel", isSignal: true, isRequired: false, transformFunction: null }, subTitleLabel: { classPropertyName: "subTitleLabel", publicName: "subTitleLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "hasItems() ? \"list\" : null", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "discussionThreadItems", predicate: EdsDiscussionThreadItem, descendants: true, isSignal: true }], ngImport: i0, template: "@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n", styles: [".eui-21 :host{display:block;margin:0;padding:0;position:relative}.eui-21 :host .eds-discussion-thread__header{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-discussion-thread__header-title{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;margin-bottom:var(--eds-sp-xs);padding-bottom:var(--eds-sp-2xs);width:100%;font:var(--eds-f-label-m-semibold)}.eui-21 :host .eds-discussion-thread__header-subtitle{color:var(--eds-c-foreground-subtler);display:flex;width:100%;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-discussion-thread__content{list-style:none;padding:var(--eds-sp-m) 0;position:relative}.eui-21 :host .eds-discussion-thread__content:before{background-color:var(--eds-c-border-divider);bottom:0;content:\" \";left:50%;margin-left:-1px;position:absolute;top:0;width:var(--eds-bw-s)}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread__content:before{left:40px;margin-left:0}}\n"], dependencies: [{ kind: "component", type: EdsDiscussionThreadItem, selector: "eds-discussion-thread-item", inputs: ["e2eAttr", "date", "author", "body", "tooltip", "isOdd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThread, decorators: [{
             type: Component,
@@ -212,7 +212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         '[attr.data-e2e]': 'e2eAttr()',
                         '[attr.role]': 'hasItems() ? "list" : null',
                         '[attr.aria-label]': 'ariaLabel()',
-                    }, template: "@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n", styles: [".eui-21 :host{display:block;margin:0;padding:0;position:relative}.eui-21 :host .eds-discussion-thread__header{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-discussion-thread__header-title{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;margin-bottom:var(--eds-sp-xs);padding-bottom:var(--eds-sp-2xs);width:100%;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread__header-subtitle{color:var(--eds-c-foreground-subtler);display:flex;width:100%;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-discussion-thread__content{list-style:none;padding:var(--eds-sp-m) 0;position:relative}.eui-21 :host .eds-discussion-thread__content:before{background-color:var(--eds-c-border-divider);bottom:0;content:\" \";left:50%;margin-left:-1px;position:absolute;top:0;width:var(--eds-bw-s)}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread__content:before{left:40px;margin-left:0}}\n"] }]
+                    }, template: "@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n", styles: [".eui-21 :host{display:block;margin:0;padding:0;position:relative}.eui-21 :host .eds-discussion-thread__header{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-discussion-thread__header-title{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;margin-bottom:var(--eds-sp-xs);padding-bottom:var(--eds-sp-2xs);width:100%;font:var(--eds-f-label-m-semibold)}.eui-21 :host .eds-discussion-thread__header-subtitle{color:var(--eds-c-foreground-subtler);display:flex;width:100%;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-discussion-thread__content{list-style:none;padding:var(--eds-sp-m) 0;position:relative}.eui-21 :host .eds-discussion-thread__content:before{background-color:var(--eds-c-border-divider);bottom:0;content:\" \";left:50%;margin-left:-1px;position:absolute;top:0;width:var(--eds-bw-s)}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread__content:before{left:40px;margin-left:0}}\n"] }]
         }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], titleLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleLabel", required: false }] }], subTitleLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitleLabel", required: false }] }], discussionThreadItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => EdsDiscussionThreadItem), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /** Convenience array for importing all eds-discussion-thread components. */

package/fesm2022/eui-eds-eds-discussion-thread.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-discussion-thread.mjs","sources":["../../eds-discussion-thread/eds-discussion-thread-item.ts","../../eds-discussion-thread/eds-discussion-thread-item.html","../../eds-discussion-thread/eds-discussion-thread.ts","../../eds-discussion-thread/eds-discussion-thread.html","../../eds-discussion-thread/index.ts","../../eds-discussion-thread/eui-eds-eds-discussion-thread.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n    booleanAttribute,\n    inject,\n    forwardRef,\n} from '@angular/core';\nimport { DatePipe } from '@angular/common';\n\nimport { EdsColorDirective } from '@eui/eds/shared';\nimport { EDS_ICON_STATE } from '@eui/eds/utilities/eds-icon-state';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\nimport { EdsDiscussionThread } from './eds-discussion-thread';\n\n/**\n * Individual item component for discussion threads, representing a single message or entry\n * in a conversation timeline. Displays author information, timestamp, message content,\n * and an optional tooltip with color-coded status indicators.\n *\n * @usageNotes\n * ### Basic Usage\n * ```html\n * <eds-discussion-thread-item\n *   author=\"John Doe\"\n *   date=\"2024-01-15T10:30:00\"\n *   body=\"This is a comment in the discussion\"\n *   edsInfo />\n * ```\n *\n * ### With Tooltip\n * ```html\n * <eds-discussion-thread-item\n *   author=\"Jane Smith\"\n *   date=\"2024-01-15T14:00:00\"\n *   body=\"Review completed\"\n *   tooltip=\"Approved by manager\"\n *   edsSuccess />\n * ```\n *\n * ### Accessibility\n * - Uses role=\"listitem\" for proper list semantics within the thread\n * - Date and time are displayed in separate fields for clarity\n * - Author name is announced before message content\n * - Tooltip provides additional context via title attribute\n */\n@Component({\n    selector: 'eds-discussion-thread-item',\n    templateUrl: './eds-discussion-thread-item.html',\n    styleUrl: './eds-discussion-thread-item.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ...EDS_ICON_STATE,\n        ...EDS_ICON,\n        DatePipe,\n    ],\n    hostDirectives: [\n        {\n            directive: EdsColorDirective,\n            inputs: [\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        role: 'listitem',\n    },\n})\nexport class EdsDiscussionThreadItem {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-discussion-thread-item'\n     */\n    e2eAttr = input('eds-discussion-thread-item');\n\n    /**\n     * Date string for the discussion thread item (ISO or parseable format).\n     * Displayed as dd/MM/yyyy with time in HH:mm.\n     */\n    date = input<string>();\n\n    /**\n     * Name or identifier of the author who created the item.\n     */\n    author = input<string>();\n\n    /**\n     * Content body of the discussion thread item.\n     * Supports HTML content rendered via innerHTML.\n     */\n    body = input<string>();\n\n    /**\n     * Tooltip text to display additional information when hovering over the badge.\n     */\n    tooltip = input<string>();\n\n    /**\n     * Indicates if this item is in an odd position in the list.\n     * Used for alternating left/right panel layout in center-aligned mode.\n     * @default false\n     */\n    isOdd = input(false, { transform: booleanAttribute });\n\n    protected colorDirective = inject(EdsColorDirective);\n    protected thread = inject(forwardRef(() => EdsDiscussionThread), { optional: true });\n\n    /**\n     * Computes the CSS classes for the host element including color variant.\n     */\n    hostClasses = computed(() => {\n        const colorClass = this.colorDirective.getCssClass('eds-discussion-thread-item');\n        return [\n            'eds-discussion-thread-item',\n            colorClass || 'eds-discussion-thread-item--info',\n            this.isOdd() ? 'eds-discussion-thread-item--inverted' : '',\n        ].join(' ').trim();\n    });\n}\n","<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"xl\" />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" size=\"s\" />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n","import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n    contentChildren,\n} from '@angular/core';\n\nimport { EdsDiscussionThreadItem } from './eds-discussion-thread-item';\nimport { EdsDiscussionThreadItemData } from './eds-discussion-thread-item.model';\n\n/**\n * A component for displaying threaded discussions or conversation timelines in a structured,\n * center-aligned format. Renders a list of discussion items with support for titles, subtitles,\n * and color-coded status indicators.\n *\n * Supports both a data-driven approach (via the `items` input array) and content projection\n * (using `<eds-discussion-thread-item>` children).\n *\n * @usageNotes\n * ### Basic Usage with Items Array\n * ```html\n * <eds-discussion-thread\n *   [items]=\"discussionItems\"\n *   titleLabel=\"Project Discussion\"\n *   subTitleLabel=\"Team Collaboration\">\n * </eds-discussion-thread>\n * ```\n *\n * ### Using Content Projection\n * ```html\n * <eds-discussion-thread titleLabel=\"Comments\">\n *   <eds-discussion-thread-item\n *     author=\"Alice\"\n *     date=\"2024-01-15T09:00:00\"\n *     body=\"Initial comment\"\n *     edsInfo />\n *   <eds-discussion-thread-item\n *     author=\"Bob\"\n *     date=\"2024-01-15T10:30:00\"\n *     body=\"Follow-up response\"\n *     edsSuccess\n *     isOdd />\n * </eds-discussion-thread>\n * ```\n *\n * ### Accessibility\n * - Applies `role=\"list\"` when items are present\n * - Each discussion item has `role=\"listitem\"` for proper structure\n * - Provide a meaningful `ariaLabel` for screen reader navigation\n */\n@Component({\n    selector: 'eds-discussion-thread',\n    templateUrl: './eds-discussion-thread.html',\n    styleUrl: './eds-discussion-thread.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [EdsDiscussionThreadItem],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[attr.role]': 'hasItems() ? \"list\" : null',\n        '[attr.aria-label]': 'ariaLabel()',\n    },\n})\nexport class EdsDiscussionThread {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-discussion-thread'\n     */\n    e2eAttr = input('eds-discussion-thread');\n\n    /**\n     * Accessible label for the discussion thread.\n     * @default 'Discussion thread'\n     */\n    ariaLabel = input<string>('Discussion thread');\n\n    /**\n     * Array of discussion thread items to be displayed.\n     * Each item should conform to the EdsDiscussionThreadItemData interface.\n     */\n    items = input<EdsDiscussionThreadItemData[]>();\n\n    /**\n     * The main title label for the discussion thread header.\n     */\n    titleLabel = input<string>();\n\n    /**\n     * The subtitle label for the discussion thread header,\n     * typically used to provide additional context or categorization.\n     */\n    subTitleLabel = input<string>();\n\n    protected readonly discussionThreadItems = contentChildren(EdsDiscussionThreadItem, { descendants: true });\n\n    /** Whether the thread has any items (data-driven or projected). */\n    protected hasItems = computed(() => {\n        const dataItems = this.items();\n        return (dataItems && dataItems.length > 0) || this.discussionThreadItems().length > 0;\n    });\n\n    /**\n     * Computes the CSS classes for the host element.\n     */\n    hostClasses = computed(() => 'eds-discussion-thread');\n}\n","@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n","import { EdsDiscussionThread } from './eds-discussion-thread';\nimport { EdsDiscussionThreadItem } from './eds-discussion-thread-item';\n\nexport {\n    EdsDiscussionThread,\n    EdsDiscussionThreadItem,\n};\n\nexport { EdsDiscussionThreadItemData } from './eds-discussion-thread-item.model';\n\n/** Convenience array for importing all eds-discussion-thread components. */\nexport const EDS_DISCUSSION_THREAD = [\n    EdsDiscussionThread,\n    EdsDiscussionThreadItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-discussion-thread.mjs","sources":["../../eds-discussion-thread/eds-discussion-thread-item.ts","../../eds-discussion-thread/eds-discussion-thread-item.html","../../eds-discussion-thread/eds-discussion-thread.ts","../../eds-discussion-thread/eds-discussion-thread.html","../../eds-discussion-thread/index.ts","../../eds-discussion-thread/eui-eds-eds-discussion-thread.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n    booleanAttribute,\n    inject,\n    forwardRef,\n} from '@angular/core';\nimport { DatePipe } from '@angular/common';\n\nimport { EdsColorDirective } from '@eui/eds/shared';\nimport { EDS_ICON_STATE } from '@eui/eds/utilities/eds-icon-state';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\nimport { EdsDiscussionThread } from './eds-discussion-thread';\n\n/**\n * Individual item component for discussion threads, representing a single message or entry\n * in a conversation timeline. Displays author information, timestamp, message content,\n * and an optional tooltip with color-coded status indicators.\n *\n * @usageNotes\n * ### Basic Usage\n * ```html\n * <eds-discussion-thread-item\n *   author=\"John Doe\"\n *   date=\"2024-01-15T10:30:00\"\n *   body=\"This is a comment in the discussion\"\n *   edsInfo />\n * ```\n *\n * ### With Tooltip\n * ```html\n * <eds-discussion-thread-item\n *   author=\"Jane Smith\"\n *   date=\"2024-01-15T14:00:00\"\n *   body=\"Review completed\"\n *   tooltip=\"Approved by manager\"\n *   edsSuccess />\n * ```\n *\n * ### Accessibility\n * - Uses role=\"listitem\" for proper list semantics within the thread\n * - Date and time are displayed in separate fields for clarity\n * - Author name is announced before message content\n * - Tooltip provides additional context via title attribute\n */\n@Component({\n    selector: 'eds-discussion-thread-item',\n    templateUrl: './eds-discussion-thread-item.html',\n    styleUrl: './eds-discussion-thread-item.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ...EDS_ICON_STATE,\n        ...EDS_ICON,\n        DatePipe,\n    ],\n    hostDirectives: [\n        {\n            directive: EdsColorDirective,\n            inputs: [\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        role: 'listitem',\n    },\n})\nexport class EdsDiscussionThreadItem {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-discussion-thread-item'\n     */\n    e2eAttr = input('eds-discussion-thread-item');\n\n    /**\n     * Date string for the discussion thread item (ISO or parseable format).\n     * Displayed as dd/MM/yyyy with time in HH:mm.\n     */\n    date = input<string>();\n\n    /**\n     * Name or identifier of the author who created the item.\n     */\n    author = input<string>();\n\n    /**\n     * Content body of the discussion thread item.\n     * Supports HTML content rendered via innerHTML.\n     */\n    body = input<string>();\n\n    /**\n     * Tooltip text to display additional information when hovering over the badge.\n     */\n    tooltip = input<string>();\n\n    /**\n     * Indicates if this item is in an odd position in the list.\n     * Used for alternating left/right panel layout in center-aligned mode.\n     * @default false\n     */\n    isOdd = input(false, { transform: booleanAttribute });\n\n    protected colorDirective = inject(EdsColorDirective);\n    protected thread = inject(forwardRef(() => EdsDiscussionThread), { optional: true });\n\n    /**\n     * Computes the CSS classes for the host element including color variant.\n     */\n    hostClasses = computed(() => {\n        const colorClass = this.colorDirective.getCssClass('eds-discussion-thread-item');\n        return [\n            'eds-discussion-thread-item',\n            colorClass || 'eds-discussion-thread-item--info',\n            this.isOdd() ? 'eds-discussion-thread-item--inverted' : '',\n        ].join(' ').trim();\n    });\n}\n","<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"xl\" />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" size=\"s\" />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n","import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n    contentChildren,\n} from '@angular/core';\n\nimport { EdsDiscussionThreadItem } from './eds-discussion-thread-item';\nimport { EdsDiscussionThreadItemData } from './eds-discussion-thread-item.model';\n\n/**\n * A component for displaying threaded discussions or conversation timelines in a structured,\n * center-aligned format. Renders a list of discussion items with support for titles, subtitles,\n * and color-coded status indicators.\n *\n * Supports both a data-driven approach (via the `items` input array) and content projection\n * (using `<eds-discussion-thread-item>` children).\n *\n * @usageNotes\n * ### Basic Usage with Items Array\n * ```html\n * <eds-discussion-thread\n *   [items]=\"discussionItems\"\n *   titleLabel=\"Project Discussion\"\n *   subTitleLabel=\"Team Collaboration\">\n * </eds-discussion-thread>\n * ```\n *\n * ### Using Content Projection\n * ```html\n * <eds-discussion-thread titleLabel=\"Comments\">\n *   <eds-discussion-thread-item\n *     author=\"Alice\"\n *     date=\"2024-01-15T09:00:00\"\n *     body=\"Initial comment\"\n *     edsInfo />\n *   <eds-discussion-thread-item\n *     author=\"Bob\"\n *     date=\"2024-01-15T10:30:00\"\n *     body=\"Follow-up response\"\n *     edsSuccess\n *     isOdd />\n * </eds-discussion-thread>\n * ```\n *\n * ### Accessibility\n * - Applies `role=\"list\"` when items are present\n * - Each discussion item has `role=\"listitem\"` for proper structure\n * - Provide a meaningful `ariaLabel` for screen reader navigation\n */\n@Component({\n    selector: 'eds-discussion-thread',\n    templateUrl: './eds-discussion-thread.html',\n    styleUrl: './eds-discussion-thread.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [EdsDiscussionThreadItem],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[attr.role]': 'hasItems() ? \"list\" : null',\n        '[attr.aria-label]': 'ariaLabel()',\n    },\n})\nexport class EdsDiscussionThread {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-discussion-thread'\n     */\n    e2eAttr = input('eds-discussion-thread');\n\n    /**\n     * Accessible label for the discussion thread.\n     * @default 'Discussion thread'\n     */\n    ariaLabel = input<string>('Discussion thread');\n\n    /**\n     * Array of discussion thread items to be displayed.\n     * Each item should conform to the EdsDiscussionThreadItemData interface.\n     */\n    items = input<EdsDiscussionThreadItemData[]>();\n\n    /**\n     * The main title label for the discussion thread header.\n     */\n    titleLabel = input<string>();\n\n    /**\n     * The subtitle label for the discussion thread header,\n     * typically used to provide additional context or categorization.\n     */\n    subTitleLabel = input<string>();\n\n    protected readonly discussionThreadItems = contentChildren(EdsDiscussionThreadItem, { descendants: true });\n\n    /** Whether the thread has any items (data-driven or projected). */\n    protected hasItems = computed(() => {\n        const dataItems = this.items();\n        return (dataItems && dataItems.length > 0) || this.discussionThreadItems().length > 0;\n    });\n\n    /**\n     * Computes the CSS classes for the host element.\n     */\n    hostClasses = computed(() => 'eds-discussion-thread');\n}\n","@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n","import { EdsDiscussionThread } from './eds-discussion-thread';\nimport { EdsDiscussionThreadItem } from './eds-discussion-thread-item';\n\nexport {\n    EdsDiscussionThread,\n    EdsDiscussionThreadItem,\n};\n\nexport { EdsDiscussionThreadItemData } from './eds-discussion-thread-item.model';\n\n/** Convenience array for importing all eds-discussion-thread components. */\nexport const EDS_DISCUSSION_THREAD = [\n    EdsDiscussionThread,\n    EdsDiscussionThreadItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-eds-eds-empty-state.mjs

@@ -50,13 +50,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 
 class EdsEmptyStateTitle {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsEmptyStateTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsEmptyStateTitle, isStandalone: true, selector: "eds-empty-state-title", host: { classAttribute: "eds-empty-state-title" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:block;font:var(--eds-f-label-l-semi-bold);color:var(--eds-c-foreground-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsEmptyStateTitle, isStandalone: true, selector: "eds-empty-state-title", host: { classAttribute: "eds-empty-state-title" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:block;font:var(--eds-f-label-l-semibold);color:var(--eds-c-foreground-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsEmptyStateTitle, decorators: [{
             type: Component,
             args: [{ selector: 'eds-empty-state-title', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-empty-state-title',
-                    }, styles: [".eui-21 :host{display:block;font:var(--eds-f-label-l-semi-bold);color:var(--eds-c-foreground-default)}\n"] }]
+                    }, styles: [".eui-21 :host{display:block;font:var(--eds-f-label-l-semibold);color:var(--eds-c-foreground-default)}\n"] }]
         }] });
 
 class EdsEmptyStateDescription {

package/fesm2022/eui-eds-eds-empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-empty-state.mjs","sources":["../../eds-empty-state/eds-empty-state.ts","../../eds-empty-state/eds-empty-state.html","../../eds-empty-state/eds-empty-state-title.ts","../../eds-empty-state/eds-empty-state-description.ts","../../eds-empty-state/eds-empty-state-icon.ts","../../eds-empty-state/eds-empty-state-actions.ts","../../eds-empty-state/index.ts","../../eds-empty-state/eui-eds-eds-empty-state.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n    inject,\n} from '@angular/core';\n\nimport { EdsSizeDirective } from '@eui/eds/shared';\n\n@Component({\n    templateUrl: './eds-empty-state.html',\n    selector: 'eds-empty-state',\n    styleUrl: './eds-empty-state.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EdsSizeDirective,\n            inputs: [\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsEmptyState {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * Applied as data-e2e attribute on the host element.\n     * @default 'eds-empty-state'\n     */\n    e2eAttr = input('eds-empty-state');\n\n    protected sizeDirective = inject(EdsSizeDirective);\n\n    /**\n     * Computed host CSS classes based on current state.\n     */\n    hostClasses = computed(() => {\n        const sizeClass = this.sizeDirective.getCssClass('eds-empty-state');\n        return [\n            'eds-empty-state',\n            sizeClass || 'eds-empty-state--size-m',\n        ]\n            .join(' ')\n            .trim();\n    });\n}\n","<ng-content select=\"eds-empty-state-icon\"/>\n<ng-content select=\"eds-empty-state-title\"/>\n<ng-content select=\"eds-empty-state-description\"/>\n<ng-content select=\"eds-empty-state-actions\"/>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-title',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-title.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-title',\n    },\n})\nexport class EdsEmptyStateTitle {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-description',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-description.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-description',\n    },\n})\nexport class EdsEmptyStateDescription {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-icon',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-icon.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-icon',\n    },\n})\nexport class EdsEmptyStateIcon {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-actions',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-actions.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-actions',\n    },\n})\nexport class EdsEmptyStateActions {}\n","import { EdsEmptyState } from './eds-empty-state';\nimport { EdsEmptyStateTitle } from './eds-empty-state-title';\nimport { EdsEmptyStateDescription } from './eds-empty-state-description';\nimport { EdsEmptyStateIcon } from './eds-empty-state-icon';\nimport { EdsEmptyStateActions } from './eds-empty-state-actions';\n\nexport {\n    EdsEmptyState,\n    EdsEmptyStateTitle,\n    EdsEmptyStateDescription,\n    EdsEmptyStateIcon,\n    EdsEmptyStateActions,\n};\n\n/** Convenience array for importing all eds-empty-state components. */\nexport const EDS_EMPTY_STATE = [\n    EdsEmptyState,\n    EdsEmptyStateTitle,\n    EdsEmptyStateDescription,\n    EdsEmptyStateIcon,\n    EdsEmptyStateActions,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA+Ba,aAAa,CAAA;AArB1B,IAAA,WAAA,GAAA;AAsBI;;;;AAIG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,iBAAiB;oFAAC;AAExB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAElD;;AAEG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACxB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC;YACnE,OAAO;gBACH,iBAAiB;AACjB,gBAAA,SAAS,IAAI,yBAAyB;AACzC;iBACI,IAAI,CAAC,GAAG;AACR,iBAAA,IAAI,EAAE;QACf,CAAC;wFAAC;AACL,IAAA;8GAtBY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,mdC/B1B,yMAIA,EAAA,MAAA,EAAA,CAAA,8JAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FD2Ba,aAAa,EAAA,UAAA,EAAA,CAAA;kBArBzB,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,gBAAgB;AAC3B,4BAAA,MAAM,EAAE;gCACJ,UAAU;gCACV,UAAU;gCACV,UAAU;gCACV,gBAAgB;AACnB,6BAAA;AACJ,yBAAA;qBACJ,EAAA,IAAA,EACK;AACF,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,iBAAiB,EAAE,WAAW;AACjC,qBAAA,EAAA,QAAA,EAAA,yMAAA,EAAA,MAAA,EAAA,CAAA,8JAAA,CAAA,EAAA;;;MElBQ,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,oIAPjB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOhB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,YACvB,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,uBAAuB;AACjC,qBAAA,EAAA,MAAA,EAAA,CAAA,0GAAA,CAAA,EAAA;;;MCEQ,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,gJAPvB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOhB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,YAC7B,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,6BAA6B;AACvC,qBAAA,EAAA,MAAA,EAAA,CAAA,oGAAA,CAAA,EAAA;;;MCEQ,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,kIAPhB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOhB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,YACtB,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,sBAAsB;AAChC,qBAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA;;;MCEQ,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,wIAPnB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOhB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,YACzB,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,yBAAyB;AACnC,qBAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;;;ACKL;AACO,MAAM,eAAe,GAAG;IAC3B,aAAa;IACb,kBAAkB;IAClB,wBAAwB;IACxB,iBAAiB;IACjB,oBAAoB;;;ACpBxB;;AAEG;;;;"}
+{"version":3,"file":"eui-eds-eds-empty-state.mjs","sources":["../../eds-empty-state/eds-empty-state.ts","../../eds-empty-state/eds-empty-state.html","../../eds-empty-state/eds-empty-state-title.ts","../../eds-empty-state/eds-empty-state-description.ts","../../eds-empty-state/eds-empty-state-icon.ts","../../eds-empty-state/eds-empty-state-actions.ts","../../eds-empty-state/index.ts","../../eds-empty-state/eui-eds-eds-empty-state.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n    inject,\n} from '@angular/core';\n\nimport { EdsSizeDirective } from '@eui/eds/shared';\n\n@Component({\n    templateUrl: './eds-empty-state.html',\n    selector: 'eds-empty-state',\n    styleUrl: './eds-empty-state.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EdsSizeDirective,\n            inputs: [\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsEmptyState {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * Applied as data-e2e attribute on the host element.\n     * @default 'eds-empty-state'\n     */\n    e2eAttr = input('eds-empty-state');\n\n    protected sizeDirective = inject(EdsSizeDirective);\n\n    /**\n     * Computed host CSS classes based on current state.\n     */\n    hostClasses = computed(() => {\n        const sizeClass = this.sizeDirective.getCssClass('eds-empty-state');\n        return [\n            'eds-empty-state',\n            sizeClass || 'eds-empty-state--size-m',\n        ]\n            .join(' ')\n            .trim();\n    });\n}\n","<ng-content select=\"eds-empty-state-icon\"/>\n<ng-content select=\"eds-empty-state-title\"/>\n<ng-content select=\"eds-empty-state-description\"/>\n<ng-content select=\"eds-empty-state-actions\"/>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-title',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-title.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-title',\n    },\n})\nexport class EdsEmptyStateTitle {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-description',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-description.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-description',\n    },\n})\nexport class EdsEmptyStateDescription {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-icon',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-icon.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-icon',\n    },\n})\nexport class EdsEmptyStateIcon {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eds-empty-state-actions',\n    template: '<ng-content/>',\n    styleUrl: './eds-empty-state-actions.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-empty-state-actions',\n    },\n})\nexport class EdsEmptyStateActions {}\n","import { EdsEmptyState } from './eds-empty-state';\nimport { EdsEmptyStateTitle } from './eds-empty-state-title';\nimport { EdsEmptyStateDescription } from './eds-empty-state-description';\nimport { EdsEmptyStateIcon } from './eds-empty-state-icon';\nimport { EdsEmptyStateActions } from './eds-empty-state-actions';\n\nexport {\n    EdsEmptyState,\n    EdsEmptyStateTitle,\n    EdsEmptyStateDescription,\n    EdsEmptyStateIcon,\n    EdsEmptyStateActions,\n};\n\n/** Convenience array for importing all eds-empty-state components. */\nexport const EDS_EMPTY_STATE = [\n    EdsEmptyState,\n    EdsEmptyStateTitle,\n    EdsEmptyStateDescription,\n    EdsEmptyStateIcon,\n    EdsEmptyStateActions,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -129,13 +129,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  */
 class EdsFieldsetTitle {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFieldsetTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsFieldsetTitle, isStandalone: true, selector: "eds-fieldset-title", host: { classAttribute: "eds-fieldset-title" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:flex;align-items:center;font:var(--eds-f-label-l-semi-bold);color:var(--eds-c-foreground-default);gap:var(--eds-sp-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsFieldsetTitle, isStandalone: true, selector: "eds-fieldset-title", host: { classAttribute: "eds-fieldset-title" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:flex;align-items:center;font:var(--eds-f-label-l-semibold);color:var(--eds-c-foreground-default);gap:var(--eds-sp-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFieldsetTitle, decorators: [{
             type: Component,
             args: [{ selector: 'eds-fieldset-title', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-fieldset-title',
-                    }, styles: [".eui-21 :host{display:flex;align-items:center;font:var(--eds-f-label-l-semi-bold);color:var(--eds-c-foreground-default);gap:var(--eds-sp-xs)}\n"] }]
+                    }, styles: [".eui-21 :host{display:flex;align-items:center;font:var(--eds-f-label-l-semibold);color:var(--eds-c-foreground-default);gap:var(--eds-sp-xs)}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-fieldset.mjs","sources":["../../eds-fieldset/eds-fieldset.ts","../../eds-fieldset/eds-fieldset.html","../../eds-fieldset/eds-fieldset-title.ts","../../eds-fieldset/eds-fieldset-icon.ts","../../eds-fieldset/eds-fieldset-action.ts","../../eds-fieldset/eds-fieldset-description.ts","../../eds-fieldset/index.ts","../../eds-fieldset/eui-eds-eds-fieldset.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    output,\n    computed,\n    booleanAttribute,\n    effect,\n    signal,\n} from '@angular/core';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\n/**\n * EDS Fieldset — a section container with optional expand/collapse functionality\n * and customizable header content (title, icon, description, actions).\n *\n * Used to organize and separate content sections with clear visual hierarchy.\n *\n * Usage:\n * ```html\n * <eds-fieldset>\n *   <eds-fieldset-title>Section Title</eds-fieldset-title>\n *   <eds-fieldset-description>Description text</eds-fieldset-description>\n *   Content goes here...\n * </eds-fieldset>\n * ```\n *\n * Expandable:\n * ```html\n * <eds-fieldset [isExpandable]=\"true\" [isExpanded]=\"true\" (expandChange)=\"onToggle($event)\">\n *   <eds-fieldset-title>Advanced Options</eds-fieldset-title>\n *   Content goes here...\n * </eds-fieldset>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset',\n    templateUrl: './eds-fieldset.html',\n    styleUrl: './eds-fieldset.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [...EDS_ICON_BUTTON],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsFieldset {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-fieldset'\n     */\n    e2eAttr = input('eds-fieldset');\n\n    /**\n     * Unique identifier for the fieldset.\n     */\n    id = input<string | undefined>(undefined);\n\n    /**\n     * Whether the fieldset can be expanded/collapsed.\n     * @default false\n     */\n    isExpandable = input(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the fieldset is currently expanded.\n     * Only applies when `isExpandable` is true.\n     * @default true\n     */\n    isExpanded = input(true, { transform: booleanAttribute });\n\n    /**\n     * Whether this is the first fieldset in a group (adds top margin).\n     * @default false\n     */\n    isFirst = input(false, { transform: booleanAttribute });\n\n    /**\n     * Whether to show the bottom border divider.\n     * @default true\n     */\n    hasBorder = input(true, { transform: booleanAttribute });\n\n    /**\n     * Event emitted when the fieldset is expanded or collapsed.\n     * Emits the fieldset `id`.\n     */\n    expandChange = output<string | undefined>();\n\n    /** Internal mutable expanded state */\n    protected internalExpanded = signal(true);\n\n    hostClasses = computed(() => {\n        return [\n            'eds-fieldset',\n            this.isExpandable() ? 'eds-fieldset--expandable' : '',\n            this.isFirst() ? 'eds-fieldset--first' : '',\n            !this.hasBorder() ? 'eds-fieldset--no-border' : '',\n        ].join(' ').trim();\n    });\n\n    constructor() {\n        effect(() => {\n            this.internalExpanded.set(this.isExpanded());\n        });\n    }\n\n    /** Icon shown on the expand/collapse toggle button */\n    protected expandIcon = computed(() => {\n        return this.internalExpanded() ? 'caret-up' : 'caret-down';\n    });\n\n    /** Aria label for the expand/collapse toggle button */\n    protected expandAriaLabel = computed(() => {\n        return this.internalExpanded() ? 'Collapse' : 'Expand';\n    });\n\n    /** Whether the content section should be visible */\n    protected isContentVisible = computed(() => {\n        return this.internalExpanded() || !this.isExpandable();\n    });\n\n    /**\n     * Handles expand/collapse toggle.\n     * Emits the fieldset id.\n     */\n    onToggle(): void {\n        if (this.isExpandable()) {\n            this.internalExpanded.update(v => !v);\n            this.expandChange.emit(this.id());\n        }\n    }\n}\n","<div class=\"eds-fieldset__header\">\n    <div class=\"eds-fieldset__header-start\">\n        @if (isExpandable()) {\n            <button edsIconButton\n                size=\"s\"\n                color=\"neutral\"\n                [icon]=\"expandIcon()\"\n                [ariaLabel]=\"expandAriaLabel()\"\n                (buttonClick)=\"onToggle()\">\n            </button>\n        }\n        <ng-content select=\"eds-fieldset-icon\"/>\n        <ng-content select=\"eds-fieldset-title\"/>\n    </div>\n    <div class=\"eds-fieldset__header-end\">\n        <ng-content select=\"eds-fieldset-action\"/>\n    </div>\n</div>\n<ng-content select=\"eds-fieldset-description\"/>\n\n@if (isContentVisible()) {\n    <div class=\"eds-fieldset__content\">\n        <ng-content/>\n    </div>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Title container for EdsFieldset that displays the main heading text.\n *\n * Usage:\n * ```html\n * <eds-fieldset-title>Section Title</eds-fieldset-title>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-title',\n    template: '<ng-content/>',\n    styleUrl: './eds-fieldset-title.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-title',\n    },\n})\nexport class EdsFieldsetTitle {}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\n/**\n * Icon container for EdsFieldset that displays an icon before the title.\n *\n * Usage:\n * ```html\n * <eds-fieldset-icon icon=\"settings\"></eds-fieldset-icon>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-icon',\n    template: '<eds-icon [icon]=\"icon()\" edsSizeS/>',\n    styleUrl: './eds-fieldset-icon.scss',\n    imports: [...EDS_ICON],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-icon',\n    },\n})\nexport class EdsFieldsetIcon {\n    /**\n     * Name of the icon to display from the eUI icon library.\n     */\n    icon = input<string>('');\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Action container for EdsFieldset that holds interactive elements like buttons or links.\n *\n * Usage:\n * ```html\n * <eds-fieldset-action>\n *   <button edsButton>Action</button>\n * </eds-fieldset-action>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-action',\n    template: '<ng-content/>',\n    styleUrl: './eds-fieldset-action.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-action',\n    },\n})\nexport class EdsFieldsetAction {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Description container for EdsFieldset that displays supplementary text below the title.\n *\n * Usage:\n * ```html\n * <eds-fieldset-description>Additional context or instructions</eds-fieldset-description>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-description',\n    template: '<ng-content/>',\n    styleUrl: './eds-fieldset-description.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-description',\n    },\n})\nexport class EdsFieldsetDescription {}\n","import { EdsFieldset } from './eds-fieldset';\nimport { EdsFieldsetTitle } from './eds-fieldset-title';\nimport { EdsFieldsetIcon } from './eds-fieldset-icon';\nimport { EdsFieldsetAction } from './eds-fieldset-action';\nimport { EdsFieldsetDescription } from './eds-fieldset-description';\n\nexport { EdsFieldset } from './eds-fieldset';\nexport { EdsFieldsetTitle } from './eds-fieldset-title';\nexport { EdsFieldsetIcon } from './eds-fieldset-icon';\nexport { EdsFieldsetAction } from './eds-fieldset-action';\nexport { EdsFieldsetDescription } from './eds-fieldset-description';\n\n/** Convenience array for importing all eds-fieldset components. */\nexport const EDS_FIELDSET = [\n    EdsFieldset,\n    EdsFieldsetTitle,\n    EdsFieldsetIcon,\n    EdsFieldsetAction,\n    EdsFieldsetDescription,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-fieldset.mjs","sources":["../../eds-fieldset/eds-fieldset.ts","../../eds-fieldset/eds-fieldset.html","../../eds-fieldset/eds-fieldset-title.ts","../../eds-fieldset/eds-fieldset-icon.ts","../../eds-fieldset/eds-fieldset-action.ts","../../eds-fieldset/eds-fieldset-description.ts","../../eds-fieldset/index.ts","../../eds-fieldset/eui-eds-eds-fieldset.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    output,\n    computed,\n    booleanAttribute,\n    effect,\n    signal,\n} from '@angular/core';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\n/**\n * EDS Fieldset — a section container with optional expand/collapse functionality\n * and customizable header content (title, icon, description, actions).\n *\n * Used to organize and separate content sections with clear visual hierarchy.\n *\n * Usage:\n * ```html\n * <eds-fieldset>\n *   <eds-fieldset-title>Section Title</eds-fieldset-title>\n *   <eds-fieldset-description>Description text</eds-fieldset-description>\n *   Content goes here...\n * </eds-fieldset>\n * ```\n *\n * Expandable:\n * ```html\n * <eds-fieldset [isExpandable]=\"true\" [isExpanded]=\"true\" (expandChange)=\"onToggle($event)\">\n *   <eds-fieldset-title>Advanced Options</eds-fieldset-title>\n *   Content goes here...\n * </eds-fieldset>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset',\n    templateUrl: './eds-fieldset.html',\n    styleUrl: './eds-fieldset.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [...EDS_ICON_BUTTON],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsFieldset {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-fieldset'\n     */\n    e2eAttr = input('eds-fieldset');\n\n    /**\n     * Unique identifier for the fieldset.\n     */\n    id = input<string | undefined>(undefined);\n\n    /**\n     * Whether the fieldset can be expanded/collapsed.\n     * @default false\n     */\n    isExpandable = input(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the fieldset is currently expanded.\n     * Only applies when `isExpandable` is true.\n     * @default true\n     */\n    isExpanded = input(true, { transform: booleanAttribute });\n\n    /**\n     * Whether this is the first fieldset in a group (adds top margin).\n     * @default false\n     */\n    isFirst = input(false, { transform: booleanAttribute });\n\n    /**\n     * Whether to show the bottom border divider.\n     * @default true\n     */\n    hasBorder = input(true, { transform: booleanAttribute });\n\n    /**\n     * Event emitted when the fieldset is expanded or collapsed.\n     * Emits the fieldset `id`.\n     */\n    expandChange = output<string | undefined>();\n\n    /** Internal mutable expanded state */\n    protected internalExpanded = signal(true);\n\n    hostClasses = computed(() => {\n        return [\n            'eds-fieldset',\n            this.isExpandable() ? 'eds-fieldset--expandable' : '',\n            this.isFirst() ? 'eds-fieldset--first' : '',\n            !this.hasBorder() ? 'eds-fieldset--no-border' : '',\n        ].join(' ').trim();\n    });\n\n    constructor() {\n        effect(() => {\n            this.internalExpanded.set(this.isExpanded());\n        });\n    }\n\n    /** Icon shown on the expand/collapse toggle button */\n    protected expandIcon = computed(() => {\n        return this.internalExpanded() ? 'caret-up' : 'caret-down';\n    });\n\n    /** Aria label for the expand/collapse toggle button */\n    protected expandAriaLabel = computed(() => {\n        return this.internalExpanded() ? 'Collapse' : 'Expand';\n    });\n\n    /** Whether the content section should be visible */\n    protected isContentVisible = computed(() => {\n        return this.internalExpanded() || !this.isExpandable();\n    });\n\n    /**\n     * Handles expand/collapse toggle.\n     * Emits the fieldset id.\n     */\n    onToggle(): void {\n        if (this.isExpandable()) {\n            this.internalExpanded.update(v => !v);\n            this.expandChange.emit(this.id());\n        }\n    }\n}\n","<div class=\"eds-fieldset__header\">\n    <div class=\"eds-fieldset__header-start\">\n        @if (isExpandable()) {\n            <button edsIconButton\n                size=\"s\"\n                color=\"neutral\"\n                [icon]=\"expandIcon()\"\n                [ariaLabel]=\"expandAriaLabel()\"\n                (buttonClick)=\"onToggle()\">\n            </button>\n        }\n        <ng-content select=\"eds-fieldset-icon\"/>\n        <ng-content select=\"eds-fieldset-title\"/>\n    </div>\n    <div class=\"eds-fieldset__header-end\">\n        <ng-content select=\"eds-fieldset-action\"/>\n    </div>\n</div>\n<ng-content select=\"eds-fieldset-description\"/>\n\n@if (isContentVisible()) {\n    <div class=\"eds-fieldset__content\">\n        <ng-content/>\n    </div>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Title container for EdsFieldset that displays the main heading text.\n *\n * Usage:\n * ```html\n * <eds-fieldset-title>Section Title</eds-fieldset-title>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-title',\n    template: '<ng-content/>',\n    styleUrl: './eds-fieldset-title.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-title',\n    },\n})\nexport class EdsFieldsetTitle {}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\n/**\n * Icon container for EdsFieldset that displays an icon before the title.\n *\n * Usage:\n * ```html\n * <eds-fieldset-icon icon=\"settings\"></eds-fieldset-icon>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-icon',\n    template: '<eds-icon [icon]=\"icon()\" edsSizeS/>',\n    styleUrl: './eds-fieldset-icon.scss',\n    imports: [...EDS_ICON],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-icon',\n    },\n})\nexport class EdsFieldsetIcon {\n    /**\n     * Name of the icon to display from the eUI icon library.\n     */\n    icon = input<string>('');\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Action container for EdsFieldset that holds interactive elements like buttons or links.\n *\n * Usage:\n * ```html\n * <eds-fieldset-action>\n *   <button edsButton>Action</button>\n * </eds-fieldset-action>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-action',\n    template: '<ng-content/>',\n    styleUrl: './eds-fieldset-action.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-action',\n    },\n})\nexport class EdsFieldsetAction {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Description container for EdsFieldset that displays supplementary text below the title.\n *\n * Usage:\n * ```html\n * <eds-fieldset-description>Additional context or instructions</eds-fieldset-description>\n * ```\n */\n@Component({\n    selector: 'eds-fieldset-description',\n    template: '<ng-content/>',\n    styleUrl: './eds-fieldset-description.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-fieldset-description',\n    },\n})\nexport class EdsFieldsetDescription {}\n","import { EdsFieldset } from './eds-fieldset';\nimport { EdsFieldsetTitle } from './eds-fieldset-title';\nimport { EdsFieldsetIcon } from './eds-fieldset-icon';\nimport { EdsFieldsetAction } from './eds-fieldset-action';\nimport { EdsFieldsetDescription } from './eds-fieldset-description';\n\nexport { EdsFieldset } from './eds-fieldset';\nexport { EdsFieldsetTitle } from './eds-fieldset-title';\nexport { EdsFieldsetIcon } from './eds-fieldset-icon';\nexport { EdsFieldsetAction } from './eds-fieldset-action';\nexport { EdsFieldsetDescription } from './eds-fieldset-description';\n\n/** Convenience array for importing all eds-fieldset components. */\nexport const EDS_FIELDSET = [\n    EdsFieldset,\n    EdsFieldsetTitle,\n    EdsFieldsetIcon,\n    EdsFieldsetAction,\n    EdsFieldsetDescription,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/eui-eds-eds-file-upload.mjs

@@ -478,7 +478,7 @@ class EdsFileUpload {
                 useExisting: EdsFileUpload,
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasDragArea()) {\n    <div\n        class=\"eds-file-upload__drop-area\"\n        [class.eds-file-upload__drop-area--active]=\"dragEntered()\"\n        [class.eds-file-upload__drop-area--disabled]=\"isDropAreaDisabled()\">\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" class=\"eds-file-upload__browse-btn\">{{ browseLabel() }}</button>\n        <span class=\"eds-file-upload__drag-hint\">{{ dragLabel() }}</span>\n        <input\n            #input\n            class=\"eds-file-upload__file-input\"\n            [attr.aria-label]=\"browseLabel() + ' ' + dragLabel()\"\n            type=\"file\"\n            [accept]=\"accept()\"\n            [attr.disabled]=\"isDropAreaDisabled() ? 'disabled' : null\"\n            [multiple]=\"isMultiple()\"\n            (dragenter)=\"onDragEnter()\"\n            (dragleave)=\"onDragLeave()\" />\n    </div>\n} @else {\n    <div class=\"eds-file-upload__simple-input\">\n        <label [attr.for]=\"'eds-file-' + randomNumberId\">\n            <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"openBrowseWindow()\">{{ browseLabel() }}</button>\n        </label>\n        @if (isMultiple()) {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose multiple files'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\"\n                multiple />\n        } @else {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose a single file'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\" />\n        }\n    </div>\n}\n\n@if (hasProgressBar() && internalProgress() > 0) {\n    <eds-progress-bar\n        class=\"eds-file-upload__progress\"\n        [progress]=\"internalProgress()\"\n        [label]=\"internalProgress() + '%'\" />\n}\n\n@if (rejectedFileMessage()) {\n    <eds-feedback-message edsCritical class=\"eds-file-upload__error\">\n        {{ rejectedFileLabel() }}: {{ rejectedFileMessage() }}\n    </eds-feedback-message>\n}\n\n@for (uploadedFile of internalUploadedFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\" />\n}\n\n@for (file of internalFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        isFileObject\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\" />\n}\n\n@if (filesTotalSize() && hasTotalSizeDisplayed()) {\n    <div class=\"eds-file-upload__total-size\">\n        {{ filesTotalSize() | edsFilesize }} {{ totalSizeLabel() }}\n    </div>\n}\n\n<div class=\"eds-u-flex eds-u-flex-gap-s\">\n    <ng-content />\n    \n    @if (showResetBtn()) {\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"resetList()\">\n            {{ resetLabel() }}\n        </button>\n    }\n</div>\n\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-file-upload__drop-area{outline:1px dashed var(--eds-c-border-primary);border-radius:var(--eds-br-m);padding:var(--eds-sp-xl);position:relative;transition:background-color .2s ease,outline-width .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__drop-area--active{background-color:var(--eds-c-surface-elevation);outline-width:3px}.eui-21 :host .eds-file-upload__drop-area--disabled{opacity:.5;cursor:not-allowed}.eui-21 :host .eds-file-upload__drop-area--disabled .eds-file-upload__file-input{cursor:default}.eui-21 :host .eds-file-upload__drag-hint{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-file-upload__file-input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-21 :host .eds-file-upload__file-input:not(:disabled){cursor:pointer}.eui-21 :host .eds-file-upload__simple-input{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__simple-input .eds-file-upload__hidden-input{display:none}.eui-21 :host .eds-file-upload__progress{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__error{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__total-size{margin-top:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs);font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-file-upload__reset-btn{margin-top:var(--eds-sp-xs)}\n"], dependencies: [{ kind: "component", type: i1$1.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsDisabled", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked"] }, { kind: "component", type: i2$1.EdsFeedbackMessage, selector: "eds-feedback-message", inputs: ["isMuted", "e2eAttr"] }, { kind: "component", type: i3.EdsProgressBar, selector: "eds-progress-bar", inputs: ["label", "valueText", "progress", "isIndeterminate", "hasStatusIcon", "color"] }, { kind: "component", type: EdsFileUploadPreview, selector: "eds-file-upload-preview", inputs: ["file", "index", "uploadedFileTemplate", "hasPreview", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable", "isFileObject", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: EdsFilesizePipe, name: "edsFilesize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasDragArea()) {\n    <div\n        class=\"eds-file-upload__drop-area\"\n        [class.eds-file-upload__drop-area--active]=\"dragEntered()\"\n        [class.eds-file-upload__drop-area--disabled]=\"isDropAreaDisabled()\">\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" class=\"eds-file-upload__browse-btn\">{{ browseLabel() }}</button>\n        <span class=\"eds-file-upload__drag-hint\">{{ dragLabel() }}</span>\n        <input\n            #input\n            class=\"eds-file-upload__file-input\"\n            [attr.aria-label]=\"browseLabel() + ' ' + dragLabel()\"\n            type=\"file\"\n            [accept]=\"accept()\"\n            [attr.disabled]=\"isDropAreaDisabled() ? 'disabled' : null\"\n            [multiple]=\"isMultiple()\"\n            (dragenter)=\"onDragEnter()\"\n            (dragleave)=\"onDragLeave()\" />\n    </div>\n} @else {\n    <div class=\"eds-file-upload__simple-input\">\n        <label [attr.for]=\"'eds-file-' + randomNumberId\">\n            <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"openBrowseWindow()\">{{ browseLabel() }}</button>\n        </label>\n        @if (isMultiple()) {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose multiple files'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\"\n                multiple />\n        } @else {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose a single file'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\" />\n        }\n    </div>\n}\n\n@if (hasProgressBar() && internalProgress() > 0) {\n    <eds-progress-bar\n        class=\"eds-file-upload__progress\"\n        [progress]=\"internalProgress()\"\n        [label]=\"internalProgress() + '%'\" />\n}\n\n@if (rejectedFileMessage()) {\n    <eds-feedback-message edsCritical class=\"eds-file-upload__error\">\n        {{ rejectedFileLabel() }}: {{ rejectedFileMessage() }}\n    </eds-feedback-message>\n}\n\n@for (uploadedFile of internalUploadedFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\" />\n}\n\n@for (file of internalFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        isFileObject\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\" />\n}\n\n@if (filesTotalSize() && hasTotalSizeDisplayed()) {\n    <div class=\"eds-file-upload__total-size\">\n        {{ filesTotalSize() | edsFilesize }} {{ totalSizeLabel() }}\n    </div>\n}\n\n<div class=\"eds-u-flex eds-u-flex-gap-s\">\n    <ng-content />\n    \n    @if (showResetBtn()) {\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"resetList()\">\n            {{ resetLabel() }}\n        </button>\n    }\n</div>\n\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-file-upload__drop-area{outline:1px dashed var(--eds-c-border-primary);border-radius:var(--eds-br-m);padding:var(--eds-sp-xl);position:relative;transition:background-color .2s ease,outline-width .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__drop-area--active{background-color:var(--eds-c-surface-elevation);outline-width:3px}.eui-21 :host .eds-file-upload__drop-area--disabled{opacity:.5;cursor:not-allowed}.eui-21 :host .eds-file-upload__drop-area--disabled .eds-file-upload__file-input{cursor:default}.eui-21 :host .eds-file-upload__drag-hint{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-file-upload__file-input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-21 :host .eds-file-upload__file-input:not(:disabled){cursor:pointer}.eui-21 :host .eds-file-upload__simple-input{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__simple-input .eds-file-upload__hidden-input{display:none}.eui-21 :host .eds-file-upload__progress{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__error{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__total-size{margin-top:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs);font:var(--eds-f-label-m-semibold)}.eui-21 :host .eds-file-upload__reset-btn{margin-top:var(--eds-sp-xs)}\n"], dependencies: [{ kind: "component", type: i1$1.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsDisabled", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked"] }, { kind: "component", type: i2$1.EdsFeedbackMessage, selector: "eds-feedback-message", inputs: ["isMuted", "e2eAttr"] }, { kind: "component", type: i3.EdsProgressBar, selector: "eds-progress-bar", inputs: ["label", "valueText", "progress", "isIndeterminate", "hasStatusIcon", "color"] }, { kind: "component", type: EdsFileUploadPreview, selector: "eds-file-upload-preview", inputs: ["file", "index", "uploadedFileTemplate", "hasPreview", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable", "isFileObject", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: EdsFilesizePipe, name: "edsFilesize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFileUpload, decorators: [{
             type: Component,
@@ -498,7 +498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                     ], host: {
                         '[class]': 'hostClasses()',
                         '[attr.data-e2e]': 'e2eAttr()',
-                    }, template: "@if (hasDragArea()) {\n    <div\n        class=\"eds-file-upload__drop-area\"\n        [class.eds-file-upload__drop-area--active]=\"dragEntered()\"\n        [class.eds-file-upload__drop-area--disabled]=\"isDropAreaDisabled()\">\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" class=\"eds-file-upload__browse-btn\">{{ browseLabel() }}</button>\n        <span class=\"eds-file-upload__drag-hint\">{{ dragLabel() }}</span>\n        <input\n            #input\n            class=\"eds-file-upload__file-input\"\n            [attr.aria-label]=\"browseLabel() + ' ' + dragLabel()\"\n            type=\"file\"\n            [accept]=\"accept()\"\n            [attr.disabled]=\"isDropAreaDisabled() ? 'disabled' : null\"\n            [multiple]=\"isMultiple()\"\n            (dragenter)=\"onDragEnter()\"\n            (dragleave)=\"onDragLeave()\" />\n    </div>\n} @else {\n    <div class=\"eds-file-upload__simple-input\">\n        <label [attr.for]=\"'eds-file-' + randomNumberId\">\n            <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"openBrowseWindow()\">{{ browseLabel() }}</button>\n        </label>\n        @if (isMultiple()) {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose multiple files'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\"\n                multiple />\n        } @else {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose a single file'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\" />\n        }\n    </div>\n}\n\n@if (hasProgressBar() && internalProgress() > 0) {\n    <eds-progress-bar\n        class=\"eds-file-upload__progress\"\n        [progress]=\"internalProgress()\"\n        [label]=\"internalProgress() + '%'\" />\n}\n\n@if (rejectedFileMessage()) {\n    <eds-feedback-message edsCritical class=\"eds-file-upload__error\">\n        {{ rejectedFileLabel() }}: {{ rejectedFileMessage() }}\n    </eds-feedback-message>\n}\n\n@for (uploadedFile of internalUploadedFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\" />\n}\n\n@for (file of internalFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        isFileObject\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\" />\n}\n\n@if (filesTotalSize() && hasTotalSizeDisplayed()) {\n    <div class=\"eds-file-upload__total-size\">\n        {{ filesTotalSize() | edsFilesize }} {{ totalSizeLabel() }}\n    </div>\n}\n\n<div class=\"eds-u-flex eds-u-flex-gap-s\">\n    <ng-content />\n    \n    @if (showResetBtn()) {\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"resetList()\">\n            {{ resetLabel() }}\n        </button>\n    }\n</div>\n\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-file-upload__drop-area{outline:1px dashed var(--eds-c-border-primary);border-radius:var(--eds-br-m);padding:var(--eds-sp-xl);position:relative;transition:background-color .2s ease,outline-width .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__drop-area--active{background-color:var(--eds-c-surface-elevation);outline-width:3px}.eui-21 :host .eds-file-upload__drop-area--disabled{opacity:.5;cursor:not-allowed}.eui-21 :host .eds-file-upload__drop-area--disabled .eds-file-upload__file-input{cursor:default}.eui-21 :host .eds-file-upload__drag-hint{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-file-upload__file-input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-21 :host .eds-file-upload__file-input:not(:disabled){cursor:pointer}.eui-21 :host .eds-file-upload__simple-input{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__simple-input .eds-file-upload__hidden-input{display:none}.eui-21 :host .eds-file-upload__progress{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__error{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__total-size{margin-top:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs);font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-file-upload__reset-btn{margin-top:var(--eds-sp-xs)}\n"] }]
+                    }, template: "@if (hasDragArea()) {\n    <div\n        class=\"eds-file-upload__drop-area\"\n        [class.eds-file-upload__drop-area--active]=\"dragEntered()\"\n        [class.eds-file-upload__drop-area--disabled]=\"isDropAreaDisabled()\">\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" class=\"eds-file-upload__browse-btn\">{{ browseLabel() }}</button>\n        <span class=\"eds-file-upload__drag-hint\">{{ dragLabel() }}</span>\n        <input\n            #input\n            class=\"eds-file-upload__file-input\"\n            [attr.aria-label]=\"browseLabel() + ' ' + dragLabel()\"\n            type=\"file\"\n            [accept]=\"accept()\"\n            [attr.disabled]=\"isDropAreaDisabled() ? 'disabled' : null\"\n            [multiple]=\"isMultiple()\"\n            (dragenter)=\"onDragEnter()\"\n            (dragleave)=\"onDragLeave()\" />\n    </div>\n} @else {\n    <div class=\"eds-file-upload__simple-input\">\n        <label [attr.for]=\"'eds-file-' + randomNumberId\">\n            <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"openBrowseWindow()\">{{ browseLabel() }}</button>\n        </label>\n        @if (isMultiple()) {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose multiple files'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\"\n                multiple />\n        } @else {\n            <input\n                #input\n                [attr.aria-label]=\"'Choose a single file'\"\n                class=\"eds-file-upload__hidden-input\"\n                [id]=\"'eds-file-' + randomNumberId\"\n                type=\"file\"\n                [accept]=\"accept()\" />\n        }\n    </div>\n}\n\n@if (hasProgressBar() && internalProgress() > 0) {\n    <eds-progress-bar\n        class=\"eds-file-upload__progress\"\n        [progress]=\"internalProgress()\"\n        [label]=\"internalProgress() + '%'\" />\n}\n\n@if (rejectedFileMessage()) {\n    <eds-feedback-message edsCritical class=\"eds-file-upload__error\">\n        {{ rejectedFileLabel() }}: {{ rejectedFileMessage() }}\n    </eds-feedback-message>\n}\n\n@for (uploadedFile of internalUploadedFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\" />\n}\n\n@for (file of internalFiles(); let i = $index; track i) {\n    <eds-file-upload-preview\n        isFileObject\n        [isItemsClickable]=\"isItemsClickable()\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview()\"\n        [hasPreviewAsImage]=\"effectiveHasPreviewAsImage()\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon()\"\n        [uploadedFileTemplate]=\"uploadedFileTemplate\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\" />\n}\n\n@if (filesTotalSize() && hasTotalSizeDisplayed()) {\n    <div class=\"eds-file-upload__total-size\">\n        {{ filesTotalSize() | edsFilesize }} {{ totalSizeLabel() }}\n    </div>\n}\n\n<div class=\"eds-u-flex eds-u-flex-gap-s\">\n    <ng-content />\n    \n    @if (showResetBtn()) {\n        <button edsButton edsButtonSecondary edsSizeS type=\"button\" (click)=\"resetList()\">\n            {{ resetLabel() }}\n        </button>\n    }\n</div>\n\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-file-upload__drop-area{outline:1px dashed var(--eds-c-border-primary);border-radius:var(--eds-br-m);padding:var(--eds-sp-xl);position:relative;transition:background-color .2s ease,outline-width .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__drop-area--active{background-color:var(--eds-c-surface-elevation);outline-width:3px}.eui-21 :host .eds-file-upload__drop-area--disabled{opacity:.5;cursor:not-allowed}.eui-21 :host .eds-file-upload__drop-area--disabled .eds-file-upload__file-input{cursor:default}.eui-21 :host .eds-file-upload__drag-hint{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-file-upload__file-input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-21 :host .eds-file-upload__file-input:not(:disabled){cursor:pointer}.eui-21 :host .eds-file-upload__simple-input{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__simple-input .eds-file-upload__hidden-input{display:none}.eui-21 :host .eds-file-upload__progress{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__error{margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-file-upload__total-size{margin-top:var(--eds-sp-xs);margin-bottom:var(--eds-sp-xs);font:var(--eds-f-label-m-semibold)}.eui-21 :host .eds-file-upload__reset-btn{margin-top:var(--eds-sp-xs)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], isMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMultiple", required: false }] }], hasProgressBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasProgressBar", required: false }] }], hasPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPreview", required: false }] }], hasPreviewAsImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPreviewAsImage", required: false }] }], hasPreviewAsIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPreviewAsIcon", required: false }] }], hasTotalSizeDisplayed: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTotalSizeDisplayed", required: false }] }], hasResetButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasResetButton", required: false }] }], hasDragArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDragArea", required: false }] }], isItemsClickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isItemsClickable", required: false }] }], browseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "browseLabel", required: false }] }], dragLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragLabel", required: false }] }], resetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetLabel", required: false }] }], totalSizeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalSizeLabel", required: false }] }], rejectedFileLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectedFileLabel", required: false }] }], fileDrop: [{ type: i0.Output, args: ["fileDrop"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], fileInputs: [{ type: i0.ViewChildren, args: ['input', { isSignal: true }] }], emitFiles: [{
                 type: HostListener,
                 args: ['change', ['$any($event.target).files']]