@luzmo/lucero 1.0.1-alpha.4 → 1.0.1-alpha.40

package/components/calendar/index.js

@@ -15,14 +15,546 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as u } from "../index-A-yOTB_d.js";
-const l = () => {
+import { getLocalTimeZone as D, today as _, isSameMonth as c, parseDate as y, toCalendarDate as b, startOfMonth as g, isSameDay as u, endOfMonth as M, startOfWeek as f, getWeeksInMonth as C, DateFormatter as T } from "@internationalized/date";
+import { NumberFormatter as p } from "@internationalized/number";
+import { unsafeCSS as S, html as i } from "lit";
+import { classMap as F } from "lit/directives/class-map.js";
+import { ifDefined as $ } from "lit/directives/if-defined.js";
+import { a as I } from "../base-CdYjmV_8.js";
+import { S as W } from "../sized-mixin-cJbo3PKR.js";
+import "../action-button/index.js";
+import "../icon/index.js";
+import { luzmoAngleLeft as N, luzmoAngleRight as B } from "@luzmo/icons";
+import { property as m, state as h } from "lit/decorators.js";
+const k = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const o = document.createElement("style");
-    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
+    const s = document.createElement("style");
+    s.setAttribute("data-luzmo-vars", ""), s.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(s);
   }
 };
