@eunomia/elements 1.0.0-beta.4 → 1.0.0-beta.5

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 (181) hide show
  1. package/dist/cdn/components/chunks/{chunk-SIHZFOTK.js → chunk-2XASWWKR.js} +1 -1
  2. package/dist/cdn/components/chunks/chunk-32DTNR52.js +1 -0
  3. package/dist/cdn/components/chunks/chunk-3MTUVMM5.js +1 -0
  4. package/dist/cdn/components/chunks/chunk-5GKM5DIB.js +1 -0
  5. package/dist/cdn/components/chunks/{chunk-GSJEJLFA.js → chunk-6ETDXUH2.js} +1 -1
  6. package/dist/cdn/components/chunks/{chunk-EJIX2D4Z.js → chunk-AIS3UICU.js} +7 -7
  7. package/dist/cdn/components/chunks/{chunk-BMQOI7HX.js → chunk-DKOPI7QA.js} +99 -55
  8. package/dist/cdn/components/chunks/{chunk-NHFWATVN.js → chunk-EAKYD33D.js} +3 -3
  9. package/dist/cdn/components/chunks/{chunk-EOWBYZV7.js → chunk-IDKZKLJR.js} +5 -5
  10. package/dist/cdn/components/chunks/chunk-JRGM3W7I.js +53 -0
  11. package/dist/cdn/components/chunks/{chunk-UAGCQF23.js → chunk-L65WUTXM.js} +5 -5
  12. package/dist/cdn/components/chunks/chunk-LFCXUVDO.js +1 -0
  13. package/dist/cdn/components/chunks/{chunk-YGUJJ25C.js → chunk-MPQP4R54.js} +2 -2
  14. package/dist/cdn/components/chunks/{chunk-RJCJXB7Y.js → chunk-NBIENHLV.js} +1 -1
  15. package/dist/cdn/components/chunks/{chunk-4MXL6PZC.js → chunk-OW7XKDCH.js} +13 -13
  16. package/dist/cdn/components/chunks/{chunk-IJ5WFMK4.js → chunk-SD2WHGPF.js} +7 -6
  17. package/dist/cdn/components/chunks/chunk-SJWRE6PW.js +1 -0
  18. package/dist/cdn/components/eun-animate.js +5 -3
  19. package/dist/cdn/components/eun-badge.js +7 -7
  20. package/dist/cdn/components/eun-breadcrumb-item.js +1 -1
  21. package/dist/cdn/components/eun-breadcrumb.js +1 -1
  22. package/dist/cdn/components/eun-button.js +1 -1
  23. package/dist/cdn/components/eun-calendar.js +13 -13
  24. package/dist/cdn/components/eun-card.js +42 -3
  25. package/dist/cdn/components/eun-carousel.js +2 -2
  26. package/dist/cdn/components/eun-check-card.js +1 -1
  27. package/dist/cdn/components/eun-checkbox-list.js +1 -1
  28. package/dist/cdn/components/eun-checkbox.js +1 -1
  29. package/dist/cdn/components/eun-chip.js +1 -1
  30. package/dist/cdn/components/eun-collapse.js +39 -20
  31. package/dist/cdn/components/eun-color-picker.js +3 -3
  32. package/dist/cdn/components/eun-counter.js +8 -8
  33. package/dist/cdn/components/eun-date-picker.js +19 -19
  34. package/dist/cdn/components/eun-drawer.js +9 -9
  35. package/dist/cdn/components/eun-dropdown-button.js +1 -1
  36. package/dist/cdn/components/eun-fab.js +6 -6
  37. package/dist/cdn/components/eun-icon.js +1 -1
  38. package/dist/cdn/components/eun-image-card.js +1 -1
  39. package/dist/cdn/components/eun-image-carousel.js +3 -3
  40. package/dist/cdn/components/eun-input-file.js +1 -1
  41. package/dist/cdn/components/eun-input-phone.js +18 -18
  42. package/dist/cdn/components/eun-input.js +1 -1
  43. package/dist/cdn/components/eun-link.js +116 -18
  44. package/dist/cdn/components/eun-modal.js +15 -15
  45. package/dist/cdn/components/eun-radio-card.js +1 -1
  46. package/dist/cdn/components/eun-radio-list.js +1 -1
  47. package/dist/cdn/components/eun-radio.js +1 -1
  48. package/dist/cdn/components/eun-scheduler-event-editor.js +7 -7
  49. package/dist/cdn/components/eun-scheduler-event.js +1 -1
  50. package/dist/cdn/components/eun-scheduler.js +18 -18
  51. package/dist/cdn/components/eun-search.js +15 -15
  52. package/dist/cdn/components/eun-select.js +2 -2
  53. package/dist/cdn/components/eun-slider.js +1 -1
  54. package/dist/cdn/components/eun-sliding-card.js +1 -1
  55. package/dist/cdn/components/eun-switch.js +1 -1
  56. package/dist/cdn/components/eun-tab-group.js +1 -1
  57. package/dist/cdn/components/eun-tab.js +1 -1
  58. package/dist/cdn/components/eun-table-action-bar.js +1 -1
  59. package/dist/cdn/components/eun-table.js +1 -1
  60. package/dist/cdn/components/eun-textarea.js +2 -2
  61. package/dist/cdn/components/eun-time-picker.js +11 -11
  62. package/dist/cdn/components/eun-toggle-group.js +30 -22
  63. package/dist/cdn/components/eun-toggle-item.js +10 -8
  64. package/dist/cdn/components/eun-toggle.js +1 -1
  65. package/dist/cdn/components/eun-toolbar.js +1 -1
  66. package/dist/components/action/button/button.d.ts +44 -17
  67. package/dist/components/action/button/button.js +100 -22
  68. package/dist/components/action/button/button.styles.js +77 -39
  69. package/dist/components/action/dropdown-button/dropdown-button.d.ts +8 -8
  70. package/dist/components/action/dropdown-button/dropdown-button.js +7 -7
  71. package/dist/components/action/fab/fab.d.ts +7 -6
  72. package/dist/components/action/fab/fab.js +11 -8
  73. package/dist/components/action/fab/fab.styles.js +4 -4
  74. package/dist/components/action/link/link.d.ts +65 -6
  75. package/dist/components/action/link/link.js +176 -20
  76. package/dist/components/action/link/link.styles.js +86 -1
  77. package/dist/components/action/shared-styles/button-palette.styles.d.ts +3 -3
  78. package/dist/components/action/shared-styles/button-palette.styles.js +14 -14
  79. package/dist/components/action/toggle/toggle-group.d.ts +15 -5
  80. package/dist/components/action/toggle/toggle-group.js +42 -17
  81. package/dist/components/action/toggle/toggle-group.styles.d.ts +2 -1
  82. package/dist/components/action/toggle/toggle-group.styles.js +15 -7
  83. package/dist/components/action/toggle/toggle-item.d.ts +4 -4
  84. package/dist/components/action/toggle/toggle-item.js +2 -2
  85. package/dist/components/action/toggle/toggle-item.styles.js +8 -6
  86. package/dist/components/alert/drawer/drawer.js +1 -1
  87. package/dist/components/alert/modal/modal.d.ts +8 -8
  88. package/dist/components/alert/modal/modal.js +11 -11
  89. package/dist/components/content/badge/badge.d.ts +6 -6
  90. package/dist/components/content/badge/badge.js +4 -4
  91. package/dist/components/content/badge/badge.styles.js +4 -4
  92. package/dist/components/content/card/card.d.ts +32 -4
  93. package/dist/components/content/card/card.js +64 -4
  94. package/dist/components/content/card/card.styles.js +33 -1
  95. package/dist/components/content/card/image-card.d.ts +2 -1
  96. package/dist/components/content/card/image-card.js +1 -0
  97. package/dist/components/content/card/sliding-card.d.ts +2 -1
  98. package/dist/components/content/card/sliding-card.js +1 -0
  99. package/dist/components/content/collapse/collapse.d.ts +29 -11
  100. package/dist/components/content/collapse/collapse.js +53 -23
  101. package/dist/components/content/collapse/collapse.styles.js +13 -0
  102. package/dist/components/content/icon/icon.d.ts +12 -2
  103. package/dist/components/content/icon/icon.js +52 -22
  104. package/dist/components/content/icon/icon.style.d.ts +2 -0
  105. package/dist/components/content/icon/icon.style.js +4 -1
  106. package/dist/components/content/shared-styles/card-link.styles.js +1 -0
  107. package/dist/components/form/color-picker/color-picker.d.ts +3 -3
  108. package/dist/components/form/color-picker/color-picker.js +4 -4
  109. package/dist/components/form/counter/counter.d.ts +3 -3
  110. package/dist/components/form/counter/counter.js +3 -3
  111. package/dist/components/form/counter/counter.styles.js +5 -5
  112. package/dist/components/form/date-picker/date-picker.d.ts +3 -3
  113. package/dist/components/form/date-picker/date-picker.js +3 -3
  114. package/dist/components/form/date-picker/date-picker.styles.js +5 -5
  115. package/dist/components/form/input/input.d.ts +3 -3
  116. package/dist/components/form/input/input.js +4 -4
  117. package/dist/components/form/input-phone/input-phone.d.ts +3 -3
  118. package/dist/components/form/input-phone/input-phone.js +3 -3
  119. package/dist/components/form/input-phone/input-phone.styles.js +12 -12
  120. package/dist/components/form/search/search.styles.js +3 -3
  121. package/dist/components/form/select/select.d.ts +3 -3
  122. package/dist/components/form/select/select.js +3 -3
  123. package/dist/components/form/shared-styles/field.styles.js +5 -5
  124. package/dist/components/form/textarea/textarea.d.ts +3 -3
  125. package/dist/components/form/textarea/textarea.js +4 -4
  126. package/dist/components/form/time-picker/time-picker.d.ts +3 -3
  127. package/dist/components/form/time-picker/time-picker.js +3 -3
  128. package/dist/components/form/time-picker/time-picker.styles.js +5 -5
  129. package/dist/components/layout/animate/animate.d.ts +8 -0
  130. package/dist/components/layout/animate/animate.js +20 -8
  131. package/dist/features/scheduler/calendar/calendar.d.ts +6 -6
  132. package/dist/features/scheduler/calendar/calendar.js +9 -9
  133. package/dist/features/scheduler/scheduler/scheduler.d.ts +6 -6
  134. package/dist/features/scheduler/scheduler/scheduler.js +13 -13
  135. package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +10 -8
  136. package/dist/features/scheduler/scheduler-event/scheduler-event.js +7 -7
  137. package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +6 -6
  138. package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +5 -5
  139. package/dist/features/scheduler/shared/scheduler-event-popover.js +2 -2
  140. package/dist/features/scheduler/shared/scheduler-hour-grid.d.ts +2 -2
  141. package/dist/features/scheduler/shared/scheduler-hour-grid.js +3 -3
  142. package/dist/features/scheduler/shared/scheduler-month-view.d.ts +3 -3
  143. package/dist/features/scheduler/shared/scheduler-month-view.js +2 -2
  144. package/dist/features/table/table/table.types.d.ts +7 -3
  145. package/dist/features/table/table-action-bar/table-action-bar.js +3 -3
  146. package/dist/features/table/table-managed/table-managed.js +2 -2
  147. package/dist/i18n/en.d.ts +3 -0
  148. package/dist/i18n/en.js +3 -0
  149. package/dist/i18n/fr.js +3 -0
  150. package/dist/index.d.ts +3 -3
  151. package/dist/jsx.d.ts +1 -1
  152. package/dist/mixins/button.mixin.d.ts +10 -9
  153. package/dist/mixins/button.mixin.js +14 -6
  154. package/dist/mixins/card-link.mixin.d.ts +3 -2
  155. package/dist/mixins/card-link.mixin.js +12 -5
  156. package/dist/mixins/disabled.mixin.d.ts +3 -3
  157. package/dist/mixins/disabled.mixin.js +10 -5
  158. package/dist/mixins/field-appearance.mixin.d.ts +19 -0
  159. package/dist/mixins/{field-variant.mixin.js → field-appearance.mixin.js} +11 -11
  160. package/dist/ssr/animate-ssr.css +26 -72
  161. package/dist/ssr/links-ssr.css +35 -0
  162. package/dist/ssr/overlay-ssr.css +0 -41
  163. package/dist/ssr/rich-text.css +38 -0
  164. package/dist/ssr/sidebar-ssr.css +0 -38
  165. package/dist/ssr/toolbar-ssr.css +73 -39
  166. package/dist/types/variant.type.d.ts +26 -10
  167. package/dist/utils/navigation.utils.d.ts +14 -0
  168. package/dist/utils/navigation.utils.js +33 -0
  169. package/dist/utils/new-tab-anchor.controller.d.ts +44 -0
  170. package/dist/utils/new-tab-anchor.controller.js +102 -0
  171. package/dist/utils/severity-icon.utils.d.ts +1 -1
  172. package/dist/utils/severity-icon.utils.js +1 -1
  173. package/dist/utils/theme-generator.utils.d.ts +3 -1
  174. package/dist/utils/theme-generator.utils.js +3 -1
  175. package/package.json +8 -2
  176. package/dist/cdn/components/chunks/chunk-2JLDJFYD.js +0 -48
  177. package/dist/cdn/components/chunks/chunk-ATH2OAMU.js +0 -1
  178. package/dist/cdn/components/chunks/chunk-BKHD4S57.js +0 -1
  179. package/dist/cdn/components/chunks/chunk-T7WABJEJ.js +0 -1
  180. package/dist/cdn/components/chunks/chunk-XSMCT4DF.js +0 -1
  181. package/dist/mixins/field-variant.mixin.d.ts +0 -22
