@luzmo/lucero 1.0.3-alpha.0 → 1.0.3-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/README.md +0 -1
  2. package/components/action-bar/index.cjs +1 -1
  3. package/components/action-bar/index.js +1 -1
  4. package/components/{action-bar-BMHZ4e_p.cjs → action-bar-BSMX042X.cjs} +1 -1
  5. package/components/{action-bar-CmLjsljR.js → action-bar-Dn4IDXEF.js} +1 -1
  6. package/components/action-button/action-button.d.ts +11 -0
  7. package/components/action-button/index.cjs +1 -1
  8. package/components/action-button/index.d.ts +1 -0
  9. package/components/action-button/index.js +1 -1
  10. package/components/{action-button-B4_UEJle.js → action-button-BSofLc03.js} +26 -10
  11. package/components/{action-button-G0PWSrZo.cjs → action-button-Cajz7Hgr.cjs} +2 -2
  12. package/components/action-menu/index.cjs +1 -1
  13. package/components/action-menu/index.js +1 -1
  14. package/components/{action-menu-FiS1vhW7.js → action-menu-C04EVpwz.js} +1 -1
  15. package/components/{action-menu-CJyB0mmO.cjs → action-menu-NSNMnYa0.cjs} +1 -1
  16. package/components/button/button.d.ts +1 -1
  17. package/components/button/index.cjs +1 -1
  18. package/components/button/index.js +2 -2
  19. package/components/button-BQlc1FVG.js +124 -0
  20. package/components/button-CpaSKGC_.cjs +20 -0
  21. package/components/{button-base-SHgEJgk2.js → button-base-CzTYjZND.js} +1 -1
  22. package/components/{button-base-BYV3Lp3P.cjs → button-base-Dj2qQqwO.cjs} +1 -1
  23. package/components/button-group/index.cjs +1 -1
  24. package/components/button-group/index.js +1 -1
  25. package/components/{button-group-CJVpgiLq.js → button-group-BiQxYcQ2.js} +10 -1
  26. package/components/{button-group-rEK_YaF3.cjs → button-group-DIz5TZvc.cjs} +1 -1
  27. package/components/calendar/index.cjs +1 -1
  28. package/components/calendar/index.js +1 -1
  29. package/components/{calendar-CKr5T_zV.js → calendar-CFIH72Za.js} +1 -1
  30. package/components/{calendar-WRhzTEyZ.cjs → calendar-CY6JMJfi.cjs} +1 -1
  31. package/components/{close-button-BeXYep8K.js → close-button-MgaJT7yO.js} +1 -1
  32. package/components/{close-button-BzapEpcF.cjs → close-button-_EXjp6_m.cjs} +1 -1
  33. package/components/date-range-picker/index.cjs +1 -1
  34. package/components/date-range-picker/index.js +1 -1
  35. package/components/{date-range-picker-BdRQep--.js → date-range-picker-0s9hOMwi.js} +2 -2
  36. package/components/{date-range-picker-CgitOe0i.cjs → date-range-picker-D-jd-to9.cjs} +1 -1
  37. package/components/date-time-picker/index.cjs +1 -1
  38. package/components/date-time-picker/index.js +1 -1
  39. package/components/{date-time-picker-Ct_ln8Ot.js → date-time-picker-6__gpQQK.js} +2 -2
  40. package/components/{date-time-picker-Bz8XwSOR.cjs → date-time-picker-BMb1clUv.cjs} +1 -1
  41. package/components/index.cjs +1 -1
  42. package/components/index.js +20 -21
  43. package/components/infield-button/index.cjs +1 -1
  44. package/components/infield-button/index.js +1 -1
  45. package/components/{infield-button-B2z0dLzq.js → infield-button-BvKsbtKr.js} +1 -1
  46. package/components/{infield-button-BVKotWqr.cjs → infield-button-D5cuBWE5.cjs} +1 -1
  47. package/components/number-field/index.cjs +1 -1
  48. package/components/number-field/index.js +1 -1
  49. package/components/{number-field-B4RSFeTR.cjs → number-field-BmWODnnR.cjs} +1 -1
  50. package/components/{number-field-C66dTUMM.js → number-field-DrJURvoW.js} +1 -1
  51. package/components/picker-button/index.cjs +1 -1
  52. package/components/picker-button/index.js +1 -1
  53. package/components/{picker-button-BLbeT3Yu.js → picker-button-VAxzuhhg.js} +1 -1
  54. package/components/{picker-button-D34YXyXp.cjs → picker-button-adl1JO5u.cjs} +1 -1
  55. package/components/prompt-box/index.cjs +1 -1
  56. package/components/prompt-box/index.js +1 -1
  57. package/components/{prompt-box-S5HFJkja.js → prompt-box-BeC7ug1f.js} +3 -3
  58. package/components/{prompt-box-D93voODz.cjs → prompt-box-CfKZ5VQx.cjs} +1 -1
  59. package/components/search/index.cjs +1 -1
  60. package/components/search/index.js +1 -1
  61. package/components/{search-DRTD4xsE.cjs → search-CJtgI88g.cjs} +1 -1
  62. package/components/{search-CmLfd2dF.js → search-DUBf5t9V.js} +1 -1
  63. package/components/switch/index.cjs +1 -1
  64. package/components/switch/index.js +1 -1
  65. package/components/tabs/index.cjs +1 -1
  66. package/components/tabs/index.js +1 -1
  67. package/components/{tabs-BthdwrmW.js → tabs-3Bw_PICo.js} +2 -2
  68. package/components/{tabs-BfTgzdid.cjs → tabs-NAfmrkG9.cjs} +1 -1
  69. package/components/tags/index.cjs +1 -1
  70. package/components/tags/index.js +1 -1
  71. package/components/{tags-OBPAvjdV.cjs → tags-CTs77FhK.cjs} +1 -1
  72. package/components/{tags-B89eYzsB.js → tags-DOH-sF2s.js} +1 -1
  73. package/components/toast/index.cjs +1 -1
  74. package/components/toast/index.js +1 -1
  75. package/components/{toast-DKwphMrp.js → toast-Bd0fleYT.js} +1 -1
  76. package/components/{toast-CJSQUzoW.cjs → toast-NZ0Z1lz9.cjs} +1 -1
  77. package/components/top-nav/index.cjs +1 -1
  78. package/components/top-nav/index.js +1 -1
  79. package/components/{top-nav-DVQ5ASMa.js → top-nav-CMVB3G_v.js} +1 -1
  80. package/components/{top-nav-DlTojz8S.cjs → top-nav-bekRXHUk.cjs} +1 -1
  81. package/custom-elements.json +1 -1
  82. package/index.d.ts +0 -1
  83. package/package.json +1 -7
  84. package/components/button-CRNRP8P0.js +0 -115
  85. package/components/button-D3ZTogni.cjs +0 -20
  86. package/components/suggestion/index.cjs +0 -18
  87. package/components/suggestion/index.d.ts +0 -8
  88. package/components/suggestion/index.js +0 -25
  89. package/components/suggestion/suggestion.d.ts +0 -45
  90. package/components/suggestion-CEJiW_7y.cjs +0 -23
  91. package/components/suggestion-DK5gxxDI.js +0 -76
  92. /package/components/{scaled-indicator-BcO2BOsf.js → scaled-indicator-BoLeYSgL.js} +0 -0
  93. /package/components/{scaled-indicator-p8-3k2cJ.cjs → scaled-indicator-DF45Sc3W.cjs} +0 -0
  94. /package/components/{switch-BdE-hI69.js → switch-C5g5t5x2.js} +0 -0
  95. /package/components/{switch-KzkrF-ob.cjs → switch-COhz9ka9.cjs} +0 -0
