@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
@@ -1,4 +1,4 @@
1
- import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk-624VJYNA.js";import{a as I}from"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import{a as D}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as k}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as w,h as T,j as s,k as g,l as c,p as o,r as l,u as $}from"./chunks/chunk-YITWLCD3.js";var v=class S extends Event{static{this.eventName="eunimagechange"}constructor(m){super(S.eventName,{bubbles:!0,composed:!1}),this.index=m.index,this.count=m.count}};var M=T`
1
+ import{a as P}from"./chunks/chunk-E5LQKBFI.js";import{a as E}from"./chunks/chunk-624VJYNA.js";import{a as D}from"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import{a as L}from"./chunks/chunk-SD2H5UDZ.js";import{a as h}from"./chunks/chunk-6TIEBY34.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as T,h as $,j as s,k as v,l as c,p as o,r as l,u as k}from"./chunks/chunk-YITWLCD3.js";var m=class M extends Event{static{this.eventName="eunimagechange"}constructor(b){super(M.eventName,{bubbles:!0,composed:!1}),this.index=b.index,this.count=b.count}};var z=$`
2
2
  :host {
3
3
  display: block;
4
4
  --_magnifierZoom: 2.5;
@@ -467,7 +467,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
467
467
  outline-offset: 2px;
468
468
  }
469
469
 
470
- @media ${I("mobile")} {
470
+ @media ${D("mobile")} {
471
471
  #lightbox {
472
472
  flex-direction: column;
473
473
  }
@@ -499,7 +499,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
499
499
  animation: none !important;
500
500
  }
501
501
  }