@@ -1,4 +1,4 @@
1
- import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"./chunk-OAULRKHQ.js";import{a as d}from"./chunk-T7WABJEJ.js";import{a as o,f as n,g as c,h as a,n as i,p as l,s}from"./chunk-XH6NREVZ.js";var p=c`
1
+ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"./chunk-OAULRKHQ.js";import{a as d}from"./chunk-32DTNR52.js";import{a as o,f as n,g as c,h as a,n as i,p as l,s}from"./chunk-XH6NREVZ.js";var p=c`
2
2
  :host {
3
3
  --_boxSize: var(--checkbox-size, 16px);
4
4
  --_boxBorder: var(
@@ -0,0 +1 @@
1
+ import{a as i,h as r}from"./chunk-XH6NREVZ.js";var l=s=>{class e extends s{constructor(){super(...arguments);this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.setAttribute("tabindex",this.disabled?"-1":"0"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}return i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e};export{l as a};
@@ -0,0 +1 @@
1
+ var n="eun-new-tab-hint",r=class{constructor(t,e,i){this.host=t;this.getAnchor=e;this.getHint=i;t.addController(this)}#t;#e=new MutationObserver(t=>{let e=this.getAnchor();e&&t.some(i=>e.contains(i.target))&&this.host.requestUpdate()});get isBlank(){return this.getAnchor()?.target==="_blank"}hostConnected(){this.#e.observe(this.host,{subtree:!0,childList:!0,attributeFilter:["target"]})}hostDisconnected(){this.#e.disconnect()}hostUpdated(){let t=this.getAnchor();if(this.#t&&this.#t!==t&&this.#i(),!t)return;let e=!!t.querySelector(`.${n}`);if(!this.isBlank||e){this.#t===t&&this.#i();return}this.#t!==t&&t.hasAttribute("aria-description")||(t.setAttribute("aria-description",this.getHint()),this.#t=t)}#i(){this.#t?.removeAttribute("aria-description"),this.#t=void 0}};export{r as a};
@@ -0,0 +1 @@
1
+ var a=class e extends Event{static{this.eventName="eunnavigate"}constructor(t){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0}),this.href=t}};function l(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function u(e,t,n,i){if(!n||i&&i!=="_self"||!l(t))return;let r=new a(n);e.dispatchEvent(r),r.defaultPrevented&&t.preventDefault()}var o=new WeakSet;function c(e){if(o.has(e))return;let t=["aria-label","target","rel","download"].filter(n=>e.hasAttribute(n));!t.includes("target")&&e.target&&e.target!=="_self"&&t.push("target"),!t.includes("download")&&e.download&&t.push("download"),t.length&&(o.add(e),console.warn(`<${e.localName}>: ${t.join(", ")} ignored on the host, since the slotted <a> is the link. Move them onto the <a> itself.`,e))}export{u as a,c as b};
@@ -1,4 +1,4 @@
1
- import{a as b,c as p,d as f,e as i}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as u}from"./chunk-T7WABJEJ.js";import{a as o,f as d,g as s,h as a,n as l,s as c}from"./chunk-XH6NREVZ.js";var v=n=>{class r extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),!this.checked)){if(this.checked=!0,this.updateInternals(),this.checkValidity(this.checked),this.description){let k=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",k)}else this.removeAttribute("aria-description");this.dispatchEvent(new h(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return o([a({type:Boolean,reflect:!0})],r.prototype,"checked",2),o([a({type:Boolean,attribute:"default-checked"})],r.prototype,"defaultChecked",2),r};var x=s`
1
+ import{a as b,c as p,d as f,e as i}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as u}from"./chunk-32DTNR52.js";import{a as o,f as d,g as s,h as a,n as l,s as c}from"./chunk-XH6NREVZ.js";var v=n=>{class r extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),!this.checked)){if(this.checked=!0,this.updateInternals(),this.checkValidity(this.checked),this.description){let k=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",k)}else this.removeAttribute("aria-description");this.dispatchEvent(new h(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return o([a({type:Boolean,reflect:!0})],r.prototype,"checked",2),o([a({type:Boolean,attribute:"default-checked"})],r.prototype,"defaultChecked",2),r};var x=s`
2
2
  :host {
3
3
  --_borderColor: var(--radio-border-color, var(--eun-border-color, #dee0e7));
4
4
  --_background: var(--radio-background, transparent);
@@ -1,4 +1,4 @@
1
- import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as a,s}from"./chunk-XH6NREVZ.js";var u=i`
1
+ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as s,h as r,n as a,s as i}from"./chunk-XH6NREVZ.js";var u=s`
2
2
  :host {
3
3
  display: block;
4
4
  --_accent: var(--eun-color-blue-600, #0aa5a8);
@@ -60,7 +60,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
60
60
  outline 0.2s ease-out;
61
61
  }
62
62
 
63
- :host([variant="transparent"]) #chip {
63
+ :host([appearance="transparent"]) #chip {
64
64
  background: color-mix(
65
65
  in srgb,
66
66
  var(--_tintBase) var(--scheduler-event-transparent-tint, 22%),
@@ -68,12 +68,12 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
68
68
  );
69
69
  }
70
70
 
71
- :host([variant="ghost"]) #chip {
71
+ :host([appearance="ghost"]) #chip {
72
72
  background: transparent;
73
73
  }
74
74
 
75
- :host([variant="ghost"]) #chip:hover,
76
- :host([variant="ghost"]) #chip:hover {
75
+ :host([appearance="ghost"]) #chip:hover,
76
+ :host([appearance="ghost"]) #chip:hover {
77
77
  background: color-mix(
78
78
  in srgb,
79
79
  var(--_tintBase) var(--scheduler-event-transparent-tint, 22%),
@@ -145,7 +145,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
145
145
  font-size: 11px;
146
146
  line-height: 1.3;
147
147
  }
148
- `,c=u;var h="eun-scheduler-event",e=class extends s{constructor(){super(...arguments);this.label="";this.start=new Date;this.color="blue";this.variant="default";this.direction="column";this.hideTime=!1}updated(o){super.updated(o),o.has("color")&&(e.PRESET_COLORS.has(this.color)?(this.style.removeProperty("--_accent"),this.style.removeProperty("--_tintBase")):(this.style.setProperty("--_accent",this.color),this.style.setProperty("--_tintBase",this.color)))}render(){let o=l(this.start,this.locale),p=this.end?`${this.label}, ${o} \u2013 ${this.end.toLocaleTimeString(this.locale,{hour:"numeric",minute:"2-digit"})}`:`${this.label}, ${o}`;return a`
148
+ `,c=u;var h="eun-scheduler-event",e=class extends i{constructor(){super(...arguments);this.label="";this.start=new Date;this.color="blue";this.appearance="default";this.direction="column";this.hideTime=!1}updated(o){super.updated(o),o.has("color")&&(e.PRESET_COLORS.has(this.color)?(this.style.removeProperty("--_accent"),this.style.removeProperty("--_tintBase")):(this.style.setProperty("--_accent",this.color),this.style.setProperty("--_tintBase",this.color)))}render(){let o=l(this.start,this.locale),p=this.end?`${this.label}, ${o} \u2013 ${this.end.toLocaleTimeString(this.locale,{hour:"numeric",minute:"2-digit"})}`:`${this.label}, ${o}`;return a`
149
149
  <button type="button" id="chip" aria-label=${p}>
150
150
  <span class="bar" aria-hidden="true"></span>
151
151
  <span class="content">
@@ -153,4 +153,4 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
153
153
  ${this.hideTime?null:a`<span class="content-time">${o}</span>`}
154
154
  </span>
155
155
  </button>
156
- `}};e.styles=c,e.PRESET_COLORS=new Set(["red","purple","yellow","blue","green","pink"]),t([r()],e.prototype,"label",2),t([r({attribute:!1})],e.prototype,"start",2),t([r({attribute:!1})],e.prototype,"end",2),t([r({reflect:!0})],e.prototype,"color",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r({reflect:!0})],e.prototype,"direction",2),t([r()],e.prototype,"locale",2),t([r({type:Boolean,reflect:!0,attribute:"hide-time"})],e.prototype,"hideTime",2),e=t([n(h)],e);export{h as a,e as b};
156
+ `}};e.styles=c,e.PRESET_COLORS=new Set(["red","purple","yellow","blue","green","pink"]),t([r()],e.prototype,"label",2),t([r({attribute:!1})],e.prototype,"start",2),t([r({attribute:!1})],e.prototype,"end",2),t([r({reflect:!0})],e.prototype,"color",2),t([r({reflect:!0})],e.prototype,"appearance",2),t([r({reflect:!0})],e.prototype,"direction",2),t([r()],e.prototype,"locale",2),t([r({type:Boolean,reflect:!0,attribute:"hide-time"})],e.prototype,"hideTime",2),e=t([n(h)],e);export{h as a,e as b};
@@ -1,4 +1,4 @@
1
- import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-UP4M7TER.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a as b}from"./chunk-BKHD4S57.js";import{a as n,f as c,g as i,h as s,n as a,p as l,s as u}from"./chunk-XH6NREVZ.js";var x=i`
1
+ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk-32DTNR52.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as S}from"./chunk-SJWRE6PW.js";import{a as e}from"./chunk-5EVP7YNE.js";import{a as g,b as x}from"./chunk-5GKM5DIB.js";import{a as i,b as c,c as b,d as h,f as p,g as n,h as s,n as r,p as v,s as f}from"./chunk-XH6NREVZ.js";var $=n`
2
2
  :host {
3
3
  --_focusIndicator: var(--button-focus-outline, var(--_ring));
4
4
  --_hoverFromCustom: color-mix(in srgb, var(--button-background) 88%, black);
@@ -7,14 +7,11 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
7
7
  var(--button-background) 76%,
8
8
  black
9
9
  );
