@eunomia/elements 1.0.0-beta.7 → 1.0.0-beta.8

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 (177) hide show
  1. package/dist/cdn/components/chunks/{chunk-3PNGQEG4.js → chunk-32L2QYWQ.js} +2 -2
  2. package/dist/cdn/components/chunks/{chunk-Z3OFIE7S.js → chunk-3UUZM7X2.js} +1 -1
  3. package/dist/cdn/components/chunks/{chunk-BVASCT2V.js → chunk-55PUDL7D.js} +13 -13
  4. package/dist/cdn/components/chunks/chunk-5LA5DQMP.js +1 -0
  5. package/dist/cdn/components/chunks/chunk-5LXGJVJR.js +1 -0
  6. package/dist/cdn/components/chunks/chunk-6TIEBY34.js +1 -0
  7. package/dist/cdn/components/chunks/{chunk-LVKMAHMU.js → chunk-AH2SKZ7T.js} +4 -1
  8. package/dist/cdn/components/chunks/chunk-JAGZL7JH.js +1 -0
  9. package/dist/cdn/components/chunks/{chunk-DGI7TKCU.js → chunk-LD35BFNK.js} +5 -9
  10. package/dist/cdn/components/chunks/chunk-P6LGU3FT.js +1 -0
  11. package/dist/cdn/components/chunks/{chunk-UYZR4JXZ.js → chunk-QSZO4GIH.js} +45 -9
  12. package/dist/cdn/components/chunks/{chunk-PXF554MD.js → chunk-QYB6Z6FG.js} +5 -5
  13. package/dist/cdn/components/chunks/{chunk-RIFF2D2F.js → chunk-RGC3I6MK.js} +1 -1
  14. package/dist/cdn/components/chunks/{chunk-N6ZW5CDN.js → chunk-TCSB2MLU.js} +1 -1
  15. package/dist/cdn/components/chunks/chunk-WIUERJII.js +1 -0
  16. package/dist/cdn/components/eun-animate.js +4 -4
  17. package/dist/cdn/components/eun-button.js +1 -1
  18. package/dist/cdn/components/eun-carousel.js +10 -9
  19. package/dist/cdn/components/eun-chip.js +17 -11
  20. package/dist/cdn/components/eun-collapse.js +1 -1
  21. package/dist/cdn/components/eun-color-picker.js +18 -5
  22. package/dist/cdn/components/eun-counter.js +10 -8
  23. package/dist/cdn/components/eun-date-picker.js +46 -43
  24. package/dist/cdn/components/eun-drawer.js +19 -20
  25. package/dist/cdn/components/eun-dropdown-button.js +1 -1
  26. package/dist/cdn/components/eun-dropdown-item.js +3 -3
  27. package/dist/cdn/components/eun-fab.js +1 -1
  28. package/dist/cdn/components/eun-image-carousel.js +4 -4
  29. package/dist/cdn/components/eun-input-phone.js +11 -8
  30. package/dist/cdn/components/eun-input.js +1 -1
  31. package/dist/cdn/components/eun-link.js +59 -13
  32. package/dist/cdn/components/eun-modal.js +23 -13
  33. package/dist/cdn/components/eun-scheduler-event-editor.js +1 -1
  34. package/dist/cdn/components/eun-search.js +34 -28
  35. package/dist/cdn/components/eun-select.js +3 -3
  36. package/dist/cdn/components/eun-sidebar.js +66 -21
  37. package/dist/cdn/components/eun-sliding-card.js +1 -1
  38. package/dist/cdn/components/eun-stepper.js +16 -16
  39. package/dist/cdn/components/eun-tab-panel.js +1 -1
  40. package/dist/cdn/components/eun-table-action-bar.js +1 -1
  41. package/dist/cdn/components/eun-table.js +2 -2
  42. package/dist/cdn/components/eun-textarea.js +16 -13
  43. package/dist/cdn/components/eun-time-picker.js +25 -23
  44. package/dist/cdn/components/eun-toast.js +8 -8
  45. package/dist/cdn/components/eun-toggle-group.js +71 -35
  46. package/dist/cdn/components/eun-toggle-item.js +8 -8
  47. package/dist/cdn/components/eun-toolbar.js +20 -20
  48. package/dist/cdn/components/eun-tooltip.js +6 -6
  49. package/dist/cdn/styles/eunomia-themes.css +1 -1
  50. package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +6 -2
  51. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +6 -2
  52. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
  53. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +6 -2
  54. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
  55. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +6 -2
  56. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
  57. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +6 -2
  58. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
  59. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +6 -2
  60. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
  61. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +6 -2
  62. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
  63. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +6 -2
  64. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
  65. package/dist/components/action/button/button.d.ts +2 -2
  66. package/dist/components/action/button/button.js +3 -7
  67. package/dist/components/action/button/button.styles.js +3 -3
  68. package/dist/components/action/dropdown-button/dropdown-button.d.ts +4 -6
  69. package/dist/components/action/dropdown-button/dropdown-button.js +6 -8
  70. package/dist/components/action/dropdown-button/dropdown-item.d.ts +10 -2
  71. package/dist/components/action/dropdown-button/dropdown-item.js +24 -9
  72. package/dist/components/action/link/link.d.ts +10 -1
  73. package/dist/components/action/link/link.js +13 -1
  74. package/dist/components/action/link/link.styles.js +50 -3
  75. package/dist/components/action/toggle/toggle-group.d.ts +12 -2
  76. package/dist/components/action/toggle/toggle-group.js +17 -2
  77. package/dist/components/action/toggle/toggle-group.styles.js +54 -18
  78. package/dist/components/action/toggle/toggle-item.js +1 -3
  79. package/dist/components/action/toggle/toggle-item.styles.js +7 -7
  80. package/dist/components/alert/drawer/drawer.d.ts +25 -0
  81. package/dist/components/alert/drawer/drawer.js +42 -3
  82. package/dist/components/alert/drawer/drawer.styles.js +6 -6
  83. package/dist/components/alert/modal/modal.d.ts +25 -0
  84. package/dist/components/alert/modal/modal.js +42 -3
  85. package/dist/components/alert/modal/modal.styles.js +17 -6
  86. package/dist/components/alert/toast/toast.js +3 -2
  87. package/dist/components/alert/toast/toast.styles.js +3 -3
  88. package/dist/components/content/chip/chip.js +3 -2
  89. package/dist/components/content/chip/chip.styles.js +9 -3
  90. package/dist/components/content/image-carousel/image-carousel.js +5 -4
  91. package/dist/components/content/tooltip/tooltip.d.ts +16 -9
  92. package/dist/components/content/tooltip/tooltip.js +28 -12
  93. package/dist/components/content/tooltip/tooltip.styles.js +1 -1
  94. package/dist/components/form/color-picker/color-picker.d.ts +7 -1
  95. package/dist/components/form/color-picker/color-picker.js +8 -2
  96. package/dist/components/form/color-picker/color-picker.styles.js +13 -0
  97. package/dist/components/form/counter/counter.d.ts +3 -1
  98. package/dist/components/form/counter/counter.js +3 -1
  99. package/dist/components/form/counter/counter.styles.js +6 -4
  100. package/dist/components/form/date-picker/date-picker.d.ts +6 -1
  101. package/dist/components/form/date-picker/date-picker.js +7 -2
  102. package/dist/components/form/date-picker/date-picker.styles.js +9 -6
  103. package/dist/components/form/input/input.d.ts +6 -1
  104. package/dist/components/form/input/input.js +7 -2
  105. package/dist/components/form/input-phone/input-phone.d.ts +7 -1
  106. package/dist/components/form/input-phone/input-phone.js +7 -1
  107. package/dist/components/form/input-phone/input-phone.styles.js +6 -3
  108. package/dist/components/form/search/search.d.ts +64 -10
  109. package/dist/components/form/search/search.js +112 -31
  110. package/dist/components/form/search/search.styles.js +2 -0
  111. package/dist/components/form/select/select.d.ts +7 -1
  112. package/dist/components/form/select/select.js +7 -1
  113. package/dist/components/form/shared-styles/field.styles.js +45 -8
  114. package/dist/components/form/shared-styles/listbox.styles.js +5 -1
  115. package/dist/components/form/textarea/textarea.d.ts +1 -0
  116. package/dist/components/form/textarea/textarea.js +2 -1
  117. package/dist/components/form/textarea/textarea.styles.js +3 -0
  118. package/dist/components/form/time-picker/time-picker.d.ts +6 -1
  119. package/dist/components/form/time-picker/time-picker.js +7 -2
  120. package/dist/components/form/time-picker/time-picker.styles.js +7 -5
  121. package/dist/components/layout/animate/animate.js +2 -1
  122. package/dist/components/navigation/carousel/carousel.d.ts +1 -2
  123. package/dist/components/navigation/carousel/carousel.js +14 -6
  124. package/dist/components/navigation/carousel/carousel.styles.js +5 -4
  125. package/dist/components/navigation/sidebar/sidebar.d.ts +98 -52
  126. package/dist/components/navigation/sidebar/sidebar.js +140 -85
  127. package/dist/components/navigation/sidebar/sidebar.styles.d.ts +1 -1
  128. package/dist/components/navigation/sidebar/sidebar.styles.js +69 -21
  129. package/dist/components/navigation/stepper/stepper.d.ts +1 -3
  130. package/dist/components/navigation/stepper/stepper.js +3 -21
  131. package/dist/components/navigation/toolbar/toolbar.d.ts +10 -0
  132. package/dist/components/navigation/toolbar/toolbar.js +8 -1
  133. package/dist/components/navigation/toolbar/toolbar.styles.js +18 -17
  134. package/dist/events/select.event.d.ts +3 -2
  135. package/dist/events/select.event.js +2 -1
  136. package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +1 -1
  137. package/dist/features/table/table/table.js +1 -1
  138. package/dist/features/table/table-action-bar/table-action-bar.js +2 -2
  139. package/dist/index.d.ts +1 -0
  140. package/dist/mixins/button.mixin.d.ts +1 -1
  141. package/dist/mixins/button.mixin.js +6 -4
  142. package/dist/mixins/dialog-surface.mixin.d.ts +8 -0
  143. package/dist/mixins/field-size.mixin.d.ts +19 -0
  144. package/dist/mixins/field-size.mixin.js +33 -0
  145. package/dist/mixins/rounded.mixin.d.ts +18 -0
  146. package/dist/mixins/rounded.mixin.js +32 -0
  147. package/dist/ssr/button-ssr.css +5 -5
  148. package/dist/ssr/carousel-ssr.css +9 -0
  149. package/dist/ssr/chip-ssr.css +8 -0
  150. package/dist/ssr/collapse-ssr.css +29 -0
  151. package/dist/ssr/field-ssr.css +43 -4
  152. package/dist/ssr/image-carousel-ssr.css +10 -0
  153. package/dist/ssr/links-ssr.css +38 -1
  154. package/dist/ssr/sidebar-ssr.css +95 -4
  155. package/dist/ssr/toggle-group-ssr.css +64 -13
  156. package/dist/ssr/toolbar-ssr.css +50 -0
  157. package/dist/types/variant.type.d.ts +4 -1
  158. package/dist/utils/boolean.utils.d.ts +14 -0
  159. package/dist/utils/boolean.utils.js +20 -0
  160. package/dist/utils/dropdown-menu.utils.d.ts +1 -1
  161. package/dist/utils/focusable-elements.utils.d.ts +12 -0
  162. package/dist/utils/focusable-elements.utils.js +26 -0
  163. package/dist/utils/input-modality.utils.d.ts +13 -0
  164. package/dist/utils/input-modality.utils.js +34 -0
  165. package/dist/utils/theme-generator.utils.d.ts +8 -2
  166. package/dist/utils/theme-generator.utils.js +30 -9
  167. package/package.json +1 -1
  168. package/styles/themes/mixins/eunomia-neutrals.mixin.scss +6 -2
  169. package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +6 -2
  170. package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +6 -2
  171. package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +6 -2
  172. package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +6 -2
  173. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +6 -2
  174. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +6 -2
  175. package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +6 -2
  176. package/dist/cdn/components/chunks/chunk-6VK6SHCG.js +0 -1
  177. package/dist/cdn/components/chunks/chunk-UDOZRIJZ.js +0 -1
@@ -129,7 +129,7 @@ import{a as f}from"./chunk-PD62MBOJ.js";import{a as o}from"./chunk-PPCHQG7P.js";
129
129
  label=${e.label}
130
130
  icon=${o(e.icon)}
131
131
  color=${o(l?"critical":void 0)}