502
- `,P=M;var z="eun-image-carousel",r=class extends k($){constructor(){super(...arguments);this.images=[];this.activeIndex=0;this.magnifier=!1;this.magnifierZoom=2.5;this.showThumbnails=!0;this.showDots=!0;this.lightbox=!0;this.lightboxGrid=!0;this.loop=!1;this.transition="slide";this.autoplay=!1;this.autoplayInterval=4e3;this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=D(()=>{this.announcement=this.buildAnnouncement()},150);this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()};this.handleStageDragMove=e=>{this.dragActive||this.beginImageDrag(e),this.updateImageDragPosition(e)};this.handleStageDragEnd=(e,t)=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(t&&this.dragHasTarget))};this.handleStageDragCancel=()=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(!1))};this.handleLeaveAnimationEnd=()=>{this.previousImage=void 0};this.handleKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0,-1);break;case"End":e.preventDefault(),this.goToIndex(this.images.length-1,1);break;default:break}};this.handlePointerEnter=e=>{!this.magnifier||e.pointerType==="touch"||this.mainImageEl?.classList.add("zoomed")};this.handlePointerMove=e=>{if(!this.magnifier||e.pointerType==="touch")return;let{clientX:t,clientY:i}=e;this.pointerRaf===void 0&&(this.pointerRaf=requestAnimationFrame(()=>{this.pointerRaf=void 0,this.updateMagnifierOrigin(t,i)}))};this.handlePointerLeave=()=>{this.mainImageEl?.classList.remove("zoomed")};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=void 0,e.pointerType!=="touch"||!t)return;let i=e.clientX-t.x,a=e.clientY-t.y;Math.abs(i)<r.SWIPE_THRESHOLD||Math.abs(i)<Math.abs(a)||(this.suppressNextClick=!0,i<0?this.next():this.previous())};this.handleSwipeCancel=()=>{this.swipeStart=void 0};this.handleExpandClick=()=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.openLightbox()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}willUpdate(e){if(super.willUpdate(e),e.has("images")){let t=Math.max(0,this.images.length-1);this.activeIndex>t&&(this.activeIndex=t)}if(e.has("activeIndex")||e.has("loop")||e.has("images")){let t=this.shadowRoot?.activeElement;this.focusedNavButton=t instanceof HTMLButtonElement&&this.isNavButton(t)?t:void 0}}updated(e){super.updated(e),e.has("magnifierZoom")&&this.style.setProperty("--_magnifierZoom",String(this.magnifierZoom)),(e.has("autoplay")||e.has("images"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),this.focusedNavButton&&(this.restoreNavFocusIfDisabled(this.focusedNavButton),this.focusedNavButton=void 0),!this.swipeGesture&&this.stageEl&&(this.swipeGesture=E(this.stageEl,{threshold:r.SWIPE_THRESHOLD,onDragMove:this.handleStageDragMove,onDragEnd:this.handleStageDragEnd,onDragCancel:this.handleStageDragCancel}))}isNavButton(e){return e.classList.contains("stage-nav")||e.classList.contains("lightbox-nav")}restoreNavFocusIfDisabled(e){if(!e.isConnected||!e.disabled)return;let t=e.classList.contains("stage-nav")?".stage-nav":".lightbox-nav";Array.from(this.shadowRoot?.querySelectorAll(t)??[]).find(a=>a!==e&&!a.disabled)?.focus()}disconnectedCallback(){this.stopAutoplay(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.pointerRaf!==void 0&&cancelAnimationFrame(this.pointerRaf),this.swipeGesture?.destroy(),this.dragPreviewEl?.remove(),super.disconnectedCallback?.()}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.images.length<=1||(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}previous(){this.goToIndex(this.activeIndex-1,-1)}next(){this.goToIndex(this.activeIndex+1,1)}goTo(e){this.goToIndex(e)}openLightbox(e){this.images.length&&(typeof e=="number"&&this.goToIndex(e),this.handleTransientPause(),this.modalEl?.show())}closeLightbox(){this.modalEl?.hide(),this.handleTransientResume()}goToIndex(e,t,i){let a=this.images.length;if(a===0)return;let d=a-1,u=this.loop?(e%a+a)%a:Math.max(0,Math.min(e,d));if(u===this.activeIndex)return;let h=this.images[this.activeIndex];this.transitionDirection=t??(u>this.activeIndex?1:-1),this.activeIndex=u,i?.skipTransition||this.beginTransition(h),this.resetMagnifier(),this.scheduleAnnounce(),this.dispatchEvent(new v({index:u,count:a}))}beginImageDrag(e){this.dragActive=!0,this.dragDirection=e<0?1:-1;let t=this.images.length,i=this.activeIndex+this.dragDirection;if(this.dragHasTarget=this.loop?t>1:i>=0&&i<t,this.dragTargetIndex=this.dragHasTarget?(i%t+t)%t:void 0,this.mainImageEl&&(this.mainImageEl.style.transition="none"),this.dragTargetIndex===void 0||!this.stageImagesEl)return;let a=document.createElement("img");a.className="img-layer",a.src=this.images[this.dragTargetIndex].src,a.alt="",a.setAttribute("aria-hidden","true"),this.stageImagesEl.appendChild(a),this.dragPreviewEl=a}updateImageDragPosition(e){let t=this.mainImageEl;if(t){if(!this.dragHasTarget){t.style.transform=`translateX(${e*r.EDGE_RESISTANCE}px)`;return}t.style.transform=`translateX(${e}px)`,this.dragPreviewEl&&(this.dragPreviewEl.style.transform=`translateX(calc(${this.dragDirection*100}% + ${e}px))`)}}settleImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragDirection,d=e?`${-a*100}%`:"0px",u=e?"0px":`${a*100}%`,h=L(getComputedStyle(this).getPropertyValue("--_swipe-duration"))??260,b=h<=0,f=b?"none":"transform var(--_swipe-duration) var(--eun-easing-out, ease-out)";if(t&&(t.style.transition=f,t.style.transform=`translateX(${d})`),i&&(i.style.transition=f,i.style.transform=`translateX(${u})`),b){this.finalizeImageDrag(e);return}let x=!1,y=()=>{x||(x=!0,this.finalizeImageDrag(e))};t?.addEventListener("transitionend",y,{once:!0}),window.setTimeout(y,h||260)}finalizeImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragTargetIndex,d=this.dragDirection;this.dragActive=!1,this.dragTargetIndex=void 0,this.dragHasTarget=!1,this.dragPreviewEl=void 0;let u=()=>{t&&(t.style.transition="none",t.style.removeProperty("transform")),i?.remove(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t?.style.removeProperty("transition")})})};e&&a!==void 0?(this.goToIndex(a,d,{skipTransition:!0}),this.updateComplete.then(u)):u()}resetMagnifier(){this.mainImageEl?.classList.remove("zoomed")}beginTransition(e){if(this.transition==="none"||this.prefersReducedMotion()){this.previousImage=void 0;return}this.previousImage=e}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}buildAnnouncement(){if(!this.images.length)return"";let e=this.images[this.activeIndex],t=`Image ${this.activeIndex+1} of ${this.images.length}`;return e?.alt?`${t}: ${e.alt}`:t}updateMagnifierOrigin(e,t){let i=this.mainImageEl;if(!i)return;let a=i.getBoundingClientRect(),d=Math.min(100,Math.max(0,(e-a.left)/a.width*100)),u=Math.min(100,Math.max(0,(t-a.top)/a.height*100));i.style.setProperty("transform-origin",`${d}% ${u}%`)}layerClasses(e){let t=!!this.previousImage;return{"img-layer":!0,[e]:t,[`transition-${this.transition}`]:t,"dir-next":t&&this.transitionDirection===1,"dir-prev":t&&this.transitionDirection===-1}}renderMainImage(e,t){let i=o`
502
+ `,S=z;var A="eun-image-carousel",r=class extends I(k){constructor(){super(...arguments);this.images=[];this.activeIndex=0;this.magnifier=!1;this.magnifierZoom=2.5;this.showThumbnails=!0;this.showDots=!0;this.lightbox=!0;this.lightboxGrid=!0;this.loop=!1;this.transition="slide";this.autoplay=!1;this.autoplayInterval=4e3;this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=L(()=>{this.announcement=this.buildAnnouncement()},150);this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()};this.handleStageDragMove=e=>{this.dragActive||this.beginImageDrag(e),this.updateImageDragPosition(e)};this.handleStageDragEnd=(e,t)=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(t&&this.dragHasTarget))};this.handleStageDragCancel=()=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(!1))};this.handleLeaveAnimationEnd=()=>{this.previousImage=void 0};this.handleKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0,-1);break;case"End":e.preventDefault(),this.goToIndex(this.images.length-1,1);break;default:break}};this.handlePointerEnter=e=>{!this.magnifier||e.pointerType==="touch"||this.mainImageEl?.classList.add("zoomed")};this.handlePointerMove=e=>{if(!this.magnifier||e.pointerType==="touch")return;let{clientX:t,clientY:i}=e;this.pointerRaf===void 0&&(this.pointerRaf=requestAnimationFrame(()=>{this.pointerRaf=void 0,this.updateMagnifierOrigin(t,i)}))};this.handlePointerLeave=()=>{this.mainImageEl?.classList.remove("zoomed")};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=void 0,e.pointerType!=="touch"||!t)return;let i=e.clientX-t.x,a=e.clientY-t.y;Math.abs(i)<r.SWIPE_THRESHOLD||Math.abs(i)<Math.abs(a)||(this.suppressNextClick=!0,i<0?this.next():this.previous())};this.handleSwipeCancel=()=>{this.swipeStart=void 0};this.handleExpandClick=()=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.openLightbox()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}willUpdate(e){if(super.willUpdate(e),e.has("images")){let t=Math.max(0,this.images.length-1);this.activeIndex>t&&(this.activeIndex=t)}if(e.has("activeIndex")||e.has("loop")||e.has("images")){let t=this.shadowRoot?.activeElement;this.focusedNavButton=t instanceof HTMLButtonElement&&this.isNavButton(t)?t:void 0}}updated(e){super.updated(e),e.has("magnifierZoom")&&this.style.setProperty("--_magnifierZoom",String(this.magnifierZoom)),(e.has("autoplay")||e.has("images"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),this.focusedNavButton&&(this.restoreNavFocusIfDisabled(this.focusedNavButton),this.focusedNavButton=void 0),!this.swipeGesture&&this.stageEl&&(this.swipeGesture=P(this.stageEl,{threshold:r.SWIPE_THRESHOLD,onDragMove:this.handleStageDragMove,onDragEnd:this.handleStageDragEnd,onDragCancel:this.handleStageDragCancel}))}isNavButton(e){return e.classList.contains("stage-nav")||e.classList.contains("lightbox-nav")}restoreNavFocusIfDisabled(e){if(!e.isConnected||!e.disabled)return;let t=e.classList.contains("stage-nav")?".stage-nav":".lightbox-nav";Array.from(this.shadowRoot?.querySelectorAll(t)??[]).find(a=>a!==e&&!a.disabled)?.focus()}disconnectedCallback(){this.stopAutoplay(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.pointerRaf!==void 0&&cancelAnimationFrame(this.pointerRaf),this.swipeGesture?.destroy(),this.dragPreviewEl?.remove(),super.disconnectedCallback?.()}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.images.length<=1||(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}previous(){this.goToIndex(this.activeIndex-1,-1)}next(){this.goToIndex(this.activeIndex+1,1)}goTo(e){this.goToIndex(e)}openLightbox(e){this.images.length&&(typeof e=="number"&&this.goToIndex(e),this.handleTransientPause(),this.modalEl?.show())}closeLightbox(){this.modalEl?.hide(),this.handleTransientResume()}goToIndex(e,t,i){let a=this.images.length;if(a===0)return;let d=a-1,u=this.loop?(e%a+a)%a:Math.max(0,Math.min(e,d));if(u===this.activeIndex)return;let g=this.images[this.activeIndex];this.transitionDirection=t??(u>this.activeIndex?1:-1),this.activeIndex=u,i?.skipTransition||this.beginTransition(g),this.resetMagnifier(),this.scheduleAnnounce(),this.dispatchEvent(new m({index:u,count:a}))}beginImageDrag(e){this.dragActive=!0,this.dragDirection=e<0?1:-1;let t=this.images.length,i=this.activeIndex+this.dragDirection;if(this.dragHasTarget=this.loop?t>1:i>=0&&i<t,this.dragTargetIndex=this.dragHasTarget?(i%t+t)%t:void 0,this.mainImageEl&&(this.mainImageEl.style.transition="none"),this.dragTargetIndex===void 0||!this.stageImagesEl)return;let a=document.createElement("img");a.className="img-layer",a.src=this.images[this.dragTargetIndex].src,a.alt="",a.setAttribute("aria-hidden","true"),this.stageImagesEl.appendChild(a),this.dragPreviewEl=a}updateImageDragPosition(e){let t=this.mainImageEl;if(t){if(!this.dragHasTarget){t.style.transform=`translateX(${e*r.EDGE_RESISTANCE}px)`;return}t.style.transform=`translateX(${e}px)`,this.dragPreviewEl&&(this.dragPreviewEl.style.transform=`translateX(calc(${this.dragDirection*100}% + ${e}px))`)}}settleImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragDirection,d=e?`${-a*100}%`:"0px",u=e?"0px":`${a*100}%`,g=E(getComputedStyle(this).getPropertyValue("--_swipe-duration"))??260,f=g<=0,x=f?"none":"transform var(--_swipe-duration) var(--eun-easing-out, ease-out)";if(t&&(t.style.transition=x,t.style.transform=`translateX(${d})`),i&&(i.style.transition=x,i.style.transform=`translateX(${u})`),f){this.finalizeImageDrag(e);return}let y=!1,w=()=>{y||(y=!0,this.finalizeImageDrag(e))};t?.addEventListener("transitionend",w,{once:!0}),window.setTimeout(w,g||260)}finalizeImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragTargetIndex,d=this.dragDirection;this.dragActive=!1,this.dragTargetIndex=void 0,this.dragHasTarget=!1,this.dragPreviewEl=void 0;let u=()=>{t&&(t.style.transition="none",t.style.removeProperty("transform")),i?.remove(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t?.style.removeProperty("transition")})})};e&&a!==void 0?(this.goToIndex(a,d,{skipTransition:!0}),this.updateComplete.then(u)):u()}resetMagnifier(){this.mainImageEl?.classList.remove("zoomed")}beginTransition(e){if(this.transition==="none"||this.prefersReducedMotion()){this.previousImage=void 0;return}this.previousImage=e}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}buildAnnouncement(){if(!this.images.length)return"";let e=this.images[this.activeIndex],t=`Image ${this.activeIndex+1} of ${this.images.length}`;return e?.alt?`${t}: ${e.alt}`:t}updateMagnifierOrigin(e,t){let i=this.mainImageEl;if(!i)return;let a=i.getBoundingClientRect(),d=Math.min(100,Math.max(0,(e-a.left)/a.width*100)),u=Math.min(100,Math.max(0,(t-a.top)/a.height*100));i.style.setProperty("transform-origin",`${d}% ${u}%`)}layerClasses(e){let t=!!this.previousImage;return{"img-layer":!0,[e]:t,[`transition-${this.transition}`]:t,"dir-next":t&&this.transitionDirection===1,"dir-prev":t&&this.transitionDirection===-1}}renderMainImage(e,t){let i=o`
503
503
  <div id="stage-images">
