@luzmo/lucero 1.0.1-alpha.64 → 1.0.1-alpha.66

package/components/accordion/index.js

@@ -17,12 +17,12 @@
  * */
 import { unsafeCSS as z, html as m } from "lit";
 import { property as a, queryAssignedNodes as v } from "lit/decorators.js";
-import { L as p } from "../base-DA-IfpPk.js";
+import { a as p } from "../base-BUViEg_7.js";
 import { F as f } from "../focus-group-DHeTq18L.js";
 import { S as h } from "../sized-mixin-cJbo3PKR.js";
 import { luzmoIcon as b, luzmoAngleRight as x } from "@luzmo/icons";
 import { when as y } from "lit/directives/when.js";
-import { F as k } from "../focusable-DMl8nuHx.js";
+import { F as k } from "../focusable-BM1nd-dI.js";
 const g = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");

package/components/action-bar/index.js

@@ -18,12 +18,12 @@
 import { unsafeCSS as b, html as z } from "lit";
 import { property as t } from "lit/decorators.js";
 import { ifDefined as m } from "lit/directives/if-defined.js";
-import { L as p } from "../base-DA-IfpPk.js";
+import { a as p } from "../base-BUViEg_7.js";
 import { F as d } from "../focus-visible-BvScGDCE.js";
-import "../action-group-BDdRHYNo.js";
-import "../close-button-1l5b3LRg.js";
-import "../field-label-DWMbxMEF.js";
-import "../popover-3xG5ZKzr.js";
+import "../action-group-CqAXlI_I.js";
+import "../close-button-po7k74tH.js";
+import "../field-label-BxW2RJMY.js";
+import "../popover-9RrCrbbh.js";
 const s = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");

package/components/action-button/index.js

@@ -19,7 +19,7 @@ import { luzmoIcon as s, luzmoCornerTriangle as g } from "@luzmo/icons";
 import { unsafeCSS as m, html as h } from "lit";
 import { property as a } from "lit/decorators.js";
 import { S as v } from "../sized-mixin-cJbo3PKR.js";
-import { L as z } from "../button-base-CAXH68Sp.js";
+import { L as z } from "../button-base-npzdrTiY.js";
 const d = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const c = document.createElement("style");

package/components/action-group/index.js

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as r } from "../action-group-BDdRHYNo.js";
+import { L as r } from "../action-group-CqAXlI_I.js";
 const l = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/{action-group-BDdRHYNo.js → action-group-CqAXlI_I.js}

@@ -18,7 +18,7 @@
 import { unsafeCSS as d, html as p } from "lit";
 import { MutationController as g } from "@lit-labs/observers/mutation-controller.js";
 import { property as c, query as h } from "lit/decorators.js";
-import { L as b } from "./base-DA-IfpPk.js";
+import { a as b } from "./base-BUViEg_7.js";
 import { R as m } from "./roving-tabindex-DOg4z6ZU.js";
 import { S as v } from "./sized-mixin-cJbo3PKR.js";
 const z = ":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";

package/components/action-menu/index.js

@@ -22,7 +22,7 @@ import { ifDefined as a } from "lit/directives/if-defined.js";
 import { O as p } from "../observe-slot-presence-DFi6GE3H.js";
 import { O as h } from "../observe-slot-text-DorVpCL4.js";
 import { S as f } from "../slottable-request-event-DggLA4Rx.js";
-import { a as x, D as v } from "../picker-BEvjNJ5y.js";
+import { L as x, D as v } from "../picker-J60emx7z.js";
 import "../action-button/index.js";
 import "../icon/index.js";
 import "../overlay/index.js";

package/components/avatar/index.js

@@ -18,7 +18,7 @@
 import { unsafeCSS as n, html as m } from "lit";
 import { property as i, query as d } from "lit/decorators.js";
 import { ifDefined as z } from "lit/directives/if-defined.js";
