@luzmo/lucero 1.0.1-alpha.3 → 1.0.1-alpha.31

package/components/{button-base-DbkDzb71.js → button-base-B5uul3tZ.js}

@@ -15,18 +15,18 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { r as c, x as i, n as h } from "./base-WsynuqaS.js";
-import { e as u } from "./query-D_KR_GUc.js";
-import { F as p } from "./focusable-BxtpnzWp.js";
-import { L as d } from "./like-anchor-Bvn_vLQ8.js";
-import { O as b } from "./observe-slot-text-BPfIQQtz.js";
-const m = ":host{display:inline-flex;vertical-align:top;--parent-element-progress-circle-size: 18px;--icon-size: 18px}: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: 16px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 20px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 22px}";
-var f = Object.defineProperty, n = (r, t, e, y) => {
-  for (var s = void 0, o = r.length - 1, l; o >= 0; o--)
-    (l = r[o]) && (s = l(t, e, s) || s);
-  return s && f(t, e, s), s;
+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-BjvsvVam.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: 18px}: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: 16px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 20px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 22px}";
+var m = Object.defineProperty, n = (o, e, t, y) => {
+  for (var s = void 0, r = o.length - 1, a; r >= 0; r--)
+    (a = o[r]) && (s = a(e, t, s) || s);
+  return s && m(e, t, s), s;
 };
-class a extends b(
+class l extends b(
   d(p),
   "",
   ["luzmo-overlay,luzmo-tooltip"]
@@ -36,15 +36,30 @@ class a extends b(
       capture: !0
     });
   }
+  /**
+   * @internal
+   */
   static get styles() {
-    return [c(m)];
+    return [c(f)];
   }
+  /**
+   * @internal
+   * The element that receives focus when the button is focused.
+   */
   get focusElement() {
     return this;
   }
+  /**
+   * @internal
+   * Whether the button has a label.
+   */
   get hasLabel() {
     return this.slotHasContent;
   }
+  /**
+   * @internal
+   * The content of the button.
+   */
   get buttonContent() {
     return [
       i` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,
@@ -55,23 +70,23 @@ class a extends b(
       `
     ];
   }
