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