ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-empty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-empty.mjs","sources":["../../../projects/lib/empty/empty.ts","../../../projects/lib/empty/empty.html","../../../projects/lib/empty/ngwr-empty.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { type WrIconName } from 'ngwr/icon';\n\n/**\n * Empty-state placeholder. Drop into any container where the underlying\n * data is missing (search yielded nothing, table is empty, etc.).\n *\n * Slots:\n *\n * - **Default** — primary description / instructions.\n * - **`[wrEmptyActions]`** — action row rendered below the description.\n *\n * Localization: the default headline reads from the `empty.noData` key in\n * the registered `WrI18n` catalog, falling back to `'No data'` when no\n * `WrI18n` is provided. The `[title]` input always wins when set.\n *\n * @example\n * ```html\n * <wr-empty icon=\"search\" title=\"No results\">\n *   Try a different query or clear filters.\n *   <ng-container wrEmptyActions>\n *     <wr-btn (click)=\"reset()\">Reset filters</wr-btn>\n *   </ng-container>\n * </wr-empty>\n * ```\n *\n * @see https://ngwr.dev/reference/components/empty\n */\n@Component({\n  selector: 'wr-empty',\n  templateUrl: './empty.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-empty', role: 'status' },\n})\nexport class WrEmpty {\n  /** Icon name shown above the title. @default 'folder' */\n  readonly icon = input<WrIconName | null>('folder');\n\n  /** Headline. Falls back to `empty.noData` from WrI18n, then `'No data'`. */\n  readonly title = input<string | null>(null);\n\n  protected readonly resolvedTitle = useI18nText(this.title, 'empty.noData', 'No data');\n}\n","@if (icon()) {\n  <svg\n    class=\"wr-icon__svg wr-empty__icon\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"\n    />\n  </svg>\n}\n<div class=\"wr-empty__title\">{{ resolvedTitle() }}</div>\n<div class=\"wr-empty__description\">\n  <ng-content />\n</div>\n<div class=\"wr-empty__actions\">\n  <ng-content select=\"[wrEmptyActions]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;AAKG;AAOH;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;MAOU,OAAO,CAAA;;IAET,IAAI,GAAG,KAAK,CAAoB,QAAQ;6EAAC;;IAGzC,KAAK,GAAG,KAAK,CAAgB,IAAI;8EAAC;IAExB,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,SAAS,CAAC;uGAP1E,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,qYC3CpB,wqBAwBA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDmBa,OAAO,EAAA,UAAA,EAAA,CAAA;kBANnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,wqBAAA,EAAA;;;AEzC7C;;AAEG;;;;"}
+{"version":3,"file":"ngwr-empty.mjs","sources":["../../../projects/lib/empty/empty.ts","../../../projects/lib/empty/empty.html","../../../projects/lib/empty/ngwr-empty.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrIcon, type WrIconName } from 'ngwr/icon';\n\n/**\n * Empty-state placeholder. Drop into any container where the underlying\n * data is missing (search yielded nothing, table is empty, etc.).\n *\n * Slots:\n *\n * - **Default** — primary description / instructions.\n * - **`[wrEmptyActions]`** — action row rendered below the description.\n *\n * Localization: the default headline reads from the `empty.noData` key in\n * the registered `WrI18n` catalog, falling back to `'No data'` when no\n * `WrI18n` is provided. The `[title]` input always wins when set.\n *\n * @example\n * ```html\n * <wr-empty iconName=\"search\" title=\"No results\">\n *   Try a different query or clear filters.\n *   <ng-container wrEmptyActions>\n *     <wr-btn (click)=\"reset()\">Reset filters</wr-btn>\n *   </ng-container>\n * </wr-empty>\n * ```\n *\n * @see https://ngwr.dev/reference/components/empty\n */\n@Component({\n  selector: 'wr-empty',\n  templateUrl: './empty.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-empty', role: 'status' },\n  imports: [WrIcon],\n})\nexport class WrEmpty {\n  /**\n   * Render the built-in folder glyph. Pass `false` to show no icon at all.\n   * Ignored when `iconName` is set — the same contract as `<wr-alert>`.\n   *\n   * This used to be typed as an icon NAME, which it never was: whatever name\n   * you passed, the template drew the folder. Any truthy value still shows it,\n   * so nothing that compiled before behaves differently.\n   *\n   * @default true\n   */\n  readonly icon = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Show any registered ngwr icon instead of the built-in glyph.\n   *\n   * @default null\n   */\n  readonly iconName = input<WrIconName | null>(null);\n\n  /** Headline. Falls back to `empty.noData` from WrI18n, then `'No data'`. */\n  readonly title = input<string | null>(null);\n\n  protected readonly resolvedTitle = useI18nText(this.title, 'empty.noData', 'No data');\n}\n","@if (iconName(); as name) {\n  <wr-icon class=\"wr-empty__icon\" [name]=\"name\" />\n} @else if (icon()) {\n  <svg\n    class=\"wr-icon__svg wr-empty__icon\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"\n    />\n  </svg>\n}\n<div class=\"wr-empty__title\">{{ resolvedTitle() }}</div>\n<div class=\"wr-empty__description\">\n  <ng-content />\n</div>\n<div class=\"wr-empty__actions\">\n  <ng-content select=\"[wrEmptyActions]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAAA;;;;;AAKG;AAQH;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;MAQU,OAAO,CAAA;AAClB;;;;;;;;;AASG;IACM,IAAI,GAAG,KAAK,CAAC,IAAI,4EAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;AAEjE;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAoB,IAAI;iFAAC;;IAGzC,KAAK,GAAG,KAAK,CAAgB,IAAI;8EAAC;IAExB,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,SAAS,CAAC;uGAvB1E,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7CpB,owBA0BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDiBY,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAEL,OAAO,EAAA,UAAA,EAAA,CAAA;kBAPnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,iBAEL,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAA,OAAA,EAClC,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,owBAAA,EAAA;;;AE3CnB;;AAEG;;;;"}