-import { F as v } from "../focusable-DMl8nuHx.js";
+import { F as v } from "../focusable-BM1nd-dI.js";
 import { L as b } from "../like-anchor-CgqCU210.js";
 import { S as g, E as f } from "../sized-mixin-cJbo3PKR.js";
 const s = () => {

package/components/badge/index.js

@@ -17,7 +17,7 @@
  * */
 import { unsafeCSS as u, html as b } from "lit";
 import { property as c } from "lit/decorators.js";
-import { L as s } from "../base-DA-IfpPk.js";
+import { a as s } from "../base-BUViEg_7.js";
 import { O as m } from "../observe-slot-text-DorVpCL4.js";
 import { S as z } from "../sized-mixin-cJbo3PKR.js";
 const g = () => {

package/components/{base-DA-IfpPk.js → base-BUViEg_7.js}

@@ -91,6 +91,6 @@ function f(i) {
 class b extends f(u) {
 }
 export {
-  b as L,
-  f as a
+  f as L,
+  b as a
 };

package/components/button/index.js

@@ -17,11 +17,11 @@
  * */
 import { unsafeCSS as d, html as i } from "lit";
 import { property as n } from "lit/decorators.js";
-import { P as h } from "../pending-state-CkX6x_ad.js";
+import { P as h } from "../pending-state-DEYcMdvk.js";
 import { S as s } from "../sized-mixin-cJbo3PKR.js";
-import { L as v } from "../button-base-CAXH68Sp.js";
+import { L as v } from "../button-base-npzdrTiY.js";
 import { luzmoIcon as f, luzmoClear12 as z, luzmoClear as p, luzmoClear14 as k } from "@luzmo/icons";
-import { L as w } from "../close-button-1l5b3LRg.js";
+import { L as w } from "../close-button-po7k74tH.js";
 const m = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");

package/components/{button-base-CAXH68Sp.js → button-base-npzdrTiY.js}

@@ -17,7 +17,7 @@
  * */
 import { unsafeCSS as c, html as i } from "lit";
 import { property as h, query as u } from "lit/decorators.js";
-import { F as p } from "./focusable-DMl8nuHx.js";
+import { F as p } from "./focusable-BM1nd-dI.js";
 import { L as d } from "./like-anchor-CgqCU210.js";
 import { O as b } from "./observe-slot-text-DorVpCL4.js";
 const f = ":host{display:inline-flex;vertical-align:top;--parent-element-progress-circle-size: 18px;--icon-size: 16px}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;top:0;right:0;bottom:0;left:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align: 0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentcolor;stroke:currentcolor;block-size:var(--luzmo-button-icon-size, var(--icon-size));inline-size:var(--luzmo-button-icon-size, var(--icon-size))}[icon-only]+#label{display:contents}:host([size=s]){--parent-element-progress-circle-size: 16px;--icon-size: 14px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 18px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 20px}";

package/components/button-group/index.js

@@ -17,7 +17,7 @@
  * */
 import { unsafeCSS as i, html as a } from "lit";
 import { property as s } from "lit/decorators.js";
-import { L as z } from "../base-DA-IfpPk.js";
+import { a as z } from "../base-BUViEg_7.js";
 import { S as g } from "../sized-mixin-cJbo3PKR.js";
 const c = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

package/components/calendar/calendar.d.ts

@@ -13,7 +13,15 @@ export interface DateCellProperties {
     isSelected: boolean;
     isDisabled: boolean;
     isTabbable: boolean;
+    isRangeSelection: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isSelectionStart: boolean;
+    isSelectionEnd: boolean;
 }
+export type CalendarSelectionMode = 'single' | 'range';
+export type CalendarViewMode = 'days' | 'years';
+export declare const YEARS_PER_PAGE = 16;
 export interface CalendarLabels {
     previous: string;
     next: string;
@@ -60,6 +68,20 @@ export declare class LuzmoCalendar extends LuzmoCalendar_base {
      * and can be overridden to localize the content.
      */
     labels: CalendarLabels;
+    /**
+     * Selection mode: 'single' for a single date, 'range' for start/end date selection.
+     */
+    selectionMode: CalendarSelectionMode;
+    /**
+     * The start date of the range selection (ISO date string, e.g. '2024-01-15').
+     * Only used when selectionMode is 'range'.
+     */
+    startDate?: string;
+    /**
+     * The end date of the range selection (ISO date string, e.g. '2024-01-20').
+     * Only used when selectionMode is 'range'.
+     */
+    endDate?: string;
     /**
      * The date that indicates the current position in the calendar.
      * @internal
@@ -95,6 +117,32 @@ export declare class LuzmoCalendar extends LuzmoCalendar_base {
      * @internal
      */
     private _max?;
+    /**
+     * Parsed start date for range selection
+     * @internal
+     */
+    private _startDate?;
+    /**
+     * Parsed end date for range selection
+     * @internal
+     */
+    private _endDate?;
+    /**
+     * The date being hovered, used for range preview between start and end
+     * during range selection. Can be set externally to synchronize hover
+     * previews across multiple calendar instances.
+     */
+    hoveredDate?: CalendarDate;
+    /**
+     * Current view mode: 'days' shows month grid, 'years' shows year grid
+     * @internal
+     */
+    private viewMode;
+    /**
+     * The base year for the year grid view (start of the displayed range)
+     * @internal
+     */
+    private yearGridStart;
     /**
      * The weekdays of the calendar, narrow and long
      * @internal
@@ -133,7 +181,9 @@ export declare class LuzmoCalendar extends LuzmoCalendar_base {
      * Useful while navigating through the calendar as the focus might be lost when the month changes.
      */
     private focusCurrentDate;
+    private parseDateOnly;
     private convertToCalendarDates;
+    private convertRangeDates;
     /**
      * Validates the component's date properties (min, max and value) compliance with one another.
      * If the [min, max] constraint interval is invalid, both properties are reset.
@@ -174,9 +224,18 @@ export declare class LuzmoCalendar extends LuzmoCalendar_base {
     private renderCalendarWeeks;
     private renderDatesInWeek;
     private parseDateCellProperties;
+    private computeRangeFlags;
     protected renderCalendarTableCell(calendarDate: CalendarDate): TemplateResult;
     private handleKeydown;
     private handleDaySelect;
+    private handleRangeSelect;
+    private handleDayHover;
+    private toggleViewMode;
+    private handlePreviousYearPage;
+    private handleNextYearPage;
+    private handleYearSelect;
+    private renderYearGrid;
+    private handleYearGridKeydown;
     private moveToPreviousDay;
     private moveToNextDay;
     private moveToPreviousWeek;
@@ -212,7 +271,9 @@ export declare class LuzmoCalendar extends LuzmoCalendar_base {
      * @internal
      */
     private numberFormatter;
+    private yearFormatter;
     private setNumberFormatter;
     private formatNumber;
+    private formatYear;
 }
 export {};

package/components/calendar/index.cjs

@@ -15,15 +15,23 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@internationalized/date"),v=require("@internationalized/number"),s=require("lit"),p=require("lit/directives/class-map.js"),z=require("lit/directives/if-defined.js"),f=require("../base-DxRGeCrb.cjs"),x=require("../sized-mixin-DcvJLFeo.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");const m=require("@luzmo/icons"),d=require("lit/decorators.js"),w=':host{inline-size:var(--luzmo-calendar-width, var(--calendar-width));display:inline-block}.header{inline-size:100%;align-items:center;display:flex}.title{color:var(--highcontrast-calendar-date-text-color, var(--luzmo-calendar-date-text-color, var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size, var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight, var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height, var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color, var(--luzmo-calendar-button-icon-color, var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color, var(--luzmo-calendar-day-title-text-color, var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size, var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight, var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{text-decoration:underline;letter-spacing:var(--luzmo-calendar-title-text-letter-spacing, var(--calendar-title-text-letter-spacing));border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size, var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han, var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected, var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight, var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset, var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset, var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected, var(--calendar-day-text-font-weight-cap-selected))}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));content:"";display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color, var(--luzmo-calendar-day-text-color, var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down, var(--luzmo-calendar-day-background-color-down, var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected, var(--luzmo-calendar-day-border-color-cap-selected, var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color, var(--luzmo-calendar-day-today-text-color, var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color, var(--luzmo-calendar-day-today-background-color, var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color, var(--luzmo-calendar-day-today-border-color, var(--calendar-day-today-border-color)))}@media (hover: hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover, var(--luzmo-calendar-day-text-color-hover, var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover, var(--luzmo-calendar-day-background-color-hover, var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover, var(--luzmo-calendar-day-today-background-color-selected-hover, var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled, var(--luzmo-calendar-day-today-text-color-disabled, var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled, var(--luzmo-calendar-day-today-border-color-disabled, var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus, var(--luzmo-calendar-day-background-color-key-focus, var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus, var(--luzmo-calendar-day-text-color-key-focus, var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-cap-selected-focus, var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}@media (forced-colors: active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color: ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected: Highlight;--highcontrast-calendar-day-background-color-down: ButtonFace;--highcontrast-calendar-day-background-color-hover: Transparent;--highcontrast-calendar-day-background-color-key-focus: ButtonFace;--highcontrast-calendar-day-background-color-selected-hover: Transparent;--highcontrast-calendar-day-background-color-selected: Highlight;--highcontrast-calendar-day-border-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-cap-selected: HighlightText;--highcontrast-calendar-day-text-color-disabled: GrayText;--highcontrast-calendar-day-text-color-hover: ButtonText;--highcontrast-calendar-day-text-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-selected: HighlightText;--highcontrast-calendar-day-text-color: CanvasText;--highcontrast-calendar-date-text-color: CanvasText;--highcontrast-calendar-day-title-text-color: CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover: Highlight;--highcontrast-calendar-day-today-border-color-disabled: GrayText;--highcontrast-calendar-day-today-border-color: ButtonText;--highcontrast-calendar-day-today-text-color-disabled: GrayText;--highcontrast-calendar-day-today-text-color: ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:HighlightText}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{background:Highlight;color:HighlightText}}:host{--calendar-background-color: var(--luzmo-background-color-white)}:host{font-family:var(--luzmo-font-family);--calendar-day-width: var(--luzmo-component-height);--calendar-day-height: var(--luzmo-component-height);--calendar-border-radius-reset: 0;--calendar-border-width-reset: 0;--calendar-day-border-size: var(--luzmo-border-width);--calendar-margin-y: calc(var(--luzmo-spacing) * 3);--calendar-margin-x: var(--luzmo-component-height);--calendar-day-padding: var(--luzmo-spacing-2);--calendar-width: calc( (var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7 );--calendar-title-text-letter-spacing: .06em;--calendar-day-title-text-font-weight: bold;--calendar-day-title-text-color: var(--luzmo-font-color-disabled);--calendar-title-height: var(--luzmo-component-height);--calendar-title-font-weight: bold;--calendar-title-text-size: var(--luzmo-font-size);--calendar-day-title-text-size: var(--luzmo-font-size);--calendar-day-text-size-han: var(--luzmo-font-size);--calendar-date-text-color: var(--luzmo-font-color);--calendar-day-text-color: var(--luzmo-font-color);--calendar-day-text-size: var(--luzmo-font-size);--calendar-day-border-radius: var(--luzmo-border-radius);--calendar-day-text-color-selected: var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover: var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected: var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected: var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus: var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected: var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected: var(--bold-font-weight);--calendar-day-today-text-color: var(--luzmo-primary);--calendar-day-today-background-color: var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight: normal;--calendar-day-today-border-color: transparent;--calendar-day-today-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled: transparent;--calendar-day-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus: var(--luzmo-primary-down);--calendar-day-background-color-cap-selected: var(--luzmo-primary);--calendar-button-icon-color: var(--luzmo-font-color)}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width: var(--luzmo-component-height-s);--calendar-day-height: var(--luzmo-component-height-s);--calendar-day-border-radius: var(--luzmo-border-radius-s);--calendar-title-height: var(--luzmo-component-height-s);--calendar-title-text-size: var(--luzmo-font-size-s);--calendar-day-title-text-size: var(--luzmo-font-size-s);--calendar-day-text-size-han: var(--luzmo-font-size-s);--calendar-day-text-size: var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width: var(--luzmo-component-height-l);--calendar-day-height: var(--luzmo-component-height-l);--calendar-day-border-radius: var(--luzmo-border-radius-l);--calendar-title-height: var(--luzmo-component-height-l);--calendar-title-text-size: var(--luzmo-font-size-l);--calendar-day-title-text-size: var(--luzmo-font-size-l);--calendar-day-text-size-han: var(--luzmo-font-size-l);--calendar-day-text-size: var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width: var(--luzmo-component-height-xl);--calendar-day-height: var(--luzmo-component-height-xl);--calendar-day-border-radius: var(--luzmo-border-radius-xl);--calendar-title-height: var(--luzmo-component-height-xl);--calendar-title-text-size: var(--luzmo-font-size-xl);--calendar-day-title-text-size: var(--luzmo-font-size-xl);--calendar-day-text-size-han: var(--luzmo-font-size-xl);--calendar-day-text-size: var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}';var k=Object.defineProperty,D=Object.getOwnPropertyDescriptor,l=(h,e,a,r)=>{for(var o=r>1?void 0:r?D(e,a):e,i=h.length-1,c;i>=0;i--)(c=h[i])&&(o=(r?c(e,a,o):c(o))||o);return r&&o&&k(e,a,o),o};const g=7;class n extends x.SizedMixin(f.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.labels={previous:"Previous",next:"Next",today:"Today",selected:"Selected"},this.currentDate=this.today,this.timeZone=t.getLocalTimeZone(),this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new v.NumberFormatter(this._language),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}static get styles(){return[s.unsafeCSS(w)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:"en"}catch{return"en"}}get today(){return t.today(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate("isDateFocusIntent",!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.resetDateFocusIntent)}clear(){this._value=void 0}willUpdate(e){e.has("language")&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());const a=e.has("min"),r=e.has("max"),o=e.has("value");(a||r||o)&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(a||r),this.updateCurrentDate());const c=e.get("currentDate");e.has("currentDate")&&(!c||!t.isSameMonth(c,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute("aria-label",this.monthAndYear))}updated(e){e.has("currentDate")&&this.isDateFocusIntent&&this.focusCurrentDate()}focusCurrentDate(){var a;const e=(a=this.shadowRoot)==null?void 0:a.querySelector('td span[tabindex="0"]');e&&e.focus()}convertToCalendarDates(){this._min=this.min?t.parseDate(this.min):void 0,this._max=this.max?t.parseDate(this.max):void 0,this._value=this.value?t.parseDate(this.value):void 0;const e="AD";this._min=this._min&&t.toCalendarDate(this._min).set({era:e}),this._max=this._max&&t.toCalendarDate(this._max).set({era:e}),this._value=this._value&&t.toCalendarDate(this._value).set({era:e})}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return s.html` ${this.renderCalendarHeader()}${this.renderCalendarGrid()} `}get monthAndYear(){return this.formatDate(this.currentDate,{month:"long",year:"numeric"})}renderCalendarHeader(){return s.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@internationalized/date"),g=require("@internationalized/number"),c=require("lit"),f=require("lit/directives/class-map.js"),M=require("lit/directives/if-defined.js"),_=require("../base-DxRGeCrb.cjs"),C=require("../sized-mixin-DcvJLFeo.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");const z=require("@luzmo/icons"),i=require("lit/decorators.js"),T=':host{inline-size:var(--luzmo-calendar-width, var(--calendar-width));display:inline-block}.header{inline-size:100%;align-items:center;display:flex}.title{color:var(--highcontrast-calendar-date-text-color, var(--luzmo-calendar-date-text-color, var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size, var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight, var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height, var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color, var(--luzmo-calendar-button-icon-color, var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color, var(--luzmo-calendar-day-title-text-color, var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size, var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight, var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{text-decoration:underline;letter-spacing:var(--luzmo-calendar-title-text-letter-spacing, var(--calendar-title-text-letter-spacing));border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size, var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han, var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected, var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight, var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset, var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset, var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected, var(--calendar-day-text-font-weight-cap-selected))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{z-index:0}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));content:"";display:block;position:absolute;inset-block-start:0;z-index:-1}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color, var(--luzmo-calendar-day-text-color, var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down, var(--luzmo-calendar-day-background-color-down, var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected, var(--luzmo-calendar-day-border-color-cap-selected, var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color, var(--luzmo-calendar-day-today-text-color, var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color, var(--luzmo-calendar-day-today-background-color, var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color, var(--luzmo-calendar-day-today-border-color, var(--calendar-day-today-border-color)))}@media (hover: hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover, var(--luzmo-calendar-day-text-color-hover, var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover, var(--luzmo-calendar-day-background-color-hover, var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover, var(--luzmo-calendar-day-today-background-color-selected-hover, var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled, var(--luzmo-calendar-day-today-text-color-disabled, var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled, var(--luzmo-calendar-day-today-border-color-disabled, var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus, var(--luzmo-calendar-day-background-color-key-focus, var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus, var(--luzmo-calendar-day-text-color-key-focus, var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-cap-selected-focus, var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)))}.date.is-range-selection:not(.is-selection-start):not(.is-selection-end){color:var(--highcontrast-calendar-day-text-color, var(--luzmo-calendar-day-text-color-range-selection, var(--calendar-day-text-color-range-selection, var(--calendar-day-text-color))))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}@media (forced-colors: active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color: ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected: Highlight;--highcontrast-calendar-day-background-color-down: ButtonFace;--highcontrast-calendar-day-background-color-hover: Transparent;--highcontrast-calendar-day-background-color-key-focus: ButtonFace;--highcontrast-calendar-day-background-color-selected-hover: Transparent;--highcontrast-calendar-day-background-color-selected: Highlight;--highcontrast-calendar-day-border-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-cap-selected: HighlightText;--highcontrast-calendar-day-text-color-disabled: GrayText;--highcontrast-calendar-day-text-color-hover: ButtonText;--highcontrast-calendar-day-text-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-selected: HighlightText;--highcontrast-calendar-day-text-color: CanvasText;--highcontrast-calendar-date-text-color: CanvasText;--highcontrast-calendar-day-title-text-color: CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover: Highlight;--highcontrast-calendar-day-today-border-color-disabled: GrayText;--highcontrast-calendar-day-today-border-color: ButtonText;--highcontrast-calendar-day-today-text-color-disabled: GrayText;--highcontrast-calendar-day-today-text-color: ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:HighlightText}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{background:Highlight;color:HighlightText}}:host{--calendar-background-color: var(--luzmo-background-color-white)}:host{font-family:var(--luzmo-font-family);--calendar-day-width: var(--luzmo-component-height);--calendar-day-height: var(--luzmo-component-height);--calendar-border-radius-reset: 0;--calendar-border-width-reset: 0;--calendar-day-border-size: var(--luzmo-border-width);--calendar-margin-y: calc(var(--luzmo-spacing) * 3);--calendar-margin-x: var(--luzmo-component-height);--calendar-day-padding: var(--luzmo-spacing-2);--calendar-width: calc( (var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7 );--calendar-title-text-letter-spacing: .06em;--calendar-day-title-text-font-weight: bold;--calendar-day-title-text-color: var(--luzmo-font-color-disabled);--calendar-title-height: var(--luzmo-component-height);--calendar-title-font-weight: bold;--calendar-title-text-size: var(--luzmo-font-size);--calendar-day-title-text-size: var(--luzmo-font-size);--calendar-day-text-size-han: var(--luzmo-font-size);--calendar-date-text-color: var(--luzmo-font-color);--calendar-day-text-color: var(--luzmo-font-color);--calendar-day-text-size: var(--luzmo-font-size);--calendar-day-border-radius: var(--luzmo-border-radius);--calendar-day-text-color-selected: var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover: var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected: var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected: var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus: var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected: var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected: var(--bold-font-weight);--calendar-day-today-text-color: var(--luzmo-primary);--calendar-day-today-background-color: var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight: normal;--calendar-day-today-border-color: transparent;--calendar-day-today-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled: transparent;--calendar-day-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus: var(--luzmo-primary-down);--calendar-day-background-color-selected: rgba(var(--luzmo-primary-rgb), .1);--calendar-day-text-color-range-selection: var(--luzmo-font-color);--calendar-day-background-color-cap-selected: var(--luzmo-primary);--calendar-button-icon-color: var(--luzmo-font-color)}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width: var(--luzmo-component-height-s);--calendar-day-height: var(--luzmo-component-height-s);--calendar-day-border-radius: var(--luzmo-border-radius-s);--calendar-title-height: var(--luzmo-component-height-s);--calendar-title-text-size: var(--luzmo-font-size-s);--calendar-day-title-text-size: var(--luzmo-font-size-s);--calendar-day-text-size-han: var(--luzmo-font-size-s);--calendar-day-text-size: var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width: var(--luzmo-component-height-l);--calendar-day-height: var(--luzmo-component-height-l);--calendar-day-border-radius: var(--luzmo-border-radius-l);--calendar-title-height: var(--luzmo-component-height-l);--calendar-title-text-size: var(--luzmo-font-size-l);--calendar-day-title-text-size: var(--luzmo-font-size-l);--calendar-day-text-size-han: var(--luzmo-font-size-l);--calendar-day-text-size: var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width: var(--luzmo-component-height-xl);--calendar-day-height: var(--luzmo-component-height-xl);--calendar-day-border-radius: var(--luzmo-border-radius-xl);--calendar-title-height: var(--luzmo-component-height-xl);--calendar-title-text-size: var(--luzmo-font-size-xl);--calendar-day-title-text-size: var(--luzmo-font-size-xl);--calendar-day-text-size-han: var(--luzmo-font-size-xl);--calendar-day-text-size: var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}.title-clickable{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;border-radius:var(--luzmo-border-radius, 4px);padding-inline:var(--luzmo-spacing-2, 4px);transition:background-color var(--luzmo-animation-duration, .13s) ease}.title-clickable:hover{background-color:var(--luzmo-calendar-title-background-color-hover, var(--luzmo-background-color-hover, rgba(0, 0, 0, .05)))}.title-clickable:focus-visible{outline:var(--luzmo-indicator-width, 2px) solid var(--luzmo-indicator-color, var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap, 2px)}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--luzmo-spacing-2, 4px);padding:var(--luzmo-spacing-2, 4px) 0}.year-cell{display:flex;align-items:center;justify-content:center;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));border:var(--luzmo-border-width, 1px) solid transparent;border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));background:none;color:var(--luzmo-calendar-day-text-color, var(--calendar-day-text-color));font-family:var(--luzmo-font-family, inherit);font-size:var(--luzmo-calendar-day-text-size, var(--calendar-day-text-size));cursor:pointer;padding:0;transition:background-color var(--luzmo-animation-duration, .13s) ease}.year-cell:hover{background-color:var(--luzmo-calendar-day-background-color-hover, var(--luzmo-background-color-hover, rgba(0, 0, 0, .05)));color:var(--luzmo-calendar-day-text-color-hover, var(--calendar-day-text-color-hover))}.year-cell:focus-visible{outline:var(--luzmo-indicator-width, 2px) solid var(--luzmo-indicator-color, var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap, 2px)}.year-cell.is-selected{background-color:var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected));color:var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected));font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected, var(--calendar-day-text-font-weight-cap-selected, bold))}.year-cell.is-current-year:not(.is-selected){color:var(--luzmo-calendar-day-today-text-color, var(--calendar-day-today-text-color));font-weight:var(--bold-font-weight, bold)}';var $=Object.defineProperty,F=Object.getOwnPropertyDescriptor,s=(m,e,a,t)=>{for(var r=t>1?void 0:t?F(e,a):e,n=m.length-1,l;n>=0;n--)(l=m[n])&&(r=(t?l(e,a,r):l(r))||r);return t&&r&&$(e,a,r),r};const h=16,x=7;class d extends C.SizedMixin(_.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.labels={previous:"Previous",next:"Next",today:"Today",selected:"Selected"},this.selectionMode="single",this.currentDate=this.today,this.timeZone=o.getLocalTimeZone(),this.viewMode="days",this.yearGridStart=this.today.year-this.today.year%h,this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new g.NumberFormatter(this._language),this.yearFormatter=new g.NumberFormatter(this._language,{useGrouping:!1}),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}static get styles(){return[c.unsafeCSS(T)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:"en"}catch{return"en"}}get today(){return o.today(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate("isDateFocusIntent",!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.resetDateFocusIntent)}clear(){this._value=void 0}willUpdate(e){e.has("language")&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());const a=e.has("min"),t=e.has("max"),r=e.has("value"),n=e.has("startDate"),l=e.has("endDate"),u=a||t||r,v=n||l;u&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(a||t),this.updateCurrentDate()),v&&(this.convertRangeDates(),this._startDate&&!e.has("value")&&!this.value&&(this.currentDate=this._startDate));const y=e.get("currentDate");e.has("currentDate")&&(!y||!o.isSameMonth(y,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute("aria-label",this.monthAndYear))}updated(e){if(e.has("currentDate")&&this.isDateFocusIntent&&this.focusCurrentDate(),e.has("currentDate")){const a=e.get("currentDate"),t=e.has("value")||e.has("startDate")||e.has("endDate");a&&!o.isSameMonth(a,this.currentDate)&&!t&&this.dispatchEvent(new CustomEvent("month-change",{bubbles:!0,composed:!0,detail:{date:o.startOfMonth(this.currentDate).toString()}}))}}focusCurrentDate(){var a;const e=(a=this.shadowRoot)==null?void 0:a.querySelector('td span[tabindex="0"]');e&&e.focus()}parseDateOnly(e){const a=e.includes("T")?e.split("T")[0]:e;return o.parseDate(a)}convertToCalendarDates(){this._min=this.min?this.parseDateOnly(this.min):void 0,this._max=this.max?this.parseDateOnly(this.max):void 0,this._value=this.value?this.parseDateOnly(this.value):void 0;const e="AD";this._min=this._min&&o.toCalendarDate(this._min).set({era:e}),this._max=this._max&&o.toCalendarDate(this._max).set({era:e}),this._value=this._value&&o.toCalendarDate(this._value).set({era:e})}convertRangeDates(){const e="AD";this._startDate=this.startDate?o.toCalendarDate(this.parseDateOnly(this.startDate)).set({era:e}):void 0,this._endDate=this.endDate?o.toCalendarDate(this.parseDateOnly(this.endDate)).set({era:e}):void 0}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return c.html`
+      ${this.renderCalendarHeader()}
+      ${this.viewMode==="years"?this.renderYearGrid():this.renderCalendarGrid()}
+    `}get monthAndYear(){return this.formatDate(this.currentDate,{month:"long",year:"numeric"})}renderCalendarHeader(){const e=this.viewMode==="years"?`${this.formatYear(this.yearGridStart)} – ${this.formatYear(this.yearGridStart+h-1)}`:this.monthAndYear,a=this.viewMode==="years"?this.disabled:this.isPreviousMonthDisabled,t=this.viewMode==="years"?this.disabled:this.isNextMonthDisabled,r=this.viewMode==="years"?this.handlePreviousYearPage:this.handlePreviousMonth,n=this.viewMode==="years"?this.handleNextYearPage:this.handleNextMonth;return c.html`
       <div class="header" @focusin=${this.resetDateFocusIntent}>
         <h2
           class="title"
           aria-live="polite"
           aria-atomic="true"
-          data-test-id="calendar-title"
         >
-          ${this.monthAndYear}
+          <button
+            class="title-clickable"
+            data-test-id="calendar-title"
+            @click=${this.toggleViewMode}
+          >
+            ${e}
+          </button>
         </h2>
 
         <luzmo-action-button
@@ -32,15 +40,15 @@
           label=${this.labels.previous}
           class="prevMonth"
           data-test-id="prev-btn"
-          ?disabled=${this.isPreviousMonthDisabled}
-          @click=${this.handlePreviousMonth}
+          ?disabled=${a}
+          @click=${r}
         >
           <div slot="icon">
             <slot name="prev-icon">
               <luzmo-icon
                 block
                 .size=${this.size}
-                .icon=${m.luzmoAngleLeft}
+                .icon=${z.luzmoAngleLeft}
               ></luzmo-icon>
             </slot>
           </div>
@@ -52,21 +60,21 @@
           label=${this.labels.next}
           class="nextMonth"
           data-test-id="next-btn"
-          ?disabled=${this.isNextMonthDisabled}
-          @click=${this.handleNextMonth}
+          ?disabled=${t}
+          @click=${n}
         >
           <div slot="icon">
             <slot name="next-icon">
               <luzmo-icon
                 block
                 .size=${this.size}
-                .icon=${m.luzmoAngleRight}
+                .icon=${z.luzmoAngleRight}
               ></luzmo-icon>
             </slot>
           </div>
         </luzmo-action-button>
       </div>
-    `}get isPreviousMonthDisabled(){if(this.disabled)return!0;const e=t.startOfMonth(this.currentDate),a=e.subtract({months:1});return e.era!==a.era||t.isSameDay(e,a)}get isNextMonthDisabled(){if(this.disabled)return!0;const e=t.endOfMonth(this.currentDate),a=e.add({months:1});return e.era!==a.era||t.isSameDay(e,a)}handlePreviousMonth(){let e=t.startOfMonth(this.currentDate).subtract({months:1});this._value&&t.isSameMonth(e,this._value)?e=this._value:t.isSameMonth(e,this.today)&&(e=this.today),this.currentDate=e}handleNextMonth(){let e=t.startOfMonth(this.currentDate).add({months:1});this._value&&t.isSameMonth(e,this._value)?e=this._value:t.isSameMonth(e,this.today)&&(e=this.today),this.currentDate=e}renderCalendarGrid(){return s.html`
+    `}get isPreviousMonthDisabled(){if(this.disabled)return!0;const e=o.startOfMonth(this.currentDate),a=e.subtract({months:1});return e.era!==a.era||o.isSameDay(e,a)}get isNextMonthDisabled(){if(this.disabled)return!0;const e=o.endOfMonth(this.currentDate),a=e.add({months:1});return e.era!==a.era||o.isSameDay(e,a)}handlePreviousMonth(){let e=o.startOfMonth(this.currentDate).subtract({months:1});this._value&&o.isSameMonth(e,this._value)?e=this._value:o.isSameMonth(e,this.today)&&(e=this.today),this.currentDate=e}handleNextMonth(){let e=o.startOfMonth(this.currentDate).add({months:1});this._value&&o.isSameMonth(e,this._value)?e=this._value:o.isSameMonth(e,this.today)&&(e=this.today),this.currentDate=e}renderCalendarGrid(){return c.html`
       <table
         role="grid"
         aria-readonly="true"
@@ -77,37 +85,58 @@
       >
         ${this.renderCalendarTableHead()} ${this.renderCalendarTableBody()}
       </table>
-    `}renderCalendarTableHead(){return s.html`
+    `}renderCalendarTableHead(){return c.html`
       <thead role="presentation">
         <tr role="row">
           ${this.renderWeekdayColumns()}
         </tr>
       </thead>
-    `}renderWeekdayColumns(){return this.weekdays.map(e=>this.renderWeekdayColumn(e))}renderWeekdayColumn(e){return s.html`
+    `}renderWeekdayColumns(){return this.weekdays.map(e=>this.renderWeekdayColumn(e))}renderWeekdayColumn(e){return c.html`
       <th role="columnheader" scope="col" class="table-cell">
         <abbr class="dayOfWeek" title=${e.long}> ${e.narrow} </abbr>
       </th>
-    `}renderCalendarTableBody(){return s.html`
+    `}renderCalendarTableBody(){return c.html`
       <tbody role="presentation">
         ${this.renderCalendarWeeks()}
       </tbody>
-    `}renderCalendarWeeks(){return this.currentMonthDates.map(e=>s.html`
+    `}renderCalendarWeeks(){return this.currentMonthDates.map(e=>c.html`
         <tr role="row">
           ${this.renderDatesInWeek(e)}
         </tr>
-      `)}renderDatesInWeek(e){return e.map(a=>this.renderCalendarTableCell(a))}parseDateCellProperties(e){const a={isOutsideMonth:!1,isSelected:!1,isToday:!1,isDisabled:!1,isTabbable:!1};return a.isOutsideMonth=e.month!==this.currentDate.month,a.isOutsideMonth||(a.isDisabled=this.disabled||this.isMinLimitReached(e)||this.isMaxLimitReached(e),a.isToday=t.isSameDay(e,this.today),a.isDisabled)||(a.isTabbable=t.isSameDay(e,this.currentDate),a.isSelected=!!(this._value&&t.isSameDay(this._value,e))),a}renderCalendarTableCell(e){const{isOutsideMonth:a,isSelected:r,isToday:o,isDisabled:i,isTabbable:c}=this.parseDateCellProperties(e),y={date:!0,"is-outsideMonth":a,"is-selected":r,"is-today":o,"is-disabled":i};let u="";o?u=`${this.labels.today}, `:r&&(u=`${this.labels.selected}, `);const b=u+this.formatDate(e,{weekday:"long",year:"numeric",month:"long",day:"numeric"});return s.html`
+      `)}renderDatesInWeek(e){return e.map(a=>this.renderCalendarTableCell(a))}parseDateCellProperties(e){const a={isOutsideMonth:!1,isSelected:!1,isToday:!1,isDisabled:!1,isTabbable:!1,isRangeSelection:!1,isRangeStart:!1,isRangeEnd:!1,isSelectionStart:!1,isSelectionEnd:!1};return a.isOutsideMonth=e.month!==this.currentDate.month,a.isOutsideMonth||(a.isDisabled=this.disabled||this.isMinLimitReached(e)||this.isMaxLimitReached(e),a.isToday=o.isSameDay(e,this.today),a.isDisabled)||(a.isTabbable=o.isSameDay(e,this.currentDate),this.selectionMode==="range"?this.computeRangeFlags(e,a):a.isSelected=!!(this._value&&o.isSameDay(this._value,e))),a}computeRangeFlags(e,a){const t=this._startDate,r=this._endDate??this.hoveredDate;if(!t)return;const n=o.isSameDay(e,t);if(a.isSelectionStart=n,a.isSelected=n,!r){n&&(a.isRangeStart=!0,a.isRangeEnd=!0);return}let l=t,u=r;l.compare(u)>0&&(l=r,u=t);const v=e.compare(l)>=0,y=e.compare(u)<=0;v&&y&&(a.isRangeSelection=!0,a.isSelected=!0),a.isRangeStart=o.isSameDay(e,l),a.isRangeEnd=o.isSameDay(e,u),a.isSelectionStart=a.isRangeStart,a.isSelectionEnd=a.isRangeEnd}renderCalendarTableCell(e){const a=this.parseDateCellProperties(e),{isOutsideMonth:t,isSelected:r,isToday:n,isDisabled:l,isTabbable:u,isRangeSelection:v,isRangeStart:y,isRangeEnd:b,isSelectionStart:D,isSelectionEnd:w}=a,k={date:!0,"is-outsideMonth":t,"is-selected":r,"is-today":n,"is-disabled":l,"is-range-selection":v,"is-range-start":y,"is-range-end":b,"is-selection-start":D,"is-selection-end":w};let p="";n?p=`${this.labels.today}, `:r&&(p=`${this.labels.selected}, `);const S=p+this.formatDate(e,{weekday:"long",year:"numeric",month:"long",day:"numeric"});return c.html`
       <td role="gridcell" class="table-cell">
         <span
           role="button"
-          tabindex=${z.ifDefined(a?void 0:c?"0":"-1")}
-          aria-label=${b}
-          aria-disabled=${a||i}
+          tabindex=${M.ifDefined(t?void 0:u?"0":"-1")}
+          aria-label=${S}
+          aria-disabled=${t||l}
           data-value=${e.toString()}
           @mousedown=${this.handleDaySelect}
+          @mouseenter=${this.handleDayHover}
         >
-          <span role="presentation" class=${p.classMap(y)}>
+          <span role="presentation" class=${f.classMap(k)}>
             ${this.formatNumber(e.day)}
           </span>
         </span>
       </td>
-    `}handleKeydown(e){switch(this.setDateFocusIntent(),e.code){case"ArrowLeft":{this.moveToPreviousDay();break}case"ArrowDown":{this.moveToNextWeek();break}case"ArrowRight":{this.moveToNextDay();break}case"ArrowUp":{this.moveToPreviousWeek();break}case"Space":case"Enter":{this.handleDaySelect(e);break}}}handleDaySelect(e){if(this.disabled){e.preventDefault();return}const a=e.target.closest('span[role="button"]'),r=a&&a.dataset.value;if(!r)return;const o=t.parseDate(r);if(this._value&&t.isSameDay(this._value,o)||this.isMinLimitReached(o)||this.isMaxLimitReached(o)){e.preventDefault();return}this._value=o,this.value=o.toString(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}moveToPreviousDay(){const e=this.currentDate.subtract({days:1});this.canMoveBackToDate(e)&&(this.currentDate=e)}moveToNextDay(){const e=this.currentDate.add({days:1});this.canMoveForwardToDate(e)&&(this.currentDate=e)}moveToPreviousWeek(){const e=this.currentDate.subtract({weeks:1});if(this.canMoveBackToDate(e)){this.currentDate=e;return}let a=e.add({days:1});for(;!this.canMoveBackToDate(a);)a=a.add({days:1});this.currentDate=a}moveToNextWeek(){const e=this.currentDate.add({weeks:1});if(this.canMoveForwardToDate(e)){this.currentDate=e;return}let a=e.subtract({days:1});for(;!this.canMoveForwardToDate(a);)a=a.subtract({days:1});this.currentDate=a}canMoveBackToDate(e){return this.isMinLimitReached(e)?!1:t.isSameMonth(this.currentDate,e)||!this.isPreviousMonthDisabled}canMoveForwardToDate(e){return this.isMaxLimitReached(e)?!1:t.isSameMonth(this.currentDate,e)||!this.isNextMonthDisabled}setWeekdays(){const e=t.startOfWeek(this.currentDate,this._language);this.weekdays=[...Array.from({length:g}).keys()].map(a=>{const r=e.add({days:a});return{narrow:this.formatDate(r,{weekday:"narrow"}),long:this.formatDate(r,{weekday:"long"})}})}setCurrentMonthDates(){const e=t.getWeeksInMonth(this.currentDate,this._language),a=Array.from({length:e});for(const r of Array.from({length:e}).keys())a[r]=this.getDatesInWeek(this.currentDate,r);this.currentMonthDates=a}getDatesInWeek(e,a){const r=[];let o=t.startOfWeek(t.startOfMonth(e).add({weeks:a}),this._language);for(;r.length<g;){r.push(o);const i=o.add({days:1});if(t.isSameDay(o,i))break;o=i}return r}isMinLimitReached(e){return!!(this._min&&e.compare(this._min)<0)}isMaxLimitReached(e){return!!(this._max&&e.compare(this._max)>0)}formatDate(e,a){return new t.DateFormatter(this._language,a).format(e.toDate(this.timeZone))}setNumberFormatter(){this.numberFormatter=new v.NumberFormatter(this._language)}formatNumber(e){return this.numberFormatter.format(e)}}l([d.property({type:String})],n.prototype,"value",2);l([d.property({type:String})],n.prototype,"min",2);l([d.property({type:String})],n.prototype,"max",2);l([d.property({type:Boolean,reflect:!0})],n.prototype,"disabled",2);l([d.property({type:String,reflect:!0})],n.prototype,"language",2);l([d.property({type:Object})],n.prototype,"labels",2);l([d.state()],n.prototype,"currentDate",2);l([d.state()],n.prototype,"_value",2);l([d.state()],n.prototype,"_min",2);l([d.state()],n.prototype,"_max",2);l([d.state()],n.prototype,"weekdays",2);l([d.state()],n.prototype,"currentMonthDates",2);l([d.state()],n.prototype,"isDateFocusIntent",1);customElements.get("luzmo-calendar")||customElements.define("luzmo-calendar",n);exports.LuzmoCalendar=n;
+    `}handleKeydown(e){switch(this.setDateFocusIntent(),e.code){case"ArrowLeft":{this.moveToPreviousDay();break}case"ArrowDown":{this.moveToNextWeek();break}case"ArrowRight":{this.moveToNextDay();break}case"ArrowUp":{this.moveToPreviousWeek();break}case"Space":case"Enter":{this.handleDaySelect(e);break}}}handleDaySelect(e){if(this.disabled){e.preventDefault();return}const a=e.target.closest('span[role="button"]'),t=a&&a.dataset.value;if(!t)return;const r=o.parseDate(t);if(this.isMinLimitReached(r)||this.isMaxLimitReached(r)){e.preventDefault();return}if(this.selectionMode==="range"){this.handleRangeSelect(r);return}if(this._value&&o.isSameDay(this._value,r)){e.preventDefault();return}this._value=r,this.value=r.toString(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}handleRangeSelect(e){if(!this._startDate||this._endDate){this._startDate=e,this._endDate=void 0,this.hoveredDate=void 0,this.startDate=e.toString(),this.endDate=void 0,this.dispatchEvent(new CustomEvent("range-select",{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate,endDate:void 0}}));return}let a=this._startDate,t=e;a.compare(t)>0&&(t=a,a=e),this._startDate=a,this._endDate=t,this.hoveredDate=void 0,this.startDate=a.toString(),this.endDate=t.toString(),this.dispatchEvent(new CustomEvent("range-select",{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate,endDate:this.endDate}}))}handleDayHover(e){if(this.selectionMode!=="range"||!this._startDate||this._endDate)return;const a=e.target.closest('span[role="button"]'),t=a&&a.dataset.value;t&&(this.hoveredDate=o.parseDate(t),this.dispatchEvent(new CustomEvent("hover-date",{bubbles:!0,composed:!0,detail:{date:t}})))}toggleViewMode(){this.disabled||(this.viewMode==="days"?(this.yearGridStart=this.currentDate.year-this.currentDate.year%h,this.viewMode="years"):this.viewMode="days")}handlePreviousYearPage(){this.yearGridStart-=h}handleNextYearPage(){this.yearGridStart+=h}handleYearSelect(e){this.currentDate=this.currentDate.set({year:e,month:1,day:1}),this.setCurrentMonthDates(),this.viewMode="days"}renderYearGrid(){const e=Array.from({length:h},(t,r)=>this.yearGridStart+r),a=this.today.year;return c.html`
+      <div
+        class="year-grid"
+        role="grid"
+        aria-label="${this.formatYear(this.yearGridStart)} – ${this.formatYear(this.yearGridStart+h-1)}"
+        @keydown=${this.handleYearGridKeydown}
+      >
+        ${e.map(t=>{const r=this.currentDate.year===t,l={"year-cell":!0,"is-selected":r,"is-current-year":a===t};return c.html`
+            <button
+              class=${f.classMap(l)}
+              tabindex=${r?"0":"-1"}
+              data-year=${t}
+              aria-label=${t.toString()}
+              aria-selected=${r}
+              @click=${()=>this.handleYearSelect(t)}
+            >
+              ${this.formatYear(t)}
+            </button>
+          `})}
+      </div>
+    `}handleYearGridKeydown(e){const a=e.target,t=Number(a.dataset.year);if(!t)return;let r;switch(e.code){case"ArrowLeft":r=t-1;break;case"ArrowRight":r=t+1;break;case"ArrowUp":r=t-4;break;case"ArrowDown":r=t+4;break;case"Enter":case"Space":e.preventDefault(),this.handleYearSelect(t);return}r!==void 0&&(e.preventDefault(),r<this.yearGridStart?this.yearGridStart-=h:r>=this.yearGridStart+h&&(this.yearGridStart+=h),this.updateComplete.then(()=>{var l;const n=(l=this.shadowRoot)==null?void 0:l.querySelector(`button[data-year="${r}"]`);n==null||n.focus()}))}moveToPreviousDay(){const e=this.currentDate.subtract({days:1});this.canMoveBackToDate(e)&&(this.currentDate=e)}moveToNextDay(){const e=this.currentDate.add({days:1});this.canMoveForwardToDate(e)&&(this.currentDate=e)}moveToPreviousWeek(){const e=this.currentDate.subtract({weeks:1});if(this.canMoveBackToDate(e)){this.currentDate=e;return}let a=e.add({days:1});for(;!this.canMoveBackToDate(a);)a=a.add({days:1});this.currentDate=a}moveToNextWeek(){const e=this.currentDate.add({weeks:1});if(this.canMoveForwardToDate(e)){this.currentDate=e;return}let a=e.subtract({days:1});for(;!this.canMoveForwardToDate(a);)a=a.subtract({days:1});this.currentDate=a}canMoveBackToDate(e){return this.isMinLimitReached(e)?!1:o.isSameMonth(this.currentDate,e)||!this.isPreviousMonthDisabled}canMoveForwardToDate(e){return this.isMaxLimitReached(e)?!1:o.isSameMonth(this.currentDate,e)||!this.isNextMonthDisabled}setWeekdays(){const e=o.startOfWeek(this.currentDate,this._language);this.weekdays=[...Array.from({length:x}).keys()].map(a=>{const t=e.add({days:a});return{narrow:this.formatDate(t,{weekday:"narrow"}),long:this.formatDate(t,{weekday:"long"})}})}setCurrentMonthDates(){const e=o.getWeeksInMonth(this.currentDate,this._language),a=Array.from({length:e});for(const t of Array.from({length:e}).keys())a[t]=this.getDatesInWeek(this.currentDate,t);this.currentMonthDates=a}getDatesInWeek(e,a){const t=[];let r=o.startOfWeek(o.startOfMonth(e).add({weeks:a}),this._language);for(;t.length<x;){t.push(r);const n=r.add({days:1});if(o.isSameDay(r,n))break;r=n}return t}isMinLimitReached(e){return!!(this._min&&e.compare(this._min)<0)}isMaxLimitReached(e){return!!(this._max&&e.compare(this._max)>0)}formatDate(e,a){return new o.DateFormatter(this._language,a).format(e.toDate(this.timeZone))}setNumberFormatter(){this.numberFormatter=new g.NumberFormatter(this._language),this.yearFormatter=new g.NumberFormatter(this._language,{useGrouping:!1})}formatNumber(e){return this.numberFormatter.format(e)}formatYear(e){return this.yearFormatter.format(e)}}s([i.property({type:String})],d.prototype,"value",2);s([i.property({type:String})],d.prototype,"min",2);s([i.property({type:String})],d.prototype,"max",2);s([i.property({type:Boolean,reflect:!0})],d.prototype,"disabled",2);s([i.property({type:String,reflect:!0})],d.prototype,"language",2);s([i.property({type:Object})],d.prototype,"labels",2);s([i.property({type:String,attribute:"selection-mode",reflect:!0})],d.prototype,"selectionMode",2);s([i.property({type:String,attribute:"start-date"})],d.prototype,"startDate",2);s([i.property({type:String,attribute:"end-date"})],d.prototype,"endDate",2);s([i.state()],d.prototype,"currentDate",2);s([i.state()],d.prototype,"_value",2);s([i.state()],d.prototype,"_min",2);s([i.state()],d.prototype,"_max",2);s([i.state()],d.prototype,"_startDate",2);s([i.state()],d.prototype,"_endDate",2);s([i.state()],d.prototype,"hoveredDate",2);s([i.state()],d.prototype,"viewMode",2);s([i.state()],d.prototype,"yearGridStart",2);s([i.state()],d.prototype,"weekdays",2);s([i.state()],d.prototype,"currentMonthDates",2);s([i.state()],d.prototype,"isDateFocusIntent",1);customElements.get("luzmo-calendar")||customElements.define("luzmo-calendar",d);exports.LuzmoCalendar=d;

package/components/calendar/index.d.ts

@@ -5,3 +5,4 @@ declare global {
     }
 }
 export { LuzmoCalendar } from './calendar';
+export type { CalendarLabels, CalendarSelectionMode, CalendarViewMode, CalendarWeekday, DateCellProperties } from './calendar';