10
- --_borderRadius: var(
11
- --button-border-radius,
12
- var(--eun-border-radius-m, 8px)
13
- );
14
- --_padding: var(
15
- --button-padding,
16
- var(--eun-space-s, 8px) calc(var(--eun-space-l, 32px) / 2)
17
- );
10
+ --_defaultBorderRadius: var(--eun-border-radius-m, 8px);
11
+ --_defaultPadding: var(--eun-space-s, 8px)
12
+ calc(var(--eun-space-l, 32px) / 2);
13
+ --_borderRadius: var(--button-border-radius, var(--_defaultBorderRadius));
14
+ --_padding: var(--button-padding, var(--_defaultPadding));
18
15
  --_boxShadow: var(--button-shadow, none);
19
16
  --_boxShadow-hover: var(--button-shadow-hover, var(--_boxShadow));
20
17
  --_transition: var(--button-transition, 0.2s);
@@ -45,30 +42,32 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
45
42
  }
46
43
  :host([size="xs"]) {
47
44
  --_fontSize: var(--eun-font-size-xs, 10px);
48
- --_padding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
45
+ --_defaultPadding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
49
46
  --_lineHeight: 10px;
50
- --_borderRadius: var(--eun-border-radius-s, 999px);
47
+ --_defaultBorderRadius: var(--eun-border-radius-s, 999px);
51
48
  }
