@eui/eds 23.0.0-alpha.11 → 23.0.0-alpha.13

package/fesm2022/eui-eds-eds-dashboard-card.mjs

@@ -13,8 +13,8 @@ import { EDS_ICON } from '@eui/eds/eds-icon';
  * with header, body, and footer sections.
  */
 class EdsDashboardCardContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContent, isStandalone: true, selector: "eds-dashboard-card-content", host: { classAttribute: "eds-dashboard-card-content" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContent, isStandalone: true, selector: "eds-dashboard-card-content", host: { classAttribute: "eds-dashboard-card-content" }, ngImport: i0, template: `
         <ng-content select="eds-dashboard-card-content-header" />
         <ng-content select="eds-dashboard-card-content-body" />
         <ng-content select="eds-dashboard-card-list" />
@@ -25,7 +25,7 @@ class EdsDashboardCardContent {
         <ng-content select="eds-dashboard-card-content-footer" />
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContent, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content', template: `
         <ng-content select="eds-dashboard-card-content-header" />
@@ -141,10 +141,10 @@ class EdsDashboardCard {
             this.cardClick.emit(event);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsDashboardCard, isStandalone: true, selector: "eds-dashboard-card", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, labelMaxLines: { classPropertyName: "labelMaxLines", publicName: "labelMaxLines", isSignal: true, isRequired: false, transformFunction: null }, subLabelMaxLines: { classPropertyName: "subLabelMaxLines", publicName: "subLabelMaxLines", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, urlExternal: { classPropertyName: "urlExternal", publicName: "urlExternal", isSignal: true, isRequired: false, transformFunction: null }, urlExternalTarget: { classPropertyName: "urlExternalTarget", publicName: "urlExternalTarget", isSignal: true, isRequired: false, transformFunction: null }, isHorizontal: { classPropertyName: "isHorizontal", publicName: "isHorizontal", isSignal: true, isRequired: false, transformFunction: null }, isClickable: { classPropertyName: "isClickable", publicName: "isClickable", isSignal: true, isRequired: false, transformFunction: null }, isFlat: { classPropertyName: "isFlat", publicName: "isFlat", isSignal: true, isRequired: false, transformFunction: null }, isStacked: { classPropertyName: "isStacked", publicName: "isStacked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onKeyActivate($event)", "keydown.space": "onKeyActivate($event)" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.tabindex": "tabindex()", "attr.role": "hostRole()", "attr.aria-disabled": "disabled() || null", "attr.aria-label": "ariaLabel() || null" } }, queries: [{ propertyName: "customContent", first: true, predicate: i0.forwardRef(() => EdsDashboardCardContent), descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsNeutral", "edsNeutral", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (url() || urlExternal()) {\n    @if (urlExternal()) {\n        <a [href]=\"urlExternal()\" [target]=\"urlExternalTarget()\" rel=\"noopener noreferrer\" class=\"eds-dashboard-card__anchor\">\n            <ng-container *ngTemplateOutlet=\"content\" />\n            <span class=\"eds-u-sr-only\">(opens in new tab)</span>\n        </a>\n    } @else {\n        <a [routerLink]=\"[url()]\" class=\"eds-dashboard-card__anchor\">\n            <ng-container *ngTemplateOutlet=\"content\" />\n        </a>\n    }\n} @else {\n    @if (customContent()) {\n        <ng-content select=\"eds-dashboard-card-content\" />\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\" />\n    }\n}\n\n<div class=\"eds-dashboard-card__status\">\n    <ng-content select=\"eds-dashboard-card-status-content\" />\n</div>\n\n<ng-template #content>\n    @if (iconName()) {\n        <div class=\"eds-dashboard-card__icon-wrapper\">\n            <eds-icon [icon]=\"iconName()!\" edsSizeXL />\n        </div>\n    }\n    <div class=\"eds-dashboard-card__content-wrapper\">\n        @if (label()) {\n            <div class=\"eds-dashboard-card__label-content\">\n                <span class=\"eds-dashboard-card__label eds-dashboard-card__label--max-lines-{{ labelMaxLines() }}\" [class.eds-dashboard-card__label--with-sublabel]=\"subLabel()\">\n                    {{ label() }}\n                </span>\n                @if (subLabel()) {\n                    <span class=\"eds-dashboard-card__sublabel eds-dashboard-card__sublabel--max-lines-{{ subLabelMaxLines() }}\">\n                        {{ subLabel() }}\n                    </span>\n                }\n            </div>\n        }\n        <div class=\"eds-dashboard-card__sub-content\">\n            <ng-content />\n        </div>\n    </div>\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%;background-color:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);border:1px solid transparent;box-shadow:var(--eds-sh-1);padding:var(--eds-sp-s);cursor:default;position:relative}.eui-21 :host .eds-dashboard-card__anchor{display:flex;width:100%;flex-direction:column;text-decoration:none;color:inherit}.eui-21 :host .eds-dashboard-card__icon-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--eds-sp-s) 0}.eui-21 :host .eds-dashboard-card__content-wrapper{display:flex;flex-direction:column;align-items:center;padding:var(--eds-sp-s);width:100%}.eui-21 :host .eds-dashboard-card__label-content{text-align:center;width:100%}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font:var(--eds-f-label-l-semi-bold);color:var(--eds-c-foreground);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--with-sublabel{margin-bottom:var(--eds-sp-3xs)}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-21 :host .eds-dashboard-card__sub-content{display:block;text-align:center;width:100%}.eui-21 :host .eds-dashboard-card__status{position:absolute;top:-.75rem;right:var(--eds-sp-m)}.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled){cursor:pointer}.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):hover,.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):active{box-shadow:var(--eds-sh-2)}.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):focus-visible{outline:2px solid var(--eds-c-border-primary);outline-offset:2px}.eui-21 :host.eds-dashboard-card--horizontal{flex-direction:row}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__anchor{flex-direction:row}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__icon-wrapper{border-right:1px solid var(--eds-c-border-divider);margin-right:var(--eds-sp-m);padding:var(--eds-sp-s)}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__content-wrapper{align-items:flex-start}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__label-content{text-align:left}.eui-21 :host.eds-dashboard-card--stacked{height:100%;overflow:hidden}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content{display:flex;flex-direction:column;flex:1;height:100%;min-height:0}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content-header{flex-shrink:0}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content-body{flex:1;display:flex;flex-direction:column;padding:var(--eds-sp-m) 0;min-height:0;overflow-y:auto}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content-footer{flex-shrink:0}.eui-21 :host.eds-dashboard-card--flat{box-shadow:none;border-color:var(--eds-c-border-divider)}.eui-21 :host.eds-dashboard-card--flat.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):hover,.eui-21 :host.eds-dashboard-card--flat.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):active{box-shadow:var(--eds-sh-2)}.eui-21 :host.eds-dashboard-card--disabled{opacity:.4;pointer-events:none}.eui-21 :host .eds-u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDashboardCard, isStandalone: true, selector: "eds-dashboard-card", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, labelMaxLines: { classPropertyName: "labelMaxLines", publicName: "labelMaxLines", isSignal: true, isRequired: false, transformFunction: null }, subLabelMaxLines: { classPropertyName: "subLabelMaxLines", publicName: "subLabelMaxLines", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, urlExternal: { classPropertyName: "urlExternal", publicName: "urlExternal", isSignal: true, isRequired: false, transformFunction: null }, urlExternalTarget: { classPropertyName: "urlExternalTarget", publicName: "urlExternalTarget", isSignal: true, isRequired: false, transformFunction: null }, isHorizontal: { classPropertyName: "isHorizontal", publicName: "isHorizontal", isSignal: true, isRequired: false, transformFunction: null }, isClickable: { classPropertyName: "isClickable", publicName: "isClickable", isSignal: true, isRequired: false, transformFunction: null }, isFlat: { classPropertyName: "isFlat", publicName: "isFlat", isSignal: true, isRequired: false, transformFunction: null }, isStacked: { classPropertyName: "isStacked", publicName: "isStacked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onKeyActivate($event)", "keydown.space": "onKeyActivate($event)" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.tabindex": "tabindex()", "attr.role": "hostRole()", "attr.aria-disabled": "disabled() || null", "attr.aria-label": "ariaLabel() || null" } }, queries: [{ propertyName: "customContent", first: true, predicate: i0.forwardRef(() => EdsDashboardCardContent), descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsNeutral", "edsNeutral", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (url() || urlExternal()) {\n    @if (urlExternal()) {\n        <a [href]=\"urlExternal()\" [target]=\"urlExternalTarget()\" rel=\"noopener noreferrer\" class=\"eds-dashboard-card__anchor\">\n            <ng-container *ngTemplateOutlet=\"content\" />\n            <span class=\"eds-u-sr-only\">(opens in new tab)</span>\n        </a>\n    } @else {\n        <a [routerLink]=\"[url()]\" class=\"eds-dashboard-card__anchor\">\n            <ng-container *ngTemplateOutlet=\"content\" />\n        </a>\n    }\n} @else {\n    @if (customContent()) {\n        <ng-content select=\"eds-dashboard-card-content\" />\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\" />\n    }\n}\n\n<div class=\"eds-dashboard-card__status\">\n    <ng-content select=\"eds-dashboard-card-status-content\" />\n</div>\n\n<ng-template #content>\n    @if (iconName()) {\n        <div class=\"eds-dashboard-card__icon-wrapper\">\n            <eds-icon [icon]=\"iconName()!\" edsSizeXL />\n        </div>\n    }\n    <div class=\"eds-dashboard-card__content-wrapper\">\n        @if (label()) {\n            <div class=\"eds-dashboard-card__label-content\">\n                <span class=\"eds-dashboard-card__label eds-dashboard-card__label--max-lines-{{ labelMaxLines() }}\" [class.eds-dashboard-card__label--with-sublabel]=\"subLabel()\">\n                    {{ label() }}\n                </span>\n                @if (subLabel()) {\n                    <span class=\"eds-dashboard-card__sublabel eds-dashboard-card__sublabel--max-lines-{{ subLabelMaxLines() }}\">\n                        {{ subLabel() }}\n                    </span>\n                }\n            </div>\n        }\n        <div class=\"eds-dashboard-card__sub-content\">\n            <ng-content />\n        </div>\n    </div>\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%;background-color:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);border:1px solid transparent;box-shadow:var(--eds-sh-1);padding:var(--eds-sp-s);cursor:default;position:relative}.eui-21 :host .eds-dashboard-card__anchor{display:flex;width:100%;flex-direction:column;text-decoration:none;color:inherit}.eui-21 :host .eds-dashboard-card__icon-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--eds-sp-s) 0}.eui-21 :host .eds-dashboard-card__content-wrapper{display:flex;flex-direction:column;align-items:center;padding:var(--eds-sp-s);width:100%}.eui-21 :host .eds-dashboard-card__label-content{text-align:center;width:100%}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font:var(--eds-f-label-l-semi-bold);color:var(--eds-c-foreground);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--with-sublabel{margin-bottom:var(--eds-sp-3xs)}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-21 :host .eds-dashboard-card__label-content .eds-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-21 :host .eds-dashboard-card__sub-content{display:block;text-align:center;width:100%}.eui-21 :host .eds-dashboard-card__status{position:absolute;top:-.75rem;right:var(--eds-sp-m)}.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled){cursor:pointer}.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):hover,.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):active{box-shadow:var(--eds-sh-2)}.eui-21 :host.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):focus-visible{outline:2px solid var(--eds-c-border-primary);outline-offset:2px}.eui-21 :host.eds-dashboard-card--horizontal{flex-direction:row}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__anchor{flex-direction:row}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__icon-wrapper{border-right:1px solid var(--eds-c-border-divider);margin-right:var(--eds-sp-m);padding:var(--eds-sp-s)}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__content-wrapper{align-items:flex-start}.eui-21 :host.eds-dashboard-card--horizontal .eds-dashboard-card__label-content{text-align:left}.eui-21 :host.eds-dashboard-card--stacked{height:100%;overflow:hidden}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content{display:flex;flex-direction:column;flex:1;height:100%;min-height:0}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content-header{flex-shrink:0}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content-body{flex:1;display:flex;flex-direction:column;padding:var(--eds-sp-m) 0;min-height:0;overflow-y:auto}.eui-21 :host.eds-dashboard-card--stacked ::ng-deep eds-dashboard-card-content-footer{flex-shrink:0}.eui-21 :host.eds-dashboard-card--flat{box-shadow:none;border-color:var(--eds-c-border-divider)}.eui-21 :host.eds-dashboard-card--flat.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):hover,.eui-21 :host.eds-dashboard-card--flat.eds-dashboard-card--link:not(.eds-dashboard-card--disabled):active{box-shadow:var(--eds-sh-2)}.eui-21 :host.eds-dashboard-card--disabled{opacity:.4;pointer-events:none}.eui-21 :host .eds-u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCard, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgTemplateOutlet,
@@ -173,8 +173,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Contains icon, title, and action slots arranged in a flex row.
  */
 class EdsDashboardCardContentHeader {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContentHeader, isStandalone: true, selector: "eds-dashboard-card-content-header", host: { classAttribute: "eds-dashboard-card-content-header" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContentHeader, isStandalone: true, selector: "eds-dashboard-card-content-header", host: { classAttribute: "eds-dashboard-card-content-header" }, ngImport: i0, template: `
         <div class="eds-dashboard-card-content-header__start">
             <ng-content select="eds-dashboard-card-content-header-icon" />
             <ng-content select="eds-dashboard-card-content-header-avatar" />
@@ -186,7 +186,7 @@ class EdsDashboardCardContentHeader {
         <ng-content />
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;width:100%;border-bottom:1px solid var(--eds-c-border-divider);padding-bottom:var(--eds-sp-xs);min-height:40px}.eui-21 :host .eds-dashboard-card-content-header__start{display:flex;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-dashboard-card-content-header__end{display:flex;margin-left:auto;align-items:center}.eui-21 .eds-dashboard-card--stacked :host{border:none}.eui-21 .eds-dashboard-card--stacked :host .eds-dashboard-card-content-header__start{flex-direction:column;align-items:flex-start;gap:var(--eds-sp-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeader, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content-header', template: `
         <div class="eds-dashboard-card-content-header__start">
@@ -210,10 +210,10 @@ class EdsDashboardCardContentHeaderIcon {
         this.icon = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDashboardCardContentHeaderIcon, isStandalone: true, selector: "eds-dashboard-card-content-header-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "eds-dashboard-card-content-header-icon" }, ngImport: i0, template: '<eds-icon [icon]="icon()!" edsSizeS />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;padding:var(--eds-sp-3xs);background-color:var(--eds-c-surface-primary-subtler);border:1px solid var(--eds-c-border-primary-subtle);border-radius:var(--eds-br-s)}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDashboardCardContentHeaderIcon, isStandalone: true, selector: "eds-dashboard-card-content-header-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "eds-dashboard-card-content-header-icon" }, ngImport: i0, template: '<eds-icon [icon]="icon()!" edsSizeS />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;padding:var(--eds-sp-3xs);background-color:var(--eds-c-surface-primary-subtler);border:1px solid var(--eds-c-border-primary-subtle);border-radius:var(--eds-br-s)}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderIcon, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content-header-icon', template: '<eds-icon [icon]="icon()!" edsSizeS />', changeDetection: ChangeDetectionStrategy.OnPush, imports: [...EDS_ICON], host: { class: 'eds-dashboard-card-content-header-icon' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;padding:var(--eds-sp-3xs);background-color:var(--eds-c-surface-primary-subtler);border:1px solid var(--eds-c-border-primary-subtle);border-radius:var(--eds-br-s)}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
@@ -223,10 +223,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Projects an eds-avatar component.
  */
 class EdsDashboardCardContentHeaderAvatar {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContentHeaderAvatar, isStandalone: true, selector: "eds-dashboard-card-content-header-avatar", host: { classAttribute: "eds-dashboard-card-content-header-avatar" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContentHeaderAvatar, isStandalone: true, selector: "eds-dashboard-card-content-header-avatar", host: { classAttribute: "eds-dashboard-card-content-header-avatar" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderAvatar, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content-header-avatar', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-content-header-avatar' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex}\n"] }]
         }] });
@@ -235,10 +235,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Title component for dashboard card content headers.
  */
 class EdsDashboardCardContentHeaderTitle {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContentHeaderTitle, isStandalone: true, selector: "eds-dashboard-card-content-header-title", host: { classAttribute: "eds-dashboard-card-content-header-title" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;width:100%;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContentHeaderTitle, isStandalone: true, selector: "eds-dashboard-card-content-header-title", host: { classAttribute: "eds-dashboard-card-content-header-title" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;width:100%;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderTitle, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content-header-title', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-content-header-title' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;width:100%;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground)}\n"] }]
         }] });
@@ -247,10 +247,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Action area for dashboard card content headers (buttons, menus, etc.).
  */
 class EdsDashboardCardContentHeaderAction {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContentHeaderAction, isStandalone: true, selector: "eds-dashboard-card-content-header-action", host: { styleAttribute: "display:flex;align-items:center;gap:var(--eds-sp-xs)", classAttribute: "eds-dashboard-card-content-header-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContentHeaderAction, isStandalone: true, selector: "eds-dashboard-card-content-header-action", host: { styleAttribute: "display:flex;align-items:center;gap:var(--eds-sp-xs)", classAttribute: "eds-dashboard-card-content-header-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentHeaderAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentHeaderAction, decorators: [{
             type: Component,
             args: [{
                     selector: 'eds-dashboard-card-content-header-action',
@@ -267,10 +267,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Main content area for custom dashboard cards (metrics, charts, etc.).
  */
 class EdsDashboardCardContentBody {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContentBody, isStandalone: true, selector: "eds-dashboard-card-content-body", host: { classAttribute: "eds-dashboard-card-content-body" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%;padding-top:var(--eds-sp-s);overflow-y:auto;min-height:0;container-type:inline-size;container-name:eds-card-body}.eui-21 .eds-dashboard-card--stacked :host{padding-top:0}@container eds-card-body (max-width: 480px){.eui-21 :host ::ng-deep .eds-table-default--responsive,.eui-21 :host ::ng-deep .eds-table--responsive{width:100%!important}.eui-21 :host ::ng-deep .eds-table-default--responsive thead,.eui-21 :host ::ng-deep .eds-table-default--responsive tbody,.eui-21 :host ::ng-deep .eds-table-default--responsive tfoot,.eui-21 :host ::ng-deep .eds-table-default--responsive th,.eui-21 :host ::ng-deep .eds-table-default--responsive td,.eui-21 :host ::ng-deep .eds-table-default--responsive tr,.eui-21 :host ::ng-deep .eds-table--responsive thead,.eui-21 :host ::ng-deep .eds-table--responsive tbody,.eui-21 :host ::ng-deep .eds-table--responsive tfoot,.eui-21 :host ::ng-deep .eds-table--responsive th,.eui-21 :host ::ng-deep .eds-table--responsive td,.eui-21 :host ::ng-deep .eds-table--responsive tr{display:block}.eui-21 :host ::ng-deep .eds-table-default--responsive thead tr,.eui-21 :host ::ng-deep .eds-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-21 :host ::ng-deep .eds-table-default--responsive tr,.eui-21 :host ::ng-deep .eds-table--responsive tr{height:auto;border-bottom:var(--eds-bw-s) solid var(--eds-c-border-divider)}.eui-21 :host ::ng-deep .eds-table-default--responsive td,.eui-21 :host ::ng-deep .eds-table--responsive td{border:none;padding:var(--eds-sp-xs) var(--eds-sp-s);position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-21 :host ::ng-deep .eds-table-default--responsive td:before,.eui-21 :host ::ng-deep .eds-table--responsive td:before{color:var(--eds-c-foreground-subtler);content:attr(data-col-label);display:none;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host ::ng-deep .eds-table-default--responsive td[data-col-label]:before,.eui-21 :host ::ng-deep .eds-table--responsive td[data-col-label]:before{display:block;position:absolute;left:var(--eds-sp-xs);padding-right:var(--eds-sp-xs);width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 :host ::ng-deep .eds-table-default--responsive td[data-col-label],.eui-21 :host ::ng-deep .eds-table--responsive td[data-col-label]{padding-left:50%}.eui-21 :host ::ng-deep .eds-table-default--responsive tfoot tr td:empty,.eui-21 :host ::ng-deep .eds-table--responsive tfoot tr td:empty{display:none!important}.eui-21 :host ::ng-deep .eds-table-default--responsive .actionsColumn,.eui-21 :host ::ng-deep .eds-table-default--responsive .actions-column,.eui-21 :host ::ng-deep .eds-table--responsive .actionsColumn,.eui-21 :host ::ng-deep .eds-table--responsive .actions-column{justify-content:flex-start;text-align:left;width:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContentBody, isStandalone: true, selector: "eds-dashboard-card-content-body", host: { classAttribute: "eds-dashboard-card-content-body" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%;padding-top:var(--eds-sp-s);overflow-y:auto;min-height:0;container-type:inline-size;container-name:eds-card-body}.eui-21 .eds-dashboard-card--stacked :host{padding-top:0}@container eds-card-body (max-width: 480px){.eui-21 :host ::ng-deep .eds-table-default--responsive,.eui-21 :host ::ng-deep .eds-table--responsive{width:100%!important}.eui-21 :host ::ng-deep .eds-table-default--responsive thead,.eui-21 :host ::ng-deep .eds-table-default--responsive tbody,.eui-21 :host ::ng-deep .eds-table-default--responsive tfoot,.eui-21 :host ::ng-deep .eds-table-default--responsive th,.eui-21 :host ::ng-deep .eds-table-default--responsive td,.eui-21 :host ::ng-deep .eds-table-default--responsive tr,.eui-21 :host ::ng-deep .eds-table--responsive thead,.eui-21 :host ::ng-deep .eds-table--responsive tbody,.eui-21 :host ::ng-deep .eds-table--responsive tfoot,.eui-21 :host ::ng-deep .eds-table--responsive th,.eui-21 :host ::ng-deep .eds-table--responsive td,.eui-21 :host ::ng-deep .eds-table--responsive tr{display:block}.eui-21 :host ::ng-deep .eds-table-default--responsive thead tr,.eui-21 :host ::ng-deep .eds-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-21 :host ::ng-deep .eds-table-default--responsive tr,.eui-21 :host ::ng-deep .eds-table--responsive tr{height:auto;border-bottom:var(--eds-bw-s) solid var(--eds-c-border-divider)}.eui-21 :host ::ng-deep .eds-table-default--responsive td,.eui-21 :host ::ng-deep .eds-table--responsive td{border:none;padding:var(--eds-sp-xs) var(--eds-sp-s);position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-21 :host ::ng-deep .eds-table-default--responsive td:before,.eui-21 :host ::ng-deep .eds-table--responsive td:before{color:var(--eds-c-foreground-subtler);content:attr(data-col-label);display:none;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host ::ng-deep .eds-table-default--responsive td[data-col-label]:before,.eui-21 :host ::ng-deep .eds-table--responsive td[data-col-label]:before{display:block;position:absolute;left:var(--eds-sp-xs);padding-right:var(--eds-sp-xs);width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 :host ::ng-deep .eds-table-default--responsive td[data-col-label],.eui-21 :host ::ng-deep .eds-table--responsive td[data-col-label]{padding-left:50%}.eui-21 :host ::ng-deep .eds-table-default--responsive tfoot tr td:empty,.eui-21 :host ::ng-deep .eds-table--responsive tfoot tr td:empty{display:none!important}.eui-21 :host ::ng-deep .eds-table-default--responsive .actionsColumn,.eui-21 :host ::ng-deep .eds-table-default--responsive .actions-column,.eui-21 :host ::ng-deep .eds-table--responsive .actionsColumn,.eui-21 :host ::ng-deep .eds-table--responsive .actions-column{justify-content:flex-start;text-align:left;width:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentBody, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content-body', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-content-body' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%;padding-top:var(--eds-sp-s);overflow-y:auto;min-height:0;container-type:inline-size;container-name:eds-card-body}.eui-21 .eds-dashboard-card--stacked :host{padding-top:0}@container eds-card-body (max-width: 480px){.eui-21 :host ::ng-deep .eds-table-default--responsive,.eui-21 :host ::ng-deep .eds-table--responsive{width:100%!important}.eui-21 :host ::ng-deep .eds-table-default--responsive thead,.eui-21 :host ::ng-deep .eds-table-default--responsive tbody,.eui-21 :host ::ng-deep .eds-table-default--responsive tfoot,.eui-21 :host ::ng-deep .eds-table-default--responsive th,.eui-21 :host ::ng-deep .eds-table-default--responsive td,.eui-21 :host ::ng-deep .eds-table-default--responsive tr,.eui-21 :host ::ng-deep .eds-table--responsive thead,.eui-21 :host ::ng-deep .eds-table--responsive tbody,.eui-21 :host ::ng-deep .eds-table--responsive tfoot,.eui-21 :host ::ng-deep .eds-table--responsive th,.eui-21 :host ::ng-deep .eds-table--responsive td,.eui-21 :host ::ng-deep .eds-table--responsive tr{display:block}.eui-21 :host ::ng-deep .eds-table-default--responsive thead tr,.eui-21 :host ::ng-deep .eds-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-21 :host ::ng-deep .eds-table-default--responsive tr,.eui-21 :host ::ng-deep .eds-table--responsive tr{height:auto;border-bottom:var(--eds-bw-s) solid var(--eds-c-border-divider)}.eui-21 :host ::ng-deep .eds-table-default--responsive td,.eui-21 :host ::ng-deep .eds-table--responsive td{border:none;padding:var(--eds-sp-xs) var(--eds-sp-s);position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-21 :host ::ng-deep .eds-table-default--responsive td:before,.eui-21 :host ::ng-deep .eds-table--responsive td:before{color:var(--eds-c-foreground-subtler);content:attr(data-col-label);display:none;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host ::ng-deep .eds-table-default--responsive td[data-col-label]:before,.eui-21 :host ::ng-deep .eds-table--responsive td[data-col-label]:before{display:block;position:absolute;left:var(--eds-sp-xs);padding-right:var(--eds-sp-xs);width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 :host ::ng-deep .eds-table-default--responsive td[data-col-label],.eui-21 :host ::ng-deep .eds-table--responsive td[data-col-label]{padding-left:50%}.eui-21 :host ::ng-deep .eds-table-default--responsive tfoot tr td:empty,.eui-21 :host ::ng-deep .eds-table--responsive tfoot tr td:empty{display:none!important}.eui-21 :host ::ng-deep .eds-table-default--responsive .actionsColumn,.eui-21 :host ::ng-deep .eds-table-default--responsive .actions-column,.eui-21 :host ::ng-deep .eds-table--responsive .actionsColumn,.eui-21 :host ::ng-deep .eds-table--responsive .actions-column{justify-content:flex-start;text-align:left;width:100%}}\n"] }]
         }] });
@@ -279,10 +279,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Footer section for custom dashboard cards (action links, supplementary info).
  */
 class EdsDashboardCardContentFooter {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardContentFooter, isStandalone: true, selector: "eds-dashboard-card-content-footer", host: { classAttribute: "eds-dashboard-card-content-footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;justify-content:center;align-items:center;width:100%;padding-top:var(--eds-sp-xs);margin-top:var(--eds-sp-s);border-top:1px solid var(--eds-c-border-divider)}.eui-21 .eds-dashboard-card--stacked :host{margin-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardContentFooter, isStandalone: true, selector: "eds-dashboard-card-content-footer", host: { classAttribute: "eds-dashboard-card-content-footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;justify-content:center;align-items:center;width:100%;padding-top:var(--eds-sp-xs);margin-top:var(--eds-sp-s);border-top:1px solid var(--eds-c-border-divider)}.eui-21 .eds-dashboard-card--stacked :host{margin-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardContentFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardContentFooter, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-content-footer', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-content-footer' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;justify-content:center;align-items:center;width:100%;padding-top:var(--eds-sp-xs);margin-top:var(--eds-sp-s);border-top:1px solid var(--eds-c-border-divider)}.eui-21 .eds-dashboard-card--stacked :host{margin-top:0}\n"] }]
         }] });
@@ -291,10 +291,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Status indicator container for dashboard cards (badges, chips, status labels).
  */
 class EdsDashboardCardStatusContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardStatusContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardStatusContent, isStandalone: true, selector: "eds-dashboard-card-status-content", host: { classAttribute: "eds-dashboard-card-status-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardStatusContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardStatusContent, isStandalone: true, selector: "eds-dashboard-card-status-content", host: { classAttribute: "eds-dashboard-card-status-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardStatusContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardStatusContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eds-dashboard-card-status-content',
@@ -390,8 +390,8 @@ class EdsDashboardCardTrend {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardTrend, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsDashboardCardTrend, isStandalone: true, selector: "eds-dashboard-card-trend", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, invertColors: { classPropertyName: "invertColors", publicName: "invertColors", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-dashboard-card-trend\"", "attr.aria-label": "ariaLabelText()" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardTrend, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDashboardCardTrend, isStandalone: true, selector: "eds-dashboard-card-trend", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, invertColors: { classPropertyName: "invertColors", publicName: "invertColors", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-dashboard-card-trend\"", "attr.aria-label": "ariaLabelText()" } }, ngImport: i0, template: `
         <eds-icon [icon]="iconName()" edsSizeXS />
         <span class="eds-dashboard-card-trend__value">{{ formattedValue() }}</span>
         @if (label()) {
@@ -399,7 +399,7 @@ class EdsDashboardCardTrend {
         }
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;align-items:center;gap:var(--eds-sp-3xs);font:var(--eds-f-paragraph-xs);white-space:nowrap}.eui-21 :host .eds-dashboard-card-trend__value{font:var(--eds-f-label-s-semi-bold)}.eui-21 :host .eds-dashboard-card-trend__label{color:var(--eds-c-foreground-subtler);font:var(--eds-f-paragraph-xs)}.eui-21 :host.eds-dashboard-card-trend--success{color:var(--eds-c-foreground-success)}.eui-21 :host.eds-dashboard-card-trend--critical{color:var(--eds-c-foreground-critical)}.eui-21 :host.eds-dashboard-card-trend--neutral{color:var(--eds-c-foreground-subtler)}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardTrend, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardTrend, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-trend', template: `
         <eds-icon [icon]="iconName()" edsSizeXS />
@@ -439,10 +439,10 @@ class EdsDashboardCardGrid {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDashboardCardGrid, isStandalone: true, selector: "eds-dashboard-card-grid", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-dashboard-card-grid\"" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%}.eui-21 :host.eds-dashboard-card-grid--gap-xs{gap:var(--eds-sp-xs)}.eui-21 :host.eds-dashboard-card-grid--gap-s{gap:var(--eds-sp-s)}.eui-21 :host.eds-dashboard-card-grid--gap-m{gap:var(--eds-sp-m)}.eui-21 :host.eds-dashboard-card-grid--gap-l{gap:var(--eds-sp-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDashboardCardGrid, isStandalone: true, selector: "eds-dashboard-card-grid", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-dashboard-card-grid\"" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%}.eui-21 :host.eds-dashboard-card-grid--gap-xs{gap:var(--eds-sp-xs)}.eui-21 :host.eds-dashboard-card-grid--gap-s{gap:var(--eds-sp-s)}.eui-21 :host.eds-dashboard-card-grid--gap-m{gap:var(--eds-sp-m)}.eui-21 :host.eds-dashboard-card-grid--gap-l{gap:var(--eds-sp-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardGrid, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-grid', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -473,10 +473,10 @@ class EdsDashboardCardGridRow {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardGridRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDashboardCardGridRow, isStandalone: true, selector: "eds-dashboard-card-grid-row", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "style.--_grid-columns": "columns()", "attr.data-e2e": "\"eds-dashboard-card-grid-row\"" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:grid;grid-template-columns:repeat(var(--_grid-columns, 2),1fr);gap:var(--eds-sp-m);width:100%}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.eui-21 :host{grid-template-columns:1fr}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardGridRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDashboardCardGridRow, isStandalone: true, selector: "eds-dashboard-card-grid-row", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "style.--_grid-columns": "columns()", "attr.data-e2e": "\"eds-dashboard-card-grid-row\"" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:grid;grid-template-columns:repeat(var(--_grid-columns, 2),1fr);gap:var(--eds-sp-m);width:100%}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.eui-21 :host{grid-template-columns:1fr}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardGridRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardGridRow, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-grid-row', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -507,10 +507,10 @@ class EdsDashboardCardGridCell {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardGridCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDashboardCardGridCell, isStandalone: true, selector: "eds-dashboard-card-grid-cell", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "style.--_cell-span": "span()", "attr.data-e2e": "\"eds-dashboard-card-grid-cell\"" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{grid-column:span var(--_cell-span, 1);display:flex;min-width:0}@media screen and (max-width:767px){.eui-21 :host{grid-column:span 1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardGridCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDashboardCardGridCell, isStandalone: true, selector: "eds-dashboard-card-grid-cell", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "style.--_cell-span": "span()", "attr.data-e2e": "\"eds-dashboard-card-grid-cell\"" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{grid-column:span var(--_cell-span, 1);display:flex;min-width:0}@media screen and (max-width:767px){.eui-21 :host{grid-column:span 1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardGridCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardGridCell, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-grid-cell', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -539,14 +539,14 @@ class EdsDashboardCardStatItem {
         this.value = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardStatItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDashboardCardStatItem, isStandalone: true, selector: "eds-dashboard-card-stat-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-stat-item\"" }, classAttribute: "eds-dashboard-card-stat-item" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardStatItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDashboardCardStatItem, isStandalone: true, selector: "eds-dashboard-card-stat-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-stat-item\"" }, classAttribute: "eds-dashboard-card-stat-item" }, ngImport: i0, template: `
         <span class="eds-dashboard-card-stat-item__label">{{ label() }}</span>
         <span class="eds-dashboard-card-stat-item__value">{{ value() }}</span>
         <ng-content />
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;gap:var(--eds-sp-3xs)}.eui-21 :host .eds-dashboard-card-stat-item__label{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-dashboard-card-stat-item__value{font:var(--eds-f-heading-s-bold);color:var(--eds-c-foreground-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardStatItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardStatItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-stat-item', template: `
         <span class="eds-dashboard-card-stat-item__label">{{ label() }}</span>
@@ -571,10 +571,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * ```
  */
 class EdsDashboardCardStatItems {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardStatItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardStatItems, isStandalone: true, selector: "eds-dashboard-card-stat-items", host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-stat-items\"" }, classAttribute: "eds-dashboard-card-stat-items" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:var(--eds-sp-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardStatItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardStatItems, isStandalone: true, selector: "eds-dashboard-card-stat-items", host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-stat-items\"" }, classAttribute: "eds-dashboard-card-stat-items" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:var(--eds-sp-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardStatItems, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardStatItems, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-stat-items', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-dashboard-card-stat-items',
@@ -587,10 +587,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Contains eds-dashboard-card-list-item children.
  */
 class EdsDashboardCardList {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardList, isStandalone: true, selector: "eds-dashboard-card-list", host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-list\"" }, classAttribute: "eds-dashboard-card-list" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardList, isStandalone: true, selector: "eds-dashboard-card-list", host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-list\"" }, classAttribute: "eds-dashboard-card-list" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardList, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-list', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-dashboard-card-list',
@@ -603,10 +603,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Layout: [Icon] [Content] [Bar?] [Value]
  */
 class EdsDashboardCardListItem {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardListItem, isStandalone: true, selector: "eds-dashboard-card-list-item", host: { classAttribute: "eds-dashboard-card-list-item" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-s);padding:var(--eds-sp-s) 0;border-bottom:1px solid var(--eds-c-border-divider)}.eui-21 :host:last-child{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardListItem, isStandalone: true, selector: "eds-dashboard-card-list-item", host: { classAttribute: "eds-dashboard-card-list-item" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-s);padding:var(--eds-sp-s) 0;border-bottom:1px solid var(--eds-c-border-divider)}.eui-21 :host:last-child{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-list-item', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-dashboard-card-list-item',
@@ -617,10 +617,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Icon/avatar slot for a list item (flex-shrink 0).
  */
 class EdsDashboardCardListItemIcon {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardListItemIcon, isStandalone: true, selector: "eds-dashboard-card-list-item-icon", host: { classAttribute: "eds-dashboard-card-list-item-icon" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:center;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardListItemIcon, isStandalone: true, selector: "eds-dashboard-card-list-item-icon", host: { classAttribute: "eds-dashboard-card-list-item-icon" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:center;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemIcon, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-list-item-icon', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-list-item-icon' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:center;flex-shrink:0}\n"] }]
         }] });
@@ -629,10 +629,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Content area for a list item (flex: 1). Projects label + sublabel text.
  */
 class EdsDashboardCardListItemContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardListItemContent, isStandalone: true, selector: "eds-dashboard-card-list-item-content", host: { classAttribute: "eds-dashboard-card-list-item-content" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;flex:1;min-width:0;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardListItemContent, isStandalone: true, selector: "eds-dashboard-card-list-item-content", host: { classAttribute: "eds-dashboard-card-list-item-content" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;flex:1;min-width:0;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemContent, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-list-item-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-list-item-content' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;flex:1;min-width:0;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default)}\n"] }]
         }] });
@@ -641,10 +641,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Right-aligned value text for a list item.
  */
 class EdsDashboardCardListItemValue {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemValue, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardListItemValue, isStandalone: true, selector: "eds-dashboard-card-list-item-value", host: { classAttribute: "eds-dashboard-card-list-item-value" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);white-space:nowrap;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemValue, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardListItemValue, isStandalone: true, selector: "eds-dashboard-card-list-item-value", host: { classAttribute: "eds-dashboard-card-list-item-value" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);white-space:nowrap;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemValue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemValue, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-list-item-value', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'eds-dashboard-card-list-item-value' }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-default);white-space:nowrap;flex-shrink:0}\n"] }]
         }] });
@@ -667,14 +667,14 @@ class EdsDashboardCardListItemBar {
         this.clampedValue = computed(() => Math.min(100, Math.max(0, this.value())), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDashboardCardListItemBar, isStandalone: true, selector: "eds-dashboard-card-list-item-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "eds-dashboard-card-list-item-bar" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDashboardCardListItemBar, isStandalone: true, selector: "eds-dashboard-card-list-item-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "eds-dashboard-card-list-item-bar" }, ngImport: i0, template: `
         <div class="eds-dashboard-card-list-item-bar__track">
             <div class="eds-dashboard-card-list-item-bar__fill" [style.width.%]="clampedValue()" [style.background-color]="color()"></div>
         </div>
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;flex:1;min-width:4rem}.eui-21 :host .eds-dashboard-card-list-item-bar__track{width:100%;height:.375rem;background-color:var(--eds-c-surface-default);border-radius:var(--eds-br-full);overflow:hidden}.eui-21 :host .eds-dashboard-card-list-item-bar__fill{height:100%;border-radius:var(--eds-br-full);transition:width .2s ease}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardListItemBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardListItemBar, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-list-item-bar', template: `
         <div class="eds-dashboard-card-list-item-bar__track">
@@ -688,10 +688,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Contains eds-dashboard-card-activity-list-item children displayed as a vertical timeline.
  */
 class EdsDashboardCardActivityList {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardActivityList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardActivityList, isStandalone: true, selector: "eds-dashboard-card-activity-list", host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-activity-list\"" }, classAttribute: "eds-dashboard-card-activity-list" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardActivityList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardActivityList, isStandalone: true, selector: "eds-dashboard-card-activity-list", host: { properties: { "attr.data-e2e": "\"eds-dashboard-card-activity-list\"" }, classAttribute: "eds-dashboard-card-activity-list" }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardActivityList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardActivityList, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-activity-list', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-dashboard-card-activity-list',
@@ -718,8 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * ```
  */
 class EdsDashboardCardActivityListItem {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardActivityListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsDashboardCardActivityListItem, isStandalone: true, selector: "eds-dashboard-card-activity-list-item", host: { classAttribute: "eds-dashboard-card-activity-list-item" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardActivityListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsDashboardCardActivityListItem, isStandalone: true, selector: "eds-dashboard-card-activity-list-item", host: { classAttribute: "eds-dashboard-card-activity-list-item" }, ngImport: i0, template: `
         <div class="eds-dashboard-card-activity-list-item__avatar">
             <ng-content select="eds-avatar,[edsAvatar]" />
             <div class="eds-dashboard-card-activity-list-item__line"></div>
@@ -729,7 +729,7 @@ class EdsDashboardCardActivityListItem {
         </div>
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;gap:var(--eds-sp-m);position:relative}.eui-21 :host .eds-dashboard-card-activity-list-item__avatar{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.eui-21 :host .eds-dashboard-card-activity-list-item__line{width:2px;flex:1;background-color:var(--eds-c-border-divider);margin-top:var(--eds-sp-xs)}.eui-21 :host .eds-dashboard-card-activity-list-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--eds-sp-3xs);padding-bottom:var(--eds-sp-m);padding-top:var(--eds-sp-3xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground)}.eui-21 :host .eds-dashboard-card-activity-list-item__body ::ng-deep .activity-name{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground);margin-right:var(--eds-sp-3xs)}.eui-21 :host .eds-dashboard-card-activity-list-item__body ::ng-deep .activity-action{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-dashboard-card-activity-list-item__body ::ng-deep .activity-time{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler)}.eui-21 :host:last-child .eds-dashboard-card-activity-list-item__line{display:none}.eui-21 :host:last-child .eds-dashboard-card-activity-list-item__body{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDashboardCardActivityListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDashboardCardActivityListItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dashboard-card-activity-list-item', template: `
         <div class="eds-dashboard-card-activity-list-item__avatar">

package/fesm2022/eui-eds-eds-date-block.mjs

@@ -66,10 +66,10 @@ class EdsDateBlock {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDateBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDateBlock, isStandalone: true, selector: "eds-date-block", inputs: { blockDate: { classPropertyName: "blockDate", publicName: "blockDate", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<time class=\"wrapper\" [attr.datetime]=\"blockDate() | date: 'yyyy-MM-dd'\">\n    <span class=\"day-month\" aria-hidden=\"true\">\n        <span class=\"day\">{{ blockDate() | date: 'dd': null: locale() }}</span>\n        <span class=\"month\">{{ blockDate() | date: 'MMM': null: locale() }}</span>\n    </span>\n    <span class=\"year\" aria-hidden=\"true\">{{ blockDate() | date: 'yyyy': null: locale() }}</span>\n</time>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{--_day-font: var(--eds-f-label-l-semi-bold);--_month-font: var(--eds-f-paragraph-s);--_year-font: var(--eds-f-label-s-semi-bold);--_top-bg: var(--eds-c-surface-primary-subtler);--_bottom-bg: var(--eds-c-surface-primary);--_bottom-color: var(--eds-c-on-surface-primary);display:inline-flex;position:relative}.eui-21 :host .wrapper:before,.eui-21 :host .wrapper:after{background-color:var(--eds-c-surface-default);border-radius:50%;content:\"\";display:block;height:10px;width:10px;position:absolute;top:-5px}.eui-21 :host .wrapper:before{left:var(--eds-sp-m)}.eui-21 :host .wrapper:after{right:var(--eds-sp-m)}.eui-21 :host .wrapper,.eui-21 :host .day-month{display:flex;flex-direction:column;align-items:center}.eui-21 :host .day-month{background-color:var(--_top-bg);padding:var(--eds-sp-xs) var(--eds-sp-l) var(--eds-sp-4xs) var(--eds-sp-l);border-top-left-radius:var(--eds-br-s);border-top-right-radius:var(--eds-br-s);min-width:72px}.eui-21 :host .day{font:var(--_day-font)}.eui-21 :host .month{font:var(--_month-font);text-transform:uppercase}.eui-21 :host .year{background-color:var(--_bottom-bg);color:var(--_bottom-color);font:var(--_year-font);padding:var(--eds-sp-4xs) var(--eds-sp-l);border-bottom-left-radius:var(--eds-br-s);border-bottom-right-radius:var(--eds-br-s);text-align:center}.eui-21 :host.eds-date-block--neutral{--_top-bg: var(--eds-c-surface-neutral-subtler);--_bottom-bg: var(--eds-c-surface-neutral);--_bottom-color: var(--eds-c-on-surface-neutral)}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDateBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDateBlock, isStandalone: true, selector: "eds-date-block", inputs: { blockDate: { classPropertyName: "blockDate", publicName: "blockDate", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<time class=\"wrapper\" [attr.datetime]=\"blockDate() | date: 'yyyy-MM-dd'\">\n    <span class=\"day-month\" aria-hidden=\"true\">\n        <span class=\"day\">{{ blockDate() | date: 'dd': null: locale() }}</span>\n        <span class=\"month\">{{ blockDate() | date: 'MMM': null: locale() }}</span>\n    </span>\n    <span class=\"year\" aria-hidden=\"true\">{{ blockDate() | date: 'yyyy': null: locale() }}</span>\n</time>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{--_day-font: var(--eds-f-label-l-semi-bold);--_month-font: var(--eds-f-paragraph-s);--_year-font: var(--eds-f-label-s-semi-bold);--_top-bg: var(--eds-c-surface-primary-subtler);--_bottom-bg: var(--eds-c-surface-primary);--_bottom-color: var(--eds-c-on-surface-primary);display:inline-flex;position:relative}.eui-21 :host .wrapper:before,.eui-21 :host .wrapper:after{background-color:var(--eds-c-surface-default);border-radius:50%;content:\"\";display:block;height:10px;width:10px;position:absolute;top:-5px}.eui-21 :host .wrapper:before{left:var(--eds-sp-m)}.eui-21 :host .wrapper:after{right:var(--eds-sp-m)}.eui-21 :host .wrapper,.eui-21 :host .day-month{display:flex;flex-direction:column;align-items:center}.eui-21 :host .day-month{background-color:var(--_top-bg);padding:var(--eds-sp-xs) var(--eds-sp-l) var(--eds-sp-4xs) var(--eds-sp-l);border-top-left-radius:var(--eds-br-s);border-top-right-radius:var(--eds-br-s);min-width:72px}.eui-21 :host .day{font:var(--_day-font)}.eui-21 :host .month{font:var(--_month-font);text-transform:uppercase}.eui-21 :host .year{background-color:var(--_bottom-bg);color:var(--_bottom-color);font:var(--_year-font);padding:var(--eds-sp-4xs) var(--eds-sp-l);border-bottom-left-radius:var(--eds-br-s);border-bottom-right-radius:var(--eds-br-s);text-align:center}.eui-21 :host.eds-date-block--neutral{--_top-bg: var(--eds-c-surface-neutral-subtler);--_bottom-bg: var(--eds-c-surface-neutral);--_bottom-color: var(--eds-c-on-surface-neutral)}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDateBlock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDateBlock, decorators: [{
             type: Component,
             args: [{ selector: 'eds-date-block', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DatePipe], hostDirectives: [
                         {