-  handleClickCapture(t) {
+  handleClickCapture(e) {
     if (this.disabled)
-      return t.preventDefault(), t.stopImmediatePropagation(), t.stopPropagation(), !1;
+      return e.preventDefault(), e.stopImmediatePropagation(), e.stopPropagation(), !1;
     this.shouldProxyClick();
   }
   proxyFocus() {
     this.focus();
   }
   shouldProxyClick() {
-    let t = !1;
+    let e = !1;
     if (this.anchorElement)
-      this.anchorElement.click(), t = !0;
+      this.anchorElement.click(), e = !0;
     else if (this.type !== "button") {
-      const e = document.createElement("button");
-      e.type = this.type, this.insertAdjacentElement("afterend", e), e.click(), e.remove(), t = !0;
+      const t = typeof document > "u" ? null : document.createElement("button");
+      t && (t.type = this.type, this.insertAdjacentElement("afterend", t), t.click(), t.remove()), e = !0;
     }
-    return t;
+    return e;
   }
   renderAnchor() {
     return i`
@@ -89,18 +104,18 @@ class a extends b(
   render() {
     return this.href && this.href.length > 0 ? this.renderAnchor() : this.renderButton();
   }
-  handleKeydown(t) {
-    const { code: e } = t;
-    switch (e) {
+  handleKeydown(e) {
+    const { code: t } = e;
+    switch (t) {
       case "Space": {
-        t.preventDefault(), this.href === void 0 && (this.addEventListener("keyup", this.handleKeyup), this.active = !0);
+        e.preventDefault(), this.href === void 0 && (this.addEventListener("keyup", this.handleKeyup), this.active = !0);
         break;
       }
     }
   }
-  handleKeypress(t) {
-    const { code: e } = t;
-    switch (e) {
+  handleKeypress(e) {
+    const { code: t } = e;
+    switch (t) {
       case "Enter":
       case "NumpadEnter": {
         this.click();
@@ -108,9 +123,9 @@ class a extends b(
       }
     }
   }
-  handleKeyup(t) {
-    const { code: e } = t;
-    switch (e) {
+  handleKeyup(e) {
+    const { code: t } = e;
+    switch (t) {
       case "Space": {
         this.removeEventListener("keyup", this.handleKeyup), this.active = !1, this.click();
         break;
@@ -120,25 +135,25 @@ class a extends b(
   manageAnchor() {
     this.href && this.href.length > 0 ? (!this.hasAttribute("role") || this.getAttribute("role") === "button") && this.setAttribute("role", "link") : (!this.hasAttribute("role") || this.getAttribute("role") === "link") && this.setAttribute("role", "button");
   }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), t.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label")), this.manageAnchor(), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("keypress", this.handleKeypress);
+  firstUpdated(e) {
+    super.firstUpdated(e), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), e.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label")), this.manageAnchor(), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("keypress", this.handleKeypress);
   }
-  updated(t) {
-    super.updated(t), t.has("href") && this.manageAnchor(), this.anchorElement && (this.anchorElement.addEventListener("focus", this.proxyFocus), this.anchorElement.tabIndex = -1);
+  updated(e) {
+    super.updated(e), e.has("href") && this.manageAnchor(), this.anchorElement && (this.anchorElement.addEventListener("focus", this.proxyFocus), this.anchorElement.tabIndex = -1);
   }
-  update(t) {
-    super.update(t), t.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label"));
+  update(e) {
+    super.update(e), e.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label"));
   }
 }
 n([
   h({ type: Boolean, reflect: !0 })
-], a.prototype, "active");
+], l.prototype, "active");
 n([
   h({ type: String })
-], a.prototype, "type");
+], l.prototype, "type");
 n([
   u(".anchor")
-], a.prototype, "anchorElement");
+], l.prototype, "anchorElement");
 export {
-  a as L
+  l as L
 };

package/components/button-base-C7or8-FB.cjs

@@ -0,0 +1,25 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const i=require("lit"),l=require("lit/decorators.js"),c=require("./focusable-CbVKgGfS.cjs"),u=require("./like-anchor-B2EqJPdw.cjs"),p=require("./observe-slot-text-CBMHpuIK.cjs"),d=":host{display:inline-flex;vertical-align:top;--parent-element-progress-circle-size: 18px;--icon-size: 18px}: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: 16px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 20px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 22px}";var b=Object.defineProperty,a=(o,e,t,f)=>{for(var s=void 0,n=o.length-1,h;n>=0;n--)(h=o[n])&&(s=h(e,t,s)||s);return s&&b(e,t,s),s};class r extends p.ObserveSlotText(u.LikeAnchor(c.Focusable),"",["luzmo-overlay,luzmo-tooltip"]){constructor(){super(),this.active=!1,this.type="button",this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener("click",this.handleClickCapture,{capture:!0})}static get styles(){return[i.unsafeCSS(d)]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[i.html` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,i.html`
+        <span id="label">
+          <slot @slotchange=${this.manageTextObservedSlot}></slot>
+        </span>
+      `]}handleClickCapture(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),!1;this.shouldProxyClick()}proxyFocus(){this.focus()}shouldProxyClick(){let e=!1;if(this.anchorElement)this.anchorElement.click(),e=!0;else if(this.type!=="button"){const t=typeof document>"u"?null:document.createElement("button");t&&(t.type=this.type,this.insertAdjacentElement("afterend",t),t.click(),t.remove()),e=!0}return e}renderAnchor(){return i.html`
+      ${this.buttonContent}
+      ${super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor hidden"})}
+    `}renderButton(){return i.html` ${this.buttonContent} `}render(){return this.href&&this.href.length>0?this.renderAnchor():this.renderButton()}handleKeydown(e){const{code:t}=e;switch(t){case"Space":{e.preventDefault(),this.href===void 0&&(this.addEventListener("keyup",this.handleKeyup),this.active=!0);break}}}handleKeypress(e){const{code:t}=e;switch(t){case"Enter":case"NumpadEnter":{this.click();break}}}handleKeyup(e){const{code:t}=e;switch(t){case"Space":{this.removeEventListener("keyup",this.handleKeyup),this.active=!1,this.click();break}}}manageAnchor(){this.href&&this.href.length>0?(!this.hasAttribute("role")||this.getAttribute("role")==="button")&&this.setAttribute("role","link"):(!this.hasAttribute("role")||this.getAttribute("role")==="link")&&this.setAttribute("role","button")}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),e.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),this.manageAnchor(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}updated(e){super.updated(e),e.has("href")&&this.manageAnchor(),this.anchorElement&&(this.anchorElement.addEventListener("focus",this.proxyFocus),this.anchorElement.tabIndex=-1)}update(e){super.update(e),e.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}}a([l.property({type:Boolean,reflect:!0})],r.prototype,"active");a([l.property({type:String})],r.prototype,"type");a([l.query(".anchor")],r.prototype,"anchorElement");exports.LuzmoButtonBase=r;

package/components/button-group/index.cjs