package/components/button-BQlc1FVG.js ADDED
@@ -0,0 +1,124 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ import { t as e } from "./decorate-aGxJUVxg.js";
19
+ import { n as t } from "./sized-mixin-DaBoZkVS.js";
20
+ import { t as n } from "./button-base-CzTYjZND.js";
21
+ import { t as r } from "./close-button-MgaJT7yO.js";
22
+ import { t as i } from "./pending-state-DFcNf5rd.js";
23
+ import { html as a, unsafeCSS as o } from "lit";
24
+ import { property as s } from "lit/decorators.js";
25
+ import { luzmoClear as c, luzmoClear12 as l, luzmoClear14 as u, luzmoIcon as d } from "@luzmo/icons";
26
+ //#region src/components/button/button.module.scss?inline
27
+ var f = ":host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,2px)));transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out, margin var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap,2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position:absolute;border-radius:var(--luzmo-button-border-radius,var(--button-border-radius));font-size:var(--luzmo-button-font-size,var(--button-font-size));font-weight:var(--luzmo-button-font-weight,var(--luzmo-font-weight));gap:var(--luzmo-button-padding-label-to-icon,var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size,none);min-inline-size:var(--luzmo-button-min-width,var(--button-min-width));min-block-size:var(--luzmo-button-height,var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text,var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block,0);margin-inline-start:var(--luzmo-button-margin-left,0);margin-inline-end:var(--luzmo-button-margin-right,0);position:relative;border-width:var(--luzmo-button-border-width,var(--button-border-width))!important;border-style:var(--luzmo-button-border-style,solid)!important}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px, var(--button-intended-icon-size) - var(--icon-size,var(--button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start,max(0px, var(--luzmo-button-top-to-icon,var(--button-top-to-icon)) - var(--luzmo-button-border-width,var(--button-border-width)) + var(--_icon-size-difference,0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual,var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text,var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:var(--luzmo-button-icon-only-min-inline-size,var(--button-height));padding:calc(var(--luzmo-button-edge-to-visual-only,var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width,var(--button-border-width)));border-radius:var(--luzmo-button-border-radius,var(--button-border-radius))}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}#label{line-height:var(--luzmo-button-line-height,var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align,center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text,var(--button-top-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text,var(--button-bottom-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap,var(--button-focus-ring-gap)) + var(--luzmo-button-border-width,var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius,calc(var(--luzmo-button-border-radius,var(--button-border-radius)) + var(--luzmo-focus-indicator-gap,2px)));transition:box-shadow var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out;pointer-events:none;content:\"\";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, background-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear;border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--luzmo-button-background-color-hover,var(--button-background-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--luzmo-button-content-color-hover,var(--button-content-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--luzmo-button-border-color-hover,var(--button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--luzmo-button-background-color-focus,var(--button-background-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--luzmo-button-content-color-focus,var(--button-content-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--luzmo-button-border-color-focus,var(--button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--luzmo-button-background-color-down,var(--button-background-color-down)));color:var(--highcontrast-button-content-color-down,var(--luzmo-button-content-color-down,var(--button-content-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--luzmo-button-border-color-down,var(--button-border-color-down)))!important}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out, visibility 0s linear var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle,:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}:host([static-color=white][selected]){--button-content-color-default:var(--luzmo-button-static-content-color,#ffffffe6);--button-content-color-hover:var(--luzmo-button-static-content-color,#fff);--button-content-color-down:var(--luzmo-button-static-content-color,#fff);--button-content-color-focus:var(--luzmo-button-static-content-color,#fff)}:host([static-color=black]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--luzmo-progress-circle-track-border-color:ButtonText;--luzmo-progress-circle-track-border-color-over-background:ButtonText;--luzmo-progress-circle-thickness:3px;--luzmo-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) ButtonText}}:host{--button-animation-duration:var(--luzmo-animation-duration);--button-border-radius:var(--luzmo-border-radius);--button-border-width:var(--luzmo-border-width);--button-line-height:1.2;--button-focus-ring-gap:var(--luzmo-indicator-gap);--button-focus-ring-thickness:var(--luzmo-indicator-width);--button-focus-indicator-color:var(--luzmo-primary);--button-intended-icon-size:calc(var(--luzmo-button-icon-size,var(--icon-size)) + 2px);--button-top-to-text:calc(( var(--luzmo-button-height,var(--button-height)) - var(--luzmo-button-font-size,var(--button-font-size)) * var(--luzmo-button-line-height,var(--button-line-height)) ) / 2);--button-bottom-to-text:var(--button-top-to-text);--button-top-to-icon:calc(( var(--luzmo-button-height,var(--button-height)) - var(--button-intended-icon-size) ) / 2);--button-edge-to-visual-only:var(--button-top-to-icon);--button-background-color-default:var(--luzmo-background-color);--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-active);--button-background-color-focus:var(--luzmo-primary);--button-border-color-default:var(--luzmlo-border-color-full);--button-border-color-hover:var(--luzmo-border-color-full-hover);--button-border-color-down:var(--luzmo-border-color-full-down);--button-border-color-focus:var(--luzmo-border-color-full-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-disabled-color);--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative]){--button-background-color-default:var(--luzmo-negative-color);--button-background-color-hover:var(--luzmo-negative-color-hover);--button-background-color-down:var(--luzmo-negative-color-down);--button-background-color-focus:var(--luzmo-negative-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-negative-inverse-color,white);--button-content-color-hover:var(--luzmo-negative-inverse-color,white);--button-content-color-down:var(--luzmo-negative-inverse-color,white);--button-content-color-focus:var(--luzmo-negative-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-negative-color);--button-border-color-hover:var(--luzmo-negative-color-hover);--button-border-color-down:var(--luzmo-negative-color-down);--button-border-color-focus:var(--luzmo-negative-color-focus);--button-content-color-default:var(--luzmo-negative-color);--button-content-color-hover:var(--luzmo-negative-color-down);--button-content-color-down:var(--luzmo-negative-color-down);--button-content-color-focus:var(--luzmo-negative-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=positive]){--button-background-color-default:var(--luzmo-positive-color);--button-background-color-hover:var(--luzmo-positive-color-hover);--button-background-color-down:var(--luzmo-positive-color-down);--button-background-color-focus:var(--luzmo-positive-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-positive-inverse-color,white);--button-content-color-hover:var(--luzmo-positive-inverse-color,white);--button-content-color-down:var(--luzmo-positive-inverse-color,white);--button-content-color-focus:var(--luzmo-positive-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=positive][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-positive-color);--button-border-color-hover:var(--luzmo-positive-color-hover);--button-border-color-down:var(--luzmo-positive-color-down);--button-border-color-focus:var(--luzmo-positive-color-focus);--button-content-color-default:var(--luzmo-positive-color);--button-content-color-hover:var(--luzmo-positive-color-down);--button-content-color-down:var(--luzmo-positive-color-down);--button-content-color-focus:var(--luzmo-positive-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default:var(--luzmo-primary);--button-background-color-hover:var(--luzmo-primary-hover);--button-background-color-down:var(--luzmo-primary-down);--button-background-color-focus:var(--luzmo-primary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-primary);--button-border-color-hover:var(--luzmo-primary-hover);--button-border-color-down:var(--luzmo-primary-down);--button-border-color-focus:var(--luzmo-primary-focus);--button-content-color-default:var(--luzmo-primary);--button-content-color-hover:var(--luzmo-primary-down);--button-content-color-down:var(--luzmo-primary-down);--button-content-color-focus:var(--luzmo-primary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default:var(--luzmo-secondary);--button-background-color-hover:var(--luzmo-secondary-hover);--button-background-color-down:var(--luzmo-secondary-down);--button-background-color-focus:var(--luzmo-secondary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-secondary-inverse-color);--button-content-color-hover:var(--luzmo-secondary-inverse-color);--button-content-color-down:var(--luzmo-secondary-inverse-color);--button-content-color-focus:var(--luzmo-secondary-inverse-color);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-secondary);--button-border-color-hover:var(--luzmo-secondary-hover);--button-border-color-down:var(--luzmo-secondary-down);--button-border-color-focus:var(--luzmo-secondary-focus);--button-content-color-default:var(--luzmo-secondary);--button-content-color-hover:var(--luzmo-secondary-down);--button-content-color-down:var(--luzmo-secondary-down);--button-content-color-focus:var(--luzmo-secondary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-background-color-disabled:transparent;--button-border-color-disabled:transparent}:host([variant=primary][quiet]),:host([variant=secondary][quiet]),:host([variant=negative][quiet]),:host([variant=positive][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent;--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([selected]){--button-background-color-default:var(--luzmo-selected-color);--button-background-color-hover:var(--luzmo-selected-color-hover);--button-background-color-down:var(--luzmo-selected-color-down);--button-background-color-focus:var(--luzmo-selected-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent}:host([selected][emphasized]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent}:host([static-color=white]){--button-background-color-default:rgba(255, 255, 255 .9);--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffffe6;--button-border-color-hover:#fff;--button-border-color-down:#fff;--button-border-color-focus:#fff;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=white][selected]){--button-background-color-default:#ffffffe6;--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-static-white-content-color-default:#000;--button-static-white-content-color-hover:#000;--button-static-white-content-color-down:#000;--button-static-white-content-color-focus:#000;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent}:host([static-color=white][variant=secondary]){--button-background-color-default:#ffffff1a;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffff40;--button-border-color-hover:#fff6;--button-border-color-down:#ffffff8c;--button-border-color-focus:#fff6;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=black]){--button-background-color-default:#000000e6;--button-background-color-hover:#000;--button-background-color-down:#000;--button-background-color-focus:#000;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#0006;--button-border-color-hover:#0000008c;--button-border-color-down:#000000b3;--button-border-color-focus:#0000008c;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary]){--button-background-color-default:#0000001a;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#00000040;--button-border-color-hover:#0006;--button-border-color-down:#0000008c;--button-border-color-focus:#0006;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([size=xs]){--button-min-width:44px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-xs);--button-font-size:11px;--button-edge-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-3);--button-padding-label-to-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--button-min-width:64px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-s);--button-font-size:var(--luzmo-font-size-s);--button-edge-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-4);--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host{--button-min-width:72px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height);--button-font-size:var(--luzmo-font-size-m);--button-edge-to-visual:var(--luzmo-spacing-4);--button-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=l]){--button-min-width:90px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-l);--button-font-size:var(--luzmo-font-size-l);--button-edge-to-visual:var(--luzmo-spacing-5);--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=xl]){--button-min-width:108px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-xl);--button-font-size:var(--luzmo-font-size-xl);--button-edge-to-visual:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-padding-label-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext!important}:host([treatment]:not([disabled]):hover){border-color:highlight!important}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position:relative;--icon-size:inherit}luzmo-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s) forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,var(--focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}", p = [
28
+ "primary",
29
+ "secondary",
30
+ "negative",
31
+ "positive",
32
+ "white",
33
+ "black"
34
+ ], m = class extends t(n, {
35
+ validSizes: [
36
+ "xs",
37
+ "s",
38
+ "m",
39
+ "l",
40
+ "xl"
41
+ ],
42
+ noDefaultSize: !0
43
+ }) {
44
+ static get styles() {
45
+ return [...super.styles, o(f)];
46
+ }
47
+ constructor() {
48
+ super(), this.pendingLabel = "Pending", this.pending = !1, this._variant = "primary", this.treatment = "fill", this._quiet = !1, this.noWrap = !1, this.pendingStateController = new i(this);
49
+ }
50
+ click() {
51
+ this.pending || super.click();
52
+ }
53
+ get variant() {
54
+ return this._variant;
55
+ }
56
+ set variant(e) {
57
+ if (e !== this.variant) {
58
+ switch (this.requestUpdate("variant", this.variant), e) {
59
+ case "white":
60
+ this.staticColor = e, this.removeAttribute("variant");
61
+ return;
62
+ case "black":
63
+ this.staticColor = e, this.removeAttribute("variant");
64
+ return;
65
+ case null: return;
66
+ default:
67
+ this._variant = p.includes(e) ? e : "primary";
68
+ break;
69
+ }
70
+ this.setAttribute("variant", this.variant);
71
+ }
72
+ }
73
+ set quiet(e) {
74
+ this._quiet = e, this.treatment = e ? "outline" : "fill";
75
+ }
76
+ get quiet() {
77
+ return this._quiet;
78
+ }
79
+ firstUpdated(e) {
80
+ super.firstUpdated(e), this.hasAttribute("variant") || this.setAttribute("variant", this.variant), this.pending && this.pendingStateController.hostUpdated();
81
+ }
82
+ renderButton() {
83
+ return a`
84
+ ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
85
+ `;
86
+ }
87
+ };
88
+ e([s({
89
+ type: String,
90
+ attribute: "pending-label"
91
+ })], m.prototype, "pendingLabel", void 0), e([s({
92
+ type: Boolean,
93
+ reflect: !0,
94
+ attribute: !0
95
+ })], m.prototype, "pending", void 0), e([s()], m.prototype, "variant", null), e([s({
96
+ reflect: !0,
97
+ attribute: "static-color"
98
+ })], m.prototype, "staticColor", void 0), e([s({ reflect: !0 })], m.prototype, "treatment", void 0), e([s({
99
+ type: Boolean,
100
+ reflect: !0
101
+ })], m.prototype, "quiet", null), e([s({
102
+ type: Boolean,
103
+ attribute: "no-wrap",
104
+ reflect: !0
105
+ })], m.prototype, "noWrap", void 0);
106
+ //#endregion
107
+ //#region src/components/button/clear-button.module.scss?inline
108
+ var h = ":host{font-size:var(--luzmo-clear-button-icon-size,var(--clear-button-icon-size));cursor:pointer;background-color:initial;background-color:var(--luzmo-clear-button-background-color,transparent);padding:var(--luzmo-clear-button-padding,var(--clear-button-padding));color:var(--luzmo-clear-button-icon-color,var(--clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--luzmo-clear-button-icon-color-hover,var(--clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--luzmo-clear-button-background-color-hover,var(--clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--luzmo-clear-button-icon-color-down,var(--clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-clear-button-background-color-down,var(--clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--luzmo-clear-button-icon-color-key-focus,var(--clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--luzmo-clear-button-background-color-key-focus,var(--clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-clear-button-icon-color-disabled,var(--disabled-content-color));--clear-button-background-color:var(--luzmo-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--luzmo-clear-button-background-color,var(--clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent;--clear-button-icon-size:var(--luzmo-font-size);--clear-button-padding:0px;--clear-button-icon-color:var(--luzmo-font-color);--clear-button-icon-color-hover:var(--luzmo-font-color-hover);--clear-button-icon-color-down:var(--luzmo-font-color-down);--clear-button-icon-color-key-focus:var(--luzmo-font-color-focus)}:host([size=s]){--clear-button-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--clear-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--clear-button-icon-size:var(--luzmo-font-size-xl)}:host .luzmo-ClearButton--quiet{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent}:host([variant=overBackground]){--clear-button-icon-color:#fff;--clear-button-icon-color-hover:#fff;--clear-button-icon-color-down:#fff;--clear-button-icon-color-key-focus:#fff;--clear-button-background-color:transparent;--clear-button-background-color-hover:#ffffff40;--clear-button-background-color-down:#fff6;--clear-button-background-color-key-focus:#ffffff40}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-disabled-color);--clear-button-icon-color-hover:var(--luzmo-disabled-color);--clear-button-icon-color-down:var(--luzmo-disabled-color);--clear-button-background-color:transparent}:host{box-sizing:border-box}", g = (e) => a` <div class="icon" slot="icon">${d(e === "s" ? l : ["xl", "l"].includes(e) ? c : u)}</div> `, _ = class extends t(n, { noDefaultSize: !0 }) {
109
+ constructor(...e) {
110
+ super(...e), this.variant = "";
111
+ }
112
+ static get styles() {
113
+ return [...super.styles, o(h)];
114
+ }
115
+ get buttonContent() {
116
+ return [g(this.size)];
117
+ }
118
+ render() {
119
+ return a` <div class="fill">${super.render()}</div> `;
120
+ }
121
+ };
122
+ e([s({ reflect: !0 })], _.prototype, "variant", void 0), typeof customElements < "u" && !customElements.get("luzmo-button") && customElements.define("luzmo-button", m), typeof customElements < "u" && !customElements.get("luzmo-clear-button") && customElements.define("luzmo-clear-button", _), typeof customElements < "u" && !customElements.get("luzmo-close-button") && customElements.define("luzmo-close-button", r);
123
+ //#endregion
124
+ export { m as n, _ as t };
package/components/button-CpaSKGC_.cjs ADDED
@@ -0,0 +1,20 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./button-base-Dj2qQqwO.cjs`),r=require(`./close-button-_EXjp6_m.cjs`),i=require(`./pending-state-DIeF18qg.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@luzmo/icons`);var c=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,2px)));transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out, margin var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap,2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position:absolute;border-radius:var(--luzmo-button-border-radius,var(--button-border-radius));font-size:var(--luzmo-button-font-size,var(--button-font-size));font-weight:var(--luzmo-button-font-weight,var(--luzmo-font-weight));gap:var(--luzmo-button-padding-label-to-icon,var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size,none);min-inline-size:var(--luzmo-button-min-width,var(--button-min-width));min-block-size:var(--luzmo-button-height,var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text,var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block,0);margin-inline-start:var(--luzmo-button-margin-left,0);margin-inline-end:var(--luzmo-button-margin-right,0);position:relative;border-width:var(--luzmo-button-border-width,var(--button-border-width))!important;border-style:var(--luzmo-button-border-style,solid)!important}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px, var(--button-intended-icon-size) - var(--icon-size,var(--button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start,max(0px, var(--luzmo-button-top-to-icon,var(--button-top-to-icon)) - var(--luzmo-button-border-width,var(--button-border-width)) + var(--_icon-size-difference,0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual,var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text,var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:var(--luzmo-button-icon-only-min-inline-size,var(--button-height));padding:calc(var(--luzmo-button-edge-to-visual-only,var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width,var(--button-border-width)));border-radius:var(--luzmo-button-border-radius,var(--button-border-radius))}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}#label{line-height:var(--luzmo-button-line-height,var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align,center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text,var(--button-top-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text,var(--button-bottom-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap,var(--button-focus-ring-gap)) + var(--luzmo-button-border-width,var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius,calc(var(--luzmo-button-border-radius,var(--button-border-radius)) + var(--luzmo-focus-indicator-gap,2px)));transition:box-shadow var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, background-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear;border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--luzmo-button-background-color-hover,var(--button-background-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--luzmo-button-content-color-hover,var(--button-content-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--luzmo-button-border-color-hover,var(--button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--luzmo-button-background-color-focus,var(--button-background-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--luzmo-button-content-color-focus,var(--button-content-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--luzmo-button-border-color-focus,var(--button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--luzmo-button-background-color-down,var(--button-background-color-down)));color:var(--highcontrast-button-content-color-down,var(--luzmo-button-content-color-down,var(--button-content-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--luzmo-button-border-color-down,var(--button-border-color-down)))!important}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out, visibility 0s linear var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle,:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}:host([static-color=white][selected]){--button-content-color-default:var(--luzmo-button-static-content-color,#ffffffe6);--button-content-color-hover:var(--luzmo-button-static-content-color,#fff);--button-content-color-down:var(--luzmo-button-static-content-color,#fff);--button-content-color-focus:var(--luzmo-button-static-content-color,#fff)}:host([static-color=black]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--luzmo-progress-circle-track-border-color:ButtonText;--luzmo-progress-circle-track-border-color-over-background:ButtonText;--luzmo-progress-circle-thickness:3px;--luzmo-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) ButtonText}}:host{--button-animation-duration:var(--luzmo-animation-duration);--button-border-radius:var(--luzmo-border-radius);--button-border-width:var(--luzmo-border-width);--button-line-height:1.2;--button-focus-ring-gap:var(--luzmo-indicator-gap);--button-focus-ring-thickness:var(--luzmo-indicator-width);--button-focus-indicator-color:var(--luzmo-primary);--button-intended-icon-size:calc(var(--luzmo-button-icon-size,var(--icon-size)) + 2px);--button-top-to-text:calc(( var(--luzmo-button-height,var(--button-height)) - var(--luzmo-button-font-size,var(--button-font-size)) * var(--luzmo-button-line-height,var(--button-line-height)) ) / 2);--button-bottom-to-text:var(--button-top-to-text);--button-top-to-icon:calc(( var(--luzmo-button-height,var(--button-height)) - var(--button-intended-icon-size) ) / 2);--button-edge-to-visual-only:var(--button-top-to-icon);--button-background-color-default:var(--luzmo-background-color);--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-active);--button-background-color-focus:var(--luzmo-primary);--button-border-color-default:var(--luzmlo-border-color-full);--button-border-color-hover:var(--luzmo-border-color-full-hover);--button-border-color-down:var(--luzmo-border-color-full-down);--button-border-color-focus:var(--luzmo-border-color-full-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-disabled-color);--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative]){--button-background-color-default:var(--luzmo-negative-color);--button-background-color-hover:var(--luzmo-negative-color-hover);--button-background-color-down:var(--luzmo-negative-color-down);--button-background-color-focus:var(--luzmo-negative-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-negative-inverse-color,white);--button-content-color-hover:var(--luzmo-negative-inverse-color,white);--button-content-color-down:var(--luzmo-negative-inverse-color,white);--button-content-color-focus:var(--luzmo-negative-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-negative-color);--button-border-color-hover:var(--luzmo-negative-color-hover);--button-border-color-down:var(--luzmo-negative-color-down);--button-border-color-focus:var(--luzmo-negative-color-focus);--button-content-color-default:var(--luzmo-negative-color);--button-content-color-hover:var(--luzmo-negative-color-down);--button-content-color-down:var(--luzmo-negative-color-down);--button-content-color-focus:var(--luzmo-negative-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=positive]){--button-background-color-default:var(--luzmo-positive-color);--button-background-color-hover:var(--luzmo-positive-color-hover);--button-background-color-down:var(--luzmo-positive-color-down);--button-background-color-focus:var(--luzmo-positive-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-positive-inverse-color,white);--button-content-color-hover:var(--luzmo-positive-inverse-color,white);--button-content-color-down:var(--luzmo-positive-inverse-color,white);--button-content-color-focus:var(--luzmo-positive-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=positive][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-positive-color);--button-border-color-hover:var(--luzmo-positive-color-hover);--button-border-color-down:var(--luzmo-positive-color-down);--button-border-color-focus:var(--luzmo-positive-color-focus);--button-content-color-default:var(--luzmo-positive-color);--button-content-color-hover:var(--luzmo-positive-color-down);--button-content-color-down:var(--luzmo-positive-color-down);--button-content-color-focus:var(--luzmo-positive-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default:var(--luzmo-primary);--button-background-color-hover:var(--luzmo-primary-hover);--button-background-color-down:var(--luzmo-primary-down);--button-background-color-focus:var(--luzmo-primary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-primary);--button-border-color-hover:var(--luzmo-primary-hover);--button-border-color-down:var(--luzmo-primary-down);--button-border-color-focus:var(--luzmo-primary-focus);--button-content-color-default:var(--luzmo-primary);--button-content-color-hover:var(--luzmo-primary-down);--button-content-color-down:var(--luzmo-primary-down);--button-content-color-focus:var(--luzmo-primary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default:var(--luzmo-secondary);--button-background-color-hover:var(--luzmo-secondary-hover);--button-background-color-down:var(--luzmo-secondary-down);--button-background-color-focus:var(--luzmo-secondary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-secondary-inverse-color);--button-content-color-hover:var(--luzmo-secondary-inverse-color);--button-content-color-down:var(--luzmo-secondary-inverse-color);--button-content-color-focus:var(--luzmo-secondary-inverse-color);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-secondary);--button-border-color-hover:var(--luzmo-secondary-hover);--button-border-color-down:var(--luzmo-secondary-down);--button-border-color-focus:var(--luzmo-secondary-focus);--button-content-color-default:var(--luzmo-secondary);--button-content-color-hover:var(--luzmo-secondary-down);--button-content-color-down:var(--luzmo-secondary-down);--button-content-color-focus:var(--luzmo-secondary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-background-color-disabled:transparent;--button-border-color-disabled:transparent}:host([variant=primary][quiet]),:host([variant=secondary][quiet]),:host([variant=negative][quiet]),:host([variant=positive][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent;--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([selected]){--button-background-color-default:var(--luzmo-selected-color);--button-background-color-hover:var(--luzmo-selected-color-hover);--button-background-color-down:var(--luzmo-selected-color-down);--button-background-color-focus:var(--luzmo-selected-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent}:host([selected][emphasized]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent}:host([static-color=white]){--button-background-color-default:rgba(255, 255, 255 .9);--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffffe6;--button-border-color-hover:#fff;--button-border-color-down:#fff;--button-border-color-focus:#fff;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=white][selected]){--button-background-color-default:#ffffffe6;--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-static-white-content-color-default:#000;--button-static-white-content-color-hover:#000;--button-static-white-content-color-down:#000;--button-static-white-content-color-focus:#000;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent}:host([static-color=white][variant=secondary]){--button-background-color-default:#ffffff1a;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffff40;--button-border-color-hover:#fff6;--button-border-color-down:#ffffff8c;--button-border-color-focus:#fff6;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=black]){--button-background-color-default:#000000e6;--button-background-color-hover:#000;--button-background-color-down:#000;--button-background-color-focus:#000;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#0006;--button-border-color-hover:#0000008c;--button-border-color-down:#000000b3;--button-border-color-focus:#0000008c;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary]){--button-background-color-default:#0000001a;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#00000040;--button-border-color-hover:#0006;--button-border-color-down:#0000008c;--button-border-color-focus:#0006;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([size=xs]){--button-min-width:44px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-xs);--button-font-size:11px;--button-edge-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-3);--button-padding-label-to-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--button-min-width:64px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-s);--button-font-size:var(--luzmo-font-size-s);--button-edge-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-4);--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host{--button-min-width:72px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height);--button-font-size:var(--luzmo-font-size-m);--button-edge-to-visual:var(--luzmo-spacing-4);--button-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=l]){--button-min-width:90px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-l);--button-font-size:var(--luzmo-font-size-l);--button-edge-to-visual:var(--luzmo-spacing-5);--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=xl]){--button-min-width:108px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-xl);--button-font-size:var(--luzmo-font-size-xl);--button-edge-to-visual:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-padding-label-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext!important}:host([treatment]:not([disabled]):hover){border-color:highlight!important}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position:relative;--icon-size:inherit}luzmo-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s) forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,var(--focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}`,l=[`primary`,`secondary`,`negative`,`positive`,`white`,`black`],u=class extends t.n(n.t,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,(0,a.unsafeCSS)(c)]}constructor(){super(),this.pendingLabel=`Pending`,this.pending=!1,this._variant=`primary`,this.treatment=`fill`,this._quiet=!1,this.noWrap=!1,this.pendingStateController=new i.t(this)}click(){this.pending||super.click()}get variant(){return this._variant}set variant(e){if(e!==this.variant){switch(this.requestUpdate(`variant`,this.variant),e){case`white`:this.staticColor=e,this.removeAttribute(`variant`);return;case`black`:this.staticColor=e,this.removeAttribute(`variant`);return;case null:return;default:this._variant=l.includes(e)?e:`primary`;break}this.setAttribute(`variant`,this.variant)}}set quiet(e){this._quiet=e,this.treatment=e?`outline`:`fill`}get quiet(){return this._quiet}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return a.html`
19
+ ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
20
+ `}};e.t([(0,o.property)({type:String,attribute:`pending-label`})],u.prototype,`pendingLabel`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:!0})],u.prototype,`pending`,void 0),e.t([(0,o.property)()],u.prototype,`variant`,null),e.t([(0,o.property)({reflect:!0,attribute:`static-color`})],u.prototype,`staticColor`,void 0),e.t([(0,o.property)({reflect:!0})],u.prototype,`treatment`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],u.prototype,`quiet`,null),e.t([(0,o.property)({type:Boolean,attribute:`no-wrap`,reflect:!0})],u.prototype,`noWrap`,void 0);var d=`:host{font-size:var(--luzmo-clear-button-icon-size,var(--clear-button-icon-size));cursor:pointer;background-color:initial;background-color:var(--luzmo-clear-button-background-color,transparent);padding:var(--luzmo-clear-button-padding,var(--clear-button-padding));color:var(--luzmo-clear-button-icon-color,var(--clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--luzmo-clear-button-icon-color-hover,var(--clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--luzmo-clear-button-background-color-hover,var(--clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--luzmo-clear-button-icon-color-down,var(--clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-clear-button-background-color-down,var(--clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--luzmo-clear-button-icon-color-key-focus,var(--clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--luzmo-clear-button-background-color-key-focus,var(--clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-clear-button-icon-color-disabled,var(--disabled-content-color));--clear-button-background-color:var(--luzmo-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--luzmo-clear-button-background-color,var(--clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent;--clear-button-icon-size:var(--luzmo-font-size);--clear-button-padding:0px;--clear-button-icon-color:var(--luzmo-font-color);--clear-button-icon-color-hover:var(--luzmo-font-color-hover);--clear-button-icon-color-down:var(--luzmo-font-color-down);--clear-button-icon-color-key-focus:var(--luzmo-font-color-focus)}:host([size=s]){--clear-button-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--clear-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--clear-button-icon-size:var(--luzmo-font-size-xl)}:host .luzmo-ClearButton--quiet{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent}:host([variant=overBackground]){--clear-button-icon-color:#fff;--clear-button-icon-color-hover:#fff;--clear-button-icon-color-down:#fff;--clear-button-icon-color-key-focus:#fff;--clear-button-background-color:transparent;--clear-button-background-color-hover:#ffffff40;--clear-button-background-color-down:#fff6;--clear-button-background-color-key-focus:#ffffff40}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-disabled-color);--clear-button-icon-color-hover:var(--luzmo-disabled-color);--clear-button-icon-color-down:var(--luzmo-disabled-color);--clear-button-background-color:transparent}:host{box-sizing:border-box}`,f=e=>a.html` <div class="icon" slot="icon">${(0,s.luzmoIcon)(e===`s`?s.luzmoClear12:[`xl`,`l`].includes(e)?s.luzmoClear:s.luzmoClear14)}</div> `,p=class extends t.n(n.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,(0,a.unsafeCSS)(d)]}get buttonContent(){return[f(this.size)]}render(){return a.html` <div class="fill">${super.render()}</div> `}};e.t([(0,o.property)({reflect:!0})],p.prototype,`variant`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-button`)&&customElements.define(`luzmo-button`,u),typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,p),typeof customElements<`u`&&!customElements.get(`luzmo-close-button`)&&customElements.define(`luzmo-close-button`,r.t),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
package/components/{button-base-SHgEJgk2.js → button-base-CzTYjZND.js} RENAMED
@@ -22,7 +22,7 @@ import { t as r } from "./observe-slot-text-Ddf1OC6F.js";
22
22
  import { html as i, unsafeCSS as a } from "lit";
23
23
  import { property as o, query as s } from "lit/decorators.js";
24
24
  //#region src/components/button/button-base.module.scss?inline
25
- var c = ":host{vertical-align:top;--parent-element-progress-circle-size:18px;--icon-size:16px;display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after,::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align:0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--luzmo-button-icon-size,var(--icon-size));inline-size:var(--luzmo-button-icon-size,var(--icon-size))}[icon-only]+#label{display:contents}:host([size=s]){--parent-element-progress-circle-size:16px;--icon-size:14px}:host([size=l]){--parent-element-progress-circle-size:20px;--icon-size:18px}:host([size=xl]){--parent-element-progress-circle-size:22px;--icon-size:20px}", l = class extends r(n(t), "", ["luzmo-overlay,luzmo-tooltip"]) {
25
+ var c = ":host{vertical-align:top;--parent-element-progress-circle-size:18px;--icon-size:var(--luzmo-icon-size-m);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after,::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=xs]){--parent-element-progress-circle-size:14px;--icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--parent-element-progress-circle-size:16px;--icon-size:var(--luzmo-icon-size-s)}:host([size=l]){--parent-element-progress-circle-size:20px;--icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--parent-element-progress-circle-size:22px;--icon-size:var(--luzmo-icon-size-xl)}", l = class extends r(n(t), "", ["luzmo-overlay,luzmo-tooltip"]) {
26
26
  static get styles() {
27
27
  return [a(c)];
28
28
  }
package/components/{button-base-BYV3Lp3P.cjs → button-base-Dj2qQqwO.cjs} RENAMED
@@ -15,7 +15,7 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./focusable-CupEoHmn.cjs`),n=require(`./like-anchor-BZJXts_H.cjs`),r=require(`./observe-slot-text-BhTcGuHY.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`);var o=`:host{vertical-align:top;--parent-element-progress-circle-size:18px;--icon-size:16px;display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after,::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align:0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--luzmo-button-icon-size,var(--icon-size));inline-size:var(--luzmo-button-icon-size,var(--icon-size))}[icon-only]+#label{display:contents}:host([size=s]){--parent-element-progress-circle-size:16px;--icon-size:14px}:host([size=l]){--parent-element-progress-circle-size:20px;--icon-size:18px}:host([size=xl]){--parent-element-progress-circle-size:22px;--icon-size:20px}`,s=class extends r.t(n.t(t.t),``,[`luzmo-overlay,luzmo-tooltip`]){static get styles(){return[(0,i.unsafeCSS)(o)]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[i.html` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,i.html`
18
+ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./focusable-CupEoHmn.cjs`),n=require(`./like-anchor-BZJXts_H.cjs`),r=require(`./observe-slot-text-BhTcGuHY.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`);var o=`:host{vertical-align:top;--parent-element-progress-circle-size:18px;--icon-size:var(--luzmo-icon-size-m);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after,::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=xs]){--parent-element-progress-circle-size:14px;--icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--parent-element-progress-circle-size:16px;--icon-size:var(--luzmo-icon-size-s)}:host([size=l]){--parent-element-progress-circle-size:20px;--icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--parent-element-progress-circle-size:22px;--icon-size:var(--luzmo-icon-size-xl)}`,s=class extends r.t(n.t(t.t),``,[`luzmo-overlay,luzmo-tooltip`]){static get styles(){return[(0,i.unsafeCSS)(o)]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[i.html` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,i.html`
19
19
  <span id="label">
20
20
  <slot @slotchange=${this.manageTextObservedSlot}></slot>
21
21
  </span>
package/components/button-group/index.cjs CHANGED
@@ -15,4 +15,4 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../button-group-rEK_YaF3.cjs`);exports.LuzmoButtonGroup=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../button-group-DIz5TZvc.cjs`);exports.LuzmoButtonGroup=e.t;
package/components/button-group/index.js CHANGED
@@ -21,5 +21,5 @@
21
21
  e.setAttribute("data-luzmo-vars", ""), e.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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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-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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--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: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
22
22
  }
23
23
  })();
24
- import { t as e } from "../button-group-CJVpgiLq.js";
24
+ import { t as e } from "../button-group-BiQxYcQ2.js";
25
25
  export { e as LuzmoButtonGroup };
package/components/{button-group-CJVpgiLq.js → button-group-BiQxYcQ2.js} RENAMED
@@ -20,7 +20,16 @@ import { n } from "./sized-mixin-DaBoZkVS.js";
20
20
  import { html as r, unsafeCSS as i } from "lit";
21
21
  import { property as a } from "lit/decorators.js";
22
22
  //#region src/components/button-group/button-group.module.scss?inline
23
- var o = ":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}", s = class extends n(e, { noDefaultSize: !0 }) {
23
+ var o = ":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([size=xs]){--button-group-spacing-horizontal:8px;--button-group-spacing-vertical:8px}: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}", s = class extends n(e, {
24
+ validSizes: [
25
+ "xs",
26
+ "s",
27
+ "m",
28
+ "l",
29
+ "xl"
30
+ ],
31
+ noDefaultSize: !0
32
+ }) {
24
33
  constructor(...e) {
25
34
  super(...e), this.vertical = !1;
26
35
  }
package/components/{button-group-rEK_YaF3.cjs → button-group-DIz5TZvc.cjs} RENAMED
@@ -15,4 +15,4 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`);var i=`: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}`,a=class extends t.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static get styles(){return[(0,n.unsafeCSS)(i)]}handleSlotchange({target:e}){e.assignedElements().forEach(e=>{e.size=this.size})}render(){return n.html` <slot @slotchange=${this.handleSlotchange}></slot> `}};e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),customElements.get(`luzmo-button-group`)||customElements.define(`luzmo-button-group`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
18
+ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`);var i=`: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([size=xs]){--button-group-spacing-horizontal:8px;--button-group-spacing-vertical:8px}: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}`,a=class extends t.n(e.n,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static get styles(){return[(0,n.unsafeCSS)(i)]}handleSlotchange({target:e}){e.assignedElements().forEach(e=>{e.size=this.size})}render(){return n.html` <slot @slotchange=${this.handleSlotchange}></slot> `}};e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),customElements.get(`luzmo-button-group`)||customElements.define(`luzmo-button-group`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
package/components/calendar/index.cjs CHANGED
@@ -15,4 +15,4 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../calendar-WRhzTEyZ.cjs`);exports.LuzmoCalendar=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../calendar-CY6JMJfi.cjs`);exports.LuzmoCalendar=e.t;
package/components/calendar/index.js CHANGED
@@ -21,5 +21,5 @@
21
21
  e.setAttribute("data-luzmo-vars", ""), e.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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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-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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--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: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
22
22
  }
23
23
  })();
24
- import { t as e } from "../calendar-CKr5T_zV.js";
24
+ import { t as e } from "../calendar-CFIH72Za.js";
25
25
  export { e as LuzmoCalendar };
package/components/{calendar-CKr5T_zV.js → calendar-CFIH72Za.js} RENAMED
@@ -18,7 +18,7 @@
18
18
  import { n as e, t } from "./decorate-aGxJUVxg.js";
19
19
  import { n } from "./sized-mixin-DaBoZkVS.js";
20
20
  import "./icon-CwBAE1eU.js";
21
- import "./action-button-B4_UEJle.js";
21
+ import "./action-button-BSofLc03.js";
22
22
  import { html as r, unsafeCSS as i } from "lit";
23
23
  import { property as a, state as o } from "lit/decorators.js";
24
24
  import { luzmoAngleLeft as s, luzmoAngleRight as c } from "@luzmo/icons";
package/components/{calendar-WRhzTEyZ.cjs → calendar-CY6JMJfi.cjs} RENAMED
@@ -15,7 +15,7 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`);require(`./icon-B7hKwn_q.cjs`),require(`./action-button-G0PWSrZo.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`),i=require(`@luzmo/icons`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/class-map.js`),s=require(`@internationalized/date`),c=require(`@internationalized/number`);var l=`:host{inline-size:var(--luzmo-calendar-width,var(--calendar-width));display:inline-block}.header{align-items:center;inline-size:100%;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{letter-spacing:var(--luzmo-calendar-title-text-letter-spacing,var(--calendar-title-text-letter-spacing));text-decoration:underline;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));z-index:0}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));content:"";z-index:-1;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-range-selection:not(.is-selection-start):not(.is-selection-end){color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color-range-selection,var(--calendar-day-text-color-range-selection,var(--calendar-day-text-color))))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}@media (forced-colors:active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color:ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected:Highlight;--highcontrast-calendar-day-background-color-down:ButtonFace;--highcontrast-calendar-day-background-color-hover:Transparent;--highcontrast-calendar-day-background-color-key-focus:ButtonFace;--highcontrast-calendar-day-background-color-selected-hover:Transparent;--highcontrast-calendar-day-background-color-selected:Highlight;--highcontrast-calendar-day-border-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-cap-selected:HighlightText;--highcontrast-calendar-day-text-color-disabled:GrayText;--highcontrast-calendar-day-text-color-hover:ButtonText;--highcontrast-calendar-day-text-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-selected:HighlightText;--highcontrast-calendar-day-text-color:CanvasText;--highcontrast-calendar-date-text-color:CanvasText;--highcontrast-calendar-day-title-text-color:CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover:Highlight;--highcontrast-calendar-day-today-border-color-disabled:GrayText;--highcontrast-calendar-day-today-border-color:ButtonText;--highcontrast-calendar-day-today-text-color-disabled:GrayText;--highcontrast-calendar-day-today-text-color:ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:highlighttext}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{color:highlighttext;background:highlight}}:host{--calendar-background-color:var(--luzmo-background-color-white);font-family:var(--luzmo-font-family);--calendar-day-width:var(--luzmo-component-height);--calendar-day-height:var(--luzmo-component-height);--calendar-border-radius-reset:0;--calendar-border-width-reset:0;--calendar-day-border-size:var(--luzmo-border-width);--calendar-margin-y:calc(var(--luzmo-spacing) * 3);--calendar-margin-x:var(--luzmo-component-height);--calendar-day-padding:var(--luzmo-spacing-2);--calendar-width:calc((var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7);--calendar-title-text-letter-spacing:.06em;--calendar-day-title-text-font-weight:bold;--calendar-day-title-text-color:var(--luzmo-font-color-disabled);--calendar-title-height:var(--luzmo-component-height);--calendar-title-font-weight:bold;--calendar-title-text-size:var(--luzmo-font-size);--calendar-day-title-text-size:var(--luzmo-font-size);--calendar-day-text-size-han:var(--luzmo-font-size);--calendar-date-text-color:var(--luzmo-font-color);--calendar-day-text-color:var(--luzmo-font-color);--calendar-day-text-size:var(--luzmo-font-size);--calendar-day-border-radius:var(--luzmo-border-radius);--calendar-day-text-color-selected:var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover:var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected:var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected:var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus:var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected:var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected:var(--bold-font-weight);--calendar-day-today-text-color:var(--luzmo-primary);--calendar-day-today-background-color:var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight:normal;--calendar-day-today-border-color:transparent;--calendar-day-today-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled:transparent;--calendar-day-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus:var(--luzmo-primary-down);--calendar-day-background-color-selected:rgba(var(--luzmo-primary-rgb), .1);--calendar-day-text-color-range-selection:var(--luzmo-font-color);--calendar-day-background-color-cap-selected:var(--luzmo-primary);--calendar-button-icon-color:var(--luzmo-font-color)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width:var(--luzmo-component-height-s);--calendar-day-height:var(--luzmo-component-height-s);--calendar-day-border-radius:var(--luzmo-border-radius-s);--calendar-title-height:var(--luzmo-component-height-s);--calendar-title-text-size:var(--luzmo-font-size-s);--calendar-day-title-text-size:var(--luzmo-font-size-s);--calendar-day-text-size-han:var(--luzmo-font-size-s);--calendar-day-text-size:var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width:var(--luzmo-component-height-l);--calendar-day-height:var(--luzmo-component-height-l);--calendar-day-border-radius:var(--luzmo-border-radius-l);--calendar-title-height:var(--luzmo-component-height-l);--calendar-title-text-size:var(--luzmo-font-size-l);--calendar-day-title-text-size:var(--luzmo-font-size-l);--calendar-day-text-size-han:var(--luzmo-font-size-l);--calendar-day-text-size:var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width:var(--luzmo-component-height-xl);--calendar-day-height:var(--luzmo-component-height-xl);--calendar-day-border-radius:var(--luzmo-border-radius-xl);--calendar-title-height:var(--luzmo-component-height-xl);--calendar-title-text-size:var(--luzmo-font-size-xl);--calendar-day-title-text-size:var(--luzmo-font-size-xl);--calendar-day-text-size-han:var(--luzmo-font-size-xl);--calendar-day-text-size:var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.title-clickable{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;border-radius:var(--luzmo-border-radius,4px);padding-inline:var(--luzmo-spacing-2,4px);transition:background-color var(--luzmo-animation-duration,.13s) ease}.title-clickable:hover{background-color:var(--luzmo-calendar-title-background-color-hover,var(--luzmo-background-color-hover,#0000000d))}.title-clickable:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-grid{gap:var(--luzmo-spacing-2,4px);padding:var(--luzmo-spacing-2,4px) 0;grid-template-columns:repeat(4,1fr);display:grid}.year-cell{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border:var(--luzmo-border-width,1px) solid transparent;border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));color:var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color));font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.year-cell:hover{background-color:var(--luzmo-calendar-day-background-color-hover,var(--luzmo-background-color-hover,#0000000d));color:var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover))}.year-cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-cell.is-selected{background-color:var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected));color:var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected));font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected,bold))}.year-cell.is-current-year:not(.is-selected){color:var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color));font-weight:var(--bold-font-weight,bold)}`,u=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,n.unsafeCSS)(l)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get today(){return(0,s.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}constructor(){super(),this.disabled=!1,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`},this.selectionMode=`single`,this.currentDate=this.today,this.timeZone=(0,s.getLocalTimeZone)(),this.viewMode=`days`,this.yearGridStart=this.today.year-this.today.year%16,this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new c.NumberFormatter(this._language),this.yearFormatter=new c.NumberFormatter(this._language,{useGrouping:!1}),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}willUpdate(e){e.has(`language`)&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());let t=e.has(`min`),n=e.has(`max`),r=e.has(`value`),i=e.has(`startDate`),a=e.has(`endDate`),o=t||n||r,c=i||a;o&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(t||n),this.updateCurrentDate()),c&&(this.convertRangeDates(),this._startDate&&!e.has(`value`)&&!this.value&&(this.currentDate=this._startDate));let l=e.get(`currentDate`);e.has(`currentDate`)&&(!l||!(0,s.isSameMonth)(l,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute(`aria-label`,this.monthAndYear))}updated(e){if(e.has(`currentDate`)&&this.isDateFocusIntent&&this.focusCurrentDate(),e.has(`currentDate`)){let t=e.get(`currentDate`),n=e.has(`value`)||e.has(`startDate`)||e.has(`endDate`);t&&!(0,s.isSameMonth)(t,this.currentDate)&&!n&&this.dispatchEvent(new CustomEvent(`month-change`,{bubbles:!0,composed:!0,detail:{date:(0,s.startOfMonth)(this.currentDate).toString()}}))}}focusCurrentDate(){let e=this.shadowRoot?.querySelector(`td span[tabindex="0"]`);e&&e.focus()}parseDateOnly(e){return(0,s.parseDate)(e.includes(`T`)?e.split(`T`)[0]:e)}convertToCalendarDates(){this._min=this.min?this.parseDateOnly(this.min):void 0,this._max=this.max?this.parseDateOnly(this.max):void 0,this._value=this.value?this.parseDateOnly(this.value):void 0,this._min=this._min&&(0,s.toCalendarDate)(this._min).set({era:`AD`}),this._max=this._max&&(0,s.toCalendarDate)(this._max).set({era:`AD`}),this._value=this._value&&(0,s.toCalendarDate)(this._value).set({era:`AD`})}convertRangeDates(){this._startDate=this.startDate?(0,s.toCalendarDate)(this.parseDateOnly(this.startDate)).set({era:`AD`}):void 0,this._endDate=this.endDate?(0,s.toCalendarDate)(this.parseDateOnly(this.endDate)).set({era:`AD`}):void 0}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return n.html`
18
+ require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`);require(`./icon-B7hKwn_q.cjs`),require(`./action-button-Cajz7Hgr.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`),i=require(`@luzmo/icons`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/class-map.js`),s=require(`@internationalized/date`),c=require(`@internationalized/number`);var l=`:host{inline-size:var(--luzmo-calendar-width,var(--calendar-width));display:inline-block}.header{align-items:center;inline-size:100%;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{letter-spacing:var(--luzmo-calendar-title-text-letter-spacing,var(--calendar-title-text-letter-spacing));text-decoration:underline;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));z-index:0}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));content:"";z-index:-1;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-range-selection:not(.is-selection-start):not(.is-selection-end){color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color-range-selection,var(--calendar-day-text-color-range-selection,var(--calendar-day-text-color))))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}@media (forced-colors:active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color:ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected:Highlight;--highcontrast-calendar-day-background-color-down:ButtonFace;--highcontrast-calendar-day-background-color-hover:Transparent;--highcontrast-calendar-day-background-color-key-focus:ButtonFace;--highcontrast-calendar-day-background-color-selected-hover:Transparent;--highcontrast-calendar-day-background-color-selected:Highlight;--highcontrast-calendar-day-border-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-cap-selected:HighlightText;--highcontrast-calendar-day-text-color-disabled:GrayText;--highcontrast-calendar-day-text-color-hover:ButtonText;--highcontrast-calendar-day-text-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-selected:HighlightText;--highcontrast-calendar-day-text-color:CanvasText;--highcontrast-calendar-date-text-color:CanvasText;--highcontrast-calendar-day-title-text-color:CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover:Highlight;--highcontrast-calendar-day-today-border-color-disabled:GrayText;--highcontrast-calendar-day-today-border-color:ButtonText;--highcontrast-calendar-day-today-text-color-disabled:GrayText;--highcontrast-calendar-day-today-text-color:ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:highlighttext}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{color:highlighttext;background:highlight}}:host{--calendar-background-color:var(--luzmo-background-color-white);font-family:var(--luzmo-font-family);--calendar-day-width:var(--luzmo-component-height);--calendar-day-height:var(--luzmo-component-height);--calendar-border-radius-reset:0;--calendar-border-width-reset:0;--calendar-day-border-size:var(--luzmo-border-width);--calendar-margin-y:calc(var(--luzmo-spacing) * 3);--calendar-margin-x:var(--luzmo-component-height);--calendar-day-padding:var(--luzmo-spacing-2);--calendar-width:calc((var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7);--calendar-title-text-letter-spacing:.06em;--calendar-day-title-text-font-weight:bold;--calendar-day-title-text-color:var(--luzmo-font-color-disabled);--calendar-title-height:var(--luzmo-component-height);--calendar-title-font-weight:bold;--calendar-title-text-size:var(--luzmo-font-size);--calendar-day-title-text-size:var(--luzmo-font-size);--calendar-day-text-size-han:var(--luzmo-font-size);--calendar-date-text-color:var(--luzmo-font-color);--calendar-day-text-color:var(--luzmo-font-color);--calendar-day-text-size:var(--luzmo-font-size);--calendar-day-border-radius:var(--luzmo-border-radius);--calendar-day-text-color-selected:var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover:var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected:var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected:var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus:var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected:var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected:var(--bold-font-weight);--calendar-day-today-text-color:var(--luzmo-primary);--calendar-day-today-background-color:var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight:normal;--calendar-day-today-border-color:transparent;--calendar-day-today-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled:transparent;--calendar-day-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus:var(--luzmo-primary-down);--calendar-day-background-color-selected:rgba(var(--luzmo-primary-rgb), .1);--calendar-day-text-color-range-selection:var(--luzmo-font-color);--calendar-day-background-color-cap-selected:var(--luzmo-primary);--calendar-button-icon-color:var(--luzmo-font-color)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width:var(--luzmo-component-height-s);--calendar-day-height:var(--luzmo-component-height-s);--calendar-day-border-radius:var(--luzmo-border-radius-s);--calendar-title-height:var(--luzmo-component-height-s);--calendar-title-text-size:var(--luzmo-font-size-s);--calendar-day-title-text-size:var(--luzmo-font-size-s);--calendar-day-text-size-han:var(--luzmo-font-size-s);--calendar-day-text-size:var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width:var(--luzmo-component-height-l);--calendar-day-height:var(--luzmo-component-height-l);--calendar-day-border-radius:var(--luzmo-border-radius-l);--calendar-title-height:var(--luzmo-component-height-l);--calendar-title-text-size:var(--luzmo-font-size-l);--calendar-day-title-text-size:var(--luzmo-font-size-l);--calendar-day-text-size-han:var(--luzmo-font-size-l);--calendar-day-text-size:var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width:var(--luzmo-component-height-xl);--calendar-day-height:var(--luzmo-component-height-xl);--calendar-day-border-radius:var(--luzmo-border-radius-xl);--calendar-title-height:var(--luzmo-component-height-xl);--calendar-title-text-size:var(--luzmo-font-size-xl);--calendar-day-title-text-size:var(--luzmo-font-size-xl);--calendar-day-text-size-han:var(--luzmo-font-size-xl);--calendar-day-text-size:var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.title-clickable{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;border-radius:var(--luzmo-border-radius,4px);padding-inline:var(--luzmo-spacing-2,4px);transition:background-color var(--luzmo-animation-duration,.13s) ease}.title-clickable:hover{background-color:var(--luzmo-calendar-title-background-color-hover,var(--luzmo-background-color-hover,#0000000d))}.title-clickable:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-grid{gap:var(--luzmo-spacing-2,4px);padding:var(--luzmo-spacing-2,4px) 0;grid-template-columns:repeat(4,1fr);display:grid}.year-cell{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border:var(--luzmo-border-width,1px) solid transparent;border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));color:var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color));font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.year-cell:hover{background-color:var(--luzmo-calendar-day-background-color-hover,var(--luzmo-background-color-hover,#0000000d));color:var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover))}.year-cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-cell.is-selected{background-color:var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected));color:var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected));font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected,bold))}.year-cell.is-current-year:not(.is-selected){color:var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color));font-weight:var(--bold-font-weight,bold)}`,u=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,n.unsafeCSS)(l)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get today(){return(0,s.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}constructor(){super(),this.disabled=!1,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`},this.selectionMode=`single`,this.currentDate=this.today,this.timeZone=(0,s.getLocalTimeZone)(),this.viewMode=`days`,this.yearGridStart=this.today.year-this.today.year%16,this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new c.NumberFormatter(this._language),this.yearFormatter=new c.NumberFormatter(this._language,{useGrouping:!1}),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}willUpdate(e){e.has(`language`)&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());let t=e.has(`min`),n=e.has(`max`),r=e.has(`value`),i=e.has(`startDate`),a=e.has(`endDate`),o=t||n||r,c=i||a;o&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(t||n),this.updateCurrentDate()),c&&(this.convertRangeDates(),this._startDate&&!e.has(`value`)&&!this.value&&(this.currentDate=this._startDate));let l=e.get(`currentDate`);e.has(`currentDate`)&&(!l||!(0,s.isSameMonth)(l,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute(`aria-label`,this.monthAndYear))}updated(e){if(e.has(`currentDate`)&&this.isDateFocusIntent&&this.focusCurrentDate(),e.has(`currentDate`)){let t=e.get(`currentDate`),n=e.has(`value`)||e.has(`startDate`)||e.has(`endDate`);t&&!(0,s.isSameMonth)(t,this.currentDate)&&!n&&this.dispatchEvent(new CustomEvent(`month-change`,{bubbles:!0,composed:!0,detail:{date:(0,s.startOfMonth)(this.currentDate).toString()}}))}}focusCurrentDate(){let e=this.shadowRoot?.querySelector(`td span[tabindex="0"]`);e&&e.focus()}parseDateOnly(e){return(0,s.parseDate)(e.includes(`T`)?e.split(`T`)[0]:e)}convertToCalendarDates(){this._min=this.min?this.parseDateOnly(this.min):void 0,this._max=this.max?this.parseDateOnly(this.max):void 0,this._value=this.value?this.parseDateOnly(this.value):void 0,this._min=this._min&&(0,s.toCalendarDate)(this._min).set({era:`AD`}),this._max=this._max&&(0,s.toCalendarDate)(this._max).set({era:`AD`}),this._value=this._value&&(0,s.toCalendarDate)(this._value).set({era:`AD`})}convertRangeDates(){this._startDate=this.startDate?(0,s.toCalendarDate)(this.parseDateOnly(this.startDate)).set({era:`AD`}):void 0,this._endDate=this.endDate?(0,s.toCalendarDate)(this.parseDateOnly(this.endDate)).set({era:`AD`}):void 0}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return n.html`
19
19
  ${this.renderCalendarHeader()}
20
20
  ${this.viewMode===`years`?this.renderYearGrid():this.renderCalendarGrid()}
21
21
  `}get monthAndYear(){return this.formatDate(this.currentDate,{month:`long`,year:`numeric`})}renderCalendarHeader(){let e=this.viewMode===`years`?`${this.formatYear(this.yearGridStart)} – ${this.formatYear(this.yearGridStart+16-1)}`:this.monthAndYear,t=this.viewMode===`years`?this.disabled:this.isPreviousMonthDisabled,r=this.viewMode===`years`?this.disabled:this.isNextMonthDisabled,a=this.viewMode===`years`?this.handlePreviousYearPage:this.handlePreviousMonth,o=this.viewMode===`years`?this.handleNextYearPage:this.handleNextMonth;return n.html`
package/components/{close-button-BeXYep8K.js → close-button-MgaJT7yO.js} RENAMED
@@ -18,7 +18,7 @@
18
18
  import { t as e } from "./decorate-aGxJUVxg.js";
19
19
  import { n as t } from "./sized-mixin-DaBoZkVS.js";
20
20
  import "./icon-CwBAE1eU.js";
21
- import { t as n } from "./button-base-SHgEJgk2.js";
21
+ import { t as n } from "./button-base-CzTYjZND.js";
22
22
  import { html as r, unsafeCSS as i } from "lit";
23
23
  import { property as a } from "lit/decorators.js";
24
24
  import { luzmoClose as o, luzmoClose12 as s, luzmoClose14 as c, luzmoIcon as l } from "@luzmo/icons";