@luzmo/lucero 2.4.1 → 2.5.0

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 (129) hide show
  1. package/components/action-menu/index.cjs +1 -1
  2. package/components/action-menu/index.js +1 -1
  3. package/components/{action-menu-CwzRbF61.cjs → action-menu-BNZWjeDd.cjs} +1 -1
  4. package/components/{action-menu-C0sHNsjG.js → action-menu-D1hTsg9A.js} +1 -1
  5. package/components/chat-message/index.cjs +1 -1
  6. package/components/chat-message/index.js +1 -1
  7. package/components/chat-message-BDfomRm-.cjs +148 -0
  8. package/components/{chat-message-T6QIK2Bl.js → chat-message-D6U-sprD.js} +562 -526
  9. package/components/checkbox/index.cjs +1 -1
  10. package/components/checkbox/index.js +1 -1
  11. package/components/{checkbox-BEjvkjfc.js → checkbox-CydI9yXG.js} +1 -1
  12. package/components/{checkbox-ClVrkeLp.cjs → checkbox-JCvBro0K.cjs} +1 -1
  13. package/components/index.cjs +1 -1
  14. package/components/index.js +13 -12
  15. package/components/match-media-B_0cVVtk.cjs +18 -0
  16. package/components/match-media-C5X2OZiD.js +34 -0
  17. package/components/picker/index.cjs +1 -1
  18. package/components/picker/index.js +1 -1
  19. package/components/picker-COeWCv60.cjs +124 -0
  20. package/components/{picker-D0fMBZLb.js → picker-uKcRswTQ.js} +6 -5
  21. package/components/progress-steps/index.cjs +1 -1
  22. package/components/progress-steps/index.js +1 -1
  23. package/components/progress-steps/progress-steps.d.ts +9 -20
  24. package/components/progress-steps-BvCzsq9Z.js +368 -0
  25. package/components/progress-steps-CvdQQwHc.cjs +98 -0
  26. package/components/question-box/index.cjs +1 -1
  27. package/components/question-box/index.js +1 -1
  28. package/components/{question-box-D7YSi_6c.js → question-box-Bcm-P-UV.js} +1 -1
  29. package/components/{question-box-Bdtsgv1k.cjs → question-box-DZnuGMBB.cjs} +1 -1
  30. package/components/select/index.cjs +1 -1
  31. package/components/select/index.js +1 -1
  32. package/components/{select-BUgHi69P.js → select-B86uAHme.js} +5 -4
  33. package/components/select-CKMCEJf7.cjs +158 -0
  34. package/components/strategies-Bb7zEjrU.cjs +18 -0
  35. package/components/{strategies-Cl59wdNZ.js → strategies-COS7mShJ.js} +11 -24
  36. package/components/table/controllers/table-announcer.d.ts +12 -0
  37. package/components/table/controllers/table-column-resize.d.ts +41 -0
  38. package/components/table/controllers/table-grid-navigation.d.ts +28 -0
  39. package/components/table/controllers/table-layout.d.ts +55 -0
  40. package/components/table/controllers/table-row-expansion.d.ts +45 -0
  41. package/components/table/controllers/table-virtualizer.d.ts +42 -0
  42. package/components/table/index.cjs +18 -0
  43. package/components/table/index.d.ts +32 -0
  44. package/components/table/index.js +20 -0
  45. package/components/table/table-body.d.ts +24 -0
  46. package/components/table/table-cell.d.ts +27 -0
  47. package/components/table/table-checkbox-cell.d.ts +41 -0
  48. package/components/table/table-columns.d.ts +45 -0
  49. package/components/table/table-disclosure-cell.d.ts +21 -0
  50. package/components/table/table-head-cell.d.ts +77 -0
  51. package/components/table/table-head.d.ts +34 -0
  52. package/components/table/table-model.d.ts +56 -0
  53. package/components/table/table-row-details.d.ts +29 -0
  54. package/components/table/table-row.d.ts +64 -0
  55. package/components/table/table-styles.d.ts +9 -0
  56. package/components/table/table-templates.d.ts +41 -0
  57. package/components/table/table.d.ts +197 -0
  58. package/components/table/types.d.ts +81 -0
  59. package/components/table-B75GjBhD.js +1592 -0
  60. package/components/table-CHrAaVU1.cjs +180 -0
  61. package/custom-elements.json +1 -1
  62. package/index.d.ts +1 -0
  63. package/package.json +9 -1
  64. package/standalone/accordion.js +1 -1
  65. package/standalone/action-bar.js +1 -1
  66. package/standalone/action-button.js +1 -1
  67. package/standalone/action-menu.js +1 -1
  68. package/standalone/avatar.js +1 -1
  69. package/standalone/calendar.js +1 -1
  70. package/standalone/chat-message.js +27 -27
  71. package/standalone/checkbox.js +1 -1
  72. package/standalone/chunks/{action-button-BzzPBqt5.js → action-button-FSsfXYe9.js} +1 -1
  73. package/standalone/chunks/{button-Dykw3TSO.js → button-Q1n9DH9a.js} +1 -1
  74. package/standalone/chunks/{calendar-ZwUYkzVq.js → calendar-DcFjY2tw.js} +1 -1
  75. package/standalone/chunks/{checkbox-OQtakoP8.js → checkbox-DQ4wPgG_.js} +2 -2
  76. package/standalone/chunks/{clear-button-pVGfwye8.js → clear-button-3zpCVxG5.js} +1 -1
  77. package/standalone/chunks/{close-button-RpPiwBdf.js → close-button-C96dazyi.js} +1 -1
  78. package/standalone/chunks/{color-field-CrCF4kqZ.js → color-field-BFvUGE4L.js} +1 -1
  79. package/standalone/chunks/{color-menu-B5UOMYmX.js → color-menu-BIKuitbH.js} +2 -2
  80. package/standalone/chunks/{icon-Dy6J1QeX.js → icon-BypO7M7G.js} +1 -1
  81. package/standalone/chunks/luzmo-icons-B-pCv-xg.js +13 -0
  82. package/standalone/chunks/match-media-BMi7j6hf.js +2 -0
  83. package/standalone/chunks/{menu-nolJetlp.js → menu-DSMoQt1w.js} +1 -1
  84. package/standalone/chunks/{number-field-C3DYfl1s.js → number-field-B6BDXkL7.js} +3 -3
  85. package/standalone/chunks/{options-BjRSj630.js → options-CkmITqgV.js} +5 -5
  86. package/standalone/chunks/picker-FCQK0vdE.js +108 -0
  87. package/standalone/chunks/{picker-button-BeXTIgUt.js → picker-button-BZWqDoNQ.js} +1 -1
  88. package/standalone/chunks/{segments-factory-Ch3AAizU.js → segments-factory-eS38mJRz.js} +1 -1
  89. package/standalone/chunks/strategies-C-vW4MlK.js +2 -0
  90. package/standalone/chunks/{swatch-m_4GcO2_.js → swatch-CGR_GWqO.js} +1 -1
  91. package/standalone/chunks/{text-field-BnZtyodU.js → text-field-4OKvLOXG.js} +1 -1
  92. package/standalone/chunks/{text-field-BrlDeJsx.js → text-field-C2oROxum.js} +1 -1
  93. package/standalone/clear-button.js +1 -1
  94. package/standalone/close-button.js +1 -1
  95. package/standalone/color-field.js +1 -1
  96. package/standalone/color-menu.js +1 -1
  97. package/standalone/color-picker.js +1 -1
  98. package/standalone/date-range-picker.js +1 -1
  99. package/standalone/date-time-picker.js +1 -1
  100. package/standalone/icon.js +1 -1
  101. package/standalone/manifest.json +22 -20
  102. package/standalone/menu.js +1 -1
  103. package/standalone/multi-language-field.js +1 -1
  104. package/standalone/notice.js +1 -1
  105. package/standalone/number-field.js +1 -1
  106. package/standalone/options.js +1 -1
  107. package/standalone/picker-button.js +1 -1
  108. package/standalone/picker.js +1 -1
  109. package/standalone/progress-steps.js +4 -4
  110. package/standalone/prompt-box.js +9 -9
  111. package/standalone/question-box.js +1 -1
  112. package/standalone/search.js +1 -1
  113. package/standalone/select.js +2 -2
  114. package/standalone/slider.js +1 -1
  115. package/standalone/swatch.js +1 -1
  116. package/standalone/table.js +185 -0
  117. package/standalone/tabs.js +1 -1
  118. package/standalone/tags.js +1 -1
  119. package/standalone/text-field.js +1 -1
  120. package/standalone/toast.js +1 -1
  121. package/components/chat-message-Dgo6h0rD.cjs +0 -148
  122. package/components/picker-BliQJlY_.cjs +0 -124
  123. package/components/progress-steps-BIbj8x8S.js +0 -383
  124. package/components/progress-steps-upJp8wl3.cjs +0 -98
  125. package/components/select-DsGVB01K.cjs +0 -158
  126. package/components/strategies-BwNbUXYS.cjs +0 -18
  127. package/standalone/chunks/luzmo-icons-CJa-aByT.js +0 -13
  128. package/standalone/chunks/picker-hbMQOkUX.js +0 -108
  129. package/standalone/chunks/strategies-kad_0dTB.js +0 -2