package/fesm2022/ngwr-event-calendar.mjs

@@ -1,3 +1,4 @@
+import { Directionality } from '@angular/cdk/bidi';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
@@ -29,10 +30,10 @@ import { numAttr } from 'ngwr/utils';
  */
 class WrCalendarEventTemplate {
     template = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrCalendarEventTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: WrCalendarEventTemplate, isStandalone: true, selector: "ng-template[wrCalendarEvent]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCalendarEventTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: WrCalendarEventTemplate, isStandalone: true, selector: "ng-template[wrCalendarEvent]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrCalendarEventTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCalendarEventTemplate, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[wrCalendarEvent]',
@@ -119,6 +120,7 @@ class WrEventCalendar {
     eventChange = output();
     adapter = inject(WrDateAdapter);
     document = inject(DOCUMENT);
+    dir = inject(Directionality, { optional: true });
     chipTpl = contentChild(WrCalendarEventTemplate, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "chipTpl" }] : /* istanbul ignore next */ []));
     todayLabel = readI18nText('eventCalendar.today', 'Today');
@@ -233,11 +235,13 @@ class WrEventCalendar {
         }
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    weekdayNames = computed(() => {
-        const names = this.adapter.getDayOfWeekNames('short');
-        const first = this.adapter.getFirstDayOfWeek();
-        return Array.from({ length: DAYS_PER_WEEK }, (_, i) => names[(first + i) % DAYS_PER_WEEK]);
-    }, /* @ts-ignore */
+    /**
+     * The adapter contract is "names ordered from `getFirstDayOfWeek()` onwards",
+     * so the list is ALREADY rotated. Rotating it again here put every column one
+     * day out for every locale whose week does not start on Sunday — invisible in
+     * en-US, wrong everywhere else. `wr-calendar` consumes the same call directly.
+     */
+    weekdayNames = computed(() => this.adapter.getDayOfWeekNames('short'), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "weekdayNames" }] : /* istanbul ignore next */ []));
     switcher = computed(() => this.views().map(view => ({ view, label: this.viewLabels[view] })), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "switcher" }] : /* istanbul ignore next */ []));