52
49
  :host([size="s"]) {
53
50
  --_fontSize: var(--eun-font-size-xs, 10px);
54
- --_padding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
51
+ --_defaultPadding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
55
52
  --_lineHeight: 10px;
56
- --_borderRadius: var(--eun-border-radius-s, 999px);
53
+ --_defaultBorderRadius: var(--eun-border-radius-s, 999px);
57
54
  }
58
55
  :host([size="l"]) {
59
56
  --_fontSize: var(--eun-font-size-m, 16px);
60
57
  --_gap: var(--eun-space-m, 16px);
61
- --_padding: calc(var(--eun-space-s, 8px) * 1.25) var(--eun-space-l, 32px);
58
+ --_defaultPadding: calc(var(--eun-space-s, 8px) * 1.25)
59
+ var(--eun-space-l, 32px);
62
60
  --_lineHeight: 1.1rem;
63
61
  }
64
62
  :host([size="xl"]) {
65
63
  --_fontSize: var(--eun-font-size-l, 1.3rem);
66
64
  --_gap: var(--eun-space-m, 16px);
67
- --_padding: calc(var(--eun-space-s, 8px) * 1.5) var(--eun-space-l, 32px);
65
+ --_defaultPadding: calc(var(--eun-space-s, 8px) * 1.5)
66
+ var(--eun-space-l, 32px);
68
67
  --_lineHeight: 1.3rem;
69
68
  }
70
69
  :host([rounded]) {
71
- --_borderRadius: var(--eun-border-radius-xl, 999px);
70
+ --_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
72
71
  }
73
72
  slot::slotted(*) {
74
73
  color: var(--_textColor);
@@ -149,7 +148,53 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
149
148
  white-space: nowrap;
150
149
  border: 0;
151
150
  }
