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

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

@@ -39,14 +39,14 @@ class EdsBlockquote {
         ...(ngDevMode ? [{ debugName: "hasImage" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsBlockquote, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsBlockquote, isStandalone: true, selector: "eds-blockquote", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-e2e": "e2eAttr()" }, classAttribute: "eds-blockquote" }, ngImport: i0, template: "@if (hasImage()) {\n    <img class=\"eds-blockquote__image\" [src]=\"imageUrl()\" [alt]=\"author() || ''\" loading=\"lazy\" />\n}\n<div class=\"eds-blockquote__body\">\n    <blockquote class=\"eds-blockquote__quote\">\n        <p class=\"eds-blockquote__citation\">\n            <ng-content/>\n        </p>\n        @if (hasAuthor()) {\n            <footer class=\"eds-blockquote__attribution\">\n                <cite class=\"eds-blockquote__author\">{{ author() }}</cite>\n            </footer>\n        }\n    </blockquote>\n</div>\n", styles: [".eui-21 :host{display:flex;align-items:flex-start;gap:var(--eds-sp-m);padding:var(--eds-sp-m) var(--eds-sp-l);border-left:var(--eds-bw-m) solid var(--eds-c-border-primary);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation)}.eui-21 :host .eds-blockquote__image{display:block;width:120px;height:120px;aspect-ratio:1/1;object-fit:cover;flex-shrink:0}.eui-21 :host .eds-blockquote__body{display:flex;flex-direction:column;flex:1}.eui-21 :host .eds-blockquote__quote{margin:0;padding:0}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-l);font-style:italic;color:var(--eds-c-foreground-default);margin:0}.eui-21 :host .eds-blockquote__attribution{margin-top:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__author{font:var(--eds-f-label-m-semi-bold);font-style:normal;color:var(--eds-c-foreground-subtler)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-s) var(--eds-sp-m);gap:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-m);font-style:italic}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsBlockquote, isStandalone: true, selector: "eds-blockquote", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-e2e": "e2eAttr()" }, classAttribute: "eds-blockquote" }, ngImport: i0, template: "@if (hasImage()) {\n    <img class=\"eds-blockquote__image\" [src]=\"imageUrl()\" [alt]=\"author() || ''\" loading=\"lazy\" />\n}\n<div class=\"eds-blockquote__body\">\n    <blockquote class=\"eds-blockquote__quote\">\n        <p class=\"eds-blockquote__citation\">\n            <ng-content/>\n        </p>\n        @if (hasAuthor()) {\n            <footer class=\"eds-blockquote__attribution\">\n                <cite class=\"eds-blockquote__author\">{{ author() }}</cite>\n            </footer>\n        }\n    </blockquote>\n</div>\n", styles: [".eui-21 :host{display:flex;align-items:flex-start;gap:var(--eds-sp-m);padding:var(--eds-sp-m) var(--eds-sp-l);border-left:var(--eds-bw-m) solid var(--eds-c-border-primary);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation)}.eui-21 :host .eds-blockquote__image{display:block;width:120px;height:120px;aspect-ratio:1/1;object-fit:cover;flex-shrink:0}.eui-21 :host .eds-blockquote__body{display:flex;flex-direction:column;flex:1}.eui-21 :host .eds-blockquote__quote{margin:0;padding:0}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-l);font-style:italic;color:var(--eds-c-foreground-default);margin:0}.eui-21 :host .eds-blockquote__attribution{margin-top:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__author{font:var(--eds-f-label-m-semibold);font-style:normal;color:var(--eds-c-foreground-subtler)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-s) var(--eds-sp-m);gap:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-m);font-style:italic}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsBlockquote, decorators: [{
             type: Component,
             args: [{ selector: 'eds-blockquote', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-blockquote',
                         '[attr.data-e2e]': 'e2eAttr()',
-                    }, template: "@if (hasImage()) {\n    <img class=\"eds-blockquote__image\" [src]=\"imageUrl()\" [alt]=\"author() || ''\" loading=\"lazy\" />\n}\n<div class=\"eds-blockquote__body\">\n    <blockquote class=\"eds-blockquote__quote\">\n        <p class=\"eds-blockquote__citation\">\n            <ng-content/>\n        </p>\n        @if (hasAuthor()) {\n            <footer class=\"eds-blockquote__attribution\">\n                <cite class=\"eds-blockquote__author\">{{ author() }}</cite>\n            </footer>\n        }\n    </blockquote>\n</div>\n", styles: [".eui-21 :host{display:flex;align-items:flex-start;gap:var(--eds-sp-m);padding:var(--eds-sp-m) var(--eds-sp-l);border-left:var(--eds-bw-m) solid var(--eds-c-border-primary);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation)}.eui-21 :host .eds-blockquote__image{display:block;width:120px;height:120px;aspect-ratio:1/1;object-fit:cover;flex-shrink:0}.eui-21 :host .eds-blockquote__body{display:flex;flex-direction:column;flex:1}.eui-21 :host .eds-blockquote__quote{margin:0;padding:0}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-l);font-style:italic;color:var(--eds-c-foreground-default);margin:0}.eui-21 :host .eds-blockquote__attribution{margin-top:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__author{font:var(--eds-f-label-m-semi-bold);font-style:normal;color:var(--eds-c-foreground-subtler)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-s) var(--eds-sp-m);gap:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-m);font-style:italic}}\n"] }]
+                    }, template: "@if (hasImage()) {\n    <img class=\"eds-blockquote__image\" [src]=\"imageUrl()\" [alt]=\"author() || ''\" loading=\"lazy\" />\n}\n<div class=\"eds-blockquote__body\">\n    <blockquote class=\"eds-blockquote__quote\">\n        <p class=\"eds-blockquote__citation\">\n            <ng-content/>\n        </p>\n        @if (hasAuthor()) {\n            <footer class=\"eds-blockquote__attribution\">\n                <cite class=\"eds-blockquote__author\">{{ author() }}</cite>\n            </footer>\n        }\n    </blockquote>\n</div>\n", styles: [".eui-21 :host{display:flex;align-items:flex-start;gap:var(--eds-sp-m);padding:var(--eds-sp-m) var(--eds-sp-l);border-left:var(--eds-bw-m) solid var(--eds-c-border-primary);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation)}.eui-21 :host .eds-blockquote__image{display:block;width:120px;height:120px;aspect-ratio:1/1;object-fit:cover;flex-shrink:0}.eui-21 :host .eds-blockquote__body{display:flex;flex-direction:column;flex:1}.eui-21 :host .eds-blockquote__quote{margin:0;padding:0}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-l);font-style:italic;color:var(--eds-c-foreground-default);margin:0}.eui-21 :host .eds-blockquote__attribution{margin-top:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__author{font:var(--eds-f-label-m-semibold);font-style:normal;color:var(--eds-c-foreground-subtler)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-s) var(--eds-sp-m);gap:var(--eds-sp-s)}.eui-21 :host .eds-blockquote__citation{font:var(--eds-f-paragraph-m);font-style:italic}}\n"] }]
         }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], imageUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUrl", required: false }] }] } });
 
 /** Convenience array for importing all eds-blockquote components. */

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

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-blockquote.mjs","sources":["../../eds-blockquote/eds-blockquote.ts","../../eds-blockquote/eds-blockquote.html","../../eds-blockquote/index.ts","../../eds-blockquote/eui-eds-eds-blockquote.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n} from '@angular/core';\n\n/**\n * EDS Blockquote — displays a styled quotation with optional author attribution and image.\n *\n * Usage:\n * ```html\n * <eds-blockquote author=\"Albert Einstein\" imageUrl=\"assets/images/einstein.jpg\">\n *     Imagination is more important than knowledge.\n * </eds-blockquote>\n * ```\n */\n@Component({\n    selector: 'eds-blockquote',\n    templateUrl: './eds-blockquote.html',\n    styleUrl: './eds-blockquote.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-blockquote',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsBlockquote {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-blockquote'\n     */\n    e2eAttr = input('eds-blockquote');\n\n    /**\n     * Author name displayed as the citation source.\n     * When provided, renders a `<cite>` element below the quote.\n     */\n    author = input<string | undefined>(undefined);\n\n    /**\n     * URL of an image to display alongside the blockquote.\n     * When provided, renders an `<img>` element internally.\n     */\n    imageUrl = input<string | undefined>(undefined);\n\n    /** Whether an author attribution should be shown. */\n    protected hasAuthor = computed(() => !!this.author());\n\n    /** Whether an image should be displayed. */\n    protected hasImage = computed(() => !!this.imageUrl());\n}\n","@if (hasImage()) {\n    <img class=\"eds-blockquote__image\" [src]=\"imageUrl()\" [alt]=\"author() || ''\" loading=\"lazy\" />\n}\n<div class=\"eds-blockquote__body\">\n    <blockquote class=\"eds-blockquote__quote\">\n        <p class=\"eds-blockquote__citation\">\n            <ng-content/>\n        </p>\n        @if (hasAuthor()) {\n            <footer class=\"eds-blockquote__attribution\">\n                <cite class=\"eds-blockquote__author\">{{ author() }}</cite>\n            </footer>\n        }\n    </blockquote>\n</div>\n","import { EdsBlockquote } from './eds-blockquote';\n\nexport { EdsBlockquote };\n\n/** Convenience array for importing all eds-blockquote components. */\nexport const EDS_BLOCKQUOTE = [\n    EdsBlockquote,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAOA;;;;;;;;;AASG;MAWU,aAAa,CAAA;AAV1B,IAAA,WAAA,GAAA;AAWI;;;AAGG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,gBAAgB;oFAAC;AAEjC;;;AAGG;QACH,IAAA,CAAA,MAAM,GAAG,KAAK,CAAqB,SAAS;mFAAC;AAE7C;;;AAGG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAqB,SAAS;qFAAC;;QAGrC,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;sFAAC;;QAG3C,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;qFAAC;AACzD,IAAA;8GAxBY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,0iBC3B1B,0hBAeA,EAAA,MAAA,EAAA,CAAA,uhCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDYa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,iBAAiB,EAAE,WAAW;AACjC,qBAAA,EAAA,QAAA,EAAA,0hBAAA,EAAA,MAAA,EAAA,CAAA,uhCAAA,CAAA,EAAA;;;AErBL;AACO,MAAM,cAAc,GAAG;IAC1B,aAAa;;;ACNjB;;AAEG;;;;"}
+{"version":3,"file":"eui-eds-eds-blockquote.mjs","sources":["../../eds-blockquote/eds-blockquote.ts","../../eds-blockquote/eds-blockquote.html","../../eds-blockquote/index.ts","../../eds-blockquote/eui-eds-eds-blockquote.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    computed,\n} from '@angular/core';\n\n/**\n * EDS Blockquote — displays a styled quotation with optional author attribution and image.\n *\n * Usage:\n * ```html\n * <eds-blockquote author=\"Albert Einstein\" imageUrl=\"assets/images/einstein.jpg\">\n *     Imagination is more important than knowledge.\n * </eds-blockquote>\n * ```\n */\n@Component({\n    selector: 'eds-blockquote',\n    templateUrl: './eds-blockquote.html',\n    styleUrl: './eds-blockquote.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-blockquote',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsBlockquote {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-blockquote'\n     */\n    e2eAttr = input('eds-blockquote');\n\n    /**\n     * Author name displayed as the citation source.\n     * When provided, renders a `<cite>` element below the quote.\n     */\n    author = input<string | undefined>(undefined);\n\n    /**\n     * URL of an image to display alongside the blockquote.\n     * When provided, renders an `<img>` element internally.\n     */\n    imageUrl = input<string | undefined>(undefined);\n\n    /** Whether an author attribution should be shown. */\n    protected hasAuthor = computed(() => !!this.author());\n\n    /** Whether an image should be displayed. */\n    protected hasImage = computed(() => !!this.imageUrl());\n}\n","@if (hasImage()) {\n    <img class=\"eds-blockquote__image\" [src]=\"imageUrl()\" [alt]=\"author() || ''\" loading=\"lazy\" />\n}\n<div class=\"eds-blockquote__body\">\n    <blockquote class=\"eds-blockquote__quote\">\n        <p class=\"eds-blockquote__citation\">\n            <ng-content/>\n        </p>\n        @if (hasAuthor()) {\n            <footer class=\"eds-blockquote__attribution\">\n                <cite class=\"eds-blockquote__author\">{{ author() }}</cite>\n            </footer>\n        }\n    </blockquote>\n</div>\n","import { EdsBlockquote } from './eds-blockquote';\n\nexport { EdsBlockquote };\n\n/** Convenience array for importing all eds-blockquote components. */\nexport const EDS_BLOCKQUOTE = [\n    EdsBlockquote,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAOA;;;;;;;;;AASG;MAWU,aAAa,CAAA;AAV1B,IAAA,WAAA,GAAA;AAWI;;;AAGG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,gBAAgB;oFAAC;AAEjC;;;AAGG;QACH,IAAA,CAAA,MAAM,GAAG,KAAK,CAAqB,SAAS;mFAAC;AAE7C;;;AAGG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAqB,SAAS;qFAAC;;QAGrC,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;sFAAC;;QAG3C,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;qFAAC;AACzD,IAAA;8GAxBY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,0iBC3B1B,0hBAeA,EAAA,MAAA,EAAA,CAAA,shCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDYa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,iBAAiB,EAAE,WAAW;AACjC,qBAAA,EAAA,QAAA,EAAA,0hBAAA,EAAA,MAAA,EAAA,CAAA,shCAAA,CAAA,EAAA;;;AErBL;AACO,MAAM,cAAc,GAAG;IAC1B,aAAa;;;ACNjB;;AAEG;;;;"}

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

@@ -306,7 +306,7 @@ class EdsCalendarHeader {
         return { start, end };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsCalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsCalendarHeader, isStandalone: true, selector: "eds-calendar-header", inputs: { containWeekends: { classPropertyName: "containWeekends", publicName: "containWeekends", isSignal: true, isRequired: false, transformFunction: null }, dateFormatOptions: { classPropertyName: "dateFormatOptions", publicName: "dateFormatOptions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: true, isRequired: false, transformFunction: null }, showNavigationButtons: { classPropertyName: "showNavigationButtons", publicName: "showNavigationButtons", isSignal: true, isRequired: false, transformFunction: null }, startingDay: { classPropertyName: "startingDay", publicName: "startingDay", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentDate: "currentDateChange", navigationClicked: "navigationClicked", todayClicked: "todayClicked" }, host: { classAttribute: "eds-calendar-header" }, ngImport: i0, template: "@if (customTemplate(); as template) {\n    <ng-container [ngTemplateOutletContext]=\"headerContext()\" [ngTemplateOutlet]=\"template\" />\n} @else {\n    <div class=\"eds-calendar-header__nav\">\n        <div class=\"eds-calendar-header__left\">\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-left:core\" ariaLabel=\"Go to previous\" (click)=\"navigatePrevious()\"></button>\n            }\n            <div class=\"eds-calendar-header__label\" [style.min-width]=\"maxMonthWidth()\">\n                <span class=\"eds-calendar-header__date\">{{ formattedDate() }}</span>\n                @if (subLabel()) {\n                    <span class=\"eds-calendar-header__sublabel\">{{ subLabel() }}</span>\n                }\n            </div>\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-right:core\" ariaLabel=\"Go to next\" (click)=\"navigateNext()\"></button>\n            }\n        </div>\n        @if (showTodayButton()) {\n            <button edsButton edsNeutral [disabled]=\"isCurrentDateToday()\" (click)=\"goToToday()\">Today</button>\n        }\n    </div>\n}\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-calendar-header__nav{display:flex;justify-content:space-between;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__left{display:flex;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__label{display:flex;flex-direction:column;align-items:flex-start}.eui-21 :host .eds-calendar-header__date{font:var(--eds-f-label-l-semi-bold)}.eui-21 :host .eds-calendar-header__sublabel{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "color", "size", "ariaLabel", "rounded", "disabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsDisabled", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsCalendarHeader, isStandalone: true, selector: "eds-calendar-header", inputs: { containWeekends: { classPropertyName: "containWeekends", publicName: "containWeekends", isSignal: true, isRequired: false, transformFunction: null }, dateFormatOptions: { classPropertyName: "dateFormatOptions", publicName: "dateFormatOptions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: true, isRequired: false, transformFunction: null }, showNavigationButtons: { classPropertyName: "showNavigationButtons", publicName: "showNavigationButtons", isSignal: true, isRequired: false, transformFunction: null }, startingDay: { classPropertyName: "startingDay", publicName: "startingDay", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentDate: "currentDateChange", navigationClicked: "navigationClicked", todayClicked: "todayClicked" }, host: { classAttribute: "eds-calendar-header" }, ngImport: i0, template: "@if (customTemplate(); as template) {\n    <ng-container [ngTemplateOutletContext]=\"headerContext()\" [ngTemplateOutlet]=\"template\" />\n} @else {\n    <div class=\"eds-calendar-header__nav\">\n        <div class=\"eds-calendar-header__left\">\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-left:core\" ariaLabel=\"Go to previous\" (click)=\"navigatePrevious()\"></button>\n            }\n            <div class=\"eds-calendar-header__label\" [style.min-width]=\"maxMonthWidth()\">\n                <span class=\"eds-calendar-header__date\">{{ formattedDate() }}</span>\n                @if (subLabel()) {\n                    <span class=\"eds-calendar-header__sublabel\">{{ subLabel() }}</span>\n                }\n            </div>\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-right:core\" ariaLabel=\"Go to next\" (click)=\"navigateNext()\"></button>\n            }\n        </div>\n        @if (showTodayButton()) {\n            <button edsButton edsNeutral [disabled]=\"isCurrentDateToday()\" (click)=\"goToToday()\">Today</button>\n        }\n    </div>\n}\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-calendar-header__nav{display:flex;justify-content:space-between;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__left{display:flex;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__label{display:flex;flex-direction:column;align-items:flex-start}.eui-21 :host .eds-calendar-header__date{font:var(--eds-f-label-l-semibold)}.eui-21 :host .eds-calendar-header__sublabel{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "color", "size", "ariaLabel", "rounded", "disabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsDisabled", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsCalendarHeader, decorators: [{
             type: Component,
@@ -316,7 +316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         ...EDS_BUTTON,
                     ], host: {
                         class: 'eds-calendar-header',
-                    }, template: "@if (customTemplate(); as template) {\n    <ng-container [ngTemplateOutletContext]=\"headerContext()\" [ngTemplateOutlet]=\"template\" />\n} @else {\n    <div class=\"eds-calendar-header__nav\">\n        <div class=\"eds-calendar-header__left\">\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-left:core\" ariaLabel=\"Go to previous\" (click)=\"navigatePrevious()\"></button>\n            }\n            <div class=\"eds-calendar-header__label\" [style.min-width]=\"maxMonthWidth()\">\n                <span class=\"eds-calendar-header__date\">{{ formattedDate() }}</span>\n                @if (subLabel()) {\n                    <span class=\"eds-calendar-header__sublabel\">{{ subLabel() }}</span>\n                }\n            </div>\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-right:core\" ariaLabel=\"Go to next\" (click)=\"navigateNext()\"></button>\n            }\n        </div>\n        @if (showTodayButton()) {\n            <button edsButton edsNeutral [disabled]=\"isCurrentDateToday()\" (click)=\"goToToday()\">Today</button>\n        }\n    </div>\n}\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-calendar-header__nav{display:flex;justify-content:space-between;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__left{display:flex;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__label{display:flex;flex-direction:column;align-items:flex-start}.eui-21 :host .eds-calendar-header__date{font:var(--eds-f-label-l-semi-bold)}.eui-21 :host .eds-calendar-header__sublabel{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler)}\n"] }]
+                    }, template: "@if (customTemplate(); as template) {\n    <ng-container [ngTemplateOutletContext]=\"headerContext()\" [ngTemplateOutlet]=\"template\" />\n} @else {\n    <div class=\"eds-calendar-header__nav\">\n        <div class=\"eds-calendar-header__left\">\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-left:core\" ariaLabel=\"Go to previous\" (click)=\"navigatePrevious()\"></button>\n            }\n            <div class=\"eds-calendar-header__label\" [style.min-width]=\"maxMonthWidth()\">\n                <span class=\"eds-calendar-header__date\">{{ formattedDate() }}</span>\n                @if (subLabel()) {\n                    <span class=\"eds-calendar-header__sublabel\">{{ subLabel() }}</span>\n                }\n            </div>\n            @if (showNavigationButtons()) {\n                <button edsIconButton color=\"neutral\" size=\"s\" icon=\"caret-right:core\" ariaLabel=\"Go to next\" (click)=\"navigateNext()\"></button>\n            }\n        </div>\n        @if (showTodayButton()) {\n            <button edsButton edsNeutral [disabled]=\"isCurrentDateToday()\" (click)=\"goToToday()\">Today</button>\n        }\n    </div>\n}\n", styles: [".eui-21 :host{display:block}.eui-21 :host .eds-calendar-header__nav{display:flex;justify-content:space-between;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__left{display:flex;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-calendar-header__label{display:flex;flex-direction:column;align-items:flex-start}.eui-21 :host .eds-calendar-header__date{font:var(--eds-f-label-l-semibold)}.eui-21 :host .eds-calendar-header__sublabel{font:var(--eds-f-paragraph-xs);color:var(--eds-c-foreground-subtler)}\n"] }]
         }], propDecorators: { containWeekends: [{ type: i0.Input, args: [{ isSignal: true, alias: "containWeekends", required: false }] }], dateFormatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormatOptions", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], currentDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentDate", required: true }] }, { type: i0.Output, args: ["currentDateChange"] }], subLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "subLabel", required: false }] }], showTodayButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTodayButton", required: false }] }], showNavigationButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNavigationButtons", required: false }] }], startingDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "startingDay", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], navigationClicked: [{ type: i0.Output, args: ["navigationClicked"] }], todayClicked: [{ type: i0.Output, args: ["todayClicked"] }] } });
 
 class EdsCalendarDayCellDef {
@@ -701,7 +701,7 @@ class EdsCalendarMonthly {
         return cell;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsCalendarMonthly, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsCalendarMonthly, isStandalone: true, selector: "eds-calendar-monthly", inputs: { disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, hasEmptyValue: { classPropertyName: "hasEmptyValue", publicName: "hasEmptyValue", isSignal: true, isRequired: false, transformFunction: null }, dayTemplate: { classPropertyName: "dayTemplate", publicName: "dayTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, eventTemplate: { classPropertyName: "eventTemplate", publicName: "eventTemplate", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, startingDay: { classPropertyName: "startingDay", publicName: "startingDay", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, fillPreviousMonth: { classPropertyName: "fillPreviousMonth", publicName: "fillPreviousMonth", isSignal: true, isRequired: false, transformFunction: null }, fillNextMonth: { classPropertyName: "fillNextMonth", publicName: "fillNextMonth", isSignal: true, isRequired: false, transformFunction: null }, disableFutureDates: { classPropertyName: "disableFutureDates", publicName: "disableFutureDates", isSignal: true, isRequired: false, transformFunction: null }, disablePastDates: { classPropertyName: "disablePastDates", publicName: "disablePastDates", isSignal: true, isRequired: false, transformFunction: null }, disableWeekends: { classPropertyName: "disableWeekends", publicName: "disableWeekends", isSignal: true, isRequired: false, transformFunction: null }, disabledDaysNotInMonth: { classPropertyName: "disabledDaysNotInMonth", publicName: "disabledDaysNotInMonth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { newEventAddClicked: "newEventAddClicked" }, host: { classAttribute: "eds-calendar-monthly" }, queries: [{ propertyName: "dayTemplateDef", first: true, predicate: EdsCalendarDayCellDef, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerTemplateDef", first: true, predicate: EdsCalendarHeaderCellDef, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "eventTemplateDef", first: true, predicate: EdsCalendarEventCellDef, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<table role=\"grid\" aria-label=\"Calendar\" [class.eds-calendar-monthly--compact]=\"this.mode() === 'compact'\" [class.eds-calendar-monthly--truncated]=\"this.mode() === 'truncated'\">\n    <thead>\n    <tr>\n        @for (day of daysHeaderArray(); track $index) {\n            @if (resolvedHeaderTemplate()) {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resolvedHeaderTemplate()\"\n                        [ngTemplateOutletContext]=\"{ date: day.date }\">\n                    </ng-container>\n                </th>\n            } @else {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">{{ day.short }}</th>\n            }\n        }\n    </tr>\n    </thead>\n    <tbody>\n        @for (week of monthlyCalendar(); track $index; let weekIdx = $index) {\n            <tr>\n                @for (day of week; track trackByDay(dayIdx, day); let dayIdx = $index) {\n                    <td class=\"eds-calendar-monthly--day\"\n                        [class.weekend]=\"day?.isWeekend\"\n                        [class.disabled]=\"day?.isDisabled\"\n                        [attr.aria-disabled]=\"day?.isDisabled ? 'true' : null\"\n                        [attr.aria-current]=\"day?.isToday ? 'date' : null\">\n                        @if (resolvedDayTemplate()) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"resolvedDayTemplate()\"\n                                [ngTemplateOutletContext]=\"{ $implicit: day }\">\n                            </ng-container>\n                        } @else {\n                            <eds-calendar-day [dayOfTheMonth]=\"day?.day\"\n                                     [isSelected]=\"day?.isToday\"\n                                     [edsDisabled]=\"day?.isDisabled\"\n                                     [maxNumberOfEventsToShow]=\"2\"\n                                     [events]=\"day?.events\"\n                                     [eventTemplate]=\"resolvedEventTemplate()\"\n                                     (addNewItemEvent)=\"addNewItemClicked(day)\">\n                            </eds-calendar-day>\n                        }\n                    </td>\n                }\n            </tr>\n        }\n    </tbody>\n</table>\n", styles: [".eui-21 :host{display:block}.eui-21 :host table{width:100%;table-layout:fixed;border-collapse:collapse;border-radius:var(--eds-br-s);overflow:hidden}.eui-21 :host table.eds-calendar-monthly--compact{width:auto;table-layout:auto}.eui-21 :host table.eds-calendar-monthly--compact .eds-calendar-monthly--day{height:4rem}.eui-21 :host .eds-calendar-monthly--day-header{padding:var(--eds-sp-xs);text-align:left;font:var(--eds-f-label-s-semi-bold)}.eui-21 :host .eds-calendar-monthly--day{overflow:hidden;text-overflow:ellipsis;border:1px solid var(--eds-c-border-divider);padding:var(--eds-sp-xs);vertical-align:top;height:8rem}.eui-21 :host .eds-calendar-monthly--day:hover{background-color:var(--eds-c-surface-hover)}.eui-21 :host .eds-calendar-monthly--day.weekend{background-color:var(--eds-c-surface-default)}.eui-21 :host .eds-calendar-monthly--day.disabled{opacity:.5}\n"], dependencies: [{ kind: "component", type: EdsCalendarDay, selector: "eds-calendar-day", inputs: ["edsDisabled", "dayOfTheMonth", "maxNumberOfEventsToShow", "events", "eventTemplate", "isSelected"], outputs: ["addNewItemEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsCalendarMonthly, isStandalone: true, selector: "eds-calendar-monthly", inputs: { disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, hasEmptyValue: { classPropertyName: "hasEmptyValue", publicName: "hasEmptyValue", isSignal: true, isRequired: false, transformFunction: null }, dayTemplate: { classPropertyName: "dayTemplate", publicName: "dayTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, eventTemplate: { classPropertyName: "eventTemplate", publicName: "eventTemplate", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, startingDay: { classPropertyName: "startingDay", publicName: "startingDay", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, fillPreviousMonth: { classPropertyName: "fillPreviousMonth", publicName: "fillPreviousMonth", isSignal: true, isRequired: false, transformFunction: null }, fillNextMonth: { classPropertyName: "fillNextMonth", publicName: "fillNextMonth", isSignal: true, isRequired: false, transformFunction: null }, disableFutureDates: { classPropertyName: "disableFutureDates", publicName: "disableFutureDates", isSignal: true, isRequired: false, transformFunction: null }, disablePastDates: { classPropertyName: "disablePastDates", publicName: "disablePastDates", isSignal: true, isRequired: false, transformFunction: null }, disableWeekends: { classPropertyName: "disableWeekends", publicName: "disableWeekends", isSignal: true, isRequired: false, transformFunction: null }, disabledDaysNotInMonth: { classPropertyName: "disabledDaysNotInMonth", publicName: "disabledDaysNotInMonth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { newEventAddClicked: "newEventAddClicked" }, host: { classAttribute: "eds-calendar-monthly" }, queries: [{ propertyName: "dayTemplateDef", first: true, predicate: EdsCalendarDayCellDef, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerTemplateDef", first: true, predicate: EdsCalendarHeaderCellDef, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "eventTemplateDef", first: true, predicate: EdsCalendarEventCellDef, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<table role=\"grid\" aria-label=\"Calendar\" [class.eds-calendar-monthly--compact]=\"this.mode() === 'compact'\" [class.eds-calendar-monthly--truncated]=\"this.mode() === 'truncated'\">\n    <thead>\n    <tr>\n        @for (day of daysHeaderArray(); track $index) {\n            @if (resolvedHeaderTemplate()) {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resolvedHeaderTemplate()\"\n                        [ngTemplateOutletContext]=\"{ date: day.date }\">\n                    </ng-container>\n                </th>\n            } @else {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">{{ day.short }}</th>\n            }\n        }\n    </tr>\n    </thead>\n    <tbody>\n        @for (week of monthlyCalendar(); track $index; let weekIdx = $index) {\n            <tr>\n                @for (day of week; track trackByDay(dayIdx, day); let dayIdx = $index) {\n                    <td class=\"eds-calendar-monthly--day\"\n                        [class.weekend]=\"day?.isWeekend\"\n                        [class.disabled]=\"day?.isDisabled\"\n                        [attr.aria-disabled]=\"day?.isDisabled ? 'true' : null\"\n                        [attr.aria-current]=\"day?.isToday ? 'date' : null\">\n                        @if (resolvedDayTemplate()) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"resolvedDayTemplate()\"\n                                [ngTemplateOutletContext]=\"{ $implicit: day }\">\n                            </ng-container>\n                        } @else {\n                            <eds-calendar-day [dayOfTheMonth]=\"day?.day\"\n                                     [isSelected]=\"day?.isToday\"\n                                     [edsDisabled]=\"day?.isDisabled\"\n                                     [maxNumberOfEventsToShow]=\"2\"\n                                     [events]=\"day?.events\"\n                                     [eventTemplate]=\"resolvedEventTemplate()\"\n                                     (addNewItemEvent)=\"addNewItemClicked(day)\">\n                            </eds-calendar-day>\n                        }\n                    </td>\n                }\n            </tr>\n        }\n    </tbody>\n</table>\n", styles: [".eui-21 :host{display:block}.eui-21 :host table{width:100%;table-layout:fixed;border-collapse:collapse;border-radius:var(--eds-br-s);overflow:hidden}.eui-21 :host table.eds-calendar-monthly--compact{width:auto;table-layout:auto}.eui-21 :host table.eds-calendar-monthly--compact .eds-calendar-monthly--day{height:4rem}.eui-21 :host .eds-calendar-monthly--day-header{padding:var(--eds-sp-xs);text-align:left;font:var(--eds-f-label-s-semibold)}.eui-21 :host .eds-calendar-monthly--day{overflow:hidden;text-overflow:ellipsis;border:1px solid var(--eds-c-border-divider);padding:var(--eds-sp-xs);vertical-align:top;height:8rem}.eui-21 :host .eds-calendar-monthly--day:hover{background-color:var(--eds-c-surface-hover)}.eui-21 :host .eds-calendar-monthly--day.weekend{background-color:var(--eds-c-surface-default)}.eui-21 :host .eds-calendar-monthly--day.disabled{opacity:.5}\n"], dependencies: [{ kind: "component", type: EdsCalendarDay, selector: "eds-calendar-day", inputs: ["edsDisabled", "dayOfTheMonth", "maxNumberOfEventsToShow", "events", "eventTemplate", "isSelected"], outputs: ["addNewItemEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsCalendarMonthly, decorators: [{
             type: Component,
@@ -710,7 +710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         NgTemplateOutlet,
                     ], host: {
                         class: 'eds-calendar-monthly',
-                    }, template: "<table role=\"grid\" aria-label=\"Calendar\" [class.eds-calendar-monthly--compact]=\"this.mode() === 'compact'\" [class.eds-calendar-monthly--truncated]=\"this.mode() === 'truncated'\">\n    <thead>\n    <tr>\n        @for (day of daysHeaderArray(); track $index) {\n            @if (resolvedHeaderTemplate()) {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resolvedHeaderTemplate()\"\n                        [ngTemplateOutletContext]=\"{ date: day.date }\">\n                    </ng-container>\n                </th>\n            } @else {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">{{ day.short }}</th>\n            }\n        }\n    </tr>\n    </thead>\n    <tbody>\n        @for (week of monthlyCalendar(); track $index; let weekIdx = $index) {\n            <tr>\n                @for (day of week; track trackByDay(dayIdx, day); let dayIdx = $index) {\n                    <td class=\"eds-calendar-monthly--day\"\n                        [class.weekend]=\"day?.isWeekend\"\n                        [class.disabled]=\"day?.isDisabled\"\n                        [attr.aria-disabled]=\"day?.isDisabled ? 'true' : null\"\n                        [attr.aria-current]=\"day?.isToday ? 'date' : null\">\n                        @if (resolvedDayTemplate()) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"resolvedDayTemplate()\"\n                                [ngTemplateOutletContext]=\"{ $implicit: day }\">\n                            </ng-container>\n                        } @else {\n                            <eds-calendar-day [dayOfTheMonth]=\"day?.day\"\n                                     [isSelected]=\"day?.isToday\"\n                                     [edsDisabled]=\"day?.isDisabled\"\n                                     [maxNumberOfEventsToShow]=\"2\"\n                                     [events]=\"day?.events\"\n                                     [eventTemplate]=\"resolvedEventTemplate()\"\n                                     (addNewItemEvent)=\"addNewItemClicked(day)\">\n                            </eds-calendar-day>\n                        }\n                    </td>\n                }\n            </tr>\n        }\n    </tbody>\n</table>\n", styles: [".eui-21 :host{display:block}.eui-21 :host table{width:100%;table-layout:fixed;border-collapse:collapse;border-radius:var(--eds-br-s);overflow:hidden}.eui-21 :host table.eds-calendar-monthly--compact{width:auto;table-layout:auto}.eui-21 :host table.eds-calendar-monthly--compact .eds-calendar-monthly--day{height:4rem}.eui-21 :host .eds-calendar-monthly--day-header{padding:var(--eds-sp-xs);text-align:left;font:var(--eds-f-label-s-semi-bold)}.eui-21 :host .eds-calendar-monthly--day{overflow:hidden;text-overflow:ellipsis;border:1px solid var(--eds-c-border-divider);padding:var(--eds-sp-xs);vertical-align:top;height:8rem}.eui-21 :host .eds-calendar-monthly--day:hover{background-color:var(--eds-c-surface-hover)}.eui-21 :host .eds-calendar-monthly--day.weekend{background-color:var(--eds-c-surface-default)}.eui-21 :host .eds-calendar-monthly--day.disabled{opacity:.5}\n"] }]
+                    }, template: "<table role=\"grid\" aria-label=\"Calendar\" [class.eds-calendar-monthly--compact]=\"this.mode() === 'compact'\" [class.eds-calendar-monthly--truncated]=\"this.mode() === 'truncated'\">\n    <thead>\n    <tr>\n        @for (day of daysHeaderArray(); track $index) {\n            @if (resolvedHeaderTemplate()) {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resolvedHeaderTemplate()\"\n                        [ngTemplateOutletContext]=\"{ date: day.date }\">\n                    </ng-container>\n                </th>\n            } @else {\n                <th class=\"eds-calendar-monthly--day-header\" scope=\"col\">{{ day.short }}</th>\n            }\n        }\n    </tr>\n    </thead>\n    <tbody>\n        @for (week of monthlyCalendar(); track $index; let weekIdx = $index) {\n            <tr>\n                @for (day of week; track trackByDay(dayIdx, day); let dayIdx = $index) {\n                    <td class=\"eds-calendar-monthly--day\"\n                        [class.weekend]=\"day?.isWeekend\"\n                        [class.disabled]=\"day?.isDisabled\"\n                        [attr.aria-disabled]=\"day?.isDisabled ? 'true' : null\"\n                        [attr.aria-current]=\"day?.isToday ? 'date' : null\">\n                        @if (resolvedDayTemplate()) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"resolvedDayTemplate()\"\n                                [ngTemplateOutletContext]=\"{ $implicit: day }\">\n                            </ng-container>\n                        } @else {\n                            <eds-calendar-day [dayOfTheMonth]=\"day?.day\"\n                                     [isSelected]=\"day?.isToday\"\n                                     [edsDisabled]=\"day?.isDisabled\"\n                                     [maxNumberOfEventsToShow]=\"2\"\n                                     [events]=\"day?.events\"\n                                     [eventTemplate]=\"resolvedEventTemplate()\"\n                                     (addNewItemEvent)=\"addNewItemClicked(day)\">\n                            </eds-calendar-day>\n                        }\n                    </td>\n                }\n            </tr>\n        }\n    </tbody>\n</table>\n", styles: [".eui-21 :host{display:block}.eui-21 :host table{width:100%;table-layout:fixed;border-collapse:collapse;border-radius:var(--eds-br-s);overflow:hidden}.eui-21 :host table.eds-calendar-monthly--compact{width:auto;table-layout:auto}.eui-21 :host table.eds-calendar-monthly--compact .eds-calendar-monthly--day{height:4rem}.eui-21 :host .eds-calendar-monthly--day-header{padding:var(--eds-sp-xs);text-align:left;font:var(--eds-f-label-s-semibold)}.eui-21 :host .eds-calendar-monthly--day{overflow:hidden;text-overflow:ellipsis;border:1px solid var(--eds-c-border-divider);padding:var(--eds-sp-xs);vertical-align:top;height:8rem}.eui-21 :host .eds-calendar-monthly--day:hover{background-color:var(--eds-c-surface-hover)}.eui-21 :host .eds-calendar-monthly--day.weekend{background-color:var(--eds-c-surface-default)}.eui-21 :host .eds-calendar-monthly--day.disabled{opacity:.5}\n"] }]
         }], propDecorators: { disabledDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDays", required: false }] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], hasEmptyValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasEmptyValue", required: false }] }], dayTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayTemplate", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], eventTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventTemplate", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], startingDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "startingDay", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], fillPreviousMonth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillPreviousMonth", required: false }] }], fillNextMonth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillNextMonth", required: false }] }], disableFutureDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableFutureDates", required: false }] }], disablePastDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disablePastDates", required: false }] }], disableWeekends: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableWeekends", required: false }] }], disabledDaysNotInMonth: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDaysNotInMonth", required: false }] }], newEventAddClicked: [{ type: i0.Output, args: ["newEventAddClicked"] }], dayTemplateDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EdsCalendarDayCellDef), { ...{ read: TemplateRef }, isSignal: true }] }], headerTemplateDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EdsCalendarHeaderCellDef), { ...{ read: TemplateRef }, isSignal: true }] }], eventTemplateDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EdsCalendarEventCellDef), { ...{ read: TemplateRef }, isSignal: true }] }] } });
 
 class EdsCalendarWeeklyDayHeader {