@@ -270,10 +274,13 @@ class WrEventCalendar {
     // ------------------------------------------------------------ time model
     columns = computed(() => {
         const weekdays = this.adapter.getDayOfWeekNames('short');
+        const first = this.adapter.getFirstDayOfWeek();
         return this.days().map(date => ({
             key: this.iso(date),
             date,
-            weekday: weekdays[this.adapter.getDayOfWeek(date)],
+            // `weekdays` is indexed from the week's first day; `getDayOfWeek` is
+            // absolute (0 = Sunday). Mixing the two spaces named Monday "Tue".
+            weekday: weekdays[(this.adapter.getDayOfWeek(date) - first + DAYS_PER_WEEK) % DAYS_PER_WEEK],
             day: String(this.adapter.getDate(date)),
             label: this.adapter.format(date, 'longDate'),
             isToday: this.adapter.isSameDay(date, this.adapter.today()),
@@ -353,7 +360,17 @@ class WrEventCalendar {
     onChipPointerDown(event, chipEvent, kind) {
         if (!this.canDrag(chipEvent) || event.button !== 0)
             return;
+        // Hide the chip from the hit test for exactly this measurement. The
+        // `--dragging` rule that does it for the rest of the gesture is bound to a
+        // signal that is not set yet, so `elementFromPoint` returned the chip itself
+        // and `closest()` climbed to the cell the chip STARTS in — never the cell
+        // under the pointer. A chip wide or tall enough to reach past its own cell
+        // then jumped by the grab offset instead of moving by the drag distance.
+        const chip = event.currentTarget;
+        const pointerEvents = chip.style.pointerEvents;
+        chip.style.pointerEvents = 'none';
         const cell = this.cellUnder(event.clientX, event.clientY);
+        chip.style.pointerEvents = pointerEvents;
         if (!cell)
             return;
         // The chip must stop swallowing hit-tests, or `elementFromPoint` reports
@@ -423,7 +440,7 @@ class WrEventCalendar {
         const inTime = this.view() !== 'month';
         let days = 0;
         let minutes = 0;
-        switch (event.key) {
+        switch (this.inlineKey(event.key)) {
             case 'ArrowLeft':
                 days = -1;
                 break;
@@ -464,7 +481,7 @@ class WrEventCalendar {
         const rows = this.rows();
         const inTime = this.view() !== 'month';
         let next;
-        switch (event.key) {
+        switch (this.inlineKey(event.key)) {
             case 'ArrowLeft':
                 next = [Math.max(0, day - 1), minutes];
                 break;
@@ -503,6 +520,19 @@ class WrEventCalendar {
         this.cursor.set(next);
         this.focusCursor(event.currentTarget);
     }
+    /**
+     * Keep the roving cursor on the cell that actually has focus.
+     *
+     * The cursor was only ever written by an arrow key, while focus moves for three
+     * other reasons — a click, a Tab onto a chip, Escape out of one — so the next
+     * arrow read a coordinate nobody was standing on and threw focus back to it,
+     * usually the top-left of the grid.
+     */
+    onCellFocus(day, minutes) {
+        const [d, m] = this.cursor();
+        if (d !== day || m !== minutes)
+            this.cursor.set([day, minutes]);
+    }
     isCursor(day, minutes) {
         const [d, m] = this.cursorCell();
         return d === day && m === minutes;
@@ -701,10 +731,27 @@ class WrEventCalendar {
     iso(date) {
         return `${this.adapter.getYear(date)}-${this.adapter.getMonth(date) + 1}-${this.adapter.getDate(date)}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrEventCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrEventCalendar, isStandalone: true, selector: "wr-event-calendar", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, slotMinutes: { classPropertyName: "slotMinutes", publicName: "slotMinutes", isSignal: true, isRequired: false, transformFunction: null }, dayStartHour: { classPropertyName: "dayStartHour", publicName: "dayStartHour", isSignal: true, isRequired: false, transformFunction: null }, dayEndHour: { classPropertyName: "dayEndHour", publicName: "dayEndHour", isSignal: true, isRequired: false, transformFunction: null }, maxLanes: { classPropertyName: "maxLanes", publicName: "maxLanes", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", date: "dateChange", eventClick: "eventClick", slotClick: "slotClick", eventChange: "eventChange" }, host: { listeners: { "pointerup": "onPointerUp($event)", "pointercancel": "drag.set(null)" }, properties: { "class": "classes()" } }, queries: [{ propertyName: "chipTpl", first: true, predicate: WrCalendarEventTemplate, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Two grids, one rule: a chip always lives inside the `role=\"gridcell\"` where it\n  STARTS, and reaches out from there \u2014 `calc()` widths for day-spanning bands,\n  percentage heights for timed chips. A floating events layer would read better\n  in the template and would leave `role=\"row\"` owning something other than\n  cells, which is exactly what the axe gate rejects.\n-->\n@if (!hideHeader()) {\n  <div class=\"wr-event-calendar__header\">\n    <div class=\"wr-event-calendar__nav\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"previousLabel\"\n        (click)=\"step(-1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n      <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"goToday()\">{{ todayLabel }}</button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"nextLabel\"\n        (click)=\"step(1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n    </div>\n\n    <h2 class=\"wr-event-calendar__title\">{{ title() }}</h2>\n\n    @if (switcher().length > 1) {\n      <wr-btn-group>\n        @for (item of switcher(); track item.view) {\n          <button\n            wr-btn\n            type=\"button\"\n            size=\"sm\"\n            [outlined]=\"view() !== item.view\"\n            [color]=\"view() === item.view ? 'primary' : null\"\n            [attr.aria-pressed]=\"view() === item.view\"\n            (click)=\"setView(item.view)\"\n          >\n            {{ item.label }}\n          </button>\n        }\n      </wr-btn-group>\n    }\n  </div>\n}\n\n@if (view() === 'month') {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--month\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      @for (name of weekdayNames(); track $index) {\n        <div role=\"columnheader\" class=\"wr-event-calendar__weekday\">{{ name }}</div>\n      }\n    </div>\n\n    @for (week of weeks(); track week.key; let w = $index) {\n      <div role=\"row\" class=\"wr-event-calendar__row\">\n        @for (cell of week.days; track cell.key; let c = $index) {\n          @let index = w * 7 + c;\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--day\"\n            [class.wr-event-calendar__cell--muted]=\"!cell.inMonth\"\n            [class.wr-event-calendar__cell--today]=\"cell.isToday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(index, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${index}:-1`\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            <span class=\"wr-event-calendar__daynum\" aria-hidden=\"true\">{{ cell.day }}</span>\n\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container\n                [ngTemplateOutlet]=\"band\"\n                [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '1.75rem' }\"\n              />\n            }\n\n            @if (cell.hidden > 0) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__more\"\n                [style.--wr-event-calendar-lane]=\"maxLanes()\"\n                (click)=\"openDay(cell.date); $event.stopPropagation()\"\n              >\n                {{ moreLabel({ count: cell.hidden }) }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--time\"\n    [style.--wr-event-calendar-cols]=\"columns().length\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      <div role=\"columnheader\" class=\"wr-event-calendar__gutter\" [attr.aria-label]=\"timeLabel\"></div>\n      @for (column of columns(); track column.key) {\n        <div\n          role=\"columnheader\"\n          class=\"wr-event-calendar__colhead\"\n          [class.wr-event-calendar__colhead--today]=\"column.isToday\"\n        >\n          <span class=\"wr-event-calendar__colhead-weekday\">{{ column.weekday }}</span>\n          <span class=\"wr-event-calendar__colhead-day\">{{ column.day }}</span>\n        </div>\n      }\n    </div>\n\n    @if (hasAllDay()) {\n      <div role=\"row\" class=\"wr-event-calendar__row wr-event-calendar__row--allday\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ allDayLabel }}</div>\n        @for (cell of allDayCells(); track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--allday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${c}:-1`\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container [ngTemplateOutlet]=\"band\" [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '0rem' }\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @for (row of rows(); track row.key) {\n      <div role=\"row\" class=\"wr-event-calendar__row\" [class.wr-event-calendar__row--major]=\"row.major\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ row.label }}</div>\n        @for (cell of row.cells; track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--slot\"\n            [class.wr-event-calendar__cell--major]=\"row.major\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, row.minutes) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"row.minutes\"\n            [attr.data-cell-index]=\"`${c}:${row.minutes}`\"\n            (click)=\"onCellClick(cell.date, row.minutes)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.chips; track chip.key) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__chip wr-event-calendar__chip--time\"\n                [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n                [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n                [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n                [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n                [style.top.%]=\"chip.top\"\n                [style.height.%]=\"chip.height\"\n                [style.left.%]=\"chip.left\"\n                [style.width.%]=\"chip.width\"\n                [attr.aria-label]=\"chipLabel(chip.event)\"\n                (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n                (keydown)=\"onChipKeyDown($event, chip.event)\"\n                (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n              >\n                <span class=\"wr-event-calendar__chip-time\" aria-hidden=\"true\">{{ chipTime(chip.event) }}</span>\n                @if (chipTemplate(); as tpl) {\n                  <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n                } @else {\n                  <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n                }\n\n                @if (canDrag(chip.event) && !chip.continuesAfter) {\n                  <!--\n                    A grab area, not a control: the same resize is on the keyboard\n                    as `Alt` + arrows on the chip itself, so exposing a second\n                    focusable thing here would add a tab stop that leads nowhere.\n                  -->\n                  <span\n                    class=\"wr-event-calendar__resize\"\n                    aria-hidden=\"true\"\n                    (pointerdown)=\"onChipPointerDown($event, chip.event, 'resize')\"\n                  ></span>\n                }\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<!-- One chip shape for both day-spanning cases: month cells and the all-day band. -->\n<ng-template #band let-chip let-offset=\"offset\">\n  <button\n    type=\"button\"\n    class=\"wr-event-calendar__chip wr-event-calendar__chip--band\"\n    [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n    [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n    [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n    [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n    [style.--wr-event-calendar-span]=\"chip.span\"\n    [style.--wr-event-calendar-lane]=\"chip.lane\"\n    [style.--wr-event-calendar-offset]=\"offset\"\n    [attr.aria-label]=\"chipLabel(chip.event)\"\n    (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n    (keydown)=\"onChipKeyDown($event, chip.event)\"\n    (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n  >\n    @if (chipTemplate(); as tpl) {\n      <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n    } @else {\n      <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n    }\n  </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrButtonGroup, selector: "wr-btn-group", inputs: ["shape"] }], encapsulation: i0.ViewEncapsulation.None });
+    /**
+     * The key as the grid SEES it.
+     *
+     * A day step follows visual order, so under `dir="rtl"` ArrowRight goes back a
+     * day. Up/Down move by week or by row and never flip; Home/End are semantic.
+     * Both key handlers route through here — the grid nav and the `Alt`+arrow drag,
+     * which moves an event and would otherwise reschedule it the wrong way.
+     */
+    inlineKey(key) {
+        if (this.dir?.value !== 'rtl')
+            return key;
+        if (key === 'ArrowRight')
+            return 'ArrowLeft';
+        if (key === 'ArrowLeft')
+            return 'ArrowRight';
+        return key;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrEventCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrEventCalendar, isStandalone: true, selector: "wr-event-calendar", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, slotMinutes: { classPropertyName: "slotMinutes", publicName: "slotMinutes", isSignal: true, isRequired: false, transformFunction: null }, dayStartHour: { classPropertyName: "dayStartHour", publicName: "dayStartHour", isSignal: true, isRequired: false, transformFunction: null }, dayEndHour: { classPropertyName: "dayEndHour", publicName: "dayEndHour", isSignal: true, isRequired: false, transformFunction: null }, maxLanes: { classPropertyName: "maxLanes", publicName: "maxLanes", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", date: "dateChange", eventClick: "eventClick", slotClick: "slotClick", eventChange: "eventChange" }, host: { listeners: { "pointerup": "onPointerUp($event)", "pointercancel": "drag.set(null)" }, properties: { "class": "classes()" } }, queries: [{ propertyName: "chipTpl", first: true, predicate: WrCalendarEventTemplate, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Two grids, one rule: a chip always lives inside the `role=\"gridcell\"` where it\n  STARTS, and reaches out from there \u2014 `calc()` widths for day-spanning bands,\n  percentage heights for timed chips. A floating events layer would read better\n  in the template and would leave `role=\"row\"` owning something other than\n  cells, which is exactly what the axe gate rejects.\n-->\n@if (!hideHeader()) {\n  <div class=\"wr-event-calendar__header\">\n    <div class=\"wr-event-calendar__nav\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"previousLabel\"\n        (click)=\"step(-1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n      <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"goToday()\">{{ todayLabel }}</button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"nextLabel\"\n        (click)=\"step(1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n    </div>\n\n    <h2 class=\"wr-event-calendar__title\">{{ title() }}</h2>\n\n    @if (switcher().length > 1) {\n      <wr-btn-group>\n        @for (item of switcher(); track item.view) {\n          <button\n            wr-btn\n            type=\"button\"\n            size=\"sm\"\n            [outlined]=\"view() !== item.view\"\n            [color]=\"view() === item.view ? 'primary' : null\"\n            [attr.aria-pressed]=\"view() === item.view\"\n            (click)=\"setView(item.view)\"\n          >\n            {{ item.label }}\n          </button>\n        }\n      </wr-btn-group>\n    }\n  </div>\n}\n\n@if (view() === 'month') {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--month\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      @for (name of weekdayNames(); track $index) {\n        <div role=\"columnheader\" class=\"wr-event-calendar__weekday\">{{ name }}</div>\n      }\n    </div>\n\n    @for (week of weeks(); track week.key; let w = $index) {\n      <div role=\"row\" class=\"wr-event-calendar__row\">\n        @for (cell of week.days; track cell.key; let c = $index) {\n          @let index = w * 7 + c;\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--day\"\n            [class.wr-event-calendar__cell--muted]=\"!cell.inMonth\"\n            [class.wr-event-calendar__cell--today]=\"cell.isToday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(index, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${index}:-1`\"\n            (focusin)=\"onCellFocus(index, -1)\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            <span class=\"wr-event-calendar__daynum\" aria-hidden=\"true\">{{ cell.day }}</span>\n\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container\n                [ngTemplateOutlet]=\"band\"\n                [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '1.75rem' }\"\n              />\n            }\n\n            @if (cell.hidden > 0) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__more\"\n                [style.--wr-event-calendar-lane]=\"maxLanes()\"\n                (click)=\"openDay(cell.date); $event.stopPropagation()\"\n              >\n                {{ moreLabel({ count: cell.hidden }) }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--time\"\n    [style.--wr-event-calendar-cols]=\"columns().length\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      <div role=\"columnheader\" class=\"wr-event-calendar__gutter\" [attr.aria-label]=\"timeLabel\"></div>\n      @for (column of columns(); track column.key) {\n        <div\n          role=\"columnheader\"\n          class=\"wr-event-calendar__colhead\"\n          [class.wr-event-calendar__colhead--today]=\"column.isToday\"\n        >\n          <span class=\"wr-event-calendar__colhead-weekday\">{{ column.weekday }}</span>\n          <span class=\"wr-event-calendar__colhead-day\">{{ column.day }}</span>\n        </div>\n      }\n    </div>\n\n    @if (hasAllDay()) {\n      <div role=\"row\" class=\"wr-event-calendar__row wr-event-calendar__row--allday\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ allDayLabel }}</div>\n        @for (cell of allDayCells(); track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--allday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${c}:-1`\"\n            (focusin)=\"onCellFocus(c, -1)\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container [ngTemplateOutlet]=\"band\" [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '0rem' }\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @for (row of rows(); track row.key) {\n      <div role=\"row\" class=\"wr-event-calendar__row\" [class.wr-event-calendar__row--major]=\"row.major\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ row.label }}</div>\n        @for (cell of row.cells; track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--slot\"\n            [class.wr-event-calendar__cell--major]=\"row.major\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, row.minutes) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"row.minutes\"\n            [attr.data-cell-index]=\"`${c}:${row.minutes}`\"\n            (focusin)=\"onCellFocus(c, row.minutes)\"\n            (click)=\"onCellClick(cell.date, row.minutes)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.chips; track chip.key) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__chip wr-event-calendar__chip--time\"\n                [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n                [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n                [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n                [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n                [style.top.%]=\"chip.top\"\n                [style.height.%]=\"chip.height\"\n                [style.left.%]=\"chip.left\"\n                [style.width.%]=\"chip.width\"\n                [attr.aria-label]=\"chipLabel(chip.event)\"\n                (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n                (keydown)=\"onChipKeyDown($event, chip.event)\"\n                (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n              >\n                <span class=\"wr-event-calendar__chip-time\" aria-hidden=\"true\">{{ chipTime(chip.event) }}</span>\n                @if (chipTemplate(); as tpl) {\n                  <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n                } @else {\n                  <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n                }\n\n                @if (canDrag(chip.event) && !chip.continuesAfter) {\n                  <!--\n                    A grab area, not a control: the same resize is on the keyboard\n                    as `Alt` + arrows on the chip itself, so exposing a second\n                    focusable thing here would add a tab stop that leads nowhere.\n                  -->\n                  <span\n                    class=\"wr-event-calendar__resize\"\n                    aria-hidden=\"true\"\n                    (pointerdown)=\"onChipPointerDown($event, chip.event, 'resize')\"\n                  ></span>\n                }\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<!-- One chip shape for both day-spanning cases: month cells and the all-day band. -->\n<ng-template #band let-chip let-offset=\"offset\">\n  <button\n    type=\"button\"\n    class=\"wr-event-calendar__chip wr-event-calendar__chip--band\"\n    [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n    [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n    [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n    [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n    [style.--wr-event-calendar-span]=\"chip.span\"\n    [style.--wr-event-calendar-lane]=\"chip.lane\"\n    [style.--wr-event-calendar-offset]=\"offset\"\n    [attr.aria-label]=\"chipLabel(chip.event)\"\n    (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n    (keydown)=\"onChipKeyDown($event, chip.event)\"\n    (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n  >\n    @if (chipTemplate(); as tpl) {\n      <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n    } @else {\n      <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n    }\n  </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: ["color", "size", "shape", "icon", "iconPosition", "disabled", "outlined", "block", "loading", "isDisabledWhenLoading"] }, { kind: "component", type: WrButtonGroup, selector: "wr-btn-group", inputs: ["shape"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrEventCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrEventCalendar, decorators: [{
             type: Component,
             args: [{ selector: 'wr-event-calendar', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'classes()',
@@ -712,7 +759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                         // chip it started on — so the host owns the release, not the chip.
                         '(pointerup)': 'onPointerUp($event)',
                         '(pointercancel)': 'drag.set(null)',
-                    }, imports: [NgTemplateOutlet, WrButton, WrButtonGroup], template: "<!--\n  Two grids, one rule: a chip always lives inside the `role=\"gridcell\"` where it\n  STARTS, and reaches out from there \u2014 `calc()` widths for day-spanning bands,\n  percentage heights for timed chips. A floating events layer would read better\n  in the template and would leave `role=\"row\"` owning something other than\n  cells, which is exactly what the axe gate rejects.\n-->\n@if (!hideHeader()) {\n  <div class=\"wr-event-calendar__header\">\n    <div class=\"wr-event-calendar__nav\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"previousLabel\"\n        (click)=\"step(-1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n      <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"goToday()\">{{ todayLabel }}</button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"nextLabel\"\n        (click)=\"step(1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n    </div>\n\n    <h2 class=\"wr-event-calendar__title\">{{ title() }}</h2>\n\n    @if (switcher().length > 1) {\n      <wr-btn-group>\n        @for (item of switcher(); track item.view) {\n          <button\n            wr-btn\n            type=\"button\"\n            size=\"sm\"\n            [outlined]=\"view() !== item.view\"\n            [color]=\"view() === item.view ? 'primary' : null\"\n            [attr.aria-pressed]=\"view() === item.view\"\n            (click)=\"setView(item.view)\"\n          >\n            {{ item.label }}\n          </button>\n        }\n      </wr-btn-group>\n    }\n  </div>\n}\n\n@if (view() === 'month') {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--month\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      @for (name of weekdayNames(); track $index) {\n        <div role=\"columnheader\" class=\"wr-event-calendar__weekday\">{{ name }}</div>\n      }\n    </div>\n\n    @for (week of weeks(); track week.key; let w = $index) {\n      <div role=\"row\" class=\"wr-event-calendar__row\">\n        @for (cell of week.days; track cell.key; let c = $index) {\n          @let index = w * 7 + c;\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--day\"\n            [class.wr-event-calendar__cell--muted]=\"!cell.inMonth\"\n            [class.wr-event-calendar__cell--today]=\"cell.isToday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(index, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${index}:-1`\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            <span class=\"wr-event-calendar__daynum\" aria-hidden=\"true\">{{ cell.day }}</span>\n\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container\n                [ngTemplateOutlet]=\"band\"\n                [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '1.75rem' }\"\n              />\n            }\n\n            @if (cell.hidden > 0) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__more\"\n                [style.--wr-event-calendar-lane]=\"maxLanes()\"\n                (click)=\"openDay(cell.date); $event.stopPropagation()\"\n              >\n                {{ moreLabel({ count: cell.hidden }) }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--time\"\n    [style.--wr-event-calendar-cols]=\"columns().length\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      <div role=\"columnheader\" class=\"wr-event-calendar__gutter\" [attr.aria-label]=\"timeLabel\"></div>\n      @for (column of columns(); track column.key) {\n        <div\n          role=\"columnheader\"\n          class=\"wr-event-calendar__colhead\"\n          [class.wr-event-calendar__colhead--today]=\"column.isToday\"\n        >\n          <span class=\"wr-event-calendar__colhead-weekday\">{{ column.weekday }}</span>\n          <span class=\"wr-event-calendar__colhead-day\">{{ column.day }}</span>\n        </div>\n      }\n    </div>\n\n    @if (hasAllDay()) {\n      <div role=\"row\" class=\"wr-event-calendar__row wr-event-calendar__row--allday\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ allDayLabel }}</div>\n        @for (cell of allDayCells(); track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--allday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${c}:-1`\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container [ngTemplateOutlet]=\"band\" [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '0rem' }\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @for (row of rows(); track row.key) {\n      <div role=\"row\" class=\"wr-event-calendar__row\" [class.wr-event-calendar__row--major]=\"row.major\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ row.label }}</div>\n        @for (cell of row.cells; track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--slot\"\n            [class.wr-event-calendar__cell--major]=\"row.major\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, row.minutes) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"row.minutes\"\n            [attr.data-cell-index]=\"`${c}:${row.minutes}`\"\n            (click)=\"onCellClick(cell.date, row.minutes)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.chips; track chip.key) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__chip wr-event-calendar__chip--time\"\n                [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n                [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n                [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n                [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n                [style.top.%]=\"chip.top\"\n                [style.height.%]=\"chip.height\"\n                [style.left.%]=\"chip.left\"\n                [style.width.%]=\"chip.width\"\n                [attr.aria-label]=\"chipLabel(chip.event)\"\n                (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n                (keydown)=\"onChipKeyDown($event, chip.event)\"\n                (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n              >\n                <span class=\"wr-event-calendar__chip-time\" aria-hidden=\"true\">{{ chipTime(chip.event) }}</span>\n                @if (chipTemplate(); as tpl) {\n                  <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n                } @else {\n                  <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n                }\n\n                @if (canDrag(chip.event) && !chip.continuesAfter) {\n                  <!--\n                    A grab area, not a control: the same resize is on the keyboard\n                    as `Alt` + arrows on the chip itself, so exposing a second\n                    focusable thing here would add a tab stop that leads nowhere.\n                  -->\n                  <span\n                    class=\"wr-event-calendar__resize\"\n                    aria-hidden=\"true\"\n                    (pointerdown)=\"onChipPointerDown($event, chip.event, 'resize')\"\n                  ></span>\n                }\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<!-- One chip shape for both day-spanning cases: month cells and the all-day band. -->\n<ng-template #band let-chip let-offset=\"offset\">\n  <button\n    type=\"button\"\n    class=\"wr-event-calendar__chip wr-event-calendar__chip--band\"\n    [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n    [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n    [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n    [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n    [style.--wr-event-calendar-span]=\"chip.span\"\n    [style.--wr-event-calendar-lane]=\"chip.lane\"\n    [style.--wr-event-calendar-offset]=\"offset\"\n    [attr.aria-label]=\"chipLabel(chip.event)\"\n    (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n    (keydown)=\"onChipKeyDown($event, chip.event)\"\n    (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n  >\n    @if (chipTemplate(); as tpl) {\n      <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n    } @else {\n      <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n    }\n  </button>\n</ng-template>\n" }]
+                    }, imports: [NgTemplateOutlet, WrButton, WrButtonGroup], template: "<!--\n  Two grids, one rule: a chip always lives inside the `role=\"gridcell\"` where it\n  STARTS, and reaches out from there \u2014 `calc()` widths for day-spanning bands,\n  percentage heights for timed chips. A floating events layer would read better\n  in the template and would leave `role=\"row\"` owning something other than\n  cells, which is exactly what the axe gate rejects.\n-->\n@if (!hideHeader()) {\n  <div class=\"wr-event-calendar__header\">\n    <div class=\"wr-event-calendar__nav\">\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"previousLabel\"\n        (click)=\"step(-1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n      <button wr-btn type=\"button\" size=\"sm\" outlined (click)=\"goToday()\">{{ todayLabel }}</button>\n      <button\n        wr-btn\n        type=\"button\"\n        size=\"sm\"\n        outlined\n        class=\"wr-event-calendar__step\"\n        [attr.aria-label]=\"nextLabel\"\n        (click)=\"step(1)\"\n      >\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n    </div>\n\n    <h2 class=\"wr-event-calendar__title\">{{ title() }}</h2>\n\n    @if (switcher().length > 1) {\n      <wr-btn-group>\n        @for (item of switcher(); track item.view) {\n          <button\n            wr-btn\n            type=\"button\"\n            size=\"sm\"\n            [outlined]=\"view() !== item.view\"\n            [color]=\"view() === item.view ? 'primary' : null\"\n            [attr.aria-pressed]=\"view() === item.view\"\n            (click)=\"setView(item.view)\"\n          >\n            {{ item.label }}\n          </button>\n        }\n      </wr-btn-group>\n    }\n  </div>\n}\n\n@if (view() === 'month') {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--month\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      @for (name of weekdayNames(); track $index) {\n        <div role=\"columnheader\" class=\"wr-event-calendar__weekday\">{{ name }}</div>\n      }\n    </div>\n\n    @for (week of weeks(); track week.key; let w = $index) {\n      <div role=\"row\" class=\"wr-event-calendar__row\">\n        @for (cell of week.days; track cell.key; let c = $index) {\n          @let index = w * 7 + c;\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--day\"\n            [class.wr-event-calendar__cell--muted]=\"!cell.inMonth\"\n            [class.wr-event-calendar__cell--today]=\"cell.isToday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(index, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${index}:-1`\"\n            (focusin)=\"onCellFocus(index, -1)\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            <span class=\"wr-event-calendar__daynum\" aria-hidden=\"true\">{{ cell.day }}</span>\n\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container\n                [ngTemplateOutlet]=\"band\"\n                [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '1.75rem' }\"\n              />\n            }\n\n            @if (cell.hidden > 0) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__more\"\n                [style.--wr-event-calendar-lane]=\"maxLanes()\"\n                (click)=\"openDay(cell.date); $event.stopPropagation()\"\n              >\n                {{ moreLabel({ count: cell.hidden }) }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  <div\n    role=\"grid\"\n    class=\"wr-event-calendar__grid wr-event-calendar__grid--time\"\n    [style.--wr-event-calendar-cols]=\"columns().length\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n  >\n    <div role=\"row\" class=\"wr-event-calendar__row\">\n      <div role=\"columnheader\" class=\"wr-event-calendar__gutter\" [attr.aria-label]=\"timeLabel\"></div>\n      @for (column of columns(); track column.key) {\n        <div\n          role=\"columnheader\"\n          class=\"wr-event-calendar__colhead\"\n          [class.wr-event-calendar__colhead--today]=\"column.isToday\"\n        >\n          <span class=\"wr-event-calendar__colhead-weekday\">{{ column.weekday }}</span>\n          <span class=\"wr-event-calendar__colhead-day\">{{ column.day }}</span>\n        </div>\n      }\n    </div>\n\n    @if (hasAllDay()) {\n      <div role=\"row\" class=\"wr-event-calendar__row wr-event-calendar__row--allday\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ allDayLabel }}</div>\n        @for (cell of allDayCells(); track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--allday\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, -1) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"-1\"\n            [attr.data-cell-index]=\"`${c}:-1`\"\n            (focusin)=\"onCellFocus(c, -1)\"\n            (click)=\"onCellClick(cell.date, -1)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.bands; track chip.key) {\n              <ng-container [ngTemplateOutlet]=\"band\" [ngTemplateOutletContext]=\"{ $implicit: chip, offset: '0rem' }\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @for (row of rows(); track row.key) {\n      <div role=\"row\" class=\"wr-event-calendar__row\" [class.wr-event-calendar__row--major]=\"row.major\">\n        <div role=\"rowheader\" class=\"wr-event-calendar__gutter\">{{ row.label }}</div>\n        @for (cell of row.cells; track cell.key; let c = $index) {\n          <div\n            role=\"gridcell\"\n            class=\"wr-event-calendar__cell wr-event-calendar__cell--slot\"\n            [class.wr-event-calendar__cell--major]=\"row.major\"\n            [attr.aria-label]=\"cell.label\"\n            [attr.tabindex]=\"isCursor(c, row.minutes) ? 0 : -1\"\n            [attr.data-cell-date]=\"stamp(cell.date)\"\n            [attr.data-cell-minutes]=\"row.minutes\"\n            [attr.data-cell-index]=\"`${c}:${row.minutes}`\"\n            (focusin)=\"onCellFocus(c, row.minutes)\"\n            (click)=\"onCellClick(cell.date, row.minutes)\"\n            (keydown)=\"onGridKeyDown($event)\"\n          >\n            @for (chip of cell.chips; track chip.key) {\n              <button\n                type=\"button\"\n                class=\"wr-event-calendar__chip wr-event-calendar__chip--time\"\n                [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n                [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n                [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n                [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n                [style.top.%]=\"chip.top\"\n                [style.height.%]=\"chip.height\"\n                [style.left.%]=\"chip.left\"\n                [style.width.%]=\"chip.width\"\n                [attr.aria-label]=\"chipLabel(chip.event)\"\n                (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n                (keydown)=\"onChipKeyDown($event, chip.event)\"\n                (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n              >\n                <span class=\"wr-event-calendar__chip-time\" aria-hidden=\"true\">{{ chipTime(chip.event) }}</span>\n                @if (chipTemplate(); as tpl) {\n                  <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n                } @else {\n                  <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n                }\n\n                @if (canDrag(chip.event) && !chip.continuesAfter) {\n                  <!--\n                    A grab area, not a control: the same resize is on the keyboard\n                    as `Alt` + arrows on the chip itself, so exposing a second\n                    focusable thing here would add a tab stop that leads nowhere.\n                  -->\n                  <span\n                    class=\"wr-event-calendar__resize\"\n                    aria-hidden=\"true\"\n                    (pointerdown)=\"onChipPointerDown($event, chip.event, 'resize')\"\n                  ></span>\n                }\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<!-- One chip shape for both day-spanning cases: month cells and the all-day band. -->\n<ng-template #band let-chip let-offset=\"offset\">\n  <button\n    type=\"button\"\n    class=\"wr-event-calendar__chip wr-event-calendar__chip--band\"\n    [class.wr-event-calendar__chip--dragging]=\"dragging() === chip.event.id\"\n    [class.wr-event-calendar__chip--continues-before]=\"chip.continuesBefore\"\n    [class.wr-event-calendar__chip--continues-after]=\"chip.continuesAfter\"\n    [style.--wr-event-calendar-color]=\"`var(--wr-color-${chip.event.color ?? 'primary'})`\"\n    [style.--wr-event-calendar-span]=\"chip.span\"\n    [style.--wr-event-calendar-lane]=\"chip.lane\"\n    [style.--wr-event-calendar-offset]=\"offset\"\n    [attr.aria-label]=\"chipLabel(chip.event)\"\n    (click)=\"onChipClick(chip.event); $event.stopPropagation()\"\n    (keydown)=\"onChipKeyDown($event, chip.event)\"\n    (pointerdown)=\"onChipPointerDown($event, chip.event, 'move')\"\n  >\n    @if (chipTemplate(); as tpl) {\n      <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: chip.event }\" />\n    } @else {\n      <span class=\"wr-event-calendar__chip-title\" aria-hidden=\"true\">{{ chip.event.title }}</span>\n    }\n  </button>\n</ng-template>\n" }]
         }], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }, { type: i0.Output, args: ["dateChange"] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], slotMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotMinutes", required: false }] }], dayStartHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayStartHour", required: false }] }], dayEndHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayEndHour", required: false }] }], maxLanes: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLanes", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }], eventClick: [{ type: i0.Output, args: ["eventClick"] }], slotClick: [{ type: i0.Output, args: ["slotClick"] }], eventChange: [{ type: i0.Output, args: ["eventChange"] }], chipTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => WrCalendarEventTemplate), { isSignal: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 
 /**