152
- `,m=i`
151
+ `,A=n`
152
+ #button.slotted-link {
153
+ position: relative;
154
+ }
155
+ ::slotted(a) {
156
+ color: inherit;
157
+ text-decoration: none;
158
+ outline: none !important;
159
+ }
160
+ ::slotted(a)::after {
161
+ content: "";
162
+ position: absolute;
163
+ inset: calc(-1 * var(--_borderSize));
164
+ border-radius: var(--_borderRadius);
165
+ outline: 2px solid transparent;
166
+ transition: outline ease-out var(--_transition);
167
+ }
168
+ ::slotted(a:focus-visible)::after {
169
+ outline-offset: 2px;
170
+ outline-color: var(--_focusIndicator);
171
+ }
172
+ :host(:focus-within) #button.slotted-link {
173
+ box-shadow: var(--_boxShadow-hover);
174
+ border-color: var(
175
+ --button-border-color-hover,
176
+ var(--button-border-color, var(--_bd))
177
+ );
178
+ }
179
+ :host(:not([disabled]):focus-within) #button.slotted-link {
180
+ background: var(
181
+ --button-background-hover,
182
+ var(--_hoverFromCustom, var(--_bg-hover))
183
+ );
184
+ }
185
+ :host([slide]:focus-within) #button.slotted-link {
186
+ grid-template-columns: auto 1fr auto;
187
+ }
188
+ :host([slide]:focus-within) #button.slotted-link slot:not([name]) {
189
+ margin-left: var(--_gap);
190
+ opacity: 1;
191
+ }
192
+ :host([disabled]) ::slotted(a),
193
+ :host([loading]) ::slotted(a) {
194
+ pointer-events: none;
195
+ cursor: inherit;
196
+ }
197
+ `,L=n`
153
198
  :host([appearance="fill"]),
154
199
  :host(:not([appearance])) {
155
200
  --_bg: var(--_solid);
@@ -179,7 +224,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
179
224
  --_fg: var(--_accent);
180
225
  --_bd: transparent;
181
226
  }