@@ -1,5 +1,5 @@
1
1
 
2
- import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{c as r,l as i,u as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{C as s,u as c}from"./luzmo-icons-CJa-aByT.js";import{t as l}from"./text-field-BrlDeJsx.js";var u=`@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon:3px;color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight,var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size,var(--helptext-font-size,var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height,var(--helptext-min-height,24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));inline-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual,var(--helptext-text-to-visual,7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon,var(--helptext-top-to-workflow-icon,3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon,var(--helptext-bottom-to-workflow-icon,3px))}.text{line-height:var(--luzmo-helptext-line-height,var(--helptext-line-height,1.3));padding-block-start:var(--luzmo-helptext-top-to-text,var(--helptext-top-to-text,4px));padding-block-end:var(--luzmo-helptext-bottom-to-text,var(--helptext-bottom-to-text,5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk,var(--helptext-line-height-cjk,1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host{--helptext-line-height:1.3;--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color);--helptext-disabled-content-color:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color)}:host([variant=negative]){--helptext-content-color-default:var(--luzmo-negative-color);--helptext-icon-color-default:var(--luzmo-negative-color)}:host([disabled]){--helptext-content-color-default:var(--luzmo-font-color-disabled);--helptext-icon-color-default:var(--luzmo-font-color-disabled)}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--helptext-line-height-cjk:1.4}:host([size=s]){--helptext-min-height:24px;--helptext-icon-size:16px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:4px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host{--helptext-min-height:24px;--helptext-icon-size:18px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:3px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host([size=l]){--helptext-min-height:32px;--helptext-icon-size:20px;--helptext-font-size:14px;--helptext-text-to-visual:8px;--helptext-top-to-workflow-icon:6px;--helptext-top-to-text:6px;--helptext-bottom-to-text:5px}:host([size=xl]){--helptext-min-height:40px;--helptext-icon-size:22px;--helptext-font-size:16px;--helptext-text-to-visual:9px;--helptext-top-to-workflow-icon:9px;--helptext-top-to-text:9px;--helptext-bottom-to-text:12px}`,d=class extends r(a,{noDefaultSize:!0}){constructor(...e){super(...e),this.icon=!1,this.variant=`neutral`}static get styles(){return[n(u)]}render(){return e`
2
+ import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{c as r,l as i,u as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{C as s,u as c}from"./luzmo-icons-B-pCv-xg.js";import{t as l}from"./text-field-C2oROxum.js";var u=`@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon:3px;color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight,var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size,var(--helptext-font-size,var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height,var(--helptext-min-height,24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));inline-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual,var(--helptext-text-to-visual,7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon,var(--helptext-top-to-workflow-icon,3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon,var(--helptext-bottom-to-workflow-icon,3px))}.text{line-height:var(--luzmo-helptext-line-height,var(--helptext-line-height,1.3));padding-block-start:var(--luzmo-helptext-top-to-text,var(--helptext-top-to-text,4px));padding-block-end:var(--luzmo-helptext-bottom-to-text,var(--helptext-bottom-to-text,5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk,var(--helptext-line-height-cjk,1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host{--helptext-line-height:1.3;--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color);--helptext-disabled-content-color:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color)}:host([variant=negative]){--helptext-content-color-default:var(--luzmo-negative-color);--helptext-icon-color-default:var(--luzmo-negative-color)}:host([disabled]){--helptext-content-color-default:var(--luzmo-font-color-disabled);--helptext-icon-color-default:var(--luzmo-font-color-disabled)}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--helptext-line-height-cjk:1.4}:host([size=s]){--helptext-min-height:24px;--helptext-icon-size:16px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:4px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host{--helptext-min-height:24px;--helptext-icon-size:18px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:3px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host([size=l]){--helptext-min-height:32px;--helptext-icon-size:20px;--helptext-font-size:14px;--helptext-text-to-visual:8px;--helptext-top-to-workflow-icon:6px;--helptext-top-to-text:6px;--helptext-bottom-to-text:5px}:host([size=xl]){--helptext-min-height:40px;--helptext-icon-size:22px;--helptext-font-size:16px;--helptext-text-to-visual:9px;--helptext-top-to-workflow-icon:9px;--helptext-top-to-text:9px;--helptext-bottom-to-text:12px}`,d=class extends r(a,{noDefaultSize:!0}){constructor(...e){super(...e),this.icon=!1,this.variant=`neutral`}static get styles(){return[n(u)]}render(){return e`
3
3
  ${this.variant===`negative`&&this.icon?e` ${s(c)} `:t}
4
4
  <div class="text"><slot></slot></div>
5
5
  `}};i([o({type:Boolean,reflect:!0})],d.prototype,`icon`,void 0),i([o({reflect:!0})],d.prototype,`variant`,void 0),customElements.get(`luzmo-text-field`)||customElements.define(`luzmo-text-field`,l),customElements.get(`luzmo-help-text`)||customElements.define(`luzmo-help-text`,d);export{d as t};
@@ -1,5 +1,5 @@
1
1
 
2
- import{c as e,i as t,o as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DGJ9-isg.js";import{C as d,c as f,o as p}from"./luzmo-icons-CJa-aByT.js";import{n as m,r as h,t as g}from"./directive-Du_3lDov.js";import{i as _,r as v}from"./directive-helpers-Bu8icI7Y.js";import{t as y}from"./manage-help-text-Cl9OJ2xf.js";import{t as b}from"./text-field.module-ClDE7laI.js";var x=g(class extends m{constructor(e){if(super(e),e.type!==h.PROPERTY&&e.type!==h.ATTRIBUTE&&e.type!==h.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===n||r===t)return r;let i=e.element,a=e.name;if(e.type===h.PROPERTY){if(r===i[a])return n}else if(e.type===h.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return n}else if(e.type===h.ATTRIBUTE&&i.getAttribute(a)===r+``)return n;return v(e),r}}),S=[`text`,`url`,`tel`,`email`,`password`],C=class extends y(a(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.allowedKeys=``,this.focused=!1,this.invalid=!1,this.label=``,this.placeholder=``,this._type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.maxRows=-1,this.valid=!1,this.hideValidationIcons=!1,this._value=``,this.quiet=!1,this.required=!1}static get styles(){return[r(b)]}applyFocusElementLabel(e){this.appliedLabel=e}set type(e){let t=this._type;this._type=e,this.requestUpdate(`type`,t)}get type(){return S.find(e=>e===this._type)??`text`}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,t,n=`none`){this.inputElement.setSelectionRange(e,t,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!RegExp(`^[${this.allowedKeys}]*$`,`u`).test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.hideValidationIcons?t:this.invalid?e`
2
+ import{c as e,i as t,o as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DGJ9-isg.js";import{C as d,c as f,o as p}from"./luzmo-icons-B-pCv-xg.js";import{n as m,r as h,t as g}from"./directive-Du_3lDov.js";import{i as _,r as v}from"./directive-helpers-Bu8icI7Y.js";import{t as y}from"./manage-help-text-Cl9OJ2xf.js";import{t as b}from"./text-field.module-ClDE7laI.js";var x=g(class extends m{constructor(e){if(super(e),e.type!==h.PROPERTY&&e.type!==h.ATTRIBUTE&&e.type!==h.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===n||r===t)return r;let i=e.element,a=e.name;if(e.type===h.PROPERTY){if(r===i[a])return n}else if(e.type===h.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return n}else if(e.type===h.ATTRIBUTE&&i.getAttribute(a)===r+``)return n;return v(e),r}}),S=[`text`,`url`,`tel`,`email`,`password`],C=class extends y(a(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.allowedKeys=``,this.focused=!1,this.invalid=!1,this.label=``,this.placeholder=``,this._type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.maxRows=-1,this.valid=!1,this.hideValidationIcons=!1,this._value=``,this.quiet=!1,this.required=!1}static get styles(){return[r(b)]}applyFocusElementLabel(e){this.appliedLabel=e}set type(e){let t=this._type;this._type=e,this.requestUpdate(`type`,t)}get type(){return S.find(e=>e===this._type)??`text`}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,t,n=`none`){this.inputElement.setSelectionRange(e,t,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!RegExp(`^[${this.allowedKeys}]*$`,`u`).test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.hideValidationIcons?t:this.invalid?e`
3
3
  <div id="invalid" class="icon">${d(p)}</div>
4
4
  `:this.valid?e`
5
5
  <div id="valid" class="icon">${d(f)}</div>
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/clear-button-pVGfwye8.js";typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,e);export{e as LuzmoClearButton};
20
+ import"./tokens.js";import{t as e}from"./chunks/clear-button-3zpCVxG5.js";typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,e);export{e as LuzmoClearButton};
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/close-button-RpPiwBdf.js";export{e as LuzmoCloseButton};
20
+ import"./tokens.js";import{t as e}from"./chunks/close-button-C96dazyi.js";export{e as LuzmoCloseButton};
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/color-field-CrCF4kqZ.js";export{e as LuzmoColorField};
20
+ import"./tokens.js";import{t as e}from"./chunks/color-field-BFvUGE4L.js";export{e as LuzmoColorField};
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/color-menu-B5UOMYmX.js";export{e as LuzmoColorMenu};
20
+ import"./tokens.js";import{t as e}from"./chunks/color-menu-BIKuitbH.js";export{e as LuzmoColorMenu};
@@ -17,7 +17,7 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,g as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import"./chunks/popover-BsB3dmQe.js";import{n as c}from"./chunks/slottable-request-event-D9FhiqH1.js";import"./chunks/overlay-C_XW8yry.js";import"./chunks/swatch-m_4GcO2_.js";import"./chunks/color-menu-B5UOMYmX.js";var l=`luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host([read-only]) luzmo-swatch{cursor:default;pointer-events:none}:host{--luzmo-popover-content-area-spacing-vertical:0;--color-picker-popover-horizontal-gap:var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-5)}`,u=class extends n(a){constructor(...e){super(...e),this.color=`rgb(255, 0, 0)`,this.open=!1,this.disabled=!1,this.readOnly=!1,this.placement=`left-start`,this.rounding=`full`,this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}static{this.styles=t(l)}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){let e=this.menuElement.color;this.color=typeof e==`string`?e:String(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener(`slottable-request`,e=>{this._renderMenu=e.data!==c})}updated(e){e.has(`open`)&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return e`
20
+ import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,g as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import"./chunks/popover-BsB3dmQe.js";import{n as c}from"./chunks/slottable-request-event-D9FhiqH1.js";import"./chunks/overlay-C_XW8yry.js";import"./chunks/swatch-CGR_GWqO.js";import"./chunks/color-menu-BIKuitbH.js";var l=`luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host([read-only]) luzmo-swatch{cursor:default;pointer-events:none}:host{--luzmo-popover-content-area-spacing-vertical:0;--color-picker-popover-horizontal-gap:var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-5)}`,u=class extends n(a){constructor(...e){super(...e),this.color=`rgb(255, 0, 0)`,this.open=!1,this.disabled=!1,this.readOnly=!1,this.placement=`left-start`,this.rounding=`full`,this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}static{this.styles=t(l)}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){let e=this.menuElement.color;this.color=typeof e==`string`?e:String(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener(`slottable-request`,e=>{this._renderMenu=e.data!==c})}updated(e){e.has(`open`)&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return e`
21
21
  <luzmo-color-menu
22
22
  .size=${this.size}
23
23
  .color=${this.color}
@@ -17,7 +17,7 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DGJ9-isg.js";import{g as d,o as f}from"./chunks/luzmo-icons-CJa-aByT.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-Dy6J1QeX.js";import"./chunks/popover-BsB3dmQe.js";import{t as m}from"./chunks/class-map-CxQ0PcQP.js";import"./chunks/overlay-C_XW8yry.js";import{_ as h,d as g,g as _,h as v,l as y,n as b,p as x,s as S,y as C}from"./chunks/calendar-ZwUYkzVq.js";import{t as w}from"./chunks/NumberParser-r_jv94LA.js";import{t as T}from"./chunks/manage-help-text-Cl9OJ2xf.js";import{t as E}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-BeXTIgUt.js";import{a as D,c as O,f as k,i as A,l as j,n as M,o as N,p as P,r as F,s as I,t as L,u as R}from"./chunks/segments-factory-Ch3AAizU.js";var z=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));--luzmo-text-field-width:var(--luzmo-date-range-picker-width,var(--date-range-picker-width));border-radius:var(--date-range-picker-border-radius);flex-flow:row;max-inline-size:100%;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;inline-size:100%;min-inline-size:0;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color,#fff));border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--date-range-picker-width:auto;--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:auto;inline-size:auto;min-inline-size:0;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-range-picker-font-color-default,var(--luzmo-font-color));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function B(){let e=new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function V(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var H=class extends T(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(z),n(E)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=k.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=B(),this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new N([]),this.endSegments=new N([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??h(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??h()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??g(C(this._timeZone)),t=_(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!v(e,this._endDate)?_(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??g(C(this._timeZone)),t=_(e);this._endDate&&!v(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=_(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?S(e).set({era:`AD`}):g(y(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(I(this._startDate)),t=this.ariaDateFormatter.format(I(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return e`
20
+ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DGJ9-isg.js";import{g as d,o as f}from"./chunks/luzmo-icons-B-pCv-xg.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-BypO7M7G.js";import"./chunks/popover-BsB3dmQe.js";import{t as m}from"./chunks/class-map-CxQ0PcQP.js";import"./chunks/overlay-C_XW8yry.js";import{_ as h,d as g,g as _,h as v,l as y,n as b,p as x,s as S,y as C}from"./chunks/calendar-DcFjY2tw.js";import{t as w}from"./chunks/NumberParser-r_jv94LA.js";import{t as T}from"./chunks/manage-help-text-Cl9OJ2xf.js";import{t as E}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-BZWqDoNQ.js";import{a as D,c as O,f as k,i as A,l as j,n as M,o as N,p as P,r as F,s as I,t as L,u as R}from"./chunks/segments-factory-eS38mJRz.js";var z=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));--luzmo-text-field-width:var(--luzmo-date-range-picker-width,var(--date-range-picker-width));border-radius:var(--date-range-picker-border-radius);flex-flow:row;max-inline-size:100%;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;inline-size:100%;min-inline-size:0;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color,#fff));border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--date-range-picker-width:auto;--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:auto;inline-size:auto;min-inline-size:0;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-range-picker-font-color-default,var(--luzmo-font-color));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function B(){let e=new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function V(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var H=class extends T(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(z),n(E)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=k.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=B(),this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new N([]),this.endSegments=new N([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??h(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??h()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??g(C(this._timeZone)),t=_(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!v(e,this._endDate)?_(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??g(C(this._timeZone)),t=_(e);this._endDate&&!v(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=_(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?S(e).set({era:`AD`}):g(y(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(I(this._startDate)),t=this.ariaDateFormatter.format(I(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return e`
21
21
  <div class="luzmo-DatePicker--range range-wrapper">
22
22
  <div id="text-field">${this.renderStartInput()}</div>
23
23
  <div class="luzmo-DatePicker-rangeDash"></div>
@@ -17,7 +17,7 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DGJ9-isg.js";import{g as d,o as f}from"./chunks/luzmo-icons-CJa-aByT.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-Dy6J1QeX.js";import"./chunks/popover-BsB3dmQe.js";import{t as m}from"./chunks/class-map-CxQ0PcQP.js";import{t as h}from"./chunks/style-map-D4QeV3m0.js";import"./chunks/overlay-C_XW8yry.js";import{_ as g,c as _,d as v,f as y,l as b,n as x,p as S,r as C,u as w}from"./chunks/calendar-ZwUYkzVq.js";import{t as T}from"./chunks/NumberParser-r_jv94LA.js";import{t as E}from"./chunks/manage-help-text-Cl9OJ2xf.js";import{t as D}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-BeXTIgUt.js";import{a as O,c as k,d as A,f as j,i as M,l as N,n as P,o as F,p as I,r as L,s as R,t as z,u as B}from"./chunks/segments-factory-Ch3AAizU.js";var V=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,H=class extends E(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(V),n(D)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?w(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[j.Hour,j.Minute,j.Second,j.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=j.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new F([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??g(),this.cachedLocalTime=S(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`segments`),u=e.has(`disabled`);if(a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?_(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?_(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?_(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||a||c||o||n||s)&&this.setSegments(),l&&this.setValueFromSegments(),u&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let d=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(R(this._value));this.setAttribute(`aria-label`,d??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>A(e));if(t.length>0)return t[0];let n=e.filter(e=>B(e));return n.length>0?n[0]:e.find(e=>N(e))}convertDatePropsToMatch(e){if(A(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&w(this._value,this._timeZone),this._min=this._min&&w(this._min,this._timeZone),this._max=this._max&&w(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??g(),B(e)){this._value=this._value&&y(this._value),this._min=this._min&&y(this._min),this._max=this._max&&y(this._max);return}this._value=this._value&&v(this._value),this._min=this._min&&v(this._min),this._max=this._max&&v(this._max)}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(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.isNonCompliantValue()&&(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),!this._min&&!this._max&&!this._value&&(this._timeZone=g())}isNonCompliantValue(){return this._value!==void 0&&!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;!e||!this.isUserSetPrecision||this.includesTime&&N(e)&&this.convertDatePropsToMatch(y(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=N(e)?j.Day:j.Minute)}render(){return e`
20
+ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DGJ9-isg.js";import{g as d,o as f}from"./chunks/luzmo-icons-B-pCv-xg.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-BypO7M7G.js";import"./chunks/popover-BsB3dmQe.js";import{t as m}from"./chunks/class-map-CxQ0PcQP.js";import{t as h}from"./chunks/style-map-D4QeV3m0.js";import"./chunks/overlay-C_XW8yry.js";import{_ as g,c as _,d as v,f as y,l as b,n as x,p as S,r as C,u as w}from"./chunks/calendar-DcFjY2tw.js";import{t as T}from"./chunks/NumberParser-r_jv94LA.js";import{t as E}from"./chunks/manage-help-text-Cl9OJ2xf.js";import{t as D}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-BZWqDoNQ.js";import{a as O,c as k,d as A,f as j,i as M,l as N,n as P,o as F,p as I,r as L,s as R,t as z,u as B}from"./chunks/segments-factory-eS38mJRz.js";var V=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,H=class extends E(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(V),n(D)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?w(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[j.Hour,j.Minute,j.Second,j.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=j.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new F([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??g(),this.cachedLocalTime=S(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`segments`),u=e.has(`disabled`);if(a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?_(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?_(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?_(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||a||c||o||n||s)&&this.setSegments(),l&&this.setValueFromSegments(),u&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let d=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(R(this._value));this.setAttribute(`aria-label`,d??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>A(e));if(t.length>0)return t[0];let n=e.filter(e=>B(e));return n.length>0?n[0]:e.find(e=>N(e))}convertDatePropsToMatch(e){if(A(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&w(this._value,this._timeZone),this._min=this._min&&w(this._min,this._timeZone),this._max=this._max&&w(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??g(),B(e)){this._value=this._value&&y(this._value),this._min=this._min&&y(this._min),this._max=this._max&&y(this._max);return}this._value=this._value&&v(this._value),this._min=this._min&&v(this._min),this._max=this._max&&v(this._max)}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(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.isNonCompliantValue()&&(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),!this._min&&!this._max&&!this._value&&(this._timeZone=g())}isNonCompliantValue(){return this._value!==void 0&&!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;!e||!this.isUserSetPrecision||this.includesTime&&N(e)&&this.convertDatePropsToMatch(y(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=N(e)?j.Day:j.Minute)}render(){return e`
21
21
  <div id="text-field">
22
22
  ${this.renderStateIcons()} ${this.renderInputContent()}
23
23
  </div>
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/icon-Dy6J1QeX.js";export{e as LuzmoIcon};
20
+ import"./tokens.js";import{t as e}from"./chunks/icon-BypO7M7G.js";export{e as LuzmoIcon};
@@ -55,6 +55,7 @@
55
55
  "status-light.js",
56
56
  "swatch.js",
57
57
  "switch.js",
58
+ "table.js",
58
59
  "tabs.js",
59
60
  "tags.js",
60
61
  "text-field.js",
@@ -70,26 +71,26 @@
70
71
  "chunks": [
71
72
  "chunks/NumberFormatter-DMCfW685.js",
72
73
  "chunks/NumberParser-r_jv94LA.js",
73
- "chunks/action-button-BzzPBqt5.js",
74
+ "chunks/action-button-FSsfXYe9.js",
74
75
  "chunks/action-group-DTxf-0tP.js",
75
76
  "chunks/async-directive-BA2_dM-5.js",
76
77
  "chunks/async-directive-CPdA0BOw.js",
77
78
  "chunks/badge-DD-tMgzi.js",
78
79
  "chunks/button-Bv3v7VbN.js",
79
- "chunks/button-Dykw3TSO.js",
80
+ "chunks/button-Q1n9DH9a.js",
80
81
  "chunks/button-base-C7jeeyLp.js",
81
- "chunks/calendar-ZwUYkzVq.js",
82
- "chunks/checkbox-OQtakoP8.js",
82
+ "chunks/calendar-DcFjY2tw.js",
83
+ "chunks/checkbox-DQ4wPgG_.js",
83
84
  "chunks/checkbox-mixin-BAQWmwps.js",
84
85
  "chunks/class-map-CxQ0PcQP.js",
85
- "chunks/clear-button-pVGfwye8.js",
86
- "chunks/close-button-RpPiwBdf.js",
86
+ "chunks/clear-button-3zpCVxG5.js",
87
+ "chunks/close-button-C96dazyi.js",
87
88
  "chunks/color-area-Cj8oPsIF.js",
88
89
  "chunks/color-controller-fJNWRHVI.js",
89
- "chunks/color-field-CrCF4kqZ.js",
90
+ "chunks/color-field-BFvUGE4L.js",
90
91
  "chunks/color-handle-BHrAxEG2.js",
91
92
  "chunks/color-loupe-C34cms5t.js",
92
- "chunks/color-menu-B5UOMYmX.js",
93
+ "chunks/color-menu-BIKuitbH.js",
93
94
  "chunks/color-slider-CAqvxsgS.js",
94
95
  "chunks/condition-attribute-with-id-Dv8Yd-N1.js",
95
96
  "chunks/dependency-manger-BPrqqTnJ.js",
@@ -104,23 +105,24 @@
104
105
  "chunks/focus-group-Cl6MLy-C.js",
105
106
  "chunks/focusable-selectors-D5e0OxNL.js",
106
107
  "chunks/get-label-from-slot-Dfoiptqo.js",
107
- "chunks/icon-Dy6J1QeX.js",
108
+ "chunks/icon-BypO7M7G.js",
108
109
  "chunks/infield-button-D03MpU_s.js",
109
110
  "chunks/keyed-CNWmQd2J.js",
110
111
  "chunks/language-resolution-BWHk9A73.js",
111
112
  "chunks/lit-BN_lRQbJ.js",
112
113
  "chunks/lucero-runtime-DGJ9-isg.js",
113
- "chunks/luzmo-icons-CJa-aByT.js",
114
+ "chunks/luzmo-icons-B-pCv-xg.js",
114
115
  "chunks/manage-help-text-Cl9OJ2xf.js",
115
- "chunks/menu-nolJetlp.js",
116
- "chunks/number-field-C3DYfl1s.js",
116
+ "chunks/match-media-BMi7j6hf.js",
117
+ "chunks/menu-DSMoQt1w.js",
118
+ "chunks/number-field-B6BDXkL7.js",
117
119
  "chunks/observe-slot-presence-DWPtw22K.js",
118
- "chunks/options-BjRSj630.js",
120
+ "chunks/options-CkmITqgV.js",
119
121
  "chunks/overlay-C4ir0iyC.js",
120
122
  "chunks/overlay-C_XW8yry.js",
121
123
  "chunks/pending-state-DxeRqe6Q.js",
122
- "chunks/picker-button-BeXTIgUt.js",
123
- "chunks/picker-hbMQOkUX.js",
124
+ "chunks/picker-FCQK0vdE.js",
125
+ "chunks/picker-button-BZWqDoNQ.js",
124
126
  "chunks/platform-BfrBbd97.js",
125
127
  "chunks/popover-BsB3dmQe.js",
126
128
  "chunks/progress-circle-CEx1b5Sv.js",
@@ -131,15 +133,15 @@
131
133
  "chunks/rolldown-runtime-DWK5is8u.js",
132
134
  "chunks/roving-tabindex-CB4xC55P.js",
133
135
  "chunks/scaled-indicator-k-1JmS0b.js",
134
- "chunks/segments-factory-Ch3AAizU.js",
136
+ "chunks/segments-factory-eS38mJRz.js",
135
137
  "chunks/skeleton-loader-BxYcRRJr.js",
136
138
  "chunks/slottable-request-event-D9FhiqH1.js",
137
- "chunks/strategies-kad_0dTB.js",
139
+ "chunks/strategies-C-vW4MlK.js",
138
140
  "chunks/streaming-listener-DFczLm8I.js",
139
141
  "chunks/style-map-D4QeV3m0.js",
140
- "chunks/swatch-m_4GcO2_.js",
141
- "chunks/text-field-BnZtyodU.js",
142
- "chunks/text-field-BrlDeJsx.js",
142
+ "chunks/swatch-CGR_GWqO.js",
143
+ "chunks/text-field-4OKvLOXG.js",
144
+ "chunks/text-field-C2oROxum.js",
143
145
  "chunks/text-field.module-ClDE7laI.js",
144
146
  "chunks/tooltip-DB6jRVyB.js",
145
147
  "chunks/unsafe-html-BPQaWy0v.js",
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{a as e,i as t,n,r,t as i}from"./chunks/menu-nolJetlp.js";export{e as LuzmoMenu,t as LuzmoMenuDivider,r as LuzmoMenuGroup,i as LuzmoMenuItem,n as MenuItemAddedOrUpdatedEvent};
20
+ import"./tokens.js";import{a as e,i as t,n,r,t as i}from"./chunks/menu-DSMoQt1w.js";export{e as LuzmoMenu,t as LuzmoMenuDivider,r as LuzmoMenuGroup,i as LuzmoMenuItem,n as MenuItemAddedOrUpdatedEvent};
@@ -17,7 +17,7 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,l as r,u as i,y as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as o}from"./chunks/manage-help-text-Cl9OJ2xf.js";import"./chunks/text-field-BnZtyodU.js";var s=`:host{display:inline-block}:host luzmo-text-field{width:100%}`,c=class extends o(n(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.label=``,this.allowedKeys=``,this.i18nPlaceholder={},this.type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.rows=-1,this.quiet=!1,this.disabled=!1,this.required=!1,this.readonly=!1,this.language=`en`,this.defaultLanguage=`en`,this.value={}}static get styles(){return[t(s)]}get _localizedValue(){let e={...this.value};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}get _localizedPlaceholder(){let e={...this.i18nPlaceholder};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}handleChange(e){e.stopPropagation(),e.preventDefault();let t=e.target;this.value[this.language]!==t.value&&(this.value={...this.value,[this.language]:t.value},this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}})))}render(){return e`
20
+ import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,l as r,u as i,y as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as o}from"./chunks/manage-help-text-Cl9OJ2xf.js";import"./chunks/text-field-4OKvLOXG.js";var s=`:host{display:inline-block}:host luzmo-text-field{width:100%}`,c=class extends o(n(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.label=``,this.allowedKeys=``,this.i18nPlaceholder={},this.type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.rows=-1,this.quiet=!1,this.disabled=!1,this.required=!1,this.readonly=!1,this.language=`en`,this.defaultLanguage=`en`,this.value={}}static get styles(){return[t(s)]}get _localizedValue(){let e={...this.value};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}get _localizedPlaceholder(){let e={...this.i18nPlaceholder};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}handleChange(e){e.stopPropagation(),e.preventDefault();let t=e.target;this.value[this.language]!==t.value&&(this.value={...this.value,[this.language]:t.value},this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}})))}render(){return e`
21
21
  <luzmo-text-field
22
22
  .label=${this.label}
23
23
  .value=${this._localizedValue}
@@ -17,7 +17,7 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{c as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import{I as c,c as l,m as u,t as d}from"./chunks/luzmo-icons-CJa-aByT.js";import"./chunks/icon-Dy6J1QeX.js";import"./chunks/button-Dykw3TSO.js";var f=`:host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}`,p=[`negative`,`positive`,`notice`,`info`],m={close:`Close`,negative:`Error`,positive:`Success`,notice:`Warning`,info:`Information`},h=6,g={negative:c,positive:l,notice:d,info:u},_=class extends r(a,{validSizes:[`s`,`m`,`l`,`xl`],defaultSize:`m`}){constructor(...e){super(...e),this.open=!0,this._variant=`info`,this.hideIcon=!1,this.closeable=!1,this.heading=``,this.description=``,this._duration=null,this.labels={},this._hasCustomIcon=!1,this._hasSlottedHeading=!1,this._hasSlottedDescription=!1,this._timerPaused=!1,this._timerStartedAt=0,this._remainingMilliseconds=0,this._pauseReasons=new Set,this._handleManualClose=()=>{this._requestClose(`manual`)},this._handlePointerEnter=()=>{this._pauseCountdown(`pointer`)},this._handlePointerLeave=()=>{this._pauseReasons.delete(`pointer`),this._resumeCountdown()},this._handleFocusIn=()=>{this._pauseCountdown(`focus`),this._pauseCountdown(`sticky`)},this._handleFocusOut=e=>{let t=e.relatedTarget;t&&(this.contains(t)||this.shadowRoot?.contains(t))||(this._pauseReasons.delete(`focus`),this._resumeCountdown())}}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],n(f)]}get variant(){return this._variant}set variant(e){let t=this._variant;this._variant=p.includes(e)?e:`info`,this.getAttribute(`variant`)!==this._variant&&this.setAttribute(`variant`,this._variant),this.requestUpdate(`variant`,t)}get duration(){return this._duration}set duration(e){let t=this._duration,n=Number(e);this._duration=e!==null&&Number.isFinite(n)&&n>0?Math.max(h,n):null;let r=this._duration===null?null:String(this._duration);this.getAttribute(`duration`)!==r&&(r===null?this.removeAttribute(`duration`):this.setAttribute(`duration`,r)),this.requestUpdate(`duration`,t)}get _resolvedLabels(){return{close:this.labels.close??m.close,negative:this.labels.negative??m.negative,positive:this.labels.positive??m.positive,notice:this.labels.notice??m.notice,info:this.labels.info??m.info}}connectedCallback(){super.connectedCallback(),this._syncSlottedContent(),this._slotObserver=new MutationObserver(()=>this._syncSlottedContent()),this._slotObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:[`slot`]}),this.addEventListener(`pointerenter`,this._handlePointerEnter),this.addEventListener(`pointerleave`,this._handlePointerLeave),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this._pauseReasons.delete(`disconnect`)?this._resumeCountdown():this.hasUpdated&&this.open&&this.duration&&this._startNewCountdown()}disconnectedCallback(){this._pauseCountdown(`disconnect`),this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._slotObserver?.disconnect(),this._slotObserver=void 0,this.removeEventListener(`pointerenter`,this._handlePointerEnter),this.removeEventListener(`pointerleave`,this._handlePointerLeave),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),super.disconnectedCallback()}close(e){this._requestClose(e??`programmatic`)}willUpdate(e){if(super.willUpdate(e),e.has(`variant`)||!this.hasAttribute(`role`)){let e=this.variant===`negative`;this.setAttribute(`role`,e?`alert`:`status`),this.setAttribute(`aria-live`,e?`assertive`:`polite`),this.setAttribute(`aria-atomic`,`true`)}}updated(e){super.updated(e),(e.has(`open`)||e.has(`duration`))&&(this.open&&this.duration?this._startNewCountdown():this._stopCountdown(!0))}render(){let n=this._resolvedLabels,r=this._hasCustomIcon||!this.hideIcon,i=this._hasSlottedHeading||!!this.heading,a=this._hasSlottedDescription||!!this.description;return e`
20
+ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{c as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import{L as c,c as l,m as u,t as d}from"./chunks/luzmo-icons-B-pCv-xg.js";import"./chunks/icon-BypO7M7G.js";import"./chunks/button-Q1n9DH9a.js";var f=`:host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}`,p=[`negative`,`positive`,`notice`,`info`],m={close:`Close`,negative:`Error`,positive:`Success`,notice:`Warning`,info:`Information`},h=6,g={negative:c,positive:l,notice:d,info:u},_=class extends r(a,{validSizes:[`s`,`m`,`l`,`xl`],defaultSize:`m`}){constructor(...e){super(...e),this.open=!0,this._variant=`info`,this.hideIcon=!1,this.closeable=!1,this.heading=``,this.description=``,this._duration=null,this.labels={},this._hasCustomIcon=!1,this._hasSlottedHeading=!1,this._hasSlottedDescription=!1,this._timerPaused=!1,this._timerStartedAt=0,this._remainingMilliseconds=0,this._pauseReasons=new Set,this._handleManualClose=()=>{this._requestClose(`manual`)},this._handlePointerEnter=()=>{this._pauseCountdown(`pointer`)},this._handlePointerLeave=()=>{this._pauseReasons.delete(`pointer`),this._resumeCountdown()},this._handleFocusIn=()=>{this._pauseCountdown(`focus`),this._pauseCountdown(`sticky`)},this._handleFocusOut=e=>{let t=e.relatedTarget;t&&(this.contains(t)||this.shadowRoot?.contains(t))||(this._pauseReasons.delete(`focus`),this._resumeCountdown())}}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],n(f)]}get variant(){return this._variant}set variant(e){let t=this._variant;this._variant=p.includes(e)?e:`info`,this.getAttribute(`variant`)!==this._variant&&this.setAttribute(`variant`,this._variant),this.requestUpdate(`variant`,t)}get duration(){return this._duration}set duration(e){let t=this._duration,n=Number(e);this._duration=e!==null&&Number.isFinite(n)&&n>0?Math.max(h,n):null;let r=this._duration===null?null:String(this._duration);this.getAttribute(`duration`)!==r&&(r===null?this.removeAttribute(`duration`):this.setAttribute(`duration`,r)),this.requestUpdate(`duration`,t)}get _resolvedLabels(){return{close:this.labels.close??m.close,negative:this.labels.negative??m.negative,positive:this.labels.positive??m.positive,notice:this.labels.notice??m.notice,info:this.labels.info??m.info}}connectedCallback(){super.connectedCallback(),this._syncSlottedContent(),this._slotObserver=new MutationObserver(()=>this._syncSlottedContent()),this._slotObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:[`slot`]}),this.addEventListener(`pointerenter`,this._handlePointerEnter),this.addEventListener(`pointerleave`,this._handlePointerLeave),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this._pauseReasons.delete(`disconnect`)?this._resumeCountdown():this.hasUpdated&&this.open&&this.duration&&this._startNewCountdown()}disconnectedCallback(){this._pauseCountdown(`disconnect`),this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._slotObserver?.disconnect(),this._slotObserver=void 0,this.removeEventListener(`pointerenter`,this._handlePointerEnter),this.removeEventListener(`pointerleave`,this._handlePointerLeave),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),super.disconnectedCallback()}close(e){this._requestClose(e??`programmatic`)}willUpdate(e){if(super.willUpdate(e),e.has(`variant`)||!this.hasAttribute(`role`)){let e=this.variant===`negative`;this.setAttribute(`role`,e?`alert`:`status`),this.setAttribute(`aria-live`,e?`assertive`:`polite`),this.setAttribute(`aria-atomic`,`true`)}}updated(e){super.updated(e),(e.has(`open`)||e.has(`duration`))&&(this.open&&this.duration?this._startNewCountdown():this._stopCountdown(!0))}render(){let n=this._resolvedLabels,r=this._hasCustomIcon||!this.hideIcon,i=this._hasSlottedHeading||!!this.heading,a=this._hasSlottedDescription||!!this.description;return e`
21
21
  ${r?e`
22
22
  <div class="icon">
23
23
  <slot name="icon">
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/number-field-C3DYfl1s.js";export{e as LuzmoNumberField};
20
+ import"./tokens.js";import{t as e}from"./chunks/number-field-B6BDXkL7.js";export{e as LuzmoNumberField};
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{a as e,i as t,n,t as r}from"./chunks/options-BjRSj630.js";export{e as LuzmoOption,r as LuzmoOptions,t as LuzmoOptionsDivider,n as VIRTUALIZE_AS_OF_NUM_ITEMS};
20
+ import"./tokens.js";import{a as e,i as t,n,t as r}from"./chunks/options-CkmITqgV.js";export{e as LuzmoOption,r as LuzmoOptions,t as LuzmoOptionsDivider,n as VIRTUALIZE_AS_OF_NUM_ITEMS};
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{t as e}from"./chunks/picker-button-BeXTIgUt.js";export{e as LuzmoPickerButton};
20
+ import"./tokens.js";import{t as e}from"./chunks/picker-button-BZWqDoNQ.js";export{e as LuzmoPickerButton};
@@ -17,4 +17,4 @@
17
17
  *
18
18
  */
19
19
 
20
- import"./tokens.js";import{n as e,r as t,t as n}from"./chunks/picker-hbMQOkUX.js";customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e);export{n as DESCRIPTION_ID,e as LuzmoPicker,t as LuzmoPickerBase};
20
+ import"./tokens.js";import{n as e,r as t,t as n}from"./chunks/picker-FCQK0vdE.js";customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e);export{n as DESCRIPTION_ID,e as LuzmoPicker,t as LuzmoPickerBase};