504
504
  ${this.previousImage?o`
505
505
  <img
@@ -686,4 +686,4 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
686
686
  <span class="sr-only" role="status" aria-live="polite"
687
687
  >${this.announcement}</span
688
688
  >
689
- `}};r.styles=P,r.SWIPE_THRESHOLD=40,r.EDGE_RESISTANCE=.3,n([s({type:Array,reflect:!0,useDefault:!0})],r.prototype,"images",2),n([s({type:Number,attribute:"active-index"})],r.prototype,"activeIndex",2),n([s({type:Boolean,reflect:!0})],r.prototype,"magnifier",2),n([s({type:Number,attribute:"magnifier-zoom"})],r.prototype,"magnifierZoom",2),n([s({type:Boolean,attribute:"show-thumbnails"})],r.prototype,"showThumbnails",2),n([s({type:Boolean,attribute:"show-dots"})],r.prototype,"showDots",2),n([s({type:Boolean})],r.prototype,"lightbox",2),n([s({type:Boolean,attribute:"lightbox-grid"})],r.prototype,"lightboxGrid",2),n([s({type:Boolean})],r.prototype,"loop",2),n([s({reflect:!0,useDefault:!0})],r.prototype,"transition",2),n([s({type:Boolean})],r.prototype,"autoplay",2),n([s({type:Number,attribute:"autoplay-interval"})],r.prototype,"autoplayInterval",2),n([s({attribute:"previous-label"})],r.prototype,"previousLabel",2),n([s({attribute:"next-label"})],r.prototype,"nextLabel",2),n([s({attribute:"expand-label"})],r.prototype,"expandLabel",2),n([s({attribute:"lightbox-label"})],r.prototype,"lightboxLabel",2),n([g()],r.prototype,"announcement",2),n([g()],r.prototype,"previousImage",2),n([g()],r.prototype,"transitionDirection",2),n([c("#modal")],r.prototype,"modalEl",2),n([c("#main-image")],r.prototype,"mainImageEl",2),n([c("#stage")],r.prototype,"stageEl",2),n([c("#stage-images")],r.prototype,"stageImagesEl",2),r=n([w(z)],r);export{r as EunomiaImageCarousel,z as EunomiaImageCarouselTagName};
689
+ `}};r.styles=S,r.SWIPE_THRESHOLD=40,r.EDGE_RESISTANCE=.3,n([s({type:Array,reflect:!0,useDefault:!0})],r.prototype,"images",2),n([s({type:Number,attribute:"active-index"})],r.prototype,"activeIndex",2),n([s({type:Boolean,reflect:!0})],r.prototype,"magnifier",2),n([s({type:Number,attribute:"magnifier-zoom"})],r.prototype,"magnifierZoom",2),n([s({converter:h,attribute:"show-thumbnails"})],r.prototype,"showThumbnails",2),n([s({converter:h,attribute:"show-dots"})],r.prototype,"showDots",2),n([s({converter:h})],r.prototype,"lightbox",2),n([s({converter:h,attribute:"lightbox-grid"})],r.prototype,"lightboxGrid",2),n([s({type:Boolean})],r.prototype,"loop",2),n([s({reflect:!0,useDefault:!0})],r.prototype,"transition",2),n([s({type:Boolean})],r.prototype,"autoplay",2),n([s({type:Number,attribute:"autoplay-interval"})],r.prototype,"autoplayInterval",2),n([s({attribute:"previous-label"})],r.prototype,"previousLabel",2),n([s({attribute:"next-label"})],r.prototype,"nextLabel",2),n([s({attribute:"expand-label"})],r.prototype,"expandLabel",2),n([s({attribute:"lightbox-label"})],r.prototype,"lightboxLabel",2),n([v()],r.prototype,"announcement",2),n([v()],r.prototype,"previousImage",2),n([v()],r.prototype,"transitionDirection",2),n([c("#modal")],r.prototype,"modalEl",2),n([c("#main-image")],r.prototype,"mainImageEl",2),n([c("#stage")],r.prototype,"stageEl",2),n([c("#stage-images")],r.prototype,"stageImagesEl",2),r=n([T(A)],r);export{r as EunomiaImageCarousel,A as EunomiaImageCarouselTagName};
@@ -1,4 +1,4 @@
1
- import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunks/chunk-LK5BJ4SH.js";import{a as P}from"./chunks/chunk-UYZR4JXZ.js";import{b as _,c as x}from"./chunks/chunk-624VJYNA.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as V,b as Y}from"./chunks/chunk-WW4BTWMH.js";import{a as H}from"./chunks/chunk-GVS6IUKC.js";import{a as F}from"./chunks/chunk-BO3JOEWM.js";import{c as G,d as k,e as B,f as L}from"./chunks/chunk-TLBXTBMM.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import{a as O}from"./chunks/chunk-3BMACIDO.js";import{a as R}from"./chunks/chunk-PPCHQG7P.js";import{a as $}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as S,h as E,j as r,k as c,l as p,p as s,r as h,u as N}from"./chunks/chunk-YITWLCD3.js";var j=E`
1
+ import{a as W,b as V}from"./chunks/chunk-AH2SKZ7T.js";import{a as P}from"./chunks/chunk-LK5BJ4SH.js";import{a as K}from"./chunks/chunk-WIUERJII.js";import{a as U}from"./chunks/chunk-QSZO4GIH.js";import{b as Y,c as x}from"./chunks/chunk-624VJYNA.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as z,b as Z}from"./chunks/chunk-WW4BTWMH.js";import{a as H}from"./chunks/chunk-GVS6IUKC.js";import{a as _}from"./chunks/chunk-P6LGU3FT.js";import{a as B}from"./chunks/chunk-BO3JOEWM.js";import{c as G,d as F,e as k,f as L}from"./chunks/chunk-TLBXTBMM.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import{a as O}from"./chunks/chunk-3BMACIDO.js";import{a as R}from"./chunks/chunk-PPCHQG7P.js";import{a as N}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 S,h as E,j as r,k as c,l as p,p as s,r as h,u as I}from"./chunks/chunk-YITWLCD3.js";var ii=E`
2
2
  :host {
3
3
  display: block;
4
4
  width: 100%;
@@ -15,7 +15,7 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
15
15
  align-items: center;
16
16
  justify-content: center;
17
17
  flex-shrink: 0;
18
- padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
18
+ padding: 0 var(--_defaultPaddingInline);
19
19
  background-color: var(--_background);
20
20
  border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
21
21
  border-inline-end: none;
@@ -38,7 +38,7 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
38
38
  outline-offset: 0;
39
39
  }
40
40
  .flag {
41
- font-size: var(--eun-font-size-m, 16px);
41
+ font-size: min(var(--eun-font-size-m, 16px), var(--_lineHeight));
42
42
  line-height: 1;
43
43
  }
44
44
  #field-wrapper {
@@ -152,7 +152,10 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
152
152
  background: none;
153
153
  border: none;
154
154
  outline: none;
155
- padding: var(--eun-space-s, 8px);
155
+ box-sizing: content-box;
156
+ height: var(--_lineHeight);
157
+ line-height: var(--_lineHeight);
158
+ padding: var(--_paddingBlock) var(--_defaultPaddingInline);
156
159
  }
157
160
  #phone-field::placeholder {
158
161
  color: var(--_placeholderColor);
@@ -192,7 +195,7 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
192
195
  .country-dial-code {
193
196
  color: var(--_placeholderColor);
194
197
  }
195
- `,Z=[P,U,...f?[]:[W],j];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(t=>t.iso===n)?.dialCode}function M(n){return u.find(t=>t.iso===n)?.nationalLength}function D(n){if(!n||n.length!==2)return"";let t=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...t)}var z=new Map;function w(n,t="en"){try{let i=z.get(t);return i||(i=new Intl.DisplayNames([t],{type:"region"}),z.set(t,i)),i.of(n)??n}catch{return n}}function b(n){return n.replace(/^0/,"")}function v(n){if(!n)return"";let t=[],i=0;for(n.length%2===1&&(t.push(n.slice(0,1)),i=1);i<n.length;i+=2)t.push(n.slice(i,i+2));return t.join(" ")}function y(n,t){let i=C(n);return!i||!t?"":`+${i}${t}`}function Q(n,t){let i=t.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var X="eun-input-phone",ii="\u{1F310}",ei="123456789",oi=100,ni=O(B(N)),ti=I(K(H(F(k(G(ni)))))),o=class extends ti{constructor(){super();this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleImplicitSubmission=i=>{let e=this.internals.form;!e||i.composedPath()[0]!==this.fieldEl||!V(i)||(i.preventDefault(),Y(e))};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<oi){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.addEventListener("keydown",this.handleImplicitSubmission)}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(l=>l.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:l,dialCode:d})=>w(l,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,b(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?Q(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:_(i,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:x(i),fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let l=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:x(i),fill:"forwards"});this.listboxAnimation=l,l.finished.then(()=>{this.listboxAnimation===l&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,l=e.value.replace(/\D/g,""),d=l.startsWith("0"),g=b(l),J=C(this.country)?.length??0,q=M(this.country)??Math.max(0,15-J),A=g.slice(0,q);this.nationalDigits=(d?"0":"")+A;let T=v(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,A),this.dispatchEvent(new m(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),l=b(this.nationalDigits),d=M(i)??l.length,g=l.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new m(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${v(ei)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
198
+ `,Q=[U,W,...f?[]:[V],ii];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(t=>t.iso===n)?.dialCode}function M(n){return u.find(t=>t.iso===n)?.nationalLength}function D(n){if(!n||n.length!==2)return"";let t=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...t)}var J=new Map;function w(n,t="en"){try{let i=J.get(t);return i||(i=new Intl.DisplayNames([t],{type:"region"}),J.set(t,i)),i.of(n)??n}catch{return n}}function b(n){return n.replace(/^0/,"")}function v(n){if(!n)return"";let t=[],i=0;for(n.length%2===1&&(t.push(n.slice(0,1)),i=1);i<n.length;i+=2)t.push(n.slice(i,i+2));return t.join(" ")}function y(n,t){let i=C(n);return!i||!t?"":`+${i}${t}`}function q(n,t){let i=t.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var ei="eun-input-phone",oi="\u{1F310}",ni="123456789",ti=100,ai=O(k(I)),li=$(P(_(K(H(B(F(G(ai)))))))),o=class extends li{constructor(){super();this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleImplicitSubmission=i=>{let e=this.internals.form;!e||i.composedPath()[0]!==this.fieldEl||!z(i)||(i.preventDefault(),Z(e))};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<ti){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.addEventListener("keydown",this.handleImplicitSubmission)}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(l=>l.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:l,dialCode:d})=>w(l,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,b(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?q(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:Y(i,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:x(i),fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let l=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:x(i),fill:"forwards"});this.listboxAnimation=l,l.finished.then(()=>{this.listboxAnimation===l&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,l=e.value.replace(/\D/g,""),d=l.startsWith("0"),g=b(l),j=C(this.country)?.length??0,X=M(this.country)??Math.max(0,15-j),A=g.slice(0,X);this.nationalDigits=(d?"0":"")+A;let T=v(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,A),this.dispatchEvent(new m(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),l=b(this.nationalDigits),d=M(i)??l.length,g=l.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new m(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${v(ni)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
196
199
  >+${i}</span
197
200
  >`}renderCountryTrigger(){return s`
198
201
  <button
@@ -207,7 +210,7 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
207
210
  @click=${this.handleTriggerClick}
208
211
  >
209
212
  <span class="flag" aria-hidden="true"
210
- >${D(this.country)||ii}</span
213
+ >${D(this.country)||oi}</span
211
214
  >
212
215
  </button>
213
216
  `}renderCountryListbox(){let i=this.isOpen?this.filteredCountries:[];return s`
@@ -234,7 +237,7 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
234
237
  id="listbox-option-${d}"
235
238
  role="option"
236
239
  aria-selected=${e===this.country}
237
- class=${$({highlighted:d===this.highlightedIndex,selected:e===this.country})}
240
+ class=${N({highlighted:d===this.highlightedIndex,selected:e===this.country})}
238
241
  @mousedown=${g=>{g.preventDefault(),this.handleCountrySelect(e)}}
239
242
  @mouseenter=${()=>{this.highlightedIndex=d}}
240
243
  >
@@ -280,4 +283,4 @@ import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunk
280
283
  ${this.hideCountrySelector?h:this.renderCountryListbox()}
281
284
  ${i}
282
285
  </div>
283
- `}};o.styles=[Z,L.base,L.errorMessages,L.hintMessages],a([r({reflect:!0})],o.prototype,"country",2),a([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),a([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),a([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),a([r()],o.prototype,"placeholder",2),a([r()],o.prototype,"locale",2),a([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),a([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),a([r({attribute:"country-selector-label"})],o.prototype,"countrySelectorLabel",2),a([c()],o.prototype,"nationalDigits",2),a([c()],o.prototype,"countryQuery",2),a([c()],o.prototype,"isOpen",2),a([c()],o.prototype,"highlightedIndex",2),a([p("#phone-field")],o.prototype,"fieldEl",2),a([p("#phone-group")],o.prototype,"phoneGroupEl",2),a([p("#listbox")],o.prototype,"listboxEl",2),a([p("#country-search")],o.prototype,"countrySearchEl",2),o=a([S(X)],o);export{o as EunomiaInputPhone,X as EunomiaInputPhoneTagName};
286
+ `}};o.styles=[Q,L.base,L.errorMessages,L.hintMessages],a([r({reflect:!0})],o.prototype,"country",2),a([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),a([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),a([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),a([r()],o.prototype,"placeholder",2),a([r()],o.prototype,"locale",2),a([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),a([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),a([r({attribute:"country-selector-label"})],o.prototype,"countrySelectorLabel",2),a([c()],o.prototype,"nationalDigits",2),a([c()],o.prototype,"countryQuery",2),a([c()],o.prototype,"isOpen",2),a([c()],o.prototype,"highlightedIndex",2),a([p("#phone-field")],o.prototype,"fieldEl",2),a([p("#phone-group")],o.prototype,"phoneGroupEl",2),a([p("#listbox")],o.prototype,"listboxEl",2),a([p("#country-search")],o.prototype,"countrySearchEl",2),o=a([S(ei)],o);export{o as EunomiaInputPhone,ei as EunomiaInputPhoneTagName};
@@ -1 +1 @@
1
- import{a,b}from"./chunks/chunk-BVASCT2V.js";import"./chunks/chunk-UVHVQRPT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-UYZR4JXZ.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaInput,a as EunomiaInputTagName};
1
+ import{a,b}from"./chunks/chunk-55PUDL7D.js";import"./chunks/chunk-UVHVQRPT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-WIUERJII.js";import"./chunks/chunk-QSZO4GIH.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-P6LGU3FT.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaInput,a as EunomiaInputTagName};
@@ -1,4 +1,4 @@
1
- import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunks/chunk-5GKM5DIB.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as m}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,b as l,c as p,d as u,f as k,h as b,j as n,n as g,p as a,r as c,u as _}from"./chunks/chunk-YITWLCD3.js";var $=b`
1
+ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as y}from"./chunks/chunk-5GKM5DIB.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as x}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as e,b as a,c as p,d as u,f,h as b,j as n,n as g,p as l,r as c,u as _}from"./chunks/chunk-YITWLCD3.js";var w=b`
2
2
  :host {
3
3
  --_color: var(--link-color, var(--eun-text-color, #071621));
4
4
  --_colorHover: var(
@@ -56,7 +56,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
56
56
  #label {
57
57
  border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
58
58
  outline: 2px solid transparent;
59
- transition: outline var(--_duration) var(--eun-easing-out, ease-out);
59
+ transition: outline-color var(--_duration) var(--eun-easing-out, ease-out);
60
60
  }
61
61
  #external-link-icon {
62
62
  display: inline-flex;
@@ -83,9 +83,15 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
83
83
  transition:
84
84
  color var(--_duration) var(--eun-easing-out, ease-out),
85
85
  background-color var(--_duration) var(--eun-easing-out, ease-out),
86
- outline var(--_duration) var(--eun-easing-out, ease-out),
86
+ outline-color var(--_duration) var(--eun-easing-out, ease-out),
87
87
  text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
88
88
  }
89
+ #link:hover {
90
+ background: var(
91
+ --link-background-hover,
92
+ var(--link-background, transparent)
93
+ );
94
+ }
89
95
  #link:visited {
90
96
  color: var(--_colorVisited);
91
97
  text-decoration-color: var(--_colorVisited);
@@ -165,6 +171,9 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
165
171
  text-decoration: var(--_textDecoration);
166
172
  text-wrap-style: pretty;
167
173
  border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
174
+ /* Transparent before the icon outline below is drawn, so it never fades
175
+ in from currentColor once has-icon lands after the first render. */
176
+ outline-color: transparent;
168
177
  transition:
169
178
  color var(--_duration) var(--eun-easing-out, ease-out),
170
179
  background-color var(--_duration) var(--eun-easing-out, ease-out),
@@ -210,7 +219,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
210
219
  transition:
211
220
  color var(--_duration) var(--eun-easing-out, ease-out),
212
221
  background-color var(--_duration) var(--eun-easing-out, ease-out),
213
- outline var(--_duration) var(--eun-easing-out, ease-out),
222
+ outline-color var(--_duration) var(--eun-easing-out, ease-out),
214
223
  text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
215
224
  }
216
225
  #link.has-icon ::slotted(a:focus-visible) {
@@ -245,6 +254,43 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
245
254
  --icon-color: var(--link-icon-color, var(--_colorCurrent));
246
255
  }
247
256
 
257
+ :host([block]) {
258
+ display: flex;
259
+ width: 100%;
260
+ min-width: 0;
261
+ white-space: nowrap;
262
+ }
263
+ :host([block]) #link {
264
+ box-sizing: border-box;
265
+ flex: 1;
266
+ min-width: 0;
267
+ }
268
+ :host([block]) #link.has-icon:focus-visible,
269
+ :host([block]:state(focus-visible)) #link.slotted-link {
270
+ background: var(
271
+ --link-background-focus,
272
+ var(--link-background, transparent)
273
+ );
274
+ outline-color: var(--_colorFocus);
275
+ outline-offset: 2px;
276
+ }
277
+ :host([block]) #link.has-icon:focus-visible #label {
278
+ background: none;
279
+ outline-color: transparent;
280
+ }
281
+ :host([block]) #link.has-icon ::slotted(a:focus-visible) {
282
+ background: none;
283
+ outline-color: transparent;
284
+ }
285
+
286
+ :host([block]) #label,
287
+ :host([block]) ::slotted(a) {
288
+ min-width: 0;
289
+ overflow: hidden;
290
+ text-overflow: ellipsis;
291
+ white-space: nowrap;
292
+ }
293
+
248
294
  @media (prefers-reduced-motion: reduce) {
249
295
  #link,
250
296
  ::slotted(a) {
@@ -263,15 +309,15 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
263
309
  white-space: nowrap;
264
310
  border: 0;
265
311
  }
266
- `,H=$;var S="eun-link",e,h,t=class extends m(_){constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;p(this,e);p(this,h,new C(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()};this.handleSlottedFocusIn=o=>{let i=o.target;i===this.slottedAnchor&&i.matches(":focus-visible")&&this.states?.add("focus-visible")};this.handleSlottedFocusOut=o=>{o.target===this.slottedAnchor&&this.states?.delete("focus-visible")};this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(o,i,s){if(o==="visitedstyle"){this.visitedStyle=s??"auto";return}super.attributeChangedCallback(o,i,s)}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleSlottedFocusIn),this.addEventListener("focusout",this.handleSlottedFocusOut)}disconnectedCallback(){this.removeEventListener("focusin",this.handleSlottedFocusIn),this.removeEventListener("focusout",this.handleSlottedFocusOut),super.disconnectedCallback()}updated(o){super.updated(o),this.syncSlottedAnchor()}syncSlottedAnchor(){let o=this.slottedAnchor;l(this,e)&&l(this,e)!==o&&(l(this,e).removeAttribute("aria-current"),u(this,e,void 0)),o&&(y(this),this.current?(o.setAttribute("aria-current","page"),u(this,e,o)):l(this,e)===o&&(o.removeAttribute("aria-current"),u(this,e,void 0)))}handleFocus(o){o.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(o){x(this,o,this.href,this.target)}renderExternalLinkIcon(){return a`<span id="external-link-icon">
312
+ `,H=w;var $="eun-link",r,h,t=class extends x(_){constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;this.block=!1;p(this,r);p(this,h,new C(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()};this.handleSlottedFocusIn=o=>{let i=o.target;i===this.slottedAnchor&&i.matches(":focus-visible")&&this.states?.add("focus-visible")};this.handleSlottedFocusOut=o=>{o.target===this.slottedAnchor&&this.states?.delete("focus-visible")};this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(o,i,s){if(o==="visitedstyle"){this.visitedStyle=s??"auto";return}super.attributeChangedCallback(o,i,s)}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleSlottedFocusIn),this.addEventListener("focusout",this.handleSlottedFocusOut)}disconnectedCallback(){this.removeEventListener("focusin",this.handleSlottedFocusIn),this.removeEventListener("focusout",this.handleSlottedFocusOut),super.disconnectedCallback()}updated(o){super.updated(o),this.syncSlottedAnchor()}syncSlottedAnchor(){let o=this.slottedAnchor;a(this,r)&&a(this,r)!==o&&(a(this,r).removeAttribute("aria-current"),u(this,r,void 0)),o&&(y(this),this.current?(o.setAttribute("aria-current","page"),u(this,r,o)):a(this,r)===o&&(o.removeAttribute("aria-current"),u(this,r,void 0)))}handleFocus(o){o.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(o){m(this,o,this.href,this.target)}renderExternalLinkIcon(){return l`<span id="external-link-icon">
267
313
  <eun-icon name="arrow_forward" shape="round" size="14"></eun-icon>
268
- </span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,s=a`<slot
314
+ </span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,s=l`<slot
269
315
  name="icon"
270
316
  class=${v({"has-icon":i})}
271
317
  @slotchange=${this.handleIconSlotChange}
272
318
  >
273
- ${this.icon?a`<eun-icon name=${this.icon}></eun-icon>`:c}
274
- </slot>`;if(this.slottedAnchor)return a`
319
+ ${this.icon?l`<eun-icon name=${this.icon}></eun-icon>`:c}
320
+ </slot>`;if(this.slottedAnchor)return l`
275
321
  <span
276
322
  id="link"
277
323
  part="link"
@@ -279,9 +325,9 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
279
325
  >
280
326
  ${s}
281
327
  <slot @slotchange=${this.handleDefaultSlotChange}></slot>
282
- ${l(this,h).isBlank?this.renderExternalLinkIcon():c}
328
+ ${a(this,h).isBlank?this.renderExternalLinkIcon():c}
283
329
  </span>
284
- `;let f=`(${this.dictionary.link.opensInNewTab})`;return a`
330
+ `;let k=`(${this.dictionary.link.opensInNewTab})`;return l`
285
331
  <a
286
332
  id="link"
287
333
  part="link"
@@ -290,7 +336,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
290
336
  target=${this.target}
291
337
  aria-current=${d(this.current?"page":void 0)}
292
338
  rel=${d(o?"noopener noreferrer":void 0)}
293
- aria-label=${d(o&&this.ariaLabel?`${this.ariaLabel} ${f}`:this.ariaLabel??void 0)}
339
+ aria-label=${d(o&&this.ariaLabel?`${this.ariaLabel} ${k}`:this.ariaLabel??void 0)}
294
340
  @click=${this.handleClick}
295
341
  @focus=${this.handleFocus}
296
342
  @blur=${this.handleBlur}
@@ -299,7 +345,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as x,b as y}from"./chunk
299
345
  <span id="label"
300
346
  ><slot @slotchange=${this.handleDefaultSlotChange}></slot
301
347
  ></span>
302
- ${o&&!this.ariaLabel?a`<span class="sr-only"> ${f}</span>`:c}
348
+ ${o&&!this.ariaLabel?l`<span class="sr-only"> ${k}</span>`:c}
303
349
  ${o?this.renderExternalLinkIcon():c}
304
350
  </a>
305
- `}};e=new WeakMap,h=new WeakMap,t.styles=H,r([n()],t.prototype,"href",2),r([n()],t.prototype,"target",2),r([n()],t.prototype,"icon",2),r([n({reflect:!0,converter:{toAttribute:o=>o==="light"?null:o}})],t.prototype,"theme",2),r([n({reflect:!0,attribute:"visited-style",converter:{toAttribute:o=>o==="auto"?null:o}})],t.prototype,"visitedStyle",2),r([n({type:Boolean,reflect:!0})],t.prototype,"current",2),r([g({slot:"icon"})],t.prototype,"iconSlotEls",2),t=r([k(S)],t);export{t as EunomiaLink,S as EunomiaLinkTagName};
351
+ `}};r=new WeakMap,h=new WeakMap,t.styles=H,e([n()],t.prototype,"href",2),e([n()],t.prototype,"target",2),e([n()],t.prototype,"icon",2),e([n({reflect:!0,converter:{toAttribute:o=>o==="light"?null:o}})],t.prototype,"theme",2),e([n({reflect:!0,attribute:"visited-style",converter:{toAttribute:o=>o==="auto"?null:o}})],t.prototype,"visitedStyle",2),e([n({type:Boolean,reflect:!0})],t.prototype,"current",2),e([n({type:Boolean,reflect:!0})],t.prototype,"block",2),e([g({slot:"icon"})],t.prototype,"iconSlotEls",2),t=e([f($)],t);export{t as EunomiaLink,$ as EunomiaLinkTagName};
@@ -1,6 +1,8 @@
1
- import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as d,h as p,j as i,k as u,l,p as r,r as a,u as f}from"./chunks/chunk-YITWLCD3.js";var s=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
1
+ import{a as b,b as g,c as x,d as C,e as k}from"./chunks/chunk-JAGZL7JH.js";import{a as y}from"./chunks/chunk-TCSB2MLU.js";import"./chunks/chunk-RGC3I6MK.js";import{a as v}from"./chunks/chunk-5LXGJVJR.js";import{a as s}from"./chunks/chunk-PPCHQG7P.js";import{a as c}from"./chunks/chunk-6TIEBY34.js";import{a as h}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as p,h as u,j as i,k as f,l as n,p as r,r as a,u as m}from"./chunks/chunk-YITWLCD3.js";var l=class d extends Event{static{this.eventName="eunconfirm"}constructor(){super(d.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var D=u`
2
2
  :host {
3
3
  display: contents;
4
+ /* Rendered width of the size="xs" close button. */
5
+ --_closeButtonSize: 26px;
4
6
  }
5
7
  #surface {
6
8
  position: fixed;
@@ -16,10 +18,8 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
16
18
  );
17
19
  padding: var(
18
20
  --modal-padding,
19
- var(--modal-padding-block, var(--eun-space-l, 32px))
21
+ var(--modal-padding-block, var(--eun-space-m, 16px))
20
22
  var(--modal-padding-inline, var(--eun-space-m, 16px))
21
- var(--modal-padding-block, var(--eun-space-m, 16px))
22
- var(--modal-padding-inline, var(--eun-space-l, 32px))
23
23
  );
24
24
  box-sizing: border-box;
25
25
  display: flex;
@@ -94,8 +94,8 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
94
94
  }
95
95
  #close-button {
96
96
  position: absolute;
97
- top: var(--eun-space-s, 8px);
98
- right: var(--eun-space-s, 8px);
97
+ top: var(--modal-close-offset, var(--eun-space-m, 16px));
98
+ inset-inline-end: var(--modal-close-offset, var(--eun-space-m, 16px));
99
99
  z-index: 10;
100
100
  }
101
101
  #body {
@@ -115,7 +115,17 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
115
115
  }
116
116
  #heading {
117
117
  margin: 0;
118
- padding-inline-end: var(--eun-space-l, 32px);
118
+ padding-inline-end: max(
119
+ 0px,
120
+ calc(
121
+ var(--modal-close-offset, var(--eun-space-m, 16px)) +
122
+ var(--_closeButtonSize) +
123
+ var(--eun-space-s, 8px) - var(
124
+ --modal-padding-inline,
125
+ var(--eun-space-m, 16px)
126
+ )
127
+ )
128
+ );
119
129
  font-size: var(--eun-font-size-l, 18px);
120
130
  font-weight: var(--eun-font-weight-l, 700);
121
131
  color: var(--eun-text-color, #071621);
@@ -141,7 +151,7 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
141
151
  transition-duration: 0.01ms;
142
152
  }
143
153
  }
144
- `,x=C;var k="eun-modal",e=class extends g(m(f)){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.confirmColor="primary";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let y=o;if(this.syncingFromPopover=!0,this.open=y.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{b(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new s;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new h;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new v;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:r`
154
+ `,$=D;var L="eun-modal",e=class extends y(h(m)){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.initialFocus="auto";this.closeable=!0;this.confirmColor="primary";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let E=o;if(this.syncingFromPopover=!0,this.open=E.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{x(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),C(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new l;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new b;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new g;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusFirstField(){if(this.initialFocus!=="first-field"||!k())return!1;let[o]=this.bodyEl?v(this.bodyEl):[];return o?.focus(),o!==void 0}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.focusFirstField()){if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}}renderHeader(){return!this.heading&&!this.description?a:r`
145
155
  <div id="header">
146
156
  ${this.heading?r`<h2 id="heading">${this.heading}</h2>`:a}
147
157
  ${this.description?r`<p id="description">${this.description}</p>`:a}
@@ -166,9 +176,9 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
166
176
  popover="manual"
167
177
  role=${this.kind==="alert"?"alertdialog":"dialog"}
168
178
  aria-modal="true"
169
- aria-labelledby=${n(this.heading?"heading":void 0)}
170
- aria-label=${n(this.heading?void 0:this.ariaLabel??void 0)}
171
- aria-describedby=${n(this.description?"description":void 0)}
179
+ aria-labelledby=${s(this.heading?"heading":void 0)}
180
+ aria-label=${s(this.heading?void 0:this.ariaLabel??void 0)}
181
+ aria-describedby=${s(this.description?"description":void 0)}
172
182
  tabindex="-1"
173
183
  @toggle=${this.handleToggle}
174
184
  >
@@ -194,7 +204,7 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
194
204
  <eun-button
195
205
  id="cancel-button"
196
206
  appearance="ghost"
197
- color=${n(this.cancelColor)}
207
+ color=${s(this.cancelColor)}
198
208
  @click=${()=>this.requestClose()}
199
209
  >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
200
210
  >
@@ -208,4 +218,4 @@ import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"
208
218
  `}
209
219
  </div>
210
220
  ${this.mountConfirmModal?this.renderConfirmCloseModal():a}
211
- `}};e.styles=x,t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"heading",2),t([i()],e.prototype,"description",2),t([i({reflect:!0,useDefault:!0})],e.prototype,"kind",2),t([i({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([i({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([i({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([i({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([i({attribute:"close-label"})],e.prototype,"closeLabel",2),t([i({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([i({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([i({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([i({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([l("#surface")],e.prototype,"surfaceEl",2),t([l("#cancel-button")],e.prototype,"cancelButtonEl",2),t([l("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(k)],e);export{e as EunomiaModal,k as EunomiaModalTagName};
221
+ `}};e.styles=$,t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"heading",2),t([i()],e.prototype,"description",2),t([i({reflect:!0,useDefault:!0})],e.prototype,"kind",2),t([i({converter:c,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([i({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([i({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([i({attribute:"initial-focus",reflect:!0,useDefault:!0})],e.prototype,"initialFocus",2),t([n("#body")],e.prototype,"bodyEl",2),t([i({converter:c,reflect:!0})],e.prototype,"closeable",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([i({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([i({attribute:"close-label"})],e.prototype,"closeLabel",2),t([i({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([i({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([i({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([i({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([n("#surface")],e.prototype,"surfaceEl",2),t([n("#cancel-button")],e.prototype,"cancelButtonEl",2),t([n("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([f()],e.prototype,"mountConfirmModal",2),e=t([p(L)],e);export{e as EunomiaModal,L as EunomiaModalTagName};
@@ -163,7 +163,7 @@ import{a as k,b as x}from"./chunks/chunk-IKAZYVB7.js";import{a as L}from"./chunk
163
163
  @keydown=${this.handleGuestInputKeydown}
164
164
  ></eun-input>
165
165
  <eun-button
166
- appearance="default"
166
+ appearance="soft"
167
167
  id="guest-add-button"
168
168
  color="secondary"
169
169
  aria-label=${this.addGuestLabel}