@@ -15,4 +15,4 @@
  * 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 o=require("../base-CBCg3yyw.cjs"),u=require("../sized-mixin-CPxE5C96.cjs"),c=":host{gap:var(--luzmo-button-group-spacing-horizontal, var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content, normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical, var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal: 16px;--button-group-spacing-vertical: 16px}:host([size=s]){--button-group-spacing-horizontal: 12px;--button-group-spacing-vertical: 12px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow: 1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: right}";var p=Object.defineProperty,g=(n,e,l,i)=>{for(var t=void 0,r=n.length-1,a;r>=0;r--)(a=n[r])&&(t=a(e,l,t)||t);return t&&p(e,l,t),t};class s extends u.SizedMixin(o.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[o.r(c)]}handleSlotchange({target:e}){e.assignedElements().forEach(i=>{i.size=this.size})}render(){return o.x` <slot @slotchange=${this.handleSlotchange}></slot> `}}g([o.n({type:Boolean,reflect:!0})],s.prototype,"vertical");customElements.get("luzmo-button-group")||customElements.define("luzmo-button-group",s);exports.LuzmoButtonGroup=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lit"),u=require("lit/decorators.js"),c=require("../base-5nDSSNeT.cjs"),p=require("../sized-mixin-DcvJLFeo.cjs"),g=":host{gap:var(--luzmo-button-group-spacing-horizontal, var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content, normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical, var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal: 16px;--button-group-spacing-vertical: 16px}:host([size=s]){--button-group-spacing-horizontal: 12px;--button-group-spacing-vertical: 12px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow: 1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: right}";var m=Object.defineProperty,h=(o,e,n,s)=>{for(var t=void 0,r=o.length-1,i;r>=0;r--)(i=o[r])&&(t=i(e,n,t)||t);return t&&m(e,n,t),t};class l extends p.SizedMixin(c.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[a.unsafeCSS(g)]}handleSlotchange({target:e}){e.assignedElements().forEach(s=>{s.size=this.size})}render(){return a.html` <slot @slotchange=${this.handleSlotchange}></slot> `}}h([u.property({type:Boolean,reflect:!0})],l.prototype,"vertical");customElements.get("luzmo-button-group")||customElements.define("luzmo-button-group",l);exports.LuzmoButtonGroup=l;

package/components/button-group/index.js

@@ -15,29 +15,31 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as m, r as a, x as s, n as z } from "../base-WsynuqaS.js";
-import { S as d } from "../sized-mixin-D4ACoVUr.js";
-const c = () => {
+import { unsafeCSS as c, html as a } from "lit";
+import { property as s } from "lit/decorators.js";
+import { a as z } from "../base-CdYjmV_8.js";
+import { S as d } from "../sized-mixin-cJbo3PKR.js";
+const m = () => {
   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);
   }
 };
-c();
+m();
 const g = ":host{gap:var(--luzmo-button-group-spacing-horizontal, var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content, normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical, var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal: 16px;--button-group-spacing-vertical: 16px}:host([size=s]){--button-group-spacing-horizontal: 12px;--button-group-spacing-vertical: 12px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow: 1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: right}";
 var p = Object.defineProperty, f = (o, r, e, u) => {
   for (var l = void 0, t = o.length - 1, n; t >= 0; t--)
     (n = o[t]) && (l = n(r, e, l) || l);
   return l && p(r, e, l), l;
 };
-class i extends d(m, {
+class i extends d(z, {
   noDefaultSize: !0
 }) {
   constructor() {
     super(...arguments), this.vertical = !1;
   }
   static get styles() {
-    return [a(g)];
+    return [c(g)];
   }
   handleSlotchange({
     target: r
@@ -47,11 +49,11 @@ class i extends d(m, {
     });
   }
   render() {
-    return s` <slot @slotchange=${this.handleSlotchange}></slot> `;
+    return a` <slot @slotchange=${this.handleSlotchange}></slot> `;
   }
 }
 f([
-  z({ type: Boolean, reflect: !0 })
+  s({ type: Boolean, reflect: !0 })
 ], i.prototype, "vertical");
 customElements.get("luzmo-button-group") || customElements.define("luzmo-button-group", i);
 export {

package/components/calendar/index.cjs

@@ -15,4 +15,99 @@
  * 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 e=require("../index-BLWuwZXx.cjs");exports.LuzmoCalendar=e.LuzmoCalendar;
+"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-5nDSSNeT.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`
+      <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=${m.luzmoAngleLeft}
+              ></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=${m.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`
+      <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 s.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`
+      <th role="columnheader" scope="col" class="table-cell">
+        <abbr class="dayOfWeek" title=${e.long}> ${e.narrow} </abbr>
+      </th>
+    `}renderCalendarTableBody(){return s.html`
+      <tbody role="presentation">
+        ${this.renderCalendarWeeks()}
+      </tbody>
+    `}renderCalendarWeeks(){return this.currentMonthDates.map(e=>s.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`
+      <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}
+          data-value=${e.toString()}
+          @mousedown=${this.handleDaySelect}
+        >
+          <span role="presentation" class=${p.classMap(y)}>
+            ${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;