-l();
+k();
+const A = ':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 L = Object.defineProperty, O = Object.getOwnPropertyDescriptor, l = (s, e, a, t) => {
+  for (var r = t > 1 ? void 0 : t ? O(e, a) : e, n = s.length - 1, d; n >= 0; n--)
+    (d = s[n]) && (r = (t ? d(e, a, r) : d(r)) || r);
+  return t && r && L(e, a, r), r;
+};
+const x = 7;
+class o extends W(I, {
+  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 = D(), this.weekdays = [], this.currentMonthDates = [], this._isDateFocusIntent = !1, this.numberFormatter = new p(this._language), this.setNumberFormatter(), this.setWeekdays(), this.setCurrentMonthDates();
+  }
+  /**
+   * The styles of the calendar
+   * @internal
+   */
+  static get styles() {
+    return [S(A)];
+  }
+  /**
+   * The language used to format the dates and weekdays.
+   * @internal
+   */
+  get _language() {
+    try {
+      return this.language ? new Intl.Locale(this.language).language : "en";
+    } catch {
+      return "en";
+    }
+  }
+  /**
+   * The current date in the calendar
+   * @internal
+   */
+  get today() {
+    return _(this.timeZone);
+  }
+  set isDateFocusIntent(e) {
+    this._isDateFocusIntent !== e && (this._isDateFocusIntent = e, this.requestUpdate("isDateFocusIntent", !e));
+  }
+  /**
+   * @internal
+   */
+  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);
+  }
+  /**
+   * Resets the component's value
+   */
+  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");
+    (a || t || r) && (this.convertToCalendarDates(), this.checkDatePropsCompliance(a || t), this.updateCurrentDate());
+    const d = e.get("currentDate");
+    e.has("currentDate") && (!d || !c(d, this.currentDate)) && (this.setCurrentMonthDates(), this.setAttribute("aria-label", this.monthAndYear));
+  }
+  updated(e) {
+    e.has("currentDate") && this.isDateFocusIntent && this.focusCurrentDate();
+  }
+  /**
+   * Focuses the tabbable day element in the calendar represented by the current date.
+   * Useful while navigating through the calendar as the focus might be lost when the month changes.
+   */
+  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 ? y(this.min) : void 0, this._max = this.max ? y(this.max) : void 0, this._value = this.value ? y(this.value) : void 0;
+    const e = "AD";
+    this._min = this._min && b(this._min).set({ era: e }), this._max = this._max && b(this._max).set({ era: e }), this._value = this._value && b(this._value).set({ era: e });
+  }
+  /**
+   * 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.
+   * If the value is not within the [min, max] (valid) interval, it is reset.
+   *
+   * @param checkInterval - Whether to check the [min, max] interval
+   */
+  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;
+  }
+  /**
+   * Whether the date is non-compliant with the min and max constraints
+   */
+  isNonCompliantDate(e) {
+    return !!(this._min && e.compare(this._min) < 0 || this._max && e.compare(this._max) > 0);
+  }
+  render() {
+    return i` ${this.renderCalendarHeader()}${this.renderCalendarGrid()} `;
+  }
+  /**
+   * The month and year of the calendar
+   * @internal
+   */
+  get monthAndYear() {
+    return this.formatDate(this.currentDate, {
+      month: "long",
+      year: "numeric"
+    });
+  }
+  renderCalendarHeader() {
+    return i`
+      <div class="header" @focusin=${this.resetDateFocusIntent}>
+        <h2
+          class="title"
+          aria-live="polite"
+          aria-atomic="true"
+          data-test-id="calendar-title"
+        >
+          ${this.monthAndYear}
+        </h2>
+
+        <luzmo-action-button
+          quiet
+          size="s"
+          label=${this.labels.previous}
+          class="prevMonth"
+          data-test-id="prev-btn"
+          ?disabled=${this.isPreviousMonthDisabled}
+          @click=${this.handlePreviousMonth}
+        >
+          <div slot="icon">
+            <slot name="prev-icon">
+              <luzmo-icon
+                block
+                .size=${this.size}
+                .icon=${N}
+              ></luzmo-icon>
+            </slot>
+          </div>
+        </luzmo-action-button>
+
+        <luzmo-action-button
+          quiet
+          size="s"
+          label=${this.labels.next}
+          class="nextMonth"
+          data-test-id="next-btn"
+          ?disabled=${this.isNextMonthDisabled}
+          @click=${this.handleNextMonth}
+        >
+          <div slot="icon">
+            <slot name="next-icon">
+              <luzmo-icon
+                block
+                .size=${this.size}
+                .icon=${B}
+              ></luzmo-icon>
+            </slot>
+          </div>
+        </luzmo-action-button>
+      </div>
+    `;
+  }
+  /**
+   * Whether the previous month is disabled
+   * @internal
+   */
+  get isPreviousMonthDisabled() {
+    if (this.disabled) return !0;
+    const e = g(this.currentDate), a = e.subtract({ months: 1 });
+    return e.era !== a.era || u(e, a);
+  }
+  /**
+   * Whether the next month is disabled
+   * @internal
+   */
+  get isNextMonthDisabled() {
+    if (this.disabled) return !0;
+    const e = M(this.currentDate), a = e.add({ months: 1 });
+    return e.era !== a.era || u(e, a);
+  }
+  handlePreviousMonth() {
+    let e = g(this.currentDate).subtract({
+      months: 1
+    });
+    this._value && c(e, this._value) ? e = this._value : c(e, this.today) && (e = this.today), this.currentDate = e;
+  }
+  handleNextMonth() {
+    let e = g(this.currentDate).add({
+      months: 1
+    });
+    this._value && c(e, this._value) ? e = this._value : c(e, this.today) && (e = this.today), this.currentDate = e;
+  }
+  renderCalendarGrid() {
+    return i`
+      <table
+        role="grid"
+        aria-readonly="true"
+        aria-disabled=${this.disabled}
+        role="presentation"
+        class="table body"
+        @keydown=${this.handleKeydown}
+      >
+        ${this.renderCalendarTableHead()} ${this.renderCalendarTableBody()}
+      </table>
+    `;
+  }
+  renderCalendarTableHead() {
+    return i`
+      <thead role="presentation">
+        <tr role="row">
+          ${this.renderWeekdayColumns()}
+        </tr>
+      </thead>
+    `;
+  }
+  renderWeekdayColumns() {
+    return this.weekdays.map((e) => this.renderWeekdayColumn(e));
+  }
+  renderWeekdayColumn(e) {
+    return i`
+      <th role="columnheader" scope="col" class="table-cell">
+        <abbr class="dayOfWeek" title=${e.long}> ${e.narrow} </abbr>
+      </th>
+    `;
+  }
+  renderCalendarTableBody() {
+    return i`
+      <tbody role="presentation">
+        ${this.renderCalendarWeeks()}
+      </tbody>
+    `;
+  }
+  renderCalendarWeeks() {
+    return this.currentMonthDates.map(
+      (e) => i`
+        <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 = u(e, this.today), a.isDisabled) || (a.isTabbable = u(e, this.currentDate), a.isSelected = !!(this._value && u(this._value, e))), a;
+  }
+  renderCalendarTableCell(e) {
+    const { isOutsideMonth: a, isSelected: t, isToday: r, isDisabled: n, isTabbable: d } = this.parseDateCellProperties(e), z = {
+      date: !0,
+      "is-outsideMonth": a,
+      "is-selected": t,
+      "is-today": r,
+      "is-disabled": n
+    };
+    let v = "";
+    r ? v = `${this.labels.today}, ` : t && (v = `${this.labels.selected}, `);
+    const w = v + this.formatDate(e, {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+    return i`
+      <td role="gridcell" class="table-cell">
+        <span
+          role="button"
+          tabindex=${$(
+      a ? void 0 : d ? "0" : "-1"
+    )}
+          aria-label=${w}
+          aria-disabled=${a || n}
+          data-value=${e.toString()}
+          @mousedown=${this.handleDaySelect}
+        >
+          <span role="presentation" class=${F(z)}>
+            ${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"]'
+    ), t = a && a.dataset.value;
+    if (!t) return;
+    const r = y(t);
+    if (this._value && u(this._value, r) || this.isMinLimitReached(r) || this.isMaxLimitReached(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
+        }
+      })
+    );
+  }
+  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 : c(this.currentDate, e) || !this.isPreviousMonthDisabled;
+  }
+  canMoveForwardToDate(e) {
+    return this.isMaxLimitReached(e) ? !1 : c(this.currentDate, e) || !this.isNextMonthDisabled;
+  }
+  /**
+   * Defines the array with data for the days of the week, starting on the first day of the week according to the
+   * defined location (Sunday, Monday, etc.)
+   */
+  setWeekdays() {
+    const e = f(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" })
+        };
+      }
+    );
+  }
+  /**
+   * Defines the 2D-array with the dates of the current month
+   */
+  setCurrentMonthDates() {
+    const e = C(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;
+  }
+  /**
+   * Returns an array with all days of the week in a specific month, corresponding to the given index,
+   * starting with the first day of the week according to the language
+   *
+   * @param weekIndex - The index of the week
+   */
+  getDatesInWeek(e, a) {
+    const t = [];
+    let r = f(
+      g(e).add({
+        weeks: a
+      }),
+      this._language
+    );
+    for (; t.length < x; ) {
+      t.push(r);
+      const n = r.add({ days: 1 });
+      if (u(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);
+  }
+  /**
+   * Formats a `CalendarDate` object using the current language and the provided date format options
+   *
+   * @param calendarDate - The `CalendarDate` object that will be formatted
+   * @param options - All date format options that will be used by the formatter
+   */
+  formatDate(e, a) {
+    return new T(this._language, a).format(
+      e.toDate(this.timeZone)
+    );
+  }
+  setNumberFormatter() {
+    this.numberFormatter = new p(this._language);
+  }
+  formatNumber(e) {
+    return this.numberFormatter.format(e);
+  }
+}
+l([
+  m({ type: String })
+], o.prototype, "value", 2);
+l([
+  m({ type: String })
+], o.prototype, "min", 2);
+l([
+  m({ type: String })
+], o.prototype, "max", 2);
+l([
+  m({ type: Boolean, reflect: !0 })
+], o.prototype, "disabled", 2);
+l([
+  m({ type: String, reflect: !0 })
+], o.prototype, "language", 2);
+l([
+  m({ type: Object })
+], o.prototype, "labels", 2);
+l([
+  h()
+], o.prototype, "currentDate", 2);
+l([
+  h()
+], o.prototype, "_value", 2);
+l([
+  h()
+], o.prototype, "_min", 2);
+l([
+  h()
+], o.prototype, "_max", 2);
+l([
+  h()
+], o.prototype, "weekdays", 2);
+l([
+  h()
+], o.prototype, "currentMonthDates", 2);
+l([
+  h()
+], o.prototype, "isDateFocusIntent", 1);
+customElements.get("luzmo-calendar") || customElements.define("luzmo-calendar", o);
 export {
-  u as LuzmoCalendar
+  o as LuzmoCalendar
 };