182
- :host([appearance="ghost"]:not([variant])) {
227
+ :host([appearance="ghost"]:not([color])) {
183
228
  --_accent: var(--eun-text-secondary, #484e61);
184
229
  --_wash-hover: var(--eun-content-hover, #edeff0);
185
230
  --_wash-active: var(--eun-disabled-color, #ecedf0);
@@ -210,7 +255,6 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
210
255
  --_bd: transparent;
211
256
  }
212
257
 
213
- /* States : a custom background wins, derived when only the rest one is set. */
214
258
  :host(:not([disabled])) #button:is(:hover, :focus-visible),
215
259
  :host(:not([disabled]):focus-visible) #button {
216
260
  background: var(
@@ -231,31 +275,30 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
231
275
  );
232
276
  }
233
277
 
234
- /* A solid semantic button darkens instead of switching color. */
235
278
  :host(
236
279
  [appearance="fill"]:is(
237
- [variant="critical"],
238
- [variant="success"],
239
- [variant="warning"]
280
+ [color="critical"],
281
+ [color="success"],
282
+ [color="warning"]
240
283
  ):not([disabled]):is(:hover, :focus-visible)
241
284
  )
242
285
  #button,
243
286
  :host(
244
287
  [appearance="fill"]:is(
245
- [variant="critical"],
246
- [variant="success"],
247
- [variant="warning"]
288
+ [color="critical"],
289
+ [color="success"],
290
+ [color="warning"]
248
291
  ):not([disabled])
249
292
  )
250
293
  #button:is(:hover, :focus-visible) {
251
294
  filter: brightness(0.9);
252
295
  }
253
- :host([appearance="fill"][variant="critical"]:not([disabled])) #button:active,
254
- :host([appearance="fill"][variant="success"]:not([disabled])) #button:active,
255
- :host([appearance="fill"][variant="warning"]:not([disabled])) #button:active {
296
+ :host([appearance="fill"][color="critical"]:not([disabled])) #button:active,
297
+ :host([appearance="fill"][color="success"]:not([disabled])) #button:active,
298
+ :host([appearance="fill"][color="warning"]:not([disabled])) #button:active {
256
299
  filter: brightness(0.8);
257
300
  }
258
- `,w=i`
301
+ `,T=n`
259
302
  :host([disabled]) {
260
303
  --_bg: var(--eun-disabled-color, #ecedf0);
261
304
  --_bg-hover: var(--eun-disabled-color, #ecedf0);
@@ -273,7 +316,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
273
316
  border-color: var(--_bd);
274
317
  pointer-events: none;
275
318
  }
276
- `,y=i`
319
+ `,H=n`
277
320
  :host([slide]) {
278
321
  width: auto;
279
322
  }
@@ -307,7 +350,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
307
350
  margin-left: var(--_gap);
308
351
  opacity: 1;
309
352
  }
310
- `,k=i`
353
+ `,R=n`
311
354
  :host([full]) {
312
355
  display: flex;
313
356
  width: 100%;
@@ -315,7 +358,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
315
358
  :host([full]) #button {
316
359
  justify-content: center;
317
360
  }
318
- `,S=i`
361
+ `,I=n`
319
362
  @supports (width: if(style(--a: b): 1px; else: 2px)) {
320
363
  :host {
321
364
  width: if(style(--button-full: true): 100%; else: fit-content);
@@ -324,48 +367,49 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
324
367
  justify-content: if(style(--button-full: true): center; else: normal);
325
368
  }
326
369
  }
327
- `,g=[h,x,m,w,y,S,k];var z="eun-button",t=class extends v(f(_(u))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1}updated(e){if(super.updated(e),e.has("href")||e.has("disabled")||e.has("loading")){let r=this.disabled||this.loading;this.href&&!r?this.removeAttribute("tabindex"):this.setAttribute("tabindex",r?"-1":"0")}}renderEndContent(){return this.href&&this.target==="_blank"?a`
370
+ `,C=[w,$,L,T,H,A,I,R];var M="eun-button",l,u,o=class extends m(y(k(S(f)))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1;b(this,l);b(this,u,new z(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()}}updated(t){super.updated(t);let a=this.slottedAnchor;if(a){this.removeAttribute("tabindex"),this.syncSlottedAnchor(a),x(this);return}if(t.has("href")||t.has("disabled")||t.has("loading")){let d=this.disabled||this.loading;this.href&&!d?this.removeAttribute("tabindex"):this.setAttribute("tabindex",d?"-1":"0")}}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}syncSlottedAnchor(t){this.disabled||this.loading?(t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1"),h(this,l,t)):c(this,l)===t&&(t.removeAttribute("aria-disabled"),t.removeAttribute("tabindex"),h(this,l,void 0))}renderEndContent(){let t=!!this.href&&this.target==="_blank",a=this.dictionary.link.opensInNewTab;return!t&&!c(this,u).isBlank?r`<slot name="end"></slot>`:r`
328
371
  <span id="external-link-icon">
329
372
  <eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
330
- ${this.ariaLabel?l:a`<span class="sr-only"> (opens in a new tab)</span>`}
373
+ ${!t||this.ariaLabel?v:r`<span class="sr-only"> (${a})</span>`}
331
374
  </span>
332
- `:a`<slot name="end"></slot>`}renderContent(){let e=p(this.icon,this.severity),r=a`
375
+ `}renderContent(){let t=_(this.icon,this.severity),a=r`
333
376
  <slot name="start">
334
- ${e?a`<eun-icon
377
+ ${t?r`<eun-icon
335
378
  class="auto-icon"
336
- name=${e}
379
+ name=${t}
337
380
  size="16"
338
- ></eun-icon>`:l}
381
+ ></eun-icon>`:v}
339
382
  </slot>
340
- <slot></slot>
383
+ <slot @slotchange=${this.handleDefaultSlotChange}></slot>
341
384
  ${this.renderEndContent()}
342
- `;return this.loading?a`
343
- <span id="content-hidden" aria-hidden="true">${r}</span>
385
+ `;return this.loading?r`
386
+ <span id="content-hidden" aria-hidden="true">${a}</span>
344
387
  <span id="loader-overlay">
345
388
  <eun-loader label=${this.loadingLabel}></eun-loader>
346
389
  <span class="sr-only" role="status" aria-live="polite"
347
390
  >${this.loadingLabel}</span
348
391
  >
349
392
  </span>
350
- `:r}handleLinkClick(e){this.download||b(this,e,this.href,this.target)}render(){let e=this.renderContent(),r=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return a`
393
+ `:a}handleLinkClick(t){this.download||g(this,t,this.href,this.target)}render(){let t=this.renderContent(),a=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return r`
351
394
  <a
352
395
  id="button"
353
- href=${o(r?void 0:this.href)}
354
- target=${o(this.target)}
355
- rel=${o(d?"noopener noreferrer":void 0)}
356
- download=${o(this.download)}
357
- aria-label=${o(d&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
358
- aria-disabled=${o(this.disabled?"true":void 0)}
359
- aria-busy=${o(this.loading?"true":void 0)}
396
+ href=${e(a?void 0:this.href)}
397
+ target=${e(this.target)}
398
+ rel=${e(d?"noopener noreferrer":void 0)}
399
+ download=${e(this.download)}
400
+ aria-label=${e(d&&this.ariaLabel?`${this.ariaLabel} (${this.dictionary.link.opensInNewTab})`:this.ariaLabel??void 0)}
401
+ aria-disabled=${e(this.disabled?"true":void 0)}
402
+ aria-busy=${e(this.loading?"true":void 0)}
360
403
  @click=${this.handleLinkClick}
361
404
  >
362
- ${e}
405
+ ${t}
363
406
  </a>
364
- `}return a`
407
+ `}return r`
365
408
  <div
366
409
  id="button"
367
- aria-busy=${o(this.loading?"true":void 0)}
410
+ class=${e(this.slottedAnchor?"slotted-link":void 0)}
411
+ aria-busy=${e(this.loading?"true":void 0)}
368
412
  >
369
- ${e}
413
+ ${t}
370
414
  </div>
371
- `}};t.styles=g,n([s({attribute:"loading-label"})],t.prototype,"loadingLabel",2),n([s()],t.prototype,"icon",2),n([s({reflect:!0})],t.prototype,"severity",2),n([s({reflect:!0})],t.prototype,"appearance",2),n([s({type:Boolean,reflect:!0})],t.prototype,"full",2),t=n([c(z)],t);export{z as a,t as b};
415
+ `}};l=new WeakMap,u=new WeakMap,o.styles=C,i([s({attribute:"loading-label"})],o.prototype,"loadingLabel",2),i([s()],o.prototype,"icon",2),i([s({reflect:!0})],o.prototype,"severity",2),i([s({reflect:!0})],o.prototype,"appearance",2),i([s({type:Boolean,reflect:!0})],o.prototype,"full",2),o=i([p(M)],o);export{M as a,o as b};
@@ -1,4 +1,4 @@
1
- import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-UAGCQF23.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-XSMCT4DF.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
1
+ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-LFCXUVDO.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-32DTNR52.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
2
2
  .has-trailing-action #field {
3
3
  padding-inline-end: calc(
4
4
  calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
@@ -8,7 +8,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-UAGCQF23.js";
8
8
  appearance: none;
9
9
  display: none;
10
10
  }
11
- `,S=[V,C];var P="eun-input",F=v($(g)),R=T(M(w(L(x(F))))),e=class extends R{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
11
+ `,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(w(L(x(A))))),e=class extends F{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
12
12
  <div
13
13
  id="readonly-display"
14
14
  role="button"
@@ -83,7 +83,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-UAGCQF23.js";
83
83
  <eun-button
84
84
  class="confirm"
85
85
  size="s"
86
- variant="primary"
86
+ color="primary"
87
87
  appearance="default"
88
88
  rounded
89
89
  type="button"
@@ -1,4 +1,4 @@
1
- import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a,f as u,g as p,h as i,n,p as c,s as m}from"./chunk-XH6NREVZ.js";var r=class d extends Event{static{this.eventName="euntableaction"}constructor(b,e){super(d.eventName,{bubbles:!0,composed:!1}),this.key=b,this.optionKey=e}};var h=p`
1
+ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a,f as u,g as p,h as i,n,p as c,s as m}from"./chunk-XH6NREVZ.js";var r=class d extends Event{static{this.eventName="euntableaction"}constructor(b,e){super(d.eventName,{bubbles:!0,composed:!1}),this.key=b,this.optionKey=e}};var v=p`
2
2
  :host {
3
3
  position: fixed;
4
4
  bottom: var(--table-action-bar-offset-bottom, var(--eun-space-l, 32px));
@@ -112,11 +112,11 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
112
112
  animation: none;
113
113
  }
114
114
  }