132
- appearance=${l?"default":"flat"}
132
+ appearance=${l?"soft":"flat"}
133
133
  .options=${e.dropdown}
134
134
  ?disabled=${e.disabled}
135
135
  @eunselect=${s=>this.handleActionSelect(e,s)}
@@ -145,7 +145,7 @@ import{a as f}from"./chunk-PD62MBOJ.js";import{a as o}from"./chunk-PPCHQG7P.js";
145
145
  <eun-button
146
146
  color=${o(l?"critical":void 0)}
147
147
  label=${e.label}
148
- appearance=${l?"default":"flat"}
148
+ appearance=${l?"soft":"flat"}
149
149
  ?disabled=${e.disabled}
150
150
  @click=${()=>this.handleActionClick(e)}
151
151
  >
@@ -1,4 +1,4 @@
1
- import{a as r,h as s,j as t}from"./chunk-YITWLCD3.js";var v=a=>{class e extends a{constructor(){super(...arguments);this.type="button";this.fixedColor=!1;this.size="m";this.rounded=!1;this.slide=!1;this.loading=!1}connectedCallback(){super.connectedCallback?.(),!(this.href||this.querySelector(":scope > a"))&&(this.hasAttribute("role")||this.setAttribute("role","button"),this.addEventListener("click",this.handleClick,!0),this.addEventListener("keydown",this.handleKeydown,!0))}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}handleClick(o){if(this.disabled||this.loading){o.stopImmediatePropagation();return}if(this.hasAttribute("commandfor")){this.handleCommandClick?.();return}if(this.hasAttribute("popovertarget")){this.handlePopoverClick?.();return}this.handleFormBehavior()}handleKeydown(o){this.disabled||this.loading||!["Enter"," "].includes(o.key)||(o.preventDefault(),this.handleFormBehavior()||this.dispatchEvent(new Event("click")))}handleFormBehavior(){if(this.type!=="submit"&&this.type!=="reset")return!1;let o;if(this.form?o=this.getRootNode()?.getElementById(this.form):o=this.closest("form"),!o||!(o instanceof HTMLFormElement))throw new Error("The element link to the button does not exist or is invalid");return this.type==="reset"&&o.reset(),this.type==="submit"&&o.requestSubmit(),!0}}return r([t({reflect:!0,converter:{toAttribute:o=>o==="button"?null:o}})],e.prototype,"type",2),r([t({reflect:!0})],e.prototype,"color",2),r([t({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),r([t({reflect:!0,useDefault:!0})],e.prototype,"size",2),r([t({type:Boolean,reflect:!0})],e.prototype,"rounded",2),r([t({type:Boolean,reflect:!0})],e.prototype,"slide",2),r([t()],e.prototype,"form",2),r([t()],e.prototype,"href",2),r([t()],e.prototype,"target",2),r([t()],e.prototype,"download",2),r([t({type:Boolean,reflect:!0})],e.prototype,"loading",2),e};var c=class a extends Event{static{this.eventName="command"}constructor(e,n){super(a.eventName,{bubbles:!1,composed:!0,cancelable:!0}),this.command=e,this.source=n}};function d(a,e){let n=globalThis.CommandEvent;return typeof n=="function"?new n(c.eventName,{command:a,source:e,cancelable:!0,composed:!0}):new c(a,e)}var g=a=>{class e extends a{handleCommandClick(){let i=this.getAttribute("commandfor");if(!i)return;let l=this.getRootNode().getElementById(i);if(!l)throw new Error(`The given id [${i}] do not correspond to any command target`);l.dispatchEvent(d(this.getAttribute("command")??"",this))}}return r([t({reflect:!0})],e.prototype,"command",2),r([t({attribute:"commandfor"})],e.prototype,"commandFor",2),e};var x=s`
1
+ import{a as r,h as s,j as t}from"./chunk-YITWLCD3.js";var v=a=>{class e extends a{constructor(){super(...arguments);this.type="button";this.fixedColor=!1;this.size="m";this.rounded=!1;this.slide=!1;this.loading=!1}connectedCallback(){super.connectedCallback?.(),!(this.href||this.querySelector(":scope > a"))&&(this.hasAttribute("role")||this.setAttribute("role","button"),this.addEventListener("click",this.handleClick,!0),this.addEventListener("keydown",this.handleKeydown,!0))}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}handleClick(o){if(this.disabled||this.loading){o.stopImmediatePropagation();return}if(this.hasAttribute("commandfor")){this.handleCommandClick?.();return}if(this.hasAttribute("popovertarget")){this.handlePopoverClick?.();return}this.handleFormBehavior()}handleKeydown(o){this.disabled||this.loading||!["Enter"," "].includes(o.key)||(o.preventDefault(),this.click())}handleFormBehavior(){if(this.type!=="submit"&&this.type!=="reset")return!1;let o;if(this.form?o=this.getRootNode()?.getElementById(this.form):o=this.closest("form"),!o||!(o instanceof HTMLFormElement))throw new Error("The element link to the button does not exist or is invalid");return this.type==="reset"&&o.reset(),this.type==="submit"&&o.requestSubmit(),!0}}return r([t({reflect:!0,converter:{toAttribute:o=>o==="button"?null:o}})],e.prototype,"type",2),r([t({reflect:!0})],e.prototype,"color",2),r([t({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),r([t({reflect:!0,useDefault:!0})],e.prototype,"size",2),r([t({type:Boolean,reflect:!0})],e.prototype,"rounded",2),r([t({type:Boolean,reflect:!0})],e.prototype,"slide",2),r([t()],e.prototype,"form",2),r([t()],e.prototype,"href",2),r([t()],e.prototype,"target",2),r([t()],e.prototype,"download",2),r([t({type:Boolean,reflect:!0})],e.prototype,"loading",2),e};var c=class a extends Event{static{this.eventName="command"}constructor(e,n){super(a.eventName,{bubbles:!1,composed:!0,cancelable:!0}),this.command=e,this.source=n}};function d(a,e){let n=globalThis.CommandEvent;return typeof n=="function"?new n(c.eventName,{command:a,source:e,cancelable:!0,composed:!0}):new c(a,e)}var g=a=>{class e extends a{handleCommandClick(){let i=this.getAttribute("commandfor");if(!i)return;let l=this.getRootNode().getElementById(i);if(!l)throw new Error(`The given id [${i}] do not correspond to any command target`);l.dispatchEvent(d(this.getAttribute("command")??"",this))}}return r([t({reflect:!0})],e.prototype,"command",2),r([t({attribute:"commandfor"})],e.prototype,"commandFor",2),e};var x=s`
2
2
  :host {
3
3
  --_solid: var(--eun-color-primary-500, #3d6fff);
4
4
  --_solid-hover: var(--eun-color-primary-700, #3662e0);
@@ -1,4 +1,4 @@
1
- import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";import{a as V}from"./chunk-UYZR4JXZ.js";import{a as S,b as F}from"./chunk-WW4BTWMH.js";import{a as E}from"./chunk-GVS6IUKC.js";import{a as L}from"./chunk-BO3JOEWM.js";import{a as o,c as x,d as $,e as M,f as d}from"./chunk-TLBXTBMM.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as w}from"./chunk-3BMACIDO.js";import{a as r}from"./chunk-PPCHQG7P.js";import{a as p}from"./chunk-O7PHBLH2.js";import{a as v}from"./chunk-62RLISRD.js";import{a as i,f as u,h as m,j as a,k as b,l as f,n as y,p as l,r as n,u as g}from"./chunk-YITWLCD3.js";var R=m`
1
+ import{a as T}from"./chunk-UVHVQRPT.js";import{a as I}from"./chunk-L74LXUGL.js";import{a as V}from"./chunk-WIUERJII.js";import{a as P}from"./chunk-QSZO4GIH.js";import{a as F,b as R}from"./chunk-WW4BTWMH.js";import{a as E}from"./chunk-GVS6IUKC.js";import{a as S}from"./chunk-P6LGU3FT.js";import{a as L}from"./chunk-BO3JOEWM.js";import{a as o,c as w,d as M,e as $,f as d}from"./chunk-TLBXTBMM.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as x}from"./chunk-3BMACIDO.js";import{a as r}from"./chunk-PPCHQG7P.js";import{a as p}from"./chunk-O7PHBLH2.js";import{a as v}from"./chunk-62RLISRD.js";import{a as i,f as u,h as m,j as a,k as b,l as f,n as y,p as n,r as l,u as g}from"./chunk-YITWLCD3.js";var A=m`
2
2
  .has-trailing-action #field {
3
3
  padding-inline-end: calc(
4
4
  calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
@@ -8,7 +8,7 @@ import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";
8
8
  appearance: none;
9
9
  display: none;
10
10
  }
11
- `,I=[V,R];var k="eun-input",A=w(M(g)),C=v(E(L($(T(x(A)))))),e=class extends C{constructor(){super();this.type="text";this.clearable=!1;this.autocomplete="off";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleImplicitSubmission=t=>{let s=this.internals.form;!s||t.composedPath()[0]!==this.fieldEl||!S(t)||this.readonlyAvailable&&this.editing||(t.preventDefault(),F(s))};this.checkLocalValidators=()=>P(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"]);this.addEventListener("keydown",this.handleImplicitSubmission)}get defaultValue(){return super.defaultValue}set defaultValue(t){super.defaultValue=t}focusTarget(){return this.fieldEl}get hostTabStop(){return!1}updated(t){super.updated(t),t.has("editing")&&this.editing&&this.fieldEl?.focus()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(t){this.value=t.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let t=!!this.value?.trim().length;return l`
11
+ `,k=[P,A];var z="eun-input",C=x($(g)),D=v(S(V(E(L(M(T(w(C)))))))),e=class extends D{constructor(){super();this.type="text";this.clearable=!1;this.autocomplete="off";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleImplicitSubmission=t=>{let s=this.internals.form;!s||t.composedPath()[0]!==this.fieldEl||!F(t)||this.readonlyAvailable&&this.editing||(t.preventDefault(),R(s))};this.checkLocalValidators=()=>I(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"]);this.addEventListener("keydown",this.handleImplicitSubmission)}get defaultValue(){return super.defaultValue}set defaultValue(t){super.defaultValue=t}focusTarget(){return this.fieldEl}get hostTabStop(){return!1}updated(t){super.updated(t),t.has("editing")&&this.editing&&this.fieldEl?.focus()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(t){this.value=t.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let t=!!this.value?.trim().length;return n`
12
12
  <div
13
13
  id="readonly-display"
14
14
  role="button"
@@ -21,13 +21,13 @@ import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";
21
21
  >${t?this.value:this.emptyValueLabel??this.dictionary.common.noValue}</span
22
22
  >
23
23
  </div>
24
- `}renderTrailingAddon(t){return n}hasTrailingAddon(){return!1}renderField(t){let s=this.type==="password",c=this.clearable&&!s&&!!this.value&&!this.disabled;return l`
24
+ `}renderTrailingAddon(t){return l}hasTrailingAddon(){return!1}renderField(t){let s=this.type==="password",c=this.clearable&&!s&&!!this.value&&!this.disabled;return n`
25
25
  <div
26
26
  id="field-wrapper"
27
27
  class=${p({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-trailing-action":c||s||this.hasTrailingAddon()})}
28
28
  >
29
29
  <slot name="icon" @slotchange=${this.handleIconSlotChange}>
30
- ${this.icon?l`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:n}
30
+ ${this.icon?n`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:l}
31
31
  </slot>
32
32
  <input
33
33
  id="field"
@@ -44,13 +44,13 @@ import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";
44
44
  min=${r(this.min)}
45
45
  max=${r(this.max)}
46
46
  step=${r(this.step)}
47
- inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":n}
47
+ inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":l}
48
48
  aria-invalid=${this.showError}
49
49
  aria-label=${r(this.label)}
50
- aria-describedby=${t?"description":n}
50
+ aria-describedby=${t?"description":l}
51
51
  @input=${this.handleInput}
52
52
  />
53
- ${o(c,()=>l`
53
+ ${o(c,()=>n`
54
54
  <button
55
55
  type="button"
56
56
  id="clear"
@@ -61,7 +61,7 @@ import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";
61
61
  <eun-icon name="cancel" size="16"></eun-icon>
62
62
  </button>
63
63
  `)}
64
- ${o(s,()=>l`
64
+ ${o(s,()=>n`
65
65
  <button
66
66
  type="button"
67
67
  id="password-toggle"
@@ -77,13 +77,13 @@ import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";
77
77
  `)}
78
78
  ${this.renderTrailingAddon(c)}
79
79
  </div>
80
- ${o(this.readonlyAvailable,()=>l`
80
+ ${o(this.readonlyAvailable,()=>n`
81
81
  <div id="edit-actions">
82
82
  <eun-button
83
83
  class="confirm"
84
84
  size="s"
85
85
  color="primary"
86
- appearance="default"
86
+ appearance="soft"
87
87
  rounded
88
88
  type="button"
89
89
  @click=${this.confirmEdit}
@@ -100,10 +100,10 @@ import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";
100
100
  >
101
101
  </div>
102
102
  `)}
103
- `}render(){let t=this.readonlyAvailable&&!this.editing,s=this.renderDescription();return l`
103
+ `}render(){let t=this.readonlyAvailable&&!this.editing,s=this.renderDescription();return n`
104
104
  <div id="wrapper">
105
105
  ${this.renderFormLabels(t?void 0:"field")}
106
- ${t?this.renderReadonlyDisplay():this.renderField(s!==n)}
106
+ ${t?this.renderReadonlyDisplay():this.renderField(s!==l)}
107
107
  ${s}
108
108
  </div>
109
- `}};e.styles=[I,d.base,d.errorMessages,d.hintMessages],i([a({reflect:!0,useDefault:!0})],e.prototype,"type",2),i([a({attribute:"default-value"})],e.prototype,"defaultValue",1),i([a()],e.prototype,"placeholder",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean})],e.prototype,"clearable",2),i([a()],e.prototype,"autocomplete",2),i([a({type:Number})],e.prototype,"minlength",2),i([a({type:Number})],e.prototype,"maxlength",2),i([a()],e.prototype,"pattern",2),i([a()],e.prototype,"min",2),i([a()],e.prototype,"max",2),i([a()],e.prototype,"step",2),i([a({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),i([a({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([a({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([a({attribute:"clear-label"})],e.prototype,"clearLabel",2),i([a({attribute:"show-password-label"})],e.prototype,"showPasswordLabel",2),i([a({attribute:"hide-password-label"})],e.prototype,"hidePasswordLabel",2),i([b()],e.prototype,"showPassword",2),i([f("#field")],e.prototype,"fieldEl",2),i([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([u(k)],e);export{k as a,e as b};
109
+ `}};e.styles=[k,d.base,d.errorMessages,d.hintMessages],i([a({reflect:!0,useDefault:!0})],e.prototype,"type",2),i([a({attribute:"default-value"})],e.prototype,"defaultValue",1),i([a()],e.prototype,"placeholder",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean})],e.prototype,"clearable",2),i([a()],e.prototype,"autocomplete",2),i([a({type:Number})],e.prototype,"minlength",2),i([a({type:Number})],e.prototype,"maxlength",2),i([a()],e.prototype,"pattern",2),i([a()],e.prototype,"min",2),i([a()],e.prototype,"max",2),i([a()],e.prototype,"step",2),i([a({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),i([a({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([a({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([a({attribute:"clear-label"})],e.prototype,"clearLabel",2),i([a({attribute:"show-password-label"})],e.prototype,"showPasswordLabel",2),i([a({attribute:"hide-password-label"})],e.prototype,"hidePasswordLabel",2),i([b()],e.prototype,"showPassword",2),i([f("#field")],e.prototype,"fieldEl",2),i([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([u(z)],e);export{z as a,e as b};
@@ -0,0 +1 @@
1
+ var e=class t extends Event{static{this.eventName="eunselect"}constructor(n){super(t.eventName,{bubbles:!0,composed:!1}),this.key=n}};export{e as a};
@@ -0,0 +1 @@
1
+ var a=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","[contenteditable='true']","[tabindex]"].join(",");function i(e){return e.getClientRects().length>0}function o(e,r){if(!(e instanceof HTMLElement))return!1;let t=e.getAttribute("tabindex");return t!==null&&Number.parseInt(t,10)<0||!e.matches(a)?!1:r.requireRendered===!1||i(e)}function l(e,r){let t;if(e instanceof HTMLSlotElement){let n=e.assignedElements({flatten:!0});t=n.length>0?n:Array.from(e.children)}else t=Array.from(e.children);for(let n of t){if(r(n))return!0;let s=n.shadowRoot??n;if(l(s,r))return!0}return!1}function u(e,r={}){let t=[];return l(e,n=>(o(n,r)&&t.push(n),!1)),t}function f(e){let r={requireRendered:!1};if(o(e,r))return e;let t;return l(e.shadowRoot??e,n=>o(n,r)?(t=n,!0):!1),t??e}function c(e,r={}){return l(e,t=>o(t,r))}export{u as a,f as b,c};
@@ -0,0 +1 @@
1
+ var e={fromAttribute(t){return t!==null&&t!=="false"},toAttribute(t){return t?"":"false"}};export{e as a};
@@ -15,7 +15,10 @@ import{h as o}from"./chunk-YITWLCD3.js";var r=o`
15
15
  color: var(--_textColor);
16
16
  background: var(--eun-surface-color, #ffffff);
17
17
  border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
18
- border-radius: var(--_borderRadius);
18
+ border-radius: var(
19
+ --field-listbox-border-radius,
20
+ var(--eun-border-radius-m, 8px)
21
+ );
19
22
  box-shadow: var(
20
23
  --eun-shadow-m,
21
24
  0 10px 15px -3px rgba(0, 0, 0, 0.1),
@@ -0,0 +1 @@
1
+ var a=class e extends Event{static{this.eventName="euncancel"}constructor(){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var r=class e extends Event{static{this.eventName="eundirtyclose"}constructor(){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};function u(e,t){let o=e;if(!o.defaultPrevented)switch(o.command){case"show-modal":t.show();break;case"close":t.hide();break;case"request-close":t.requestClose();break;default:break}}var n=!1,d=!1,l=()=>{n=!0},s=()=>{n=!1};function v(){d||typeof document>"u"||(d=!0,document.addEventListener("keydown",l,!0),document.addEventListener("pointerdown",s,!0))}function b(){return n}export{a,r as b,u as c,v as d,b as e};
@@ -1,4 +1,4 @@
1
- import{a as x,b as m,c as w}from"./chunk-Z3OFIE7S.js";import{a as k}from"./chunk-3BMACIDO.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as y,b as S}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as g}from"./chunk-62RLISRD.js";import{a as i,b as c,c as b,d as v,f as p,h as r,j as s,p as n,r as h,u as f}from"./chunk-YITWLCD3.js";var C=r`
1
+ import{a as x,b as m,c as w}from"./chunk-3UUZM7X2.js";import{a as k}from"./chunk-3BMACIDO.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as y,b as S}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as g}from"./chunk-62RLISRD.js";import{a as i,b as c,c as b,d as v,f as p,h as r,j as s,p as n,r as h,u as f}from"./chunk-YITWLCD3.js";var C=r`
2
2
  :host {
3
3
  --_focusIndicator: var(--button-focus-outline, var(--_ring));
4
4
  --_hoverFromCustom: color-mix(in srgb, var(--button-background) 88%, black);
@@ -57,8 +57,8 @@ import{a as x,b as m,c as w}from"./chunk-Z3OFIE7S.js";import{a as k}from"./chunk
57
57
  }
58
58
  :host([size="s"]) {
59
59
  --_defaultFontSize: var(--eun-font-size-xs, 10px);
60
- --_defaultPaddingBlock: calc(var(--eun-space-s) / 2);
61
- --_defaultPaddingInline: var(--eun-space-s);
60
+ --_defaultPaddingBlock: calc(var(--eun-space-s, 8px) / 2);
61
+ --_defaultPaddingInline: var(--eun-space-s, 8px);
62
62
  --_defaultLineHeight: 10px;
63
63
  --_defaultBorderRadius: var(--eun-border-radius-s, 999px);
64
64
  }
@@ -215,7 +215,7 @@ import{a as x,b as m,c as w}from"./chunk-Z3OFIE7S.js";import{a as k}from"./chunk
215
215
  --_fg: var(--_onSolid);
216
216
  --_bd: transparent;
217
217
  }
218
- :host([appearance="default"]) {
218
+ :host([appearance="soft"]) {
219
219
  --_bg: var(--_tint);
220
220
  --_bg-hover: var(--_tint-hover);
221
221
  --_bg-active: var(--_tint-active);
@@ -389,11 +389,7 @@ import{a as x,b as m,c as w}from"./chunk-Z3OFIE7S.js";import{a as k}from"./chunk
389
389
  </span>
390
390
  `}renderContent(){let e=_(this.icon,this.severity),a=n`
391
391
  <slot name="start">
392
- ${e?n`<eun-icon
393
- class="auto-icon"
394
- name=${e}
395
- size="16"
396
- ></eun-icon>`:h}
392
+ ${e?n`<eun-icon class="auto-icon" name=${e}></eun-icon>`:h}
397
393
  </slot>
398
394
  <slot @slotchange=${this.handleDefaultSlotChange}></slot>
399
395
  ${this.renderEndContent()}
@@ -0,0 +1 @@
1
+ import{a as o,j as r}from"./chunk-YITWLCD3.js";var s=t=>{class e extends t{constructor(){super(...arguments);this.rounded=!1}}return o([r({type:Boolean,reflect:!0})],e.prototype,"rounded",2),e};export{s as a};
@@ -1,4 +1,4 @@
1
- import{h as r}from"./chunk-YITWLCD3.js";var o=r`
1
+ import{h as e}from"./chunk-YITWLCD3.js";var r=e`
2
2
  :host {
3
3
  --_borderColor: var(--field-border-color, var(--eun-border-color, #dee0e7));
4
4
  --_background: var(--field-background, transparent);
@@ -17,22 +17,50 @@ import{h as r}from"./chunk-YITWLCD3.js";var o=r`
17
17
  --field-focus-outline-color,
18
18
  var(--eun-color-primary-500, #3d6fff)
19
19
  );
20
- --_borderRadius: var(
21
- --field-border-radius,
22
- var(--eun-border-radius-m, 8px)
23
- );
20
+ --_defaultBorderRadius: var(--eun-border-radius-m, 8px);
21
+ --_borderRadius: var(--field-border-radius, var(--_defaultBorderRadius));
22
+ --_defaultPaddingInline: var(--eun-space-s, 8px);
23
+ --_defaultPaddingBlock: var(--eun-space-s, 8px);
24
+ --_defaultFontSize: var(--eun-font-size-s, 14px);
25
+ --_defaultLineHeight: 1rem;
26
+ --_paddingBlock: var(--field-padding-block, var(--_defaultPaddingBlock));
24
27
  --_padding: var(
25
28
  --field-padding,
26
- var(--field-padding-block, var(--eun-space-s, 8px))
27
- var(--field-padding-inline, var(--eun-space-s, 8px))
29
+ var(--_paddingBlock)
30
+ var(--field-padding-inline, var(--_defaultPaddingInline))
28
31
  );
32
+ --_lineHeight: var(--field-line-height, var(--_defaultLineHeight));
29
33
  --_shadow: var(--field-shadow, none);
30
34
  font-family: var(--eun-font-family, "Mulish", sans-serif);
31
- font-size: var(--field-font-size, var(--eun-font-size-s, 14px));
35
+ font-size: var(--field-font-size, var(--_defaultFontSize));
32
36
  display: block;
33
37
  width: 100%;
34
38
  outline: none;
35
39
  }
40
+ :host([rounded]) {
41
+ --_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
42
+ --_defaultPaddingInline: var(--eun-space-m, 16px);
43
+ }
44
+ :host([size="xs"]) {
45
+ --_defaultFontSize: var(--eun-font-size-xs, 10px);
46
+ --_defaultPaddingBlock: var(--eun-space-xxs, 1.6px);
47
+ --_defaultLineHeight: 10px;
48
+ }
49
+ :host([size="s"]) {
50
+ --_defaultFontSize: var(--eun-font-size-xs, 10px);
51
+ --_defaultPaddingBlock: calc(var(--eun-space-s, 8px) / 2);
52
+ --_defaultLineHeight: 10px;
53
+ }
54
+ :host([size="l"]) {
55
+ --_defaultFontSize: var(--eun-font-size-m, 16px);
56
+ --_defaultPaddingBlock: calc(var(--eun-space-s, 8px) * 1.25);
57
+ --_defaultLineHeight: 1.1rem;
58
+ }
59
+ :host([size="xl"]) {
60
+ --_defaultFontSize: var(--eun-font-size-l, 1.3rem);
61
+ --_defaultPaddingBlock: calc(var(--eun-space-s, 8px) * 1.5);
62
+ --_defaultLineHeight: 1.3rem;
63
+ }
36
64
  #wrapper {
37
65
  display: flex;
38
66
  flex-direction: column;
@@ -51,6 +79,7 @@ import{h as r}from"./chunk-YITWLCD3.js";var o=r`
51
79
  border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
52
80
  border-radius: var(--_borderRadius);
53
81
  padding: var(--_padding);
82
+ line-height: var(--_lineHeight);
54
83
  outline: 1px solid transparent;
55
84
  box-shadow: var(--_shadow);
56
85
  box-sizing: border-box;
@@ -59,6 +88,12 @@ import{h as r}from"./chunk-YITWLCD3.js";var o=r`
59
88
  outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
60
89
  appearance: none;
61
90
  }
91
+ input#field,
92
+ button#field {
93
+ box-sizing: content-box;
94
+ min-width: 0;
95
+ height: var(--_lineHeight);
96
+ }
62
97
  #field::placeholder {
63
98
  color: var(--_placeholderColor);
64
99
  }
@@ -155,6 +190,7 @@ import{h as r}from"./chunk-YITWLCD3.js";var o=r`
155
190
  }
156
191
  #readonly-display {
157
192
  padding: var(--_padding);
193
+ line-height: var(--_lineHeight);
158
194
  border: var(--eun-border-width-m, 1.5px) solid transparent;
159
195
  border-radius: var(--_borderRadius);
160
196
  box-sizing: border-box;
@@ -186,4 +222,4 @@ import{h as r}from"./chunk-YITWLCD3.js";var o=r`
186
222
  --button-background-active: var(--field-edit-cancel-color);
187
223
  --button-focus-outline: var(--field-edit-cancel-color);
188
224
  }
189
- `,a=o;export{a};
225
+ `,a=r;export{a};
@@ -1,4 +1,4 @@
1
- import{b as S,c as E,d as P,e as w,f as v}from"./chunk-EUWUDCBZ.js";import{c as b}from"./chunk-624VJYNA.js";import{a as C}from"./chunk-UP4M7TER.js";import{a as f}from"./chunk-PPCHQG7P.js";import{a as L}from"./chunk-O7PHBLH2.js";import{a as r,f as M,h as k,j as l,k as O,l as g,n as A,p,r as d,u as $}from"./chunk-YITWLCD3.js";var y=class T extends Event{static{this.eventName="eunselect"}constructor(x){super(T.eventName,{bubbles:!0,composed:!1}),this.key=x}};var K=k`
1
+ import{a as $}from"./chunk-5LA5DQMP.js";import{b as g,c as S,d as L,e as w,f as v}from"./chunk-EUWUDCBZ.js";import{c as b}from"./chunk-624VJYNA.js";import{a as A}from"./chunk-UP4M7TER.js";import{a as f}from"./chunk-PPCHQG7P.js";import{a as k}from"./chunk-O7PHBLH2.js";import{a as r,f as E,h as T,j as l,k as x,l as y,n as M,p,r as d,u as O}from"./chunk-YITWLCD3.js";var P=T`
2
2
  :host {
3
3
  display: inline-block;
4
4
  }
@@ -181,7 +181,7 @@ import{b as S,c as E,d as P,e as w,f as v}from"./chunk-EUWUDCBZ.js";import{c as
181
181
  opacity: 1;
182
182
  transform: translate(0, 0) scale(1);
183
183
  }
184
- `,R=K;var H="eun-dropdown-button",s=class extends ${constructor(){super(...arguments);this.options=[];this.disabledKeys=[];this.disabled=!1;this.size="m";this.fixedColor=!1;this.rounded=!1;this.appearance="fill";this.placement="bottom-start";this.open=!1;this.openSubmenuKey=null;this.handleReposition=()=>{this.positionMenu(),this.repositionOpenSubmenu()};this.skipTriggerRefocus=!1;this.handlePopoverToggle=e=>{if(e.newState==="open"){this.open=!0,this.positionMenu(),this.updateComplete.then(()=>S(this.menuEntries,0)),window.addEventListener("resize",this.handleReposition),window.addEventListener("scroll",this.handleReposition,!0);return}this.open=!1,this.closeSubmenu(),window.removeEventListener("resize",this.handleReposition),window.removeEventListener("scroll",this.handleReposition,!0),this.skipTriggerRefocus?this.skipTriggerRefocus=!1:this.triggerEl?.focus()}}disconnectedCallback(){window.removeEventListener("resize",this.handleReposition),window.removeEventListener("scroll",this.handleReposition,!0),clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),super.disconnectedCallback?.()}isOptionDisabled(e){return!!e.disabled||this.disabledKeys.includes(e.key)}get hasStartSlotContent(){return this.querySelector(':scope > [slot="start"]')!==null}openMenu(){this.disabled||this.updateComplete.then(()=>{let e=this.menuEl;if(!e)return;let t=this.menuAnimation!==void 0;this.menuAnimation?.cancel(),this.menuAnimation=void 0;let i=!e.matches(":popover-open");i&&e.showPopover(),(i||t)&&this.playMenuOpenAnimation(e)})}playMenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=v(e);if(t===0)return;let i=e.style.getPropertyValue("--_menuOffsetX")||"0px",n=e.style.getPropertyValue("--_menuOffsetY")||"-4px";this.menuAnimation=e.animate([{opacity:0,transform:`translate(${i}, ${n}) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:b(e),fill:"forwards"})}closeMenu(){let e=this.menuEl;this.menuAnimation?.cancel(),this.menuAnimation=void 0,e?.matches(":popover-open")&&this.playMenuCloseAnimation(e)}playMenuCloseAnimation(e){e.style.pointerEvents="none";let t=v(e),i=e.style.getPropertyValue("--_menuOffsetX")||"0px",n=e.style.getPropertyValue("--_menuOffsetY")||"-4px";if(t===0){e.hidePopover();return}let o=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, ${n}) scale(0.96)`}],{duration:t,easing:b(e),fill:"forwards"});this.menuAnimation=o,o.finished.then(()=>{this.menuAnimation===o&&(this.menuAnimation=void 0),e.hidePopover()}).catch(()=>{})}closeMenuOnTabAway(){this.skipTriggerRefocus=!0,this.closeMenu()}tabAway(){this.closeMenuOnTabAway()}get menuEntries(){return[...Array.from(this.menuEl?.querySelectorAll(":scope > li")??[]),...this.itemsList??[]]}entryKey(e){return e.tagName==="LI"?e.dataset.key??null:e.key??null}closeOtherSubmenus(e){if(!this.openSubmenuKey||this.openSubmenuKey===e)return;let t=this.menuEntries.find(i=>this.entryKey(i)===this.openSubmenuKey);t?.tagName==="LI"?this.closeSubmenu():(t?.closeSubmenu(),this.openSubmenuKey=null)}notifySubmenuOpened(e){this.openSubmenuKey=e}notifySubmenuClosed(e){this.openSubmenuKey===e&&(this.openSubmenuKey=null)}dispatchSelect(e){this.dispatchEvent(new y(e)),this.closeMenu()}selectByKey(e){this.dispatchSelect(e)}getEffectivePlacement(e,t){let n=document.documentElement.clientWidth,o=document.documentElement.clientHeight;if(this.placement==="left"||this.placement==="right"){let h=e.right+4+t.width<=n,c=e.left-4-t.width>=0;return this.placement==="right"&&!h&&c?"left":this.placement==="left"&&!c&&h?"right":this.placement}let m=e.bottom+4+t.height<=o,a=e.top-4-t.height>=0,u=this.placement.startsWith("top");return u&&!a&&m?this.placement.replace("top","bottom"):!u&&!m&&a?this.placement.replace("bottom","top"):this.placement}positionMenu(){if(!this.triggerEl||!this.menuEl)return;let e=4,t=document.documentElement.clientWidth,i=document.documentElement.clientHeight,n=this.triggerEl.getBoundingClientRect(),o=this.menuEl.getBoundingClientRect(),m=this.getEffectivePlacement(n,o),a,u,h=0,c=0;switch(m){case"top":a=n.top-o.height-e*3,u=n.left+n.width/2-o.width/2,c=4;break;case"top-start":a=n.top-o.height-e*3,u=n.left,c=4;break;case"top-end":a=n.top-o.height-e*3,u=n.right-o.width,c=4;break;case"right":a=n.top+n.height/2-o.height/2,u=n.right+e,h=-4;break;case"bottom":a=n.bottom+e,u=n.left+n.width/2-o.width/2,c=-4;break;case"bottom-end":a=n.bottom+e,u=n.right-o.width,c=-4;break;case"left":a=n.top+n.height/2-o.height/2,u=n.left-o.width-e,h=4;break;default:a=n.bottom+e,u=n.left,c=-4;break}m==="left"||m==="right"?a=E(a,o.height,i,e):u=E(u,o.width,t,e),this.menuEl.style.setProperty("--_menuTop",`${a}px`),this.menuEl.style.setProperty("--_menuLeft",`${u}px`),this.menuEl.style.setProperty("--_menuWidth",`${n.width}px`),this.menuEl.style.setProperty("--_menuOffsetX",`${h}px`),this.menuEl.style.setProperty("--_menuOffsetY",`${c}px`)}getSubmenuElements(e){let t=this.menuEl?.querySelector(`li[data-key="${CSS.escape(e)}"]`),i=t?.querySelector(":scope > ul");if(!(!t||!i))return{li:t,submenu:i}}positionSubmenu(e,t){let{top:n,left:o,offsetX:m}=P(e.getBoundingClientRect(),t.getBoundingClientRect(),4);t.style.setProperty("--_submenuTop",`${n}px`),t.style.setProperty("--_submenuLeft",`${o}px`),t.style.setProperty("--_submenuOffsetX",`${m}px`)}repositionOpenSubmenu(){if(!this.openSubmenuKey)return;let e=this.menuEntries.find(t=>this.entryKey(t)===this.openSubmenuKey);if(e?.tagName==="LI"){let t=this.getSubmenuElements(this.openSubmenuKey);t&&this.positionSubmenu(t.li,t.submenu)}else e?.repositionSubmenu()}openSubmenu(e){if(!e.options?.length||this.isOptionDisabled(e))return;clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),this.closeOtherSubmenus(e.key);let t=this.getSubmenuElements(e.key)?.submenu;if(!t)return;let i=this.submenuAnimation!==void 0;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0;let n=!t.matches(":popover-open");!n&&!i||(n&&t.showPopover(),this.playSubmenuOpenAnimation(t))}playSubmenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=v(e);if(t===0)return;let i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";this.submenuAnimation=e.animate([{opacity:0,transform:`translate(${i}, 0) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:b(e),fill:"forwards"})}playSubmenuCloseAnimation(e){e.style.pointerEvents="none";let t=v(e),i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";if(t===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, 0) scale(0.96)`}],{duration:t,easing:b(e),fill:"forwards"});this.submenuAnimation=n,n.finished.then(()=>{this.submenuAnimation===n&&(this.submenuAnimation=void 0),e.hidePopover()}).catch(()=>{})}closeSubmenu(){if(clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),!this.openSubmenuKey)return;let e=this.openSubmenuKey,t=this.menuEntries.find(i=>this.entryKey(i)===e);if(t?.tagName==="LI"){let i=this.getSubmenuElements(e)?.submenu;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,i?.matches(":popover-open")&&this.playSubmenuCloseAnimation(i)}else t?.closeSubmenu(),this.openSubmenuKey=null}handleSubmenuToggle(e,t){let i=e,n=e.currentTarget;if(i.newState==="open"){this.notifySubmenuOpened(t.key);let o=n.parentElement;o&&this.positionSubmenu(o,n),this.updateComplete.then(()=>{let m=Array.from(n.querySelectorAll(":scope > li"));S(m,0)});return}this.notifySubmenuClosed(t.key)}closeSubmenuAndRefocus(e){this.closeSubmenu(),this.updateComplete.then(()=>{this.menuEl?.querySelector(`li[data-key="${CSS.escape(e.key)}"]`)?.focus()})}toggleSubmenu(e){this.openSubmenuKey===e.key?this.closeSubmenu():this.openSubmenu(e)}scheduleCloseSubmenu(e){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>{if(this.openSubmenuKey!==e)return;let t=this.getSubmenuElements(e)?.submenu;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,t?.matches(":popover-open")&&this.playSubmenuCloseAnimation(t)},150)}scheduleCloseTrackedSubmenu(){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>{this.closeOtherSubmenus(null)},150)}handleItemMouseEnter(e){if(clearTimeout(this.closeSubmenuTimer),!e.options?.length){this.openSubmenuKey&&this.scheduleCloseTrackedSubmenu();return}this.isOptionDisabled(e)||this.openSubmenuKey===e.key||(clearTimeout(this.openSubmenuTimer),this.openSubmenuTimer=setTimeout(()=>this.openSubmenu(e),150))}handleItemMouseLeave(e){clearTimeout(this.openSubmenuTimer),e.options?.length&&this.scheduleCloseSubmenu(e.key)}handleSubmenuMouseEnter(){clearTimeout(this.closeSubmenuTimer)}handleSubmenuMouseLeave(e){this.scheduleCloseSubmenu(e)}handleToggleClick(){this.open?this.closeMenu():this.openMenu()}selectOption(e){this.isOptionDisabled(e)||this.dispatchSelect(e.key)}handleItemClick(e){if(!this.isOptionDisabled(e)){if(e.options?.length){this.toggleSubmenu(e);return}this.selectOption(e)}}renderOptionContent(e){return p`
184
+ `,C=P;var R="eun-dropdown-button",s=class extends O{constructor(){super(...arguments);this.options=[];this.disabledKeys=[];this.disabled=!1;this.size="m";this.fixedColor=!1;this.rounded=!1;this.appearance="fill";this.placement="bottom-start";this.open=!1;this.openSubmenuKey=null;this.handleReposition=()=>{this.positionMenu(),this.repositionOpenSubmenu()};this.skipTriggerRefocus=!1;this.handlePopoverToggle=e=>{if(e.newState==="open"){this.open=!0,this.positionMenu(),this.updateComplete.then(()=>g(this.menuEntries,0)),window.addEventListener("resize",this.handleReposition),window.addEventListener("scroll",this.handleReposition,!0);return}this.open=!1,this.closeSubmenu(),window.removeEventListener("resize",this.handleReposition),window.removeEventListener("scroll",this.handleReposition,!0),this.skipTriggerRefocus?this.skipTriggerRefocus=!1:this.triggerEl?.focus()}}disconnectedCallback(){window.removeEventListener("resize",this.handleReposition),window.removeEventListener("scroll",this.handleReposition,!0),clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),super.disconnectedCallback?.()}isOptionDisabled(e){return!!e.disabled||this.disabledKeys.includes(e.key)}get hasStartSlotContent(){return this.querySelector(':scope > [slot="start"]')!==null}openMenu(){this.disabled||this.updateComplete.then(()=>{let e=this.menuEl;if(!e)return;let t=this.menuAnimation!==void 0;this.menuAnimation?.cancel(),this.menuAnimation=void 0;let i=!e.matches(":popover-open");i&&e.showPopover(),(i||t)&&this.playMenuOpenAnimation(e)})}playMenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=v(e);if(t===0)return;let i=e.style.getPropertyValue("--_menuOffsetX")||"0px",n=e.style.getPropertyValue("--_menuOffsetY")||"-4px";this.menuAnimation=e.animate([{opacity:0,transform:`translate(${i}, ${n}) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:b(e),fill:"forwards"})}closeMenu(){let e=this.menuEl;this.menuAnimation?.cancel(),this.menuAnimation=void 0,e?.matches(":popover-open")&&this.playMenuCloseAnimation(e)}playMenuCloseAnimation(e){e.style.pointerEvents="none";let t=v(e),i=e.style.getPropertyValue("--_menuOffsetX")||"0px",n=e.style.getPropertyValue("--_menuOffsetY")||"-4px";if(t===0){e.hidePopover();return}let o=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, ${n}) scale(0.96)`}],{duration:t,easing:b(e),fill:"forwards"});this.menuAnimation=o,o.finished.then(()=>{this.menuAnimation===o&&(this.menuAnimation=void 0),e.hidePopover()}).catch(()=>{})}closeMenuOnTabAway(){this.skipTriggerRefocus=!0,this.closeMenu()}tabAway(){this.closeMenuOnTabAway()}get menuEntries(){return[...Array.from(this.menuEl?.querySelectorAll(":scope > li")??[]),...this.itemsList??[]]}entryKey(e){return e.tagName==="LI"?e.dataset.key??null:e.value??null}closeOtherSubmenus(e){if(!this.openSubmenuKey||this.openSubmenuKey===e)return;let t=this.menuEntries.find(i=>this.entryKey(i)===this.openSubmenuKey);t?.tagName==="LI"?this.closeSubmenu():(t?.closeSubmenu(),this.openSubmenuKey=null)}notifySubmenuOpened(e){this.openSubmenuKey=e}notifySubmenuClosed(e){this.openSubmenuKey===e&&(this.openSubmenuKey=null)}dispatchSelect(e){this.dispatchEvent(new $(e)),this.closeMenu()}selectByKey(e){this.dispatchSelect(e)}getEffectivePlacement(e,t){let n=document.documentElement.clientWidth,o=document.documentElement.clientHeight;if(this.placement==="left"||this.placement==="right"){let h=e.right+4+t.width<=n,c=e.left-4-t.width>=0;return this.placement==="right"&&!h&&c?"left":this.placement==="left"&&!c&&h?"right":this.placement}let m=e.bottom+4+t.height<=o,a=e.top-4-t.height>=0,u=this.placement.startsWith("top");return u&&!a&&m?this.placement.replace("top","bottom"):!u&&!m&&a?this.placement.replace("bottom","top"):this.placement}positionMenu(){if(!this.triggerEl||!this.menuEl)return;let e=4,t=document.documentElement.clientWidth,i=document.documentElement.clientHeight,n=this.triggerEl.getBoundingClientRect(),o=this.menuEl.getBoundingClientRect(),m=this.getEffectivePlacement(n,o),a,u,h=0,c=0;switch(m){case"top":a=n.top-o.height-e*3,u=n.left+n.width/2-o.width/2,c=4;break;case"top-start":a=n.top-o.height-e*3,u=n.left,c=4;break;case"top-end":a=n.top-o.height-e*3,u=n.right-o.width,c=4;break;case"right":a=n.top+n.height/2-o.height/2,u=n.right+e,h=-4;break;case"bottom":a=n.bottom+e,u=n.left+n.width/2-o.width/2,c=-4;break;case"bottom-end":a=n.bottom+e,u=n.right-o.width,c=-4;break;case"left":a=n.top+n.height/2-o.height/2,u=n.left-o.width-e,h=4;break;default:a=n.bottom+e,u=n.left,c=-4;break}m==="left"||m==="right"?a=S(a,o.height,i,e):u=S(u,o.width,t,e),this.menuEl.style.setProperty("--_menuTop",`${a}px`),this.menuEl.style.setProperty("--_menuLeft",`${u}px`),this.menuEl.style.setProperty("--_menuWidth",`${n.width}px`),this.menuEl.style.setProperty("--_menuOffsetX",`${h}px`),this.menuEl.style.setProperty("--_menuOffsetY",`${c}px`)}getSubmenuElements(e){let t=this.menuEl?.querySelector(`li[data-key="${CSS.escape(e)}"]`),i=t?.querySelector(":scope > ul");if(!(!t||!i))return{li:t,submenu:i}}positionSubmenu(e,t){let{top:n,left:o,offsetX:m}=L(e.getBoundingClientRect(),t.getBoundingClientRect(),4);t.style.setProperty("--_submenuTop",`${n}px`),t.style.setProperty("--_submenuLeft",`${o}px`),t.style.setProperty("--_submenuOffsetX",`${m}px`)}repositionOpenSubmenu(){if(!this.openSubmenuKey)return;let e=this.menuEntries.find(t=>this.entryKey(t)===this.openSubmenuKey);if(e?.tagName==="LI"){let t=this.getSubmenuElements(this.openSubmenuKey);t&&this.positionSubmenu(t.li,t.submenu)}else e?.repositionSubmenu()}openSubmenu(e){if(!e.options?.length||this.isOptionDisabled(e))return;clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),this.closeOtherSubmenus(e.key);let t=this.getSubmenuElements(e.key)?.submenu;if(!t)return;let i=this.submenuAnimation!==void 0;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0;let n=!t.matches(":popover-open");!n&&!i||(n&&t.showPopover(),this.playSubmenuOpenAnimation(t))}playSubmenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=v(e);if(t===0)return;let i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";this.submenuAnimation=e.animate([{opacity:0,transform:`translate(${i}, 0) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:b(e),fill:"forwards"})}playSubmenuCloseAnimation(e){e.style.pointerEvents="none";let t=v(e),i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";if(t===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, 0) scale(0.96)`}],{duration:t,easing:b(e),fill:"forwards"});this.submenuAnimation=n,n.finished.then(()=>{this.submenuAnimation===n&&(this.submenuAnimation=void 0),e.hidePopover()}).catch(()=>{})}closeSubmenu(){if(clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),!this.openSubmenuKey)return;let e=this.openSubmenuKey,t=this.menuEntries.find(i=>this.entryKey(i)===e);if(t?.tagName==="LI"){let i=this.getSubmenuElements(e)?.submenu;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,i?.matches(":popover-open")&&this.playSubmenuCloseAnimation(i)}else t?.closeSubmenu(),this.openSubmenuKey=null}handleSubmenuToggle(e,t){let i=e,n=e.currentTarget;if(i.newState==="open"){this.notifySubmenuOpened(t.key);let o=n.parentElement;o&&this.positionSubmenu(o,n),this.updateComplete.then(()=>{let m=Array.from(n.querySelectorAll(":scope > li"));g(m,0)});return}this.notifySubmenuClosed(t.key)}closeSubmenuAndRefocus(e){this.closeSubmenu(),this.updateComplete.then(()=>{this.menuEl?.querySelector(`li[data-key="${CSS.escape(e.key)}"]`)?.focus()})}toggleSubmenu(e){this.openSubmenuKey===e.key?this.closeSubmenu():this.openSubmenu(e)}scheduleCloseSubmenu(e){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>{if(this.openSubmenuKey!==e)return;let t=this.getSubmenuElements(e)?.submenu;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,t?.matches(":popover-open")&&this.playSubmenuCloseAnimation(t)},150)}scheduleCloseTrackedSubmenu(){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>{this.closeOtherSubmenus(null)},150)}handleItemMouseEnter(e){if(clearTimeout(this.closeSubmenuTimer),!e.options?.length){this.openSubmenuKey&&this.scheduleCloseTrackedSubmenu();return}this.isOptionDisabled(e)||this.openSubmenuKey===e.key||(clearTimeout(this.openSubmenuTimer),this.openSubmenuTimer=setTimeout(()=>this.openSubmenu(e),150))}handleItemMouseLeave(e){clearTimeout(this.openSubmenuTimer),e.options?.length&&this.scheduleCloseSubmenu(e.key)}handleSubmenuMouseEnter(){clearTimeout(this.closeSubmenuTimer)}handleSubmenuMouseLeave(e){this.scheduleCloseSubmenu(e)}handleToggleClick(){this.open?this.closeMenu():this.openMenu()}selectOption(e){this.isOptionDisabled(e)||this.dispatchSelect(e.key)}handleItemClick(e){if(!this.isOptionDisabled(e)){if(e.options?.length){this.toggleSubmenu(e);return}this.selectOption(e)}}renderOptionContent(e){return p`
185
185
  ${e.icon?p`<eun-icon
186
186
  class="option-icon"
187
187
  name=${e.icon}
@@ -196,7 +196,7 @@ import{b as S,c as E,d as P,e as w,f as v}from"./chunk-EUWUDCBZ.js";import{c as
196
196
  role="menuitem"
197
197
  tabindex=${n?d:"-1"}
198
198
  data-key=${e.key}
199
- class=${L({highlighted:i,active:!!e.active})}
199
+ class=${k({highlighted:i,active:!!e.active})}
200
200
  aria-disabled=${n?"true":"false"}
201
201
  aria-haspopup=${f(t?"menu":void 0)}
202
202
  aria-expanded=${f(t?i?"true":"false":void 0)}
@@ -234,7 +234,7 @@ import{b as S,c as E,d as P,e as w,f as v}from"./chunk-EUWUDCBZ.js";import{c as
234
234
  </li>
235
235
  `)}
236
236
  </ul>
237
- `}renderTriggerStartContent(){if(this.hasStartSlotContent)return p`<slot name="start" slot="start"></slot>`;let e=C(this.icon,this.severity);return e?p`<eun-icon slot="start" name=${e} size="16"></eun-icon>`:d}render(){return p`
237
+ `}renderTriggerStartContent(){if(this.hasStartSlotContent)return p`<slot name="start" slot="start"></slot>`;let e=A(this.icon,this.severity);return e?p`<eun-icon slot="start" name=${e}></eun-icon>`:d}render(){return p`
238
238
  <eun-button
239
239
  id="trigger"
240
240
  type="button"
@@ -261,4 +261,4 @@ import{b as S,c as E,d as P,e as w,f as v}from"./chunk-EUWUDCBZ.js";import{c as
261
261
  ${this.options.map(e=>this.renderOption(e))}
262
262
  <slot name="items"></slot>
263
263
  </ul>
264
- `}};s.styles=R,r([l()],s.prototype,"label",2),r([l()],s.prototype,"icon",2),r([l({reflect:!0})],s.prototype,"severity",2),r([l({type:Array,reflect:!0,useDefault:!0})],s.prototype,"options",2),r([l({type:Array,reflect:!0,attribute:"disabled-keys",useDefault:!0})],s.prototype,"disabledKeys",2),r([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([l({reflect:!0,useDefault:!0})],s.prototype,"size",2),r([l({reflect:!0})],s.prototype,"color",2),r([l({type:Boolean,reflect:!0,attribute:"fixed-color"})],s.prototype,"fixedColor",2),r([l({type:Boolean,reflect:!0})],s.prototype,"rounded",2),r([l({reflect:!0,useDefault:!0})],s.prototype,"appearance",2),r([l({reflect:!0,useDefault:!0})],s.prototype,"placement",2),r([l({type:Boolean,reflect:!0})],s.prototype,"open",2),r([O()],s.prototype,"openSubmenuKey",2),r([A({slot:"items"})],s.prototype,"itemsList",2),r([g("#trigger")],s.prototype,"triggerEl",2),r([g("#menu")],s.prototype,"menuEl",2),s=r([M(H)],s);export{H as a,s as b};
264
+ `}};s.styles=C,r([l()],s.prototype,"label",2),r([l()],s.prototype,"icon",2),r([l({reflect:!0})],s.prototype,"severity",2),r([l({type:Array,reflect:!0,useDefault:!0})],s.prototype,"options",2),r([l({type:Array,reflect:!0,attribute:"disabled-keys",useDefault:!0})],s.prototype,"disabledKeys",2),r([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([l({reflect:!0,useDefault:!0})],s.prototype,"size",2),r([l({reflect:!0})],s.prototype,"color",2),r([l({type:Boolean,reflect:!0,attribute:"fixed-color"})],s.prototype,"fixedColor",2),r([l({type:Boolean,reflect:!0})],s.prototype,"rounded",2),r([l({reflect:!0,useDefault:!0})],s.prototype,"appearance",2),r([l({reflect:!0,useDefault:!0})],s.prototype,"placement",2),r([l({type:Boolean,reflect:!0})],s.prototype,"open",2),r([x()],s.prototype,"openSubmenuKey",2),r([M({slot:"items"})],s.prototype,"itemsList",2),r([y("#trigger")],s.prototype,"triggerEl",2),r([y("#menu")],s.prototype,"menuEl",2),s=r([E(R)],s);export{R as a,s as b};
@@ -1 +1 @@
1
- import{a}from"./chunk-UDOZRIJZ.js";var i=[],c,u=!1,l=[];function d(e){let o=[],s=[],t=e;for(;t&&(o.push(t),t!==document.body);){let n=t.parentElement;if(n)s.push({parent:n,keep:t}),t=n;else{let r=t.getRootNode();t=r instanceof ShadowRoot?r.host:null}}return{visited:o,pairs:s}}function f(){if(i.length===0){for(let{element:t,wasInert:n}of l)t.inert=n;l=[];return}let e=new Set,o=[];for(let t of i){let n=d(t.surfaceEl);for(let r of n.visited)e.add(r);o.push(...n.pairs)}let s=new Set;for(let{parent:t,keep:n}of o)for(let r of Array.from(t.children))r!==n&&!e.has(r)&&s.add(r);for(let t of s)l.some(n=>n.element===t)||l.push({element:t,wasInert:t.inert}),t.inert=!0;l=l.filter(({element:t,wasInert:n})=>s.has(t)?!0:(t.inert=n,!1))}function p(){let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function m(e){if(i.length===0)return;if(e.key==="Escape"){e.stopPropagation(),i[i.length-1].onEscape();return}if(e.key!=="Tab")return;let o=i[i.length-1],s=a(o.surfaceEl);if(s.length===0)return;let t=p(),n=s[0],r=s[s.length-1];e.shiftKey&&t===n?(e.preventDefault(),r.focus()):!e.shiftKey&&t===r&&(e.preventDefault(),n.focus())}function E(e){if(i.length===0)return;let o=i[i.length-1];e.composedPath().includes(o.surfaceEl)||(e.preventDefault(),e.stopPropagation(),o.onOutsideClick())}function h(e){if(i.length===0)return;let o=i[i.length-1],s=e.composedPath();if(s.includes(o.surfaceEl)){c=s[0];return}(c??o.surfaceEl).focus()}function g(){u||(u=!0,document.addEventListener("keydown",m,!0),document.addEventListener("click",E,!0),document.addEventListener("focusin",h,!0))}function k(e){g(),c=void 0,i.push(e),f()}function y(e){let o=i.lastIndexOf(e);o!==-1&&i.splice(o,1),c=void 0,f()}export{k as a,y as b};
1
+ import{a}from"./chunk-5LXGJVJR.js";var i=[],c,u=!1,l=[];function d(e){let o=[],s=[],t=e;for(;t&&(o.push(t),t!==document.body);){let n=t.parentElement;if(n)s.push({parent:n,keep:t}),t=n;else{let r=t.getRootNode();t=r instanceof ShadowRoot?r.host:null}}return{visited:o,pairs:s}}function f(){if(i.length===0){for(let{element:t,wasInert:n}of l)t.inert=n;l=[];return}let e=new Set,o=[];for(let t of i){let n=d(t.surfaceEl);for(let r of n.visited)e.add(r);o.push(...n.pairs)}let s=new Set;for(let{parent:t,keep:n}of o)for(let r of Array.from(t.children))r!==n&&!e.has(r)&&s.add(r);for(let t of s)l.some(n=>n.element===t)||l.push({element:t,wasInert:t.inert}),t.inert=!0;l=l.filter(({element:t,wasInert:n})=>s.has(t)?!0:(t.inert=n,!1))}function p(){let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function m(e){if(i.length===0)return;if(e.key==="Escape"){e.stopPropagation(),i[i.length-1].onEscape();return}if(e.key!=="Tab")return;let o=i[i.length-1],s=a(o.surfaceEl);if(s.length===0)return;let t=p(),n=s[0],r=s[s.length-1];e.shiftKey&&t===n?(e.preventDefault(),r.focus()):!e.shiftKey&&t===r&&(e.preventDefault(),n.focus())}function E(e){if(i.length===0)return;let o=i[i.length-1];e.composedPath().includes(o.surfaceEl)||(e.preventDefault(),e.stopPropagation(),o.onOutsideClick())}function h(e){if(i.length===0)return;let o=i[i.length-1],s=e.composedPath();if(s.includes(o.surfaceEl)){c=s[0];return}(c??o.surfaceEl).focus()}function g(){u||(u=!0,document.addEventListener("keydown",m,!0),document.addEventListener("click",E,!0),document.addEventListener("focusin",h,!0))}function k(e){g(),c=void 0,i.push(e),f()}function y(e){let o=i.lastIndexOf(e);o!==-1&&i.splice(o,1),c=void 0,f()}export{k as a,y as b};
@@ -1 +1 @@
1
- import{a as c,b as n}from"./chunk-RIFF2D2F.js";var i=0,r=0;function d(){if(i===0){r=window.scrollY;let{style:t}=document.body;t.position="fixed",t.top=`-${r}px`,t.left="0",t.right="0",t.width="100%"}i+=1}function l(){if(i=Math.max(0,i-1),i===0){let{style:t}=document.body;t.position="",t.top="",t.left="",t.right="",t.width="",window.scrollTo(0,r)}}var v=t=>{class s extends t{constructor(){super(...arguments);this.syncingFromPopover=!1}resolveActiveElement(){let e=document.activeElement===this?this.shadowRoot?.activeElement:document.activeElement;return e instanceof HTMLElement?e:void 0}syncPopoverOpenState(e,o){this.syncingFromPopover||(e?(this.cancelSurfaceClosing(o),o?.matches(":popover-open")||o?.showPopover()):o?.matches(":popover-open")&&this.beginSurfaceClosing(o))}cancelSurfaceClosing(e){this.closeTimer!==void 0&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0),e?.removeAttribute("closing")}beginSurfaceClosing(e){if(!e)return;e.setAttribute("closing","");let o=Number.parseFloat(getComputedStyle(e).transitionDuration)*1e3||0;this.closeTimer=window.setTimeout(()=>{this.closeTimer=void 0,e.removeAttribute("closing"),e.hidePopover()},o)}openDialogSurface(e){this.previouslyFocusedElement=this.resolveActiveElement(),d(),this.dialogStackEntry=e,c(e)}closeDialogSurface(e){l(),this.dialogStackEntry&&(n(this.dialogStackEntry),this.dialogStackEntry=void 0),(this.previouslyFocusedElement??e)?.focus(),this.previouslyFocusedElement=void 0}teardownDialogSurface(e){e&&l(),this.closeTimer!==void 0&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0),this.dialogStackEntry&&(n(this.dialogStackEntry),this.dialogStackEntry=void 0)}}return s};export{v as a};
1
+ import{a as c,b as n}from"./chunk-RGC3I6MK.js";var i=0,r=0;function d(){if(i===0){r=window.scrollY;let{style:t}=document.body;t.position="fixed",t.top=`-${r}px`,t.left="0",t.right="0",t.width="100%"}i+=1}function l(){if(i=Math.max(0,i-1),i===0){let{style:t}=document.body;t.position="",t.top="",t.left="",t.right="",t.width="",window.scrollTo(0,r)}}var v=t=>{class s extends t{constructor(){super(...arguments);this.syncingFromPopover=!1}resolveActiveElement(){let e=document.activeElement===this?this.shadowRoot?.activeElement:document.activeElement;return e instanceof HTMLElement?e:void 0}syncPopoverOpenState(e,o){this.syncingFromPopover||(e?(this.cancelSurfaceClosing(o),o?.matches(":popover-open")||o?.showPopover()):o?.matches(":popover-open")&&this.beginSurfaceClosing(o))}cancelSurfaceClosing(e){this.closeTimer!==void 0&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0),e?.removeAttribute("closing")}beginSurfaceClosing(e){if(!e)return;e.setAttribute("closing","");let o=Number.parseFloat(getComputedStyle(e).transitionDuration)*1e3||0;this.closeTimer=window.setTimeout(()=>{this.closeTimer=void 0,e.removeAttribute("closing"),e.hidePopover()},o)}openDialogSurface(e){this.previouslyFocusedElement=this.resolveActiveElement(),d(),this.dialogStackEntry=e,c(e)}closeDialogSurface(e){l(),this.dialogStackEntry&&(n(this.dialogStackEntry),this.dialogStackEntry=void 0),(this.previouslyFocusedElement??e)?.focus(),this.previouslyFocusedElement=void 0}teardownDialogSurface(e){e&&l(),this.closeTimer!==void 0&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0),this.dialogStackEntry&&(n(this.dialogStackEntry),this.dialogStackEntry=void 0)}}return s};export{v as a};
@@ -0,0 +1 @@
1
+ import{a as i,j as t}from"./chunk-YITWLCD3.js";var s=r=>{class e extends r{constructor(){super(...arguments);this.size="m"}}return i([t({reflect:!0,useDefault:!0})],e.prototype,"size",2),e};export{s as a};
@@ -1,4 +1,4 @@
1
- import{a as s}from"./chunks/chunk-PD62MBOJ.js";import{b as e}from"./chunks/chunk-BKZGTCMF.js";import{a as o,f as m,h as i,j as r,p as n,r as c,u as p}from"./chunks/chunk-YITWLCD3.js";var b=i`
1
+ import{a as s}from"./chunks/chunk-PD62MBOJ.js";import{b as e}from"./chunks/chunk-BKZGTCMF.js";import{a as d}from"./chunks/chunk-6TIEBY34.js";import{a as o,f as m,h as i,j as r,p as n,r as c,u as p}from"./chunks/chunk-YITWLCD3.js";var h=i`
2
2
  :host {
3
3
  display: block;
4
4
  --_distance: var(--animate-distance, 80px);
@@ -96,7 +96,7 @@ import{a as s}from"./chunks/chunk-PD62MBOJ.js";import{b as e}from"./chunks/chunk
96
96
  transition-duration: 0.01ms;
97
97
  }
98
98
  }
99
- `,h=i`
99
+ `,y=i`
100
100
  @media ${s("tablet")} {
101
101
  :host([tablet-animation="none"]) {
102
102
  opacity: 1;
@@ -272,6 +272,6 @@ import{a as s}from"./chunks/chunk-PD62MBOJ.js";import{b as e}from"./chunks/chunk
272
272
  transform: translateY(0);
273
273
  }
274
274
  }
275
- `,d=[b,h];var y="eun-animate",f="in-view",t=class extends p{constructor(){super(...arguments);this.animation="fade";this.delay=0;this.once=!0;this.threshold=.1;this.rootMargin="0px"}get hasAnyAnimation(){return this.animation!=="none"||this.tabletAnimation!==void 0&&this.tabletAnimation!=="none"||this.mobileAnimation!==void 0&&this.mobileAnimation!=="none"}connectedCallback(){super.connectedCallback?.(),this.setupObserver()}disconnectedCallback(){this.teardownObserver(),super.disconnectedCallback?.()}updated(a){super.updated(a),this.isConnected&&(a.has("animation")||a.has("tabletAnimation")||a.has("mobileAnimation")||a.has("threshold")||a.has("rootMargin")||a.has("once"))&&this.setupObserver()}setupObserver(){this.teardownObserver(),this.hasAnyAnimation&&(this.observer=new IntersectionObserver(([a])=>{a.isIntersecting?(this.toggleAttribute(f,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(f,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}renderTiming(){let a=[this.duration!==void 0?`--_duration: ${Number(this.duration)}ms;`:"",this.delay!==0?`--_delay: ${Number(this.delay)}ms;`:""].join(""),l=[a?`:host { ${a} }`:"",this.tabletDelay!==void 0?`@media ${e("tablet")} { :host { --_delay: ${Number(this.tabletDelay)}ms; } }`:"",this.mobileDelay!==void 0?`@media ${e("mobile")} { :host { --_delay: ${Number(this.mobileDelay)}ms; } }`:""].join("");return l?n`<style>
275
+ `,f=[h,y];var v="eun-animate",b="in-view",t=class extends p{constructor(){super(...arguments);this.animation="fade";this.delay=0;this.once=!0;this.threshold=.1;this.rootMargin="0px"}get hasAnyAnimation(){return this.animation!=="none"||this.tabletAnimation!==void 0&&this.tabletAnimation!=="none"||this.mobileAnimation!==void 0&&this.mobileAnimation!=="none"}connectedCallback(){super.connectedCallback?.(),this.setupObserver()}disconnectedCallback(){this.teardownObserver(),super.disconnectedCallback?.()}updated(a){super.updated(a),this.isConnected&&(a.has("animation")||a.has("tabletAnimation")||a.has("mobileAnimation")||a.has("threshold")||a.has("rootMargin")||a.has("once"))&&this.setupObserver()}setupObserver(){this.teardownObserver(),this.hasAnyAnimation&&(this.observer=new IntersectionObserver(([a])=>{a.isIntersecting?(this.toggleAttribute(b,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(b,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}renderTiming(){let a=[this.duration!==void 0?`--_duration: ${Number(this.duration)}ms;`:"",this.delay!==0?`--_delay: ${Number(this.delay)}ms;`:""].join(""),l=[a?`:host { ${a} }`:"",this.tabletDelay!==void 0?`@media ${e("tablet")} { :host { --_delay: ${Number(this.tabletDelay)}ms; } }`:"",this.mobileDelay!==void 0?`@media ${e("mobile")} { :host { --_delay: ${Number(this.mobileDelay)}ms; } }`:""].join("");return l?n`<style>
276
276
  ${l}
277
- </style>`:c}render(){return n`${this.renderTiming()}<slot></slot>`}};t.styles=d,o([r({reflect:!0,useDefault:!0})],t.prototype,"animation",2),o([r({type:Number})],t.prototype,"duration",2),o([r({type:Number})],t.prototype,"delay",2),o([r({type:Number,attribute:"tablet-delay"})],t.prototype,"tabletDelay",2),o([r({type:Number,attribute:"mobile-delay"})],t.prototype,"mobileDelay",2),o([r({type:Boolean})],t.prototype,"once",2),o([r({type:Number})],t.prototype,"threshold",2),o([r({attribute:"root-margin"})],t.prototype,"rootMargin",2),o([r({attribute:"tablet-animation",reflect:!0})],t.prototype,"tabletAnimation",2),o([r({attribute:"mobile-animation",reflect:!0})],t.prototype,"mobileAnimation",2),t=o([m(y)],t);export{t as EunomiaAnimate,y as EunomiaAnimateTagName};
277
+ </style>`:c}render(){return n`${this.renderTiming()}<slot></slot>`}};t.styles=f,o([r({reflect:!0,useDefault:!0})],t.prototype,"animation",2),o([r({type:Number})],t.prototype,"duration",2),o([r({type:Number})],t.prototype,"delay",2),o([r({type:Number,attribute:"tablet-delay"})],t.prototype,"tabletDelay",2),o([r({type:Number,attribute:"mobile-delay"})],t.prototype,"mobileDelay",2),o([r({converter:d})],t.prototype,"once",2),o([r({type:Number})],t.prototype,"threshold",2),o([r({attribute:"root-margin"})],t.prototype,"rootMargin",2),o([r({attribute:"tablet-animation",reflect:!0})],t.prototype,"tabletAnimation",2),o([r({attribute:"mobile-animation",reflect:!0})],t.prototype,"mobileAnimation",2),t=o([m(v)],t);export{t as EunomiaAnimate,v as EunomiaAnimateTagName};
@@ -1 +1 @@
1
- import{a,b}from"./chunks/chunk-DGI7TKCU.js";import"./chunks/chunk-Z3OFIE7S.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaButton,a as EunomiaButtonTagName};
1
+ import{a,b}from"./chunks/chunk-LD35BFNK.js";import"./chunks/chunk-3UUZM7X2.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaButton,a as EunomiaButtonTagName};
@@ -1,4 +1,4 @@
1
- import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as $}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as T,h as R,j as i,k as l,l as y,n as C,p as u,r as d,u as A}from"./chunks/chunk-YITWLCD3.js";var m=class w extends Event{static{this.eventName="eunslidechange"}constructor(g){super(w.eventName,{bubbles:!0,composed:!1}),this.index=g.index,this.count=g.count}};var B=R`
1
+ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk-6TIEBY34.js";import{a as w}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as E}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as R,h as C,j as i,k as l,l as k,n as A,p as u,r as d,u as $}from"./chunks/chunk-YITWLCD3.js";var g=class S extends Event{static{this.eventName="eunslidechange"}constructor(x){super(S.eventName,{bubbles:!0,composed:!1}),this.index=x.index,this.count=x.count}};var N=C`
2
2
  :host {
3
3
  display: block;
4
4
  --_visibleCount: 1;
@@ -86,8 +86,8 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
86
86
  transparent
87
87
  );
88
88
  }
89
- :host(:not([edge-fade])) #viewport::before,
90
- :host(:not([edge-fade])) #viewport::after {
89
+ :host(:is(:not([edge-fade]), [edge-fade="false"])) #viewport::before,
90
+ :host(:is(:not([edge-fade]), [edge-fade="false"])) #viewport::after {
91
91
  content: none;
92
92
  }
93
93
 
@@ -140,7 +140,7 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
140
140
  transition: transform var(--eun-duration-m, 200ms)
141
141
  var(--eun-easing-default, ease);
142
142
  }
143
- :host([full-slides]) ::slotted(:not([slot])) {
143
+ :host([full-slides]:not([full-slides="false"])) ::slotted(:not([slot])) {
144
144
  --_slideBasis: max(
145
145
  var(--carousel-min-slide-width, 220px),
146
146
  calc(
@@ -152,7 +152,8 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
152
152
  )
153
153
  );
154
154
  }
155
- :host(:not([full-slides])) ::slotted(:not([slot])) {
155
+ :host(:is(:not([full-slides]), [full-slides="false"]))
156
+ ::slotted(:not([slot])) {
156
157
  --_slideBasis: max(
157
158
  var(--carousel-min-slide-width, 220px),
158
159
  calc(
@@ -302,7 +303,7 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
302
303
  transition: none;
303
304
  }
304
305
  }
305
- `,M=B;var L="eun-carousel",N="eun-carousel-active-slide",t=class extends $(A){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!0;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!0;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!0;this.showDots=!0;this.currentIndex=0;this.slideCount=0;this.manuallyPaused=!1;this.announcement="";this.hasTitle=!1;this.narrow=!1;this.effectiveVisibleSlides=1;this.effectiveScrollStep=1;this.resizeObserver=new ResizeObserver(()=>{this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=void 0,this.syncCssOverrides(),this.updateFromScrollPosition(),this.updateCenterPadding(),this.updateNarrow()})});this.handleScroll=()=>{this.scrollRaf===void 0&&(this.scrollRaf=requestAnimationFrame(()=>{this.scrollRaf=void 0,this.updateFromScrollPosition()}))};this.scheduleAnnounce=E(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new m({index:this.currentIndex,count:this.slideCount}))},200);this.maxIndex=0;this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}disconnectedCallback(){this.stopAutoplay(),this.resizeObserver.disconnect(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.scrollRaf!==void 0&&cancelAnimationFrame(this.scrollRaf),this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.syncCssOverrides(),this.resizeObserver.observe(this)}updated(e){super.updated(e),e.has("visibleSlides")&&this.style.setProperty("--_visibleCount",String(Math.max(1,this.visibleSlides))),(e.has("visibleSlides")||e.has("scrollStep"))&&this.syncCssOverrides(),e.has("centerSnap")&&(this.style.setProperty("--_snapAlign",this.centerSnap?"center":"start"),this.updateCenterPadding(),this.updateFromScrollPosition()),e.has("autoplay")&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),e.has("responsiveBreakpoint")&&this.updateNarrow()}previous(){this.step(-1)}next(){this.step(1)}goTo(e){this.goToIndex(e)}getCssPixelValue(e,r){let s=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(s)?r:s}getTrackInset(){return this.trackEl&&Number.parseFloat(getComputedStyle(this.trackEl).paddingLeft)||0}isRtl(){return!!this.trackEl&&getComputedStyle(this.trackEl).direction==="rtl"}getScrollProgress(){return this.trackEl?Math.abs(this.trackEl.scrollLeft):0}getInlineStartOffset(e,r){return this.isRtl()?r.right-e.right:e.left-r.left}get pageCount(){return Math.ceil(this.maxIndex/this.effectiveScrollStep)+1}syncCssOverrides(){this.effectiveVisibleSlides=Math.max(1,Math.round(this.getCssPixelValue("--carousel-visible-slides",this.visibleSlides))),this.effectiveScrollStep=Math.max(1,Math.round(this.getCssPixelValue("--carousel-scroll-step",this.scrollStep)))}measureMaxIndex(){if(!this.trackEl||!this.slides.length)return 0;if(this.centerSnap)return this.slides.length-1;let e=this.trackEl,r=e.getBoundingClientRect(),s=Math.max(0,e.scrollWidth-e.clientWidth),n=this.getScrollProgress(),o=this.getTrackInset(),h=0,p=1/0;return this.slides.forEach((v,f)=>{let b=this.getInlineStartOffset(v.getBoundingClientRect(),r)+n-o,c=Math.abs(b-s);c<p&&(p=c,h=f)}),h}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth-2*this.getTrackInset(),r=this.slides[0].getBoundingClientRect().width,s=Math.max(0,(e-r)/2);this.style.setProperty("--_centerPadding",`${s}px`)}updateNarrow(){let e=this.getCssPixelValue("--carousel-responsive-breakpoint",this.responsiveBreakpoint);this.narrow=e>0&&this.getBoundingClientRect().width<e}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,r)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(r+1,this.slideCount))}),this.updateFromScrollPosition(),this.updateCenterPadding(),this.startAutoplay()}handleTitleSlotChange(){this.hasTitle=(this.titleSlotEl?.assignedNodes({flatten:!0}).length??0)>0}scrollBehavior(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}goToIndex(e){if(!this.slides.length||!this.trackEl)return;let r=this.maxIndex,s=this.loop?(e%(r+1)+(r+1))%(r+1):Math.max(0,Math.min(e,r));if(!this.centerSnap&&s===r){let o=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.trackEl.scrollTo({left:this.isRtl()?-o:o,behavior:this.scrollBehavior()});return}let n=this.slides[s];n&&n.scrollIntoView({behavior:this.scrollBehavior(),inline:this.centerSnap?"center":"start",block:"nearest"})}step(e){this.syncCssOverrides(),this.goToIndex(this.currentIndex+e*this.effectiveScrollStep)}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.maxIndex<=0||(this.autoplayTimer=setInterval(()=>this.step(1),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}buildAnnouncement(){if(!this.slideCount)return"";let e=this.currentIndex+1,r=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),s=Math.min(e+r-1,this.slideCount);return s>e?`Showing slides ${e} to ${s} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),r=this.centerSnap?e.width/2:this.getTrackInset(),s=0,n=1/0;this.slides.forEach((c,x)=>{let S=c.getBoundingClientRect(),I=this.getInlineStartOffset(S,e),_=this.centerSnap?I+S.width/2:I,P=Math.abs(_-r);P<n&&(n=P,s=x)}),this.maxIndex=this.measureMaxIndex(),s=Math.min(s,this.maxIndex),this.slides.forEach((c,x)=>{c.classList.toggle(N,x===s)});let o=s!==this.currentIndex;this.currentIndex=s;let h=this.getScrollProgress(),p=this.trackEl.scrollWidth-this.trackEl.clientWidth,v=h>1?"1":"0",f=h<p-1?"1":"0",b=this.isRtl();this.style.setProperty("--_showLeftFade",b?f:v),this.style.setProperty("--_showRightFade",b?v:f),o&&this.scheduleAnnounce()}handleKeydown(e){switch(e.key){case"ArrowLeft":e.preventDefault(),this.isRtl()?this.next():this.previous();break;case"ArrowRight":e.preventDefault(),this.isRtl()?this.previous():this.next();break;case"Home":e.preventDefault(),this.goToIndex(0);break;case"End":e.preventDefault(),this.goToIndex(this.maxIndex);break;default:break}}renderDots(){if(!this.showDots||this.pageCount<=1)return d;let e=this.effectiveScrollStep,r=Math.round(this.currentIndex/e);return u`
306
+ `,_=N;var z="eun-carousel",B="eun-carousel-active-slide",t=class extends E($){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!0;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!0;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!0;this.showDots=!0;this.currentIndex=0;this.slideCount=0;this.manuallyPaused=!1;this.announcement="";this.hasTitle=!1;this.narrow=!1;this.effectiveVisibleSlides=1;this.effectiveScrollStep=1;this.resizeObserver=new ResizeObserver(()=>{this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=void 0,this.syncCssOverrides(),this.updateFromScrollPosition(),this.updateCenterPadding(),this.updateNarrow()})});this.handleScroll=()=>{this.scrollRaf===void 0&&(this.scrollRaf=requestAnimationFrame(()=>{this.scrollRaf=void 0,this.updateFromScrollPosition()}))};this.scheduleAnnounce=M(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new g({index:this.currentIndex,count:this.slideCount}))},200);this.maxIndex=0;this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}disconnectedCallback(){this.stopAutoplay(),this.resizeObserver.disconnect(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.scrollRaf!==void 0&&cancelAnimationFrame(this.scrollRaf),this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.syncCssOverrides(),this.resizeObserver.observe(this)}updated(e){super.updated(e),e.has("visibleSlides")&&this.style.setProperty("--_visibleCount",String(Math.max(1,this.visibleSlides))),(e.has("visibleSlides")||e.has("scrollStep"))&&this.syncCssOverrides(),e.has("centerSnap")&&(this.style.setProperty("--_snapAlign",this.centerSnap?"center":"start"),this.updateCenterPadding(),this.updateFromScrollPosition()),e.has("autoplay")&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),e.has("responsiveBreakpoint")&&this.updateNarrow()}previous(){this.step(-1)}next(){this.step(1)}goTo(e){this.goToIndex(e)}getCssPixelValue(e,r){let s=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(s)?r:s}getTrackInset(){return this.trackEl&&Number.parseFloat(getComputedStyle(this.trackEl).paddingLeft)||0}isRtl(){return!!this.trackEl&&getComputedStyle(this.trackEl).direction==="rtl"}getScrollProgress(){return this.trackEl?Math.abs(this.trackEl.scrollLeft):0}getInlineStartOffset(e,r){return this.isRtl()?r.right-e.right:e.left-r.left}get pageCount(){return Math.ceil(this.maxIndex/this.effectiveScrollStep)+1}syncCssOverrides(){this.effectiveVisibleSlides=Math.max(1,Math.round(this.getCssPixelValue("--carousel-visible-slides",this.visibleSlides))),this.effectiveScrollStep=Math.max(1,Math.round(this.getCssPixelValue("--carousel-scroll-step",this.scrollStep)))}measureMaxIndex(){if(!this.trackEl||!this.slides.length)return 0;if(this.centerSnap)return this.slides.length-1;let e=this.trackEl,r=e.getBoundingClientRect(),s=Math.max(0,e.scrollWidth-e.clientWidth),n=this.getScrollProgress(),o=this.getTrackInset(),h=0,v=1/0;return this.slides.forEach((f,b)=>{let m=this.getInlineStartOffset(f.getBoundingClientRect(),r)+n-o,c=Math.abs(m-s);c<v&&(v=c,h=b)}),h}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth-2*this.getTrackInset(),r=this.slides[0].getBoundingClientRect().width,s=Math.max(0,(e-r)/2);this.style.setProperty("--_centerPadding",`${s}px`)}updateNarrow(){let e=this.getCssPixelValue("--carousel-responsive-breakpoint",this.responsiveBreakpoint);this.narrow=e>0&&this.getBoundingClientRect().width<e}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,r)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(r+1,this.slideCount))}),this.updateFromScrollPosition(),this.updateCenterPadding(),this.startAutoplay()}handleTitleSlotChange(){this.hasTitle=(this.titleSlotEl?.assignedNodes({flatten:!0}).length??0)>0}scrollBehavior(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}goToIndex(e){if(!this.slides.length||!this.trackEl)return;let r=this.maxIndex,s=this.loop?(e%(r+1)+(r+1))%(r+1):Math.max(0,Math.min(e,r));if(!this.centerSnap&&s===r){let o=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.trackEl.scrollTo({left:this.isRtl()?-o:o,behavior:this.scrollBehavior()});return}let n=this.slides[s];n&&n.scrollIntoView({behavior:this.scrollBehavior(),inline:this.centerSnap?"center":"start",block:"nearest"})}step(e){this.syncCssOverrides(),this.goToIndex(this.currentIndex+e*this.effectiveScrollStep)}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.maxIndex<=0||(this.autoplayTimer=setInterval(()=>this.step(1),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}buildAnnouncement(){if(!this.slideCount)return"";let e=this.currentIndex+1,r=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),s=Math.min(e+r-1,this.slideCount);return s>e?`Showing slides ${e} to ${s} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),r=this.centerSnap?e.width/2:this.getTrackInset(),s=0,n=1/0;this.slides.forEach((c,y)=>{let I=c.getBoundingClientRect(),P=this.getInlineStartOffset(I,e),L=this.centerSnap?P+I.width/2:P,T=Math.abs(L-r);T<n&&(n=T,s=y)}),this.maxIndex=this.measureMaxIndex(),s=Math.min(s,this.maxIndex),this.slides.forEach((c,y)=>{c.classList.toggle(B,y===s)});let o=s!==this.currentIndex;this.currentIndex=s;let h=this.getScrollProgress(),v=this.trackEl.scrollWidth-this.trackEl.clientWidth,f=h>1?"1":"0",b=h<v-1?"1":"0",m=this.isRtl();this.style.setProperty("--_showLeftFade",m?b:f),this.style.setProperty("--_showRightFade",m?f:b),o&&this.scheduleAnnounce()}handleKeydown(e){switch(e.key){case"ArrowLeft":e.preventDefault(),this.isRtl()?this.next():this.previous();break;case"ArrowRight":e.preventDefault(),this.isRtl()?this.previous():this.next();break;case"Home":e.preventDefault(),this.goToIndex(0);break;case"End":e.preventDefault(),this.goToIndex(this.maxIndex);break;default:break}}renderDots(){if(!this.showDots||this.pageCount<=1)return d;let e=this.effectiveScrollStep,r=Math.round(this.currentIndex/e);return u`
306
307
  <div
307
308
  id="dots"
308
309
  role="group"
@@ -311,7 +312,7 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
311
312
  ${Array.from({length:this.pageCount},(s,n)=>{let o=n===r;return u`
312
313
  <button
313
314
  type="button"
314
- class=${k({dot:!0})}
315
+ class=${w({dot:!0})}
315
316
  aria-current=${o?"true":d}
316
317
  aria-label=${this.dictionary.carousel.goToSlide(n*e+1,this.slideCount)}
317
318
  @click=${()=>this.goTo(n*e)}
@@ -336,7 +337,7 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
336
337
  `}render(){let e=this.showDots&&this.pageCount>1,r=this.layout==="header"||this.layout==="inline"&&this.narrow,s=this.showArrows&&r&&this.pageCount>1,n=this.showArrows&&!r&&this.pageCount>1;return u`
337
338
  <div
338
339
  id="carousel-header"
339
- class=${k({"nav-start":s&&this.navPlacement==="start","nav-center":s&&this.navPlacement==="center"})}
340
+ class=${w({"nav-start":s&&this.navPlacement==="start","nav-center":s&&this.navPlacement==="center"})}
340
341
  ?hidden=${!(this.hasTitle||s)}
341
342
  >
342
343
  <slot
@@ -368,4 +369,4 @@ import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk
368
369
  <span class="sr-only" role="status" aria-live="polite"
369
370
  >${this.announcement}</span
370
371
  >
371
- `}};t.styles=M,a([i({reflect:!0,useDefault:!0})],t.prototype,"layout",2),a([i({reflect:!0,attribute:"nav-placement",useDefault:!0})],t.prototype,"navPlacement",2),a([i({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),a([i({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),a([i({type:Boolean,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),a([i({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),a([i({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),a([i({type:Boolean,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),a([i({type:Boolean,reflect:!0})],t.prototype,"loop",2),a([i({type:Boolean})],t.prototype,"autoplay",2),a([i({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),a([i({type:Boolean,attribute:"show-arrows"})],t.prototype,"showArrows",2),a([i({type:Boolean,attribute:"show-dots"})],t.prototype,"showDots",2),a([i({attribute:"previous-label"})],t.prototype,"previousLabel",2),a([i({attribute:"next-label"})],t.prototype,"nextLabel",2),a([l()],t.prototype,"currentIndex",2),a([l()],t.prototype,"slideCount",2),a([l()],t.prototype,"manuallyPaused",2),a([l()],t.prototype,"announcement",2),a([l()],t.prototype,"hasTitle",2),a([l()],t.prototype,"narrow",2),a([l()],t.prototype,"effectiveVisibleSlides",2),a([l()],t.prototype,"effectiveScrollStep",2),a([y("#track")],t.prototype,"trackEl",2),a([y('slot[name="title"]')],t.prototype,"titleSlotEl",2),a([C()],t.prototype,"slides",2),a([l()],t.prototype,"maxIndex",2),t=a([T(L)],t);export{t as EunomiaCarousel,L as EunomiaCarouselTagName};
372
+ `}};t.styles=_,a([i({reflect:!0,useDefault:!0})],t.prototype,"layout",2),a([i({reflect:!0,attribute:"nav-placement",useDefault:!0})],t.prototype,"navPlacement",2),a([i({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),a([i({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),a([i({converter:p,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),a([i({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),a([i({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),a([i({converter:p,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),a([i({type:Boolean,reflect:!0})],t.prototype,"loop",2),a([i({type:Boolean})],t.prototype,"autoplay",2),a([i({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),a([i({converter:p,attribute:"show-arrows"})],t.prototype,"showArrows",2),a([i({converter:p,attribute:"show-dots"})],t.prototype,"showDots",2),a([i({attribute:"previous-label"})],t.prototype,"previousLabel",2),a([i({attribute:"next-label"})],t.prototype,"nextLabel",2),a([l()],t.prototype,"currentIndex",2),a([l()],t.prototype,"slideCount",2),a([l()],t.prototype,"manuallyPaused",2),a([l()],t.prototype,"announcement",2),a([l()],t.prototype,"hasTitle",2),a([l()],t.prototype,"narrow",2),a([l()],t.prototype,"effectiveVisibleSlides",2),a([l()],t.prototype,"effectiveScrollStep",2),a([k("#track")],t.prototype,"trackEl",2),a([k('slot[name="title"]')],t.prototype,"titleSlotEl",2),a([A()],t.prototype,"slides",2),a([l()],t.prototype,"maxIndex",2),t=a([R(z)],t);export{t as EunomiaCarousel,z as EunomiaCarouselTagName};