@luzmo/analytics-components-kit 1.0.1-alpha.29 → 1.0.1-alpha.30

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 (105) hide show
  1. package/components/{async-directive-DWRUSKKF-CPf9l5wJ.js → async-directive-C_bp5UcZ-B5_19oN_.js} +1 -1
  2. package/components/{async-directive-DWRUSKKF-DWUZeMaj.cjs → async-directive-C_bp5UcZ-mUPcBvyn.cjs} +3 -3
  3. package/components/base-D76d76ww-BEIhYtgV.cjs +94 -0
  4. package/components/{base-D76d76ww-M5t7LVBG.js → base-D76d76ww-D0dTUBua.js} +300 -299
  5. package/components/{button-base-DSHx7XO8-ChNRhetl.cjs → button-base-WsJSnMie-B1TLbPwk.cjs} +4 -4
  6. package/components/{button-base-DSHx7XO8-B_LbLx9g.js → button-base-WsJSnMie-CyGPs7kd.js} +4 -4
  7. package/components/{checkbox-mixin-BFGTmw17-C1tjSMaa.js → checkbox-mixin-CmeCReJh-C94-rm4F.js} +2 -2
  8. package/components/{checkbox-mixin-BFGTmw17-DF2p-vSz.cjs → checkbox-mixin-CmeCReJh-wY0R8cuc.cjs} +3 -3
  9. package/components/{directive-helpers-nlQRAaQt-DTZp2cFt.cjs → directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs} +2 -2
  10. package/components/{directive-helpers-nlQRAaQt-DgSC1Yr2.js → directive-helpers-Bx_ey3Gk-Csi4AxXe.js} +1 -1
  11. package/components/display-settings/index.cjs +1 -1
  12. package/components/display-settings/index.js +7 -7
  13. package/components/display-settings-binning/index.cjs +1 -1
  14. package/components/display-settings-binning/index.js +5 -5
  15. package/components/display-settings-datetime/index.cjs +1 -1
  16. package/components/display-settings-datetime/index.js +8 -8
  17. package/components/display-settings-grand-totals/index.cjs +1 -1
  18. package/components/display-settings-grand-totals/index.js +4 -4
  19. package/components/display-settings-numeric/index.cjs +3 -3
  20. package/components/display-settings-numeric/index.js +12 -12
  21. package/components/display-settings-period-over-period/index.cjs +5 -5
  22. package/components/display-settings-period-over-period/index.js +14 -14
  23. package/components/draggable-data-item-level/index.cjs +1 -1
  24. package/components/draggable-data-item-level/index.js +15 -15
  25. package/components/droppable-slot/index.cjs +9 -9
  26. package/components/droppable-slot/index.js +63 -63
  27. package/components/edit-item/index.cjs +6 -6
  28. package/components/edit-item/index.js +14 -14
  29. package/components/edit-option-action-button-group/index.cjs +1 -1
  30. package/components/edit-option-action-button-group/index.js +20 -20
  31. package/components/{edit-option-base-C0zI8SOd.js → edit-option-base-DOezOLDd.js} +2 -2
  32. package/components/{edit-option-base-D8vs3Bty.cjs → edit-option-base-jkkFevzT.cjs} +1 -1
  33. package/components/edit-option-color-picker/index.cjs +29 -29
  34. package/components/edit-option-color-picker/index.js +40 -40
  35. package/components/edit-option-multi-language-field/index.cjs +1 -1
  36. package/components/edit-option-multi-language-field/index.js +2 -2
  37. package/components/edit-option-number-field/index.cjs +1 -1
  38. package/components/edit-option-number-field/index.js +2 -2
  39. package/components/edit-option-picker/index.cjs +1 -1
  40. package/components/edit-option-picker/index.js +3 -3
  41. package/components/edit-option-position-picker/index.cjs +1 -1
  42. package/components/edit-option-position-picker/index.js +2 -2
  43. package/components/edit-option-positions-number-field/index.cjs +1 -1
  44. package/components/edit-option-positions-number-field/index.js +3 -3
  45. package/components/edit-option-radio-button-group/index.cjs +1 -1
  46. package/components/edit-option-radio-button-group/index.js +3 -3
  47. package/components/edit-option-slider/index.cjs +2 -2
  48. package/components/edit-option-slider/index.js +2 -2
  49. package/components/edit-option-switch/index.cjs +3 -3
  50. package/components/edit-option-switch/index.js +7 -7
  51. package/components/edit-option-text-field/index.cjs +1 -1
  52. package/components/edit-option-text-field/index.js +2 -2
  53. package/components/{focusable-cj2QhwDT-DlzfnLn9.js → focusable-BNESohBR-DYvAZYXL.js} +1 -1
  54. package/components/{focusable-cj2QhwDT-CvevSkDr.cjs → focusable-BNESohBR-DbTLvYXr.cjs} +2 -2
  55. package/components/{if-defined-BSAr_4u4-CIqREoag.cjs → if-defined-D-1p2bLN-0_AoRnT2.cjs} +1 -1
  56. package/components/{if-defined-BSAr_4u4-BCnSpSsA.js → if-defined-D-1p2bLN-Bn-33APC.js} +1 -1
  57. package/components/{index-CC53jnJB.cjs → index-0HUnZcem.cjs} +2 -2
  58. package/components/{index-fheP_kQJ.js → index-B3jkBlKY.js} +7 -7
  59. package/components/{index-B2LO8M42.js → index-B9dQtvu7.js} +3 -3
  60. package/components/{index-BIauj-BP.cjs → index-BKcvEgWr.cjs} +4 -4
  61. package/components/{index-BjdUsH9B.js → index-BXMPi13W.js} +75 -75
  62. package/components/{index-D8GVYuJ-.js → index-Bb8vxGZY.js} +29 -29
  63. package/components/{index-Cl7wWlXl.cjs → index-BkCJwWm3.cjs} +3 -3
  64. package/components/{index-fzqLW5XZ.js → index-BnbhRpm9.js} +12 -12
  65. package/components/{index-Du8Q4hhF.js → index-Brg_sVUg.js} +1 -1
  66. package/components/{index-b9OSfNB6.cjs → index-Bwxvaqxq.cjs} +19 -19
  67. package/components/{index-BIcAxPGg.cjs → index-C2-2RrwB.cjs} +4 -4
  68. package/components/{index-9hGc0AF6.cjs → index-C9-QEfA9.cjs} +5 -5
  69. package/components/{index-Bp6XY9q2.cjs → index-CF84gqsb.cjs} +4 -4
  70. package/components/{index-zFIy9Mwl.js → index-CRx2nPkq.js} +3 -3
  71. package/components/{index-B3417kqb.cjs → index-CVuJ-LUO.cjs} +2 -2
  72. package/components/{index-CBNsaHFy.js → index-CbeVu32V.js} +2 -2
  73. package/components/{index-Dku2WLRc.js → index-CqFCIIIl.js} +3 -3
  74. package/components/{index-mB-t2zP2.cjs → index-CqynTbW1.cjs} +23 -23
  75. package/components/{index-BW6jffrL.cjs → index-D5rT-qy9.cjs} +13 -13
  76. package/components/{index-BLyfPWMW.cjs → index-D8Na-686.cjs} +1 -1
  77. package/components/{index-DelXrrBi.js → index-DFnzlbHX.js} +13 -13
  78. package/components/{index-BnVt-dJY.js → index-DJik7S7b.js} +2 -2
  79. package/components/{index-C8yP7YJD.js → index-DZZMSlYS.js} +3 -3
  80. package/components/{index-DQCvi59x.js → index-Rjoe8cIs.js} +24 -24
  81. package/components/{index-CZUy8SUo.cjs → index-_McOOiwL.cjs} +4 -4
  82. package/components/{index-CAwT4m7K.cjs → index-bZQXFqxv.cjs} +9 -9
  83. package/components/{index-KY89MPqI.js → index-fl13NYnO.js} +1 -1
  84. package/components/{index-Cz9Cvq1K.cjs → index-uRWe553S.cjs} +4 -4
  85. package/components/luzmo-icons-BDClm1AE.cjs +31 -0
  86. package/components/luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs +47 -0
  87. package/components/luzmo-icons-BLN3xVgr-Tz5XXgbL.js +118 -0
  88. package/components/{luzmo-icons-CmY3chvZ.js → luzmo-icons-U09GB75o.js} +136 -188
  89. package/components/{observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs → observe-slot-text-CVKLDesL-BB2RmFgc.cjs} +4 -4
  90. package/components/{observe-slot-text-ggb4kKgY-tm0SQCaj.js → observe-slot-text-CVKLDesL-CXUeCmXW.js} +7 -7
  91. package/components/{popover-Bx4ZDHk4-Cw2DKR2x.cjs → popover-DRyjN9y_-7mF_fAOh.cjs} +4 -4
  92. package/components/{popover-Bx4ZDHk4-HbUSJ86p.js → popover-DRyjN9y_-w1zh4tvw.js} +2 -2
  93. package/components/{query-assigned-nodes-C76XVPWY-DON51dMU.js → query-assigned-nodes-C76XVPWY-BWouxGZs.js} +1 -1
  94. package/components/{query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs → query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs} +1 -1
  95. package/components/slot-menu/index.cjs +1 -1
  96. package/components/slot-menu/index.js +2 -2
  97. package/components/slot-menu-list/index.cjs +1 -1
  98. package/components/slot-menu-list/index.js +1 -1
  99. package/components/{streaming-listener-CCalHg57-2AtO4Ho2.cjs → streaming-listener-C8Ctj0Q6-BhMxS69F.cjs} +3 -3
  100. package/components/{streaming-listener-CCalHg57-CQgWstyf.js → streaming-listener-C8Ctj0Q6-lanbGKR9.js} +3 -3
  101. package/components/{text-field-BTnBJoP9-BuahhcXU.js → text-field-C0pFjPG1-B4TRivuD.js} +17 -17
  102. package/components/{text-field-BTnBJoP9-CDMhK3d1.cjs → text-field-C0pFjPG1-BCVbGXp7.cjs} +12 -12
  103. package/package.json +1 -1
  104. package/components/base-D76d76ww-C6YO3slp.cjs +0 -94
  105. package/components/luzmo-icons-lvebt6bp.cjs +0 -31
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";const l=require("./base-D76d76ww-C6YO3slp.cjs"),n=require("./if-defined-BSAr_4u4-CIqREoag.cjs"),v=require("./query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";const l=require("./base-D76d76ww-BEIhYtgV.cjs"),n=require("./if-defined-D-1p2bLN-0_AoRnT2.cjs"),v=require("./query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -33,7 +33,7 @@
33
33
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
34
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
35
  * SOFTWARE.