115
- `,v=h;var x="eun-table-action-bar",t=class extends m{constructor(){super(...arguments);this.selectedCount=0;this.totalCount=0;this.actions=[];this.toolbarAriaLabel="Selection actions";this.selectedLabel="selected";this.selectAllLabel="Select all";this.deselectAllLabel="Deselect all";this.closeAriaLabel="Clear selection";this.handleSelectAllClick=()=>{this.onSelectAll?.()};this.handleCloseClick=()=>{this.onClose?.()}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","region")}updated(e){super.updated(e),e.has("toolbarAriaLabel")&&this.setAttribute("aria-label",this.toolbarAriaLabel)}get allSelected(){return this.totalCount>0&&this.selectedCount===this.totalCount}handleActionClick(e){e.disabled||this.dispatchEvent(new r(e.key))}handleActionSelect(e,l){this.dispatchEvent(new r(e.key,l.key))}renderAction(e){let l=e.variant==="critical";return e.dropdown?n`
115
+ `,h=v;var x="eun-table-action-bar",t=class extends m{constructor(){super(...arguments);this.selectedCount=0;this.totalCount=0;this.actions=[];this.toolbarAriaLabel="Selection actions";this.selectedLabel="selected";this.selectAllLabel="Select all";this.deselectAllLabel="Deselect all";this.closeAriaLabel="Clear selection";this.handleSelectAllClick=()=>{this.onSelectAll?.()};this.handleCloseClick=()=>{this.onClose?.()}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","region")}updated(e){super.updated(e),e.has("toolbarAriaLabel")&&this.setAttribute("aria-label",this.toolbarAriaLabel)}get allSelected(){return this.totalCount>0&&this.selectedCount===this.totalCount}handleActionClick(e){e.disabled||this.dispatchEvent(new r(e.key))}handleActionSelect(e,l){this.dispatchEvent(new r(e.key,l.key))}renderAction(e){let l=e.color==="critical";return e.dropdown?n`
116
116
  <eun-dropdown-button
117
117
  label=${e.label}
118
118
  icon=${o(e.icon)}
119
- variant=${o(l?"critical":void 0)}
119
+ color=${o(l?"critical":void 0)}
120
120
  appearance=${l?"default":"flat"}
121
121
  .options=${e.dropdown}
122
122
  ?disabled=${e.disabled}
@@ -131,7 +131,7 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
131
131
  >
132
132
  `:n`
133
133
  <eun-button
134
- variant=${o(l?"critical":void 0)}
134
+ color=${o(l?"critical":void 0)}
135
135
  label=${e.label}
136
136
  appearance=${l?"default":"flat"}
137
137
  ?disabled=${e.disabled}
@@ -177,4 +177,4 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
177
177
  </eun-button>
178
178
  </div>
179
179
  </div>