36
- * */var C=Object.defineProperty,u=(i,t,s,h)=>{for(var e=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(e=o(t,s,e)||e);return e&&C(t,s,e),e};function $(i){class t extends i{renderAnchor({id:h,className:e,ariaHidden:r,labelledby:o,tabindex:f,anchorContent:a=l.Ht`<slot></slot>`}){return l.Ht`
36
+ * */var C=Object.defineProperty,u=(i,t,s,h)=>{for(var e=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(e=o(t,s,e)||e);return e&&C(t,s,e),e};function D(i){class t extends i{renderAnchor({id:h,className:e,ariaHidden:r,labelledby:o,tabindex:f,anchorContent:a=l.Rt`<slot></slot>`}){return l.Rt`
37
37
  <a
38
38
  id=${h}
39
39
  class=${n.m(e)}
@@ -47,7 +47,7 @@
47
47
  referrerpolicy=${n.m(this.referrerpolicy)}
48
48
  rel=${n.m(this.rel)}
49
49
  >${a}</a>
50
- `}}return u([l.Rt()],t.prototype,"download"),u([l.Rt()],t.prototype,"label"),u([l.Rt()],t.prototype,"href"),u([l.Rt()],t.prototype,"target"),u([l.Rt()],t.prototype,"referrerpolicy"),u([l.Rt()],t.prototype,"rel"),t}/*! * Lucero - The design system for Luzmo.
50
+ `}}return u([l.Dt()],t.prototype,"download"),u([l.Dt()],t.prototype,"label"),u([l.Dt()],t.prototype,"href"),u([l.Dt()],t.prototype,"target"),u([l.Dt()],t.prototype,"referrerpolicy"),u([l.Dt()],t.prototype,"rel"),t}/*! * Lucero - The design system for Luzmo.
51
51
  *
52
52
  * Copyright © 2025 Luzmo
53
53
  * All rights reserved.
@@ -83,4 +83,4 @@
83
83
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
84
84
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
85
85
  * SOFTWARE.
86
- * */var w=Object.defineProperty,m=(i,t,s,h)=>{for(var e=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(e=o(t,s,e)||e);return e&&w(t,s,e),e};const b=Symbol("assignedNodes");function x(i,t,s=[]){var h,e;const r=f=>a=>f.matches(a);class o extends(e=i,h=b,e){constructor(...a){super(a),this.slotHasContent=!1,new g(this,{config:{characterData:!0,subtree:!0},callback:p=>{for(const d of p)if(d.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[b])return;const a=[...this[b]].filter(p=>{const d=p;return d.tagName?!s.some(r(d)):d.textContent?d.textContent.trim():!1});this.slotHasContent=a.length>0}update(a){if(!this.hasUpdated){const{childNodes:p}=this,d=[...p].filter(y=>{const c=y;return c.tagName?s.some(r(c))?!1:t?c.getAttribute("slot")===t:!c.hasAttribute("slot"):c.textContent?c.textContent.trim():!1});this.slotHasContent=d.length>0}super.update(a)}firstUpdated(a){super.firstUpdated(a),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return m([l.Rt({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),m([v.m({slot:t,flatten:!0})],o.prototype,h),o}exports.a=g;exports.b=$;exports.y=x;
86
+ * */var $=Object.defineProperty,m=(i,t,s,h)=>{for(var e=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(e=o(t,s,e)||e);return e&&$(t,s,e),e};const b=Symbol("assignedNodes");function w(i,t,s=[]){var h,e;const r=f=>a=>f.matches(a);class o extends(e=i,h=b,e){constructor(...a){super(a),this.slotHasContent=!1,new g(this,{config:{characterData:!0,subtree:!0},callback:p=>{for(const d of p)if(d.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[b])return;const a=[...this[b]].filter(p=>{const d=p;return d.tagName?!s.some(r(d)):d.textContent?d.textContent.trim():!1});this.slotHasContent=a.length>0}update(a){if(!this.hasUpdated){const{childNodes:p}=this,d=[...p].filter(y=>{const c=y;return c.tagName?s.some(r(c))?!1:t?c.getAttribute("slot")===t:!c.hasAttribute("slot"):c.textContent?c.textContent.trim():!1});this.slotHasContent=d.length>0}super.update(a)}firstUpdated(a){super.firstUpdated(a),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return m([l.Dt({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),m([v.m({slot:t,flatten:!0})],o.prototype,h),o}exports.a=g;exports.b=D;exports.y=w;
@@ -17,9 +17,9 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { R as d, H as g } from "./base-D76d76ww-M5t7LVBG.js";
21
- import { m as n } from "./if-defined-BSAr_4u4-BCnSpSsA.js";
22
- import { m as y } from "./query-assigned-nodes-C76XVPWY-DON51dMU.js";
20
+ import { D as d, R as g } from "./base-D76d76ww-D0dTUBua.js";
21
+ import { m as n } from "./if-defined-D-1p2bLN-Bn-33APC.js";
22
+ import { m as y } from "./query-assigned-nodes-C76XVPWY-BWouxGZs.js";
23
23
  /*! * Lucero - The design system for Luzmo.
24
24
  *
25
25
  * Copyright © 2025 Luzmo
@@ -42,7 +42,7 @@ var C = Object.defineProperty, u = (i, t, s, l) => {
42
42
  (o = i[r]) && (e = o(t, s, e) || e);
43
43
  return e && C(t, s, e), e;
44
44
  };
45
- function k(i) {
45
+ function U(i) {
46
46
  class t extends i {
47
47
  renderAnchor({
48
48
  id: l,
@@ -156,7 +156,7 @@ var x = Object.defineProperty, m = (i, t, s, l) => {
156
156
  return e && x(t, s, e), e;
157
157
  };
158
158
  const b = Symbol("assignedNodes");
159
- function U(i, t, s = []) {
159
+ function D(i, t, s = []) {
160
160
  var l, e;
161
161
  const r = (f) => (a) => f.matches(a);
162
162
  class o extends (e = i, l = b, e) {
@@ -216,6 +216,6 @@ function U(i, t, s = []) {
216
216
  }
217
217
  export {
218
218
  $ as a,
219
- k as b,
220
- U as y
219
+ U as b,
220
+ D as y
221
221
  };
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./base-D76d76ww-C6YO3slp.cjs"),s=require("./if-defined-BSAr_4u4-CIqREoag.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./base-D76d76ww-BEIhYtgV.cjs"),s=require("./if-defined-D-1p2bLN-0_AoRnT2.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -33,7 +33,7 @@
33
33
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
34
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
35
  * SOFTWARE.
36
- * */const v=":host{pointer-events:none;visibility:hidden;opacity:0;max-height:var(--luzmo-popover-max-height)!important;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration, var(--animation-duration-100, .13s)) ease-in-out,opacity var(--luzmo-overlay-animation-duration, var(--animation-duration-100, .13s)) ease-in-out,visibility 0s linear var(--luzmo-overlay-animation-duration, var(--animation-duration-100, .13s))}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened, var(--animation-duration-0, 0s))}@media (forced-colors: active){:host{--highcontrast-popover-border-color: CanvasText}}:host{--popover-filter: drop-shadow( var(--luzmo-popover-shadow-horizontal, var(--popover-shadow-horizontal)) var(--luzmo-popover-shadow-vertical, var(--popover-shadow-vertical)) var(--luzmo-popover-shadow-blur, var(--popover-shadow-blur)) var(--luzmo-popover-shadow-color, var(--popover-shadow-color)) );box-sizing:border-box;padding:var(--luzmo-popover-content-area-spacing-vertical, var(--popover-content-area-spacing-vertical)) 0;border-radius:var(--luzmo-popover-corner-radius, var(--popover-corner-radius));border-style:solid;border-color:var(--highcontrast-popover-border-color, var(--luzmo-popover-border-color, var(--popover-border-color)));border-width:var(--luzmo-popover-border-width, var(--popover-border-width));background-color:var(--luzmo-popover-background-color, var(--popover-background-color));filter:var(--luzmo-popover-filter, var(--popover-filter));outline:none;flex-direction:column;display:inline-flex;position:absolute}:host([tip]) #tip .triangle{stroke-linecap:square;stroke-linejoin:miter;fill:var(--highcontrast-popover-background-color, var(--luzmo-popover-background-color, var(--popover-background-color)));stroke:var(--highcontrast-popover-border-color, var(--luzmo-popover-border-color, var(--popover-border-color)));stroke-width:var(--luzmo-popover-border-width, var(--popover-border-width))}*{--luzmo-popover-filter: none}:host([tip]) .luzmo-Popover--top-end,:host([tip]) .luzmo-Popover--top-left,:host([tip]) .luzmo-Popover--top-right,:host([tip]) .luzmo-Popover--top-start,:host([placement*=top][tip]){margin-block-end:calc(var(--luzmo-popover-pointer-height, var(--popover-pointer-height)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--top-end,:host([open]) .luzmo-Popover--top-left,:host([open]) .luzmo-Popover--top-right,:host([open]) .luzmo-Popover--top-start,:host([placement*=top][open]){transform:translateY(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--bottom-end,:host([tip]) .luzmo-Popover--bottom-left,:host([tip]) .luzmo-Popover--bottom-right,:host([tip]) .luzmo-Popover--bottom-start,:host([placement*=bottom][tip]){margin-block-start:calc(var(--luzmo-popover-pointer-height, var(--popover-pointer-height)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--bottom-end,:host([open]) .luzmo-Popover--bottom-left,:host([open]) .luzmo-Popover--bottom-right,:host([open]) .luzmo-Popover--bottom-start,:host([placement*=bottom][open]){transform:translateY(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--right-bottom,:host([tip]) .luzmo-Popover--right-top,:host([placement*=right][tip]){margin-left:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--right-bottom,:host([open]) .luzmo-Popover--right-top,:host([placement*=right][open]){transform:translate(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--left-bottom,:host([tip]) .luzmo-Popover--left-top,:host([placement*=left][tip]){margin-right:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--left-bottom,:host([open]) .luzmo-Popover--left-top,:host([placement*=left][open]){transform:translate(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--start-bottom,:host([tip]) .luzmo-Popover--start-top,:host([tip]) .luzmo-Popover--start{margin-inline-end:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--start-bottom,:host([open]) .luzmo-Popover--start-top,:host([open]) .luzmo-Popover--start{transform:translate(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([open]) .luzmo-Popover--start-bottom:dir(rtl),:host([open]) .luzmo-Popover--start-top:dir(rtl),:host([open]) .luzmo-Popover--start:dir(rtl),:host([dir=rtl][open]) .luzmo-Popover--start-bottom,:host([dir=rtl][open]) .luzmo-Popover--start-top,:host([dir=rtl][open]) .luzmo-Popover--start{transform:translate(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--end-bottom,:host([tip]) .luzmo-Popover--end-top,:host([tip]) .luzmo-Popover--end{margin-inline-start:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--end-bottom,:host([open]) .luzmo-Popover--end-top,:host([open]) .luzmo-Popover--end{transform:translate(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([open]) .luzmo-Popover--end-bottom:dir(rtl),:host([open]) .luzmo-Popover--end-top:dir(rtl),:host([open]) .luzmo-Popover--end:dir(rtl),:host([dir=rtl][open]) .luzmo-Popover--end-bottom,:host([dir=rtl][open]) .luzmo-Popover--end-top,:host([dir=rtl][open]) .luzmo-Popover--end{transform:translate(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([tip]) #tip,:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip,:host([tip][placement*=top]) #tip,:host([tip]) .luzmo-Popover--top-end #tip,:host([tip]) .luzmo-Popover--top-left #tip,:host([tip]) .luzmo-Popover--top-right #tip,:host([tip]) .luzmo-Popover--top-start #tip{inline-size:var(--luzmo-popover-pointer-width, var(--popover-pointer-width));block-size:var(--luzmo-popover-pointer-height, var(--popover-pointer-height));margin:auto;position:absolute;inset-block-start:100%;inset-inline:0;transform:translate(0)}:host([tip]) .luzmo-Popover--top-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--top-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip{inset-block:auto 100%;transform:scaleY(-1)}:host([tip]) .luzmo-Popover--bottom-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--bottom-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip,:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{inline-size:var(--luzmo-popover-pointer-height, var(--popover-pointer-height));block-size:var(--luzmo-popover-pointer-width, var(--popover-pointer-width));inset-block:0}:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip{left:100%;right:auto}:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip{left:auto;right:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end-top #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start-top #tip{inset-block:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--start-bottom #tip{inset-block:auto var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{margin-inline-start:100%}:host([tip]) .luzmo-Popover--start #tip:dir(rtl),:host([tip]) .luzmo-Popover--start-bottom #tip:dir(rtl),:host([tip]) .luzmo-Popover--start-top #tip:dir(rtl),:host([dir=rtl][tip]) .luzmo-Popover--start #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-top #tip{transform:none}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip{margin-inline-end:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end #tip:dir(rtl),:host([tip]) .luzmo-Popover--end-bottom #tip:dir(rtl),:host([tip]) .luzmo-Popover--end-top #tip:dir(rtl),:host([dir=rtl][tip]) .luzmo-Popover--end #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-top #tip{transform:scaleX(1)}:host{--popover-border-width: var(--luzmo-border-width);--popover-animation-distance: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--popover-background-color: var(--luzmo-background-color);--popover-border-color: var(--luzmo-border-color);--popover-content-area-spacing-vertical: var(--luzmo-spacing-2);--popover-shadow-horizontal: 0;--popover-shadow-vertical: 1px;--popover-shadow-blur: 4px;--popover-shadow-color: var(--luzmo-border-color);--popover-corner-radius: var(--luzmo-border-radius);--popover-pointer-width: var(--luzmo-spacing-5);--popover-pointer-height: var(--luzmo-spacing-3);--popover-pointer-edge-offset: 16px;--popover-pointer-edge-spacing: 24px}:host([size=s]){--popover-animation-distance: var(--luzmo-spacing-2)}:host([size=l]){--popover-animation-distance: var(--luzmo-spacing-3)}:host([size=xl]){--popover-animation-distance: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host{min-width:min-content;max-height:100%;max-width:100%;clip-path:none}::slotted(*){overscroll-behavior:contain}:host([placement*=left]) #tip[style],:host([placement*=right]) #tip[style]{inset-block-end:auto}:host([placement*=top]) #tip[style],:host([placement*=bottom]) #tip[style]{inset-inline-end:auto}.block,.inline{width:100%;height:100%;display:block}:host([placement*=left]) .block,:host([placement*=right]) .block{display:none}:host([placement*=top]) .inline,:host([placement*=bottom]) .inline{display:none}::slotted(.visually-hidden){border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}::slotted(luzmo-menu){margin:0}:host([dialog]){min-width:var(--luzmo-popover-dialog-min-width, 270px);padding:var(--luzmo-popover-dialog-padding, 30px 29px)}:host([tip][placement]) #tip{height:auto}";var m=Object.defineProperty,p=(e,a,n,h)=>{for(var t=void 0,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=l(a,n,t)||t);return t&&m(a,n,t),t};class r extends o.m(o.kt){constructor(){super(...arguments),this.open=!1,this.tip=!1}static get styles(){return[o.ht(v)]}renderTip(){return o.Ht`
36
+ * */const v=":host{pointer-events:none;visibility:hidden;opacity:0;max-height:var(--luzmo-popover-max-height)!important;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration, var(--animation-duration-100, .13s)) ease-in-out,opacity var(--luzmo-overlay-animation-duration, var(--animation-duration-100, .13s)) ease-in-out,visibility 0s linear var(--luzmo-overlay-animation-duration, var(--animation-duration-100, .13s))}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened, var(--animation-duration-0, 0s))}@media (forced-colors: active){:host{--highcontrast-popover-border-color: CanvasText}}:host{--popover-filter: drop-shadow( var(--luzmo-popover-shadow-horizontal, var(--popover-shadow-horizontal)) var(--luzmo-popover-shadow-vertical, var(--popover-shadow-vertical)) var(--luzmo-popover-shadow-blur, var(--popover-shadow-blur)) var(--luzmo-popover-shadow-color, var(--popover-shadow-color)) );box-sizing:border-box;padding:var(--luzmo-popover-content-area-spacing-vertical, var(--popover-content-area-spacing-vertical)) 0;border-radius:var(--luzmo-popover-corner-radius, var(--popover-corner-radius));border-style:solid;border-color:var(--highcontrast-popover-border-color, var(--luzmo-popover-border-color, var(--popover-border-color)));border-width:var(--luzmo-popover-border-width, var(--popover-border-width));background-color:var(--luzmo-popover-background-color, var(--popover-background-color));filter:var(--luzmo-popover-filter, var(--popover-filter));outline:none;flex-direction:column;display:inline-flex;position:absolute}:host([tip]) #tip .triangle{stroke-linecap:square;stroke-linejoin:miter;fill:var(--highcontrast-popover-background-color, var(--luzmo-popover-background-color, var(--popover-background-color)));stroke:var(--highcontrast-popover-border-color, var(--luzmo-popover-border-color, var(--popover-border-color)));stroke-width:var(--luzmo-popover-border-width, var(--popover-border-width))}*{--luzmo-popover-filter: none}:host([tip]) .luzmo-Popover--top-end,:host([tip]) .luzmo-Popover--top-left,:host([tip]) .luzmo-Popover--top-right,:host([tip]) .luzmo-Popover--top-start,:host([placement*=top][tip]){margin-block-end:calc(var(--luzmo-popover-pointer-height, var(--popover-pointer-height)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--top-end,:host([open]) .luzmo-Popover--top-left,:host([open]) .luzmo-Popover--top-right,:host([open]) .luzmo-Popover--top-start,:host([placement*=top][open]){transform:translateY(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--bottom-end,:host([tip]) .luzmo-Popover--bottom-left,:host([tip]) .luzmo-Popover--bottom-right,:host([tip]) .luzmo-Popover--bottom-start,:host([placement*=bottom][tip]){margin-block-start:calc(var(--luzmo-popover-pointer-height, var(--popover-pointer-height)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--bottom-end,:host([open]) .luzmo-Popover--bottom-left,:host([open]) .luzmo-Popover--bottom-right,:host([open]) .luzmo-Popover--bottom-start,:host([placement*=bottom][open]){transform:translateY(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--right-bottom,:host([tip]) .luzmo-Popover--right-top,:host([placement*=right][tip]){margin-left:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--right-bottom,:host([open]) .luzmo-Popover--right-top,:host([placement*=right][open]){transform:translate(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--left-bottom,:host([tip]) .luzmo-Popover--left-top,:host([placement*=left][tip]){margin-right:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--left-bottom,:host([open]) .luzmo-Popover--left-top,:host([placement*=left][open]){transform:translate(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--start-bottom,:host([tip]) .luzmo-Popover--start-top,:host([tip]) .luzmo-Popover--start{margin-inline-end:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--start-bottom,:host([open]) .luzmo-Popover--start-top,:host([open]) .luzmo-Popover--start{transform:translate(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([open]) .luzmo-Popover--start-bottom:dir(rtl),:host([open]) .luzmo-Popover--start-top:dir(rtl),:host([open]) .luzmo-Popover--start:dir(rtl),:host([dir=rtl][open]) .luzmo-Popover--start-bottom,:host([dir=rtl][open]) .luzmo-Popover--start-top,:host([dir=rtl][open]) .luzmo-Popover--start{transform:translate(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--end-bottom,:host([tip]) .luzmo-Popover--end-top,:host([tip]) .luzmo-Popover--end{margin-inline-start:calc(var(--luzmo-popover-pointer-width, var(--popover-pointer-width)) - var(--luzmo-popover-border-width, var(--popover-border-width)))}:host([open]) .luzmo-Popover--end-bottom,:host([open]) .luzmo-Popover--end-top,:host([open]) .luzmo-Popover--end{transform:translate(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)))}:host([open]) .luzmo-Popover--end-bottom:dir(rtl),:host([open]) .luzmo-Popover--end-top:dir(rtl),:host([open]) .luzmo-Popover--end:dir(rtl),:host([dir=rtl][open]) .luzmo-Popover--end-bottom,:host([dir=rtl][open]) .luzmo-Popover--end-top,:host([dir=rtl][open]) .luzmo-Popover--end{transform:translate(calc(var(--luzmo-popover-animation-distance, var(--popover-animation-distance)) * -1))}:host([tip]) #tip,:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip,:host([tip][placement*=top]) #tip,:host([tip]) .luzmo-Popover--top-end #tip,:host([tip]) .luzmo-Popover--top-left #tip,:host([tip]) .luzmo-Popover--top-right #tip,:host([tip]) .luzmo-Popover--top-start #tip{inline-size:var(--luzmo-popover-pointer-width, var(--popover-pointer-width));block-size:var(--luzmo-popover-pointer-height, var(--popover-pointer-height));margin:auto;position:absolute;inset-block-start:100%;inset-inline:0;transform:translate(0)}:host([tip]) .luzmo-Popover--top-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--top-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip{inset-block:auto 100%;transform:scaleY(-1)}:host([tip]) .luzmo-Popover--bottom-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--bottom-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip,:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{inline-size:var(--luzmo-popover-pointer-height, var(--popover-pointer-height));block-size:var(--luzmo-popover-pointer-width, var(--popover-pointer-width));inset-block:0}:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip{left:100%;right:auto}:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip{left:auto;right:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end-top #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start-top #tip{inset-block:var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--start-bottom #tip{inset-block:auto var(--luzmo-popover-pointer-edge-spacing, var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{margin-inline-start:100%}:host([tip]) .luzmo-Popover--start #tip:dir(rtl),:host([tip]) .luzmo-Popover--start-bottom #tip:dir(rtl),:host([tip]) .luzmo-Popover--start-top #tip:dir(rtl),:host([dir=rtl][tip]) .luzmo-Popover--start #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-top #tip{transform:none}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip{margin-inline-end:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end #tip:dir(rtl),:host([tip]) .luzmo-Popover--end-bottom #tip:dir(rtl),:host([tip]) .luzmo-Popover--end-top #tip:dir(rtl),:host([dir=rtl][tip]) .luzmo-Popover--end #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-top #tip{transform:scaleX(1)}:host{--popover-border-width: var(--luzmo-border-width);--popover-animation-distance: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--popover-background-color: var(--luzmo-background-color);--popover-border-color: var(--luzmo-border-color);--popover-content-area-spacing-vertical: var(--luzmo-spacing-2);--popover-shadow-horizontal: 0;--popover-shadow-vertical: 1px;--popover-shadow-blur: 4px;--popover-shadow-color: var(--luzmo-border-color);--popover-corner-radius: var(--luzmo-border-radius);--popover-pointer-width: var(--luzmo-spacing-5);--popover-pointer-height: var(--luzmo-spacing-3);--popover-pointer-edge-offset: 16px;--popover-pointer-edge-spacing: 24px}:host([size=s]){--popover-animation-distance: var(--luzmo-spacing-2)}:host([size=l]){--popover-animation-distance: var(--luzmo-spacing-3)}:host([size=xl]){--popover-animation-distance: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host{min-width:min-content;max-height:100%;max-width:100%;clip-path:none}::slotted(*){overscroll-behavior:contain}:host([placement*=left]) #tip[style],:host([placement*=right]) #tip[style]{inset-block-end:auto}:host([placement*=top]) #tip[style],:host([placement*=bottom]) #tip[style]{inset-inline-end:auto}.block,.inline{width:100%;height:100%;display:block}:host([placement*=left]) .block,:host([placement*=right]) .block{display:none}:host([placement*=top]) .inline,:host([placement*=bottom]) .inline{display:none}::slotted(.visually-hidden){border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}::slotted(luzmo-menu){margin:0}:host([dialog]){min-width:var(--luzmo-popover-dialog-min-width, 270px);padding:var(--luzmo-popover-dialog-padding, 30px 29px)}:host([tip][placement]) #tip{height:auto}";var m=Object.defineProperty,p=(e,a,n,h)=>{for(var t=void 0,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=l(a,n,t)||t);return t&&m(a,n,t),t};class r extends o.m(o.zt){constructor(){super(...arguments),this.open=!1,this.tip=!1}static get styles(){return[o.at(v)]}renderTip(){return o.Rt`
37
37
  <div id="tip" aria-hidden="true">
38
38
  <svg class="tip block" viewBox="0 -0.5 16 9">
39
39
  <path class="triangle" d="M-1,-1 8,8 17,-1"></path>
@@ -42,7 +42,7 @@
42
42
  <path class="triangle" d="M-1,-1 8,8 -1,17"></path>
43
43
  </svg>
44
44
  </div>
45
- `}render(){return o.Ht`
45
+ `}render(){return o.Rt`
46
46
  <slot></slot>
47
47
  ${this.tip?this.renderTip():o.d}
48
- `}}p([o.Rt({type:Boolean,reflect:!0})],r.prototype,"open");p([o.Rt({reflect:!0})],r.prototype,"placement");p([o.Rt({type:Boolean,reflect:!0})],r.prototype,"tip");p([s.d("#tip")],r.prototype,"tipElement");exports.LuzmoPopover=r;
48
+ `}}p([o.Dt({type:Boolean,reflect:!0})],r.prototype,"open");p([o.Dt({reflect:!0})],r.prototype,"placement");p([o.Dt({type:Boolean,reflect:!0})],r.prototype,"tip");p([s.d("#tip")],r.prototype,"tipElement");exports.LuzmoPopover=r;
@@ -17,8 +17,8 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { m as v, k as m, h, H as s, d, R as i } from "./base-D76d76ww-M5t7LVBG.js";
21
- import { d as u } from "./if-defined-BSAr_4u4-BCnSpSsA.js";
20
+ import { m as v, z as m, a as h, R as s, d, D as i } from "./base-D76d76ww-D0dTUBua.js";
21
+ import { d as u } from "./if-defined-D-1p2bLN-Bn-33APC.js";
22
22
  /*! * Lucero - The design system for Luzmo.
23
23
  *
24
24
  * Copyright © 2025 Luzmo
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { o as l } from "./base-D76d76ww-M5t7LVBG.js";
20
+ import { o as l } from "./base-D76d76ww-D0dTUBua.js";
21
21
  /*! * Lucero - The design system for Luzmo.
22
22
  *
23
23
  * Copyright © 2025 Luzmo
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";const i=require("./base-D76d76ww-C6YO3slp.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";const i=require("./base-D76d76ww-BEIhYtgV.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CC53jnJB.cjs");const t=require("../focusable-Cu_m_GTh.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const a=require("../luzmo-icons-lvebt6bp.cjs"),h=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),c=require("../sized-mixin-Cqlxwicw.cjs"),p=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var v=Object.defineProperty,n=(i,o,l,r)=>{for(var s=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(s=m(o,l,s)||s);return s&&v(o,l,s),s};class e extends c.SizedMixin(t.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=0}static get styles(){return[t.r(p)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(o){var l;o.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(o){var r;this._slotContents=structuredClone(o.detail.slotContents);const l=o.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((r=this._slotContents)==null?void 0:r[this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(o){this._slotContents[this._activeIndex]=structuredClone(o.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const o=h.localize(this._slotContents[this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=o}}removeSlotContent(o){this._slotContents=this._slotContents.filter((l,r)=>r!==o),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this._activeIndex)}render(){return t.x`<div class="slot-menu-top-menu">
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-0HUnZcem.cjs");const t=require("../focusable-Cu_m_GTh.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const a=require("../luzmo-icons-BDClm1AE.cjs"),h=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),c=require("../sized-mixin-Cqlxwicw.cjs"),p=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var v=Object.defineProperty,n=(i,o,l,r)=>{for(var s=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(s=m(o,l,s)||s);return s&&v(o,l,s),s};class e extends c.SizedMixin(t.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=0}static get styles(){return[t.r(p)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(o){var l;o.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(o){var r;this._slotContents=structuredClone(o.detail.slotContents);const l=o.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((r=this._slotContents)==null?void 0:r[this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(o){this._slotContents[this._activeIndex]=structuredClone(o.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const o=h.localize(this._slotContents[this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=o}}removeSlotContent(o){this._slotContents=this._slotContents.filter((l,r)=>r!==o),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this._activeIndex)}render(){return t.x`<div class="slot-menu-top-menu">
21
21
  ${this.variant==="draggable"?t.x`<div class="drag-handle">${a.O2(a.W)}</div>`:""}
22
22
  ${this._slotContents.length===1&&this.variant!=="popup"?t.x` <div class="slot-content-action">
23
23
  <div class="slot-content-label"></div>
@@ -17,11 +17,11 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import "../index-KY89MPqI.js";
20
+ import "../index-fl13NYnO.js";
21
21
  import { L as z, r as h, x as i, n } from "../focusable-Dw_pMNQL.js";
22
22
  import "../display-settings/index.js";
23
23
  import "../slot-menu-list/index.js";
24
- import { O as m, W as g, v, B as b } from "../luzmo-icons-CmY3chvZ.js";
24
+ import { f as m, W as g, v, B as b } from "../luzmo-icons-U09GB75o.js";
25
25
  import { l as f } from "../localize-BX7q0S0M.js";
26
26
  import { e as d } from "../query-Ddbd72Um.js";
27
27
  import { S as x, E as y } from "../sized-mixin-DMuOVsw0.js";
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../focusable-Cu_m_GTh.cjs"),p=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-lvebt6bp.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../base-BjTwmyRF.cjs"),k=require("../sized-mixin-Cqlxwicw.cjs");/**
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../focusable-Cu_m_GTh.cjs"),p=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-BDClm1AE.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../base-BjTwmyRF.cjs"),k=require("../sized-mixin-Cqlxwicw.cjs");/**
21
21
  * @license
22
22
  * Copyright 2017 Google LLC
23
23
  * SPDX-License-Identifier: BSD-3-Clause
@@ -19,7 +19,7 @@
19
19
  * */
20
20
  import { L as P, r as F, x as E, n as x } from "../focusable-Dw_pMNQL.js";
21
21
  import { _ as S, a as D, d as j, s as $, g as w } from "../get-css-variable-Bhbr-Kr1.js";
22
- import { O as L, v as A } from "../luzmo-icons-CmY3chvZ.js";
22
+ import { f as L, v as A } from "../luzmo-icons-U09GB75o.js";
23
23
  import { l as M } from "../localize-BX7q0S0M.js";
24
24
  import { e as R } from "../base-D76d76ww.js";
25
25
  import { S as q, E as T } from "../sized-mixin-DMuOVsw0.js";
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";const l=require("./base-D76d76ww-C6YO3slp.cjs"),o=require("./async-directive-DWRUSKKF-DWUZeMaj.cjs"),m=require("./directive-helpers-nlQRAaQt-DTZp2cFt.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";const l=require("./base-D76d76ww-BEIhYtgV.cjs"),o=require("./async-directive-C_bp5UcZ-mUPcBvyn.cjs"),m=require("./directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -33,7 +33,7 @@
33
33
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
34
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
35
  * SOFTWARE.
36
- * */const r=Symbol("language resolver updated");let u=class{constructor(e){this.language=document.documentElement.lang||navigator.language,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}resolveLanguage(){const e=new CustomEvent("luzmo-language-context",{bubbles:!0,composed:!0,detail:{callback:(t,s)=>{const n=this.language;this.language=t,this.unsubscribe=s,this.host.requestUpdate(r,n)}},cancelable:!0});this.host.dispatchEvent(e)}};/*! * Lucero - The design system for Luzmo.
36
+ * */const r=Symbol("language resolver updated");let c=class{constructor(e){this.language=document.documentElement.lang||navigator.language,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}resolveLanguage(){const e=new CustomEvent("luzmo-language-context",{bubbles:!0,composed:!0,detail:{callback:(t,s)=>{const n=this.language;this.language=t,this.unsubscribe=s,this.host.requestUpdate(r,n)}},cancelable:!0});this.host.dispatchEvent(e)}};/*! * Lucero - The design system for Luzmo.
37
37
  *
38
38
  * Copyright © 2025 Luzmo
39
39
  * All rights reserved.
@@ -49,4 +49,4 @@
49
49
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
50
50
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
51
51
  * SOFTWARE.
52
- * */const i=["",()=>{}];class c extends o.C{constructor(){super(...arguments),this.start=i,this.streamInside=i,this.end=i,this.streamOutside=i,this.state="off",this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return l.d}update(e,[{start:t,end:s,streamInside:n=i,streamOutside:d=i}]){var a;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((a=e.options)==null?void 0:a.host)||this.element,this.start=t,this.end=s,this.streamInside=n,this.streamOutside=d,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(s=>{this.element.addEventListener(s,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(s=>{this.element.removeEventListener(s,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}const v=m._(c);exports.l=u;exports.o=r;exports.u=v;
52
+ * */const i=["",()=>{}];class u extends o.C{constructor(){super(...arguments),this.start=i,this.streamInside=i,this.end=i,this.streamOutside=i,this.state="off",this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return l.d}update(e,[{start:t,end:s,streamInside:n=i,streamOutside:d=i}]){var a;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((a=e.options)==null?void 0:a.host)||this.element,this.start=t,this.end=s,this.streamInside=n,this.streamOutside=d,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(s=>{this.element.addEventListener(s,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(s=>{this.element.removeEventListener(s,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}const v=m._(u);exports.l=c;exports.o=r;exports.u=v;
@@ -17,9 +17,9 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { d } from "./base-D76d76ww-M5t7LVBG.js";
21
- import { C as l } from "./async-directive-DWRUSKKF-CPf9l5wJ.js";
22
- import { _ as o } from "./directive-helpers-nlQRAaQt-DgSC1Yr2.js";
20
+ import { d } from "./base-D76d76ww-D0dTUBua.js";
21
+ import { C as l } from "./async-directive-C_bp5UcZ-B5_19oN_.js";
22
+ import { _ as o } from "./directive-helpers-Bx_ey3Gk-Csi4AxXe.js";
23
23
  /*! * Lucero - The design system for Luzmo.
24
24
  *
25
25
  * Copyright © 2025 Luzmo
@@ -17,11 +17,11 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { H as s, m as g, h as b, d as u, v as h, R as r } from "./base-D76d76ww-M5t7LVBG.js";
21
- import { _ as z, n as m, $ as y, s as c, r as k, f as w } from "./directive-helpers-nlQRAaQt-DgSC1Yr2.js";
22
- import { m as n, d as $ } from "./if-defined-BSAr_4u4-BCnSpSsA.js";
23
- import { O as v, I as q, F as T } from "./luzmo-icons-CmY3chvZ.js";
24
- import { r as E } from "./focusable-cj2QhwDT-DlzfnLn9.js";
20
+ import { R as s, m as g, a as b, d as u, v as h, D as r } from "./base-D76d76ww-D0dTUBua.js";
21
+ import { _ as z, n as m, $ as y, s as c, r as k, f as w } from "./directive-helpers-Bx_ey3Gk-Csi4AxXe.js";
22
+ import { m as n, d as $ } from "./if-defined-D-1p2bLN-Bn-33APC.js";
23
+ import { S as v, u as q, Z as T } from "./luzmo-icons-BLN3xVgr-Tz5XXgbL.js";
24
+ import { r as E } from "./focusable-BNESohBR-DYvAZYXL.js";
25
25
  import { n as f, u as I } from "./element-resolution-FCUT-wql--7ctE626.js";
26
26
  /*! * Lucero - The design system for Luzmo.
27
27
  *
@@ -40,7 +40,7 @@ import { n as f, u as I } from "./element-resolution-FCUT-wql--7ctE626.js";
40
40
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
41
41
  * SOFTWARE.
42
42
  * */
43
- class B {
43
+ class S {
44
44
  constructor(e, { mode: t } = { mode: "internal" }) {
45
45
  this.mode = "internal", this.handleSlotchange = ({
46
46
  target: a
@@ -92,10 +92,10 @@ class B {
92
92
  );
93
93
  }
94
94
  }
95
- function S(l, { mode: e } = { mode: "internal" }) {
95
+ function B(l, { mode: e } = { mode: "internal" }) {
96
96
  class t extends l {
97
97
  constructor() {
98
- super(...arguments), this.helpTextManager = new B(this, { mode: e });
98
+ super(...arguments), this.helpTextManager = new S(this, { mode: e });
99
99
  }
100
100
  get helpTextId() {
101
101
  return this.helpTextManager.id;
@@ -165,13 +165,13 @@ const _ = z(class extends y {
165
165
  return w(l), e;
166
166
  }
167
167
  });
168
- var C = Object.defineProperty, H = Object.getOwnPropertyDescriptor, i = (l, e, t, a) => {
169
- for (var d = a > 1 ? void 0 : a ? H(e, t) : e, p = l.length - 1, x; p >= 0; p--)
168
+ var C = Object.defineProperty, L = Object.getOwnPropertyDescriptor, i = (l, e, t, a) => {
169
+ for (var d = a > 1 ? void 0 : a ? L(e, t) : e, p = l.length - 1, x; p >= 0; p--)
170
170
  (x = l[p]) && (d = (a ? x(e, t, d) : x(d)) || d);
171
171
  return a && d && C(e, t, d), d;
172
172
  };
173
- const L = ["text", "url", "tel", "email", "password"];
174
- class o extends S(
173
+ const A = ["text", "url", "tel", "email", "password"];
174
+ class o extends B(
175
175
  g(E, {
176
176
  noDefaultSize: !0
177
177
  })
@@ -187,7 +187,7 @@ class o extends S(
187
187
  this._type = e, this.requestUpdate("type", t);
188
188
  }
189
189
  get type() {
190
- return L.find((e) => e === this._type) ?? "text";
190
+ return A.find((e) => e === this._type) ?? "text";
191
191
  }
192
192
  set value(e) {
193
193
  if (e === this.value)
@@ -406,7 +406,7 @@ i([
406
406
  i([
407
407
  r({ type: String, reflect: !0 })
408
408
  ], o.prototype, "autocomplete", 2);
409
- class A extends o {
409
+ class H extends o {
410
410
  constructor() {
411
411
  super(...arguments), this._value = "";
412
412
  }
@@ -422,9 +422,9 @@ class A extends o {
422
422
  }
423
423
  i([
424
424
  r({ type: String })
425
- ], A.prototype, "value", 1);
425
+ ], H.prototype, "value", 1);
426
426
  export {
427
+ H as A,
427
428
  o as i,
428
- S as u,
429
- A as z
429
+ B as u
430
430
  };
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";const t=require("./base-D76d76ww-C6YO3slp.cjs"),d=require("./directive-helpers-nlQRAaQt-DTZp2cFt.cjs"),a=require("./if-defined-BSAr_4u4-CIqREoag.cjs"),c=require("./luzmo-icons-lvebt6bp.cjs"),f=require("./focusable-cj2QhwDT-CvevSkDr.cjs"),p=require("./element-resolution-FCUT-wql-DSTvdyds.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";const t=require("./base-D76d76ww-BEIhYtgV.cjs"),d=require("./directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs"),a=require("./if-defined-D-1p2bLN-0_AoRnT2.cjs"),c=require("./luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs"),f=require("./focusable-BNESohBR-DbTLvYXr.cjs"),p=require("./element-resolution-FCUT-wql-DSTvdyds.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -33,7 +33,7 @@
33
33
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
34
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
35
  * SOFTWARE.
36
- * */class m{constructor(e,{mode:i}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:n})=>{this.handleHelpText(n),this.handleNegativeHelpText(n)},this.host=e,this.id=`luzmo-help-text-${p.n()}`,this.mode=i}get isInternal(){return this.mode==="internal"}render(e){return t.Ht`
36
+ * */class m{constructor(e,{mode:i}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:n})=>{this.handleHelpText(n),this.handleNegativeHelpText(n)},this.host=e,this.id=`luzmo-help-text-${p.n()}`,this.mode=i}get isInternal(){return this.mode==="internal"}render(e){return t.Rt`
37
37
  <div
38
38
  id=${a.m(this.isInternal?this.id:void 0)}
39
39
  aria-live="assertive"
@@ -81,12 +81,12 @@
81
81
  * @license
82
82
  * Copyright 2020 Google LLC
83
83
  * SPDX-License-Identifier: BSD-3-Clause
84
- */const b=d._(class extends d.${constructor(r){if(super(r),r.type!==d.s.PROPERTY&&r.type!==d.s.ATTRIBUTE&&r.type!==d.s.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d.r(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===t.v||e===t.d)return e;const i=r.element,n=r.name;if(r.type===d.s.PROPERTY){if(e===i[n])return t.v}else if(r.type===d.s.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(n))return t.v}else if(r.type===d.s.ATTRIBUTE&&i.getAttribute(n)===e+"")return t.v;return d.f(r),e}});var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(r,e,i,n)=>{for(var s=n>1?void 0:n?y(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(s=(n?h(e,i,s):h(s))||s);return n&&s&&z(e,i,s),s};const k=["text","url","tel","email","password"];class o extends v(t.m(f.r,{noDefaultSize:!0})){constructor(){super(...arguments),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.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.ht(g)]}set type(e){const i=this._type;this._type=e,this.requestUpdate("type",i)}get type(){return k.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,i,n="none"){this.inputElement.setSelectionRange(e,i,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const i=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(i,i);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.invalid?t.Ht`
85
- <div id="invalid" class="icon">${c.O2(c.I)}</div>
86
- `:this.valid?t.Ht`
87
- <div id="valid" class="icon">${c.O2(c.F)}</div>
88
- `:t.d}get displayValue(){return this.value.toString()}get renderMultiline(){return t.Ht`
89
- ${this.multiline&&this.grows&&this.rows===-1?t.Ht`
84
+ */const b=d._(class extends d.${constructor(r){if(super(r),r.type!==d.s.PROPERTY&&r.type!==d.s.ATTRIBUTE&&r.type!==d.s.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d.r(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===t.v||e===t.d)return e;const i=r.element,n=r.name;if(r.type===d.s.PROPERTY){if(e===i[n])return t.v}else if(r.type===d.s.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(n))return t.v}else if(r.type===d.s.ATTRIBUTE&&i.getAttribute(n)===e+"")return t.v;return d.f(r),e}});var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(r,e,i,n)=>{for(var s=n>1?void 0:n?y(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(s=(n?h(e,i,s):h(s))||s);return n&&s&&z(e,i,s),s};const k=["text","url","tel","email","password"];class o extends v(t.m(f.r,{noDefaultSize:!0})){constructor(){super(...arguments),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.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.at(g)]}set type(e){const i=this._type;this._type=e,this.requestUpdate("type",i)}get type(){return k.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,i,n="none"){this.inputElement.setSelectionRange(e,i,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const i=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(i,i);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.invalid?t.Rt`
85
+ <div id="invalid" class="icon">${c.S(c.u)}</div>
86
+ `:this.valid?t.Rt`
87
+ <div id="valid" class="icon">${c.S(c.Z)}</div>
88
+ `:t.d}get displayValue(){return this.value.toString()}get renderMultiline(){return t.Rt`
89
+ ${this.multiline&&this.grows&&this.rows===-1?t.Rt`
90
90
  <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
91
91
  </div>
92
92
  `:t.d}
@@ -113,7 +113,7 @@
113
113
  rows=${a.m(this.rows>-1?this.rows:void 0)}
114
114
  autocomplete=${a.m(this.autocomplete)}
115
115
  ></textarea>
116
- `}get renderInput(){return t.Ht`
116
+ `}get renderInput(){return t.Rt`
117
117
  <!-- @ts-ignore -->
118
118
  <input
119
119
  name=${a.m(this.name||void 0)}
@@ -138,10 +138,10 @@
138
138
  ?readonly=${this.readonly}
139
139
  autocomplete=${a.m(this.autocomplete)}
140
140
  />
141
- `}renderField(){return t.Ht`
141
+ `}renderField(){return t.Rt`
142
142
  ${this.renderStateIcons()}
143
143
  ${this.multiline?this.renderMultiline:this.renderInput}
144
- `}render(){return t.Ht`
144
+ `}render(){return t.Rt`
145
145
  <div id="text-field">${this.renderField()}</div>
146
146
  ${this.renderHelpText(this.invalid)}
147
- `}update(e){(e.has("value")||e.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(e=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),this.minlength!==void 0&&(e=e&&this.value.toString().length>=this.minlength),this.valid=e,this.invalid=!e),e}}l([d.n()],o.prototype,"appliedLabel",2);l([t.Rt({attribute:"allowed-keys"})],o.prototype,"allowedKeys",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"focused",2);l([a.d(".input:not(#sizer)")],o.prototype,"inputElement",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"invalid",2);l([t.Rt()],o.prototype,"label",2);l([t.Rt({type:String,reflect:!0})],o.prototype,"name",2);l([t.Rt()],o.prototype,"placeholder",2);l([d.n()],o.prototype,"type",1);l([t.Rt({attribute:"type",reflect:!0})],o.prototype,"_type",2);l([t.Rt()],o.prototype,"pattern",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"grows",2);l([t.Rt({type:Number})],o.prototype,"maxlength",2);l([t.Rt({type:Number})],o.prototype,"minlength",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"multiline",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"readonly",2);l([t.Rt({type:Number})],o.prototype,"rows",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"valid",2);l([t.Rt({type:String})],o.prototype,"value",1);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"quiet",2);l([t.Rt({type:Boolean,reflect:!0})],o.prototype,"required",2);l([t.Rt({type:String,reflect:!0})],o.prototype,"autocomplete",2);class x extends o{constructor(){super(...arguments),this._value=""}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}}l([t.Rt({type:String})],x.prototype,"value",1);exports.i=o;exports.u=v;exports.z=x;
147
+ `}update(e){(e.has("value")||e.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(e=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),this.minlength!==void 0&&(e=e&&this.value.toString().length>=this.minlength),this.valid=e,this.invalid=!e),e}}l([d.n()],o.prototype,"appliedLabel",2);l([t.Dt({attribute:"allowed-keys"})],o.prototype,"allowedKeys",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"focused",2);l([a.d(".input:not(#sizer)")],o.prototype,"inputElement",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"invalid",2);l([t.Dt()],o.prototype,"label",2);l([t.Dt({type:String,reflect:!0})],o.prototype,"name",2);l([t.Dt()],o.prototype,"placeholder",2);l([d.n()],o.prototype,"type",1);l([t.Dt({attribute:"type",reflect:!0})],o.prototype,"_type",2);l([t.Dt()],o.prototype,"pattern",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"grows",2);l([t.Dt({type:Number})],o.prototype,"maxlength",2);l([t.Dt({type:Number})],o.prototype,"minlength",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"multiline",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"readonly",2);l([t.Dt({type:Number})],o.prototype,"rows",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"valid",2);l([t.Dt({type:String})],o.prototype,"value",1);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"quiet",2);l([t.Dt({type:Boolean,reflect:!0})],o.prototype,"required",2);l([t.Dt({type:String,reflect:!0})],o.prototype,"autocomplete",2);class x extends o{constructor(){super(...arguments),this._value=""}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}}l([t.Dt({type:String})],x.prototype,"value",1);exports.A=x;exports.i=o;exports.u=v;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luzmo/analytics-components-kit",
3
- "version": "1.0.1-alpha.29",
3
+ "version": "1.0.1-alpha.30",
4
4
  "type": "module",
5
5
  "main": "./components/index.js",
6
6
  "module": "./components/index.js",