180
- `}};t.styles=v,a([i({type:Number,attribute:"selected-count"})],t.prototype,"selectedCount",2),a([i({type:Number,attribute:"total-count"})],t.prototype,"totalCount",2),a([i({attribute:!1})],t.prototype,"actions",2),a([i({attribute:"toolbar-aria-label"})],t.prototype,"toolbarAriaLabel",2),a([i({attribute:"selected-label"})],t.prototype,"selectedLabel",2),a([i({attribute:"select-all-label"})],t.prototype,"selectAllLabel",2),a([i({attribute:"deselect-all-label"})],t.prototype,"deselectAllLabel",2),a([i({attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",2),t=a([u(x)],t);export{r as a,x as b,t as c};
180
+ `}};t.styles=h,a([i({type:Number,attribute:"selected-count"})],t.prototype,"selectedCount",2),a([i({type:Number,attribute:"total-count"})],t.prototype,"totalCount",2),a([i({attribute:!1})],t.prototype,"actions",2),a([i({attribute:"toolbar-aria-label"})],t.prototype,"toolbarAriaLabel",2),a([i({attribute:"selected-label"})],t.prototype,"selectedLabel",2),a([i({attribute:"select-all-label"})],t.prototype,"selectAllLabel",2),a([i({attribute:"deselect-all-label"})],t.prototype,"deselectAllLabel",2),a([i({attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",2),t=a([u(x)],t);export{r as a,x as b,t as c};
@@ -0,0 +1,53 @@
1
+ import{a as M}from"./chunk-MMLIPCOY.js";import{a as $,b as m,c as _}from"./chunk-SGM2X2TC.js";import{a as u,b as h,c as x,d as T,f as b,g as w,h as f,i as E,n as I,o as S,p,s as k}from"./chunk-XH6NREVZ.js";var a=class extends _{constructor(t){if(super(t),this.it=p,t.type!==$.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===p||t==null)return this._t=void 0,this.it=t;if(t===S)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};a.directiveName="unsafeHTML",a.resultType=1;var F=m(a);var l=class extends a{};l.directiveName="unsafeSVG",l.resultType=2;var N=m(l);var z=w`
2
+ :host {
3
+ display: flex;
4
+ --_size: var(--icon-size, 1rem);
5
+ --_color: var(--icon-color, currentColor);
6
+ --_background: var(--icon-background, transparent);
7
+ }
8
+ span {
9
+ box-sizing: content-box;
10
+ width: var(--_size);
11
+ height: var(--_size);
12
+ padding: var(--icon-padding, 0);
13
+ fill: var(--_color);
14
+ color: var(--_color);
15
+ background-color: var(--_background);
16
+ border-radius: var(--icon-border-radius, var(--eun-border-radius-m, 8px));
17
+ text-decoration: none;
18
+ white-space: normal;
19
+ display: inline-block;
20
+ user-select: none;
21
+ transition: var(--icon-transition, 0.2s);
22
+ }
23
+ svg {
24
+ width: 100%;
25
+ height: 100%;
26
+ display: block;
27
+ }
28
+ svg path {
29
+ stroke-width: 0;
30
+ }
31
+
32
+ @media (prefers-reduced-motion: reduce) {
33
+ span {
34
+ transition: none;
35
+ }
36
+ }
37
+ `;var C="eun-icon",L=new RegExp("_(outline|round|sharp)$"),D=import.meta.url,v,y=new Set,g=new Map;function Z(d){v=d.endsWith("/")?d.slice(0,-1):d,y.forEach(t=>t.reload())}var c,s=class extends k{constructor(){super(...arguments);x(this,c)}set size(e){let r=h(this,c);T(this,c,e),this.requestUpdate("size",r)}get cssSize(){let e=h(this,c);if(e)return/%$/.test(e)?`${parseFloat(e)/100}rem`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e}get size(){return h(this,c)}connectedCallback(){super.connectedCallback(),y.add(this)}disconnectedCallback(){super.disconnectedCallback(),y.delete(this)}reload(){this.updateSvg(this.name)}updated(e){(e.has("name")||e.has("shape"))&&this.updateSvg(this.name)}updateSvg(e){if(!e)return;this.name=e;let r=this.getTargetIconFolder(e),n=this.stripShapeSuffix(e),o=r==="default"?n:`${n}_${r}`;this.fetchIconSvg(r,o).then(i=>{this.svgMarkup=i}).catch(()=>{r!=="default"&&this.fetchIconSvg("default",n).then(i=>{this.svgMarkup=i}).catch(()=>{})})}async fetchIconSvg(e,r){let n;if(v)n=`${v}/${e}/${r}.svg`;else{let i=new URL(D);if(i.protocol==="file:")throw new Error("eun-icon can't locate its icons: the bundler rewrote import.meta.url to a file: URL. Serve the icons folder and call setIconBaseUrl().");let U=i.pathname.slice(0,i.pathname.lastIndexOf("/"));i.pathname=`${U}/icons/${e}/${r}.svg`,n=i.href}let o=g.get(n);return o||(o=fetch(n).then(i=>{if(!i.ok)throw new Error(`Icon not found: ${n}`);return i.text()}),g.set(n,o),o.catch(()=>g.delete(n))),o}getTargetIconFolder(e){if(this.shape)return this.shape;let r=this.extractKeywordFromIconName(e);return r||"default"}extractKeywordFromIconName(e){let r=e.match(L);if(r)return r[1]}stripShapeSuffix(e){return e.replace(L,"")}render(){return this.name?I`<span
38
+ part="wrapper"
39
+ aria-hidden="true"
40
+ style=${M({"--_size":this.cssSize})}
41
+ >
42
+ ${this.svgMarkup?N(this.svgMarkup):p}
43
+ </span>`:p}};c=new WeakMap,s.styles=[z],u([f()],s.prototype,"name",2),u([f()],s.prototype,"shape",2),u([E()],s.prototype,"svgMarkup",2),u([f({attribute:"size"})],s.prototype,"size",1),s=u([b(C)],s);export{C as a,Z as b,s as c};
44
+ /*! Bundled license information:
45
+
46
+ lit-html/directives/unsafe-html.js:
47
+ lit-html/directives/unsafe-svg.js:
48
+ (**
49
+ * @license
50
+ * Copyright 2017 Google LLC
51
+ * SPDX-License-Identifier: BSD-3-Clause
52
+ *)
53
+ */
@@ -96,22 +96,22 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
96
96
  #field[aria-invalid="true"]:focus-visible {
97
97
  outline-color: var(--_errorColor);
98
98
  }
99
- :host([variant="fill"]) {
99
+ :host([appearance="flat"]) {
100
100
  --_background: var(--field-background, var(--eun-content-hover, #edeff0));
101
101
  }
102
- :host([variant="fill"]) #field:not(:hover) {
102
+ :host([appearance="flat"]) #field:not(:hover) {
103
103
  border-color: transparent;
104
104
  }
105
- :host([variant="fill"]) #field[aria-invalid="true"] {
105
+ :host([appearance="flat"]) #field[aria-invalid="true"] {
106
106
  box-shadow: inset 0 0 0 var(--eun-border-width-m, 1.5px) var(--_errorColor);
107
107
  }
108
- :host([variant="underline"]) #field {
108
+ :host([appearance="underline"]) #field {
109
109
  border: none;
110
110
  outline: none;
111
111
  border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
112
112
  border-radius: 0;
113
113
  }
114
- :host([variant="underline"]) #field:focus-visible {
114
+ :host([appearance="underline"]) #field:focus-visible {
115
115
  outline: none;
116
116
  }
117
117
  slot[name="icon"] {
@@ -0,0 +1 @@
1
+ import{a as r,h as a}from"./chunk-XH6NREVZ.js";var o=n=>{class e extends n{constructor(){super(...arguments);this.appearance="outline"}}return r([a({reflect:!0})],e.prototype,"appearance",2),e};export{o as a};
@@ -238,7 +238,7 @@ import{b as g,c as S,d as C,e as E,f as b}from"./chunk-CEDHJUUH.js";import{a as
238
238
  id="trigger"
239
239
  type="button"
240
240
  size=${this.size}
241
- variant=${f(this.variant)}
241
+ color=${f(this.color)}
242
242
  ?fixed-color=${this.fixedColor}
243
243
  appearance=${this.appearance}
244
244
  ?rounded=${this.rounded}
@@ -260,4 +260,4 @@ import{b as g,c as S,d as C,e as E,f as b}from"./chunk-CEDHJUUH.js";import{a as
260
260
  ${this.options.map(e=>this.renderOption(e))}
261
261
  <slot name="items"></slot>
262
262
  </ul>
263
- `}};s.styles=P,r([l()],s.prototype,"label",2),r([l()],s.prototype,"icon",2),r([l({reflect:!0})],s.prototype,"severity",2),r([l({type:Array,reflect:!0})],s.prototype,"options",2),r([l({type:Array,reflect:!0,attribute:"disabled-keys"})],s.prototype,"disabledKeys",2),r([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([l({reflect:!0})],s.prototype,"size",2),r([l({reflect:!0})],s.prototype,"variant",2),r([l({type:Boolean,reflect:!0,attribute:"fixed-color"})],s.prototype,"fixedColor",2),r([l({type:Boolean,reflect:!0})],s.prototype,"rounded",2),r([l({reflect:!0})],s.prototype,"appearance",2),r([l({reflect:!0})],s.prototype,"placement",2),r([l({type:Boolean,reflect:!0})],s.prototype,"open",2),r([k()],s.prototype,"openSubmenuKey",2),r([O({slot:"items"})],s.prototype,"itemsList",2),r([y("#trigger")],s.prototype,"triggerEl",2),r([y("#menu")],s.prototype,"menuEl",2),s=r([x(K)],s);export{K as a,s as b};
263
+ `}};s.styles=P,r([l()],s.prototype,"label",2),r([l()],s.prototype,"icon",2),r([l({reflect:!0})],s.prototype,"severity",2),r([l({type:Array,reflect:!0})],s.prototype,"options",2),r([l({type:Array,reflect:!0,attribute:"disabled-keys"})],s.prototype,"disabledKeys",2),r([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([l({reflect:!0})],s.prototype,"size",2),r([l({reflect:!0})],s.prototype,"color",2),r([l({type:Boolean,reflect:!0,attribute:"fixed-color"})],s.prototype,"fixedColor",2),r([l({type:Boolean,reflect:!0})],s.prototype,"rounded",2),r([l({reflect:!0})],s.prototype,"appearance",2),r([l({reflect:!0})],s.prototype,"placement",2),r([l({type:Boolean,reflect:!0})],s.prototype,"open",2),r([k()],s.prototype,"openSubmenuKey",2),r([O({slot:"items"})],s.prototype,"itemsList",2),r([y("#trigger")],s.prototype,"triggerEl",2),r([y("#menu")],s.prototype,"menuEl",2),s=r([x(K)],s);export{K as a,s as b};
@@ -1,4 +1,4 @@
1
- import{a as c}from"./chunk-T7WABJEJ.js";import{a as b}from"./chunk-VRGRCYIO.js";import{a,f as s,g as n,h as o,l as r,n as i,p as d,s as l}from"./chunk-XH6NREVZ.js";var v=n`
1
+ import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";import{a,f as s,g as n,h as o,l as r,n as i,p as d,s as l}from"./chunk-XH6NREVZ.js";var v=n`
2
2
  :host {
3
3
  --_textColor: var(--tab-text-color, var(--eun-text-color, #071621));
4
4
  --_textColor-hover: var(