@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.
- package/dist/cdn/components/chunks/{chunk-SIHZFOTK.js → chunk-2XASWWKR.js} +1 -1
- package/dist/cdn/components/chunks/chunk-32DTNR52.js +1 -0
- package/dist/cdn/components/chunks/chunk-3MTUVMM5.js +1 -0
- package/dist/cdn/components/chunks/chunk-5GKM5DIB.js +1 -0
- package/dist/cdn/components/chunks/{chunk-GSJEJLFA.js → chunk-6ETDXUH2.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-EJIX2D4Z.js → chunk-AIS3UICU.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-BMQOI7HX.js → chunk-DKOPI7QA.js} +99 -55
- package/dist/cdn/components/chunks/{chunk-NHFWATVN.js → chunk-EAKYD33D.js} +3 -3
- package/dist/cdn/components/chunks/{chunk-EOWBYZV7.js → chunk-IDKZKLJR.js} +5 -5
- package/dist/cdn/components/chunks/chunk-JRGM3W7I.js +53 -0
- package/dist/cdn/components/chunks/{chunk-UAGCQF23.js → chunk-L65WUTXM.js} +5 -5
- package/dist/cdn/components/chunks/chunk-LFCXUVDO.js +1 -0
- package/dist/cdn/components/chunks/{chunk-YGUJJ25C.js → chunk-MPQP4R54.js} +2 -2
- package/dist/cdn/components/chunks/{chunk-RJCJXB7Y.js → chunk-NBIENHLV.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-4MXL6PZC.js → chunk-OW7XKDCH.js} +13 -13
- package/dist/cdn/components/chunks/{chunk-IJ5WFMK4.js → chunk-SD2WHGPF.js} +7 -6
- package/dist/cdn/components/chunks/chunk-SJWRE6PW.js +1 -0
- package/dist/cdn/components/eun-animate.js +5 -3
- package/dist/cdn/components/eun-badge.js +7 -7
- package/dist/cdn/components/eun-breadcrumb-item.js +1 -1
- package/dist/cdn/components/eun-breadcrumb.js +1 -1
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-calendar.js +13 -13
- package/dist/cdn/components/eun-card.js +42 -3
- package/dist/cdn/components/eun-carousel.js +2 -2
- package/dist/cdn/components/eun-check-card.js +1 -1
- package/dist/cdn/components/eun-checkbox-list.js +1 -1
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +1 -1
- package/dist/cdn/components/eun-collapse.js +39 -20
- package/dist/cdn/components/eun-color-picker.js +3 -3
- package/dist/cdn/components/eun-counter.js +8 -8
- package/dist/cdn/components/eun-date-picker.js +19 -19
- package/dist/cdn/components/eun-drawer.js +9 -9
- package/dist/cdn/components/eun-dropdown-button.js +1 -1
- package/dist/cdn/components/eun-fab.js +6 -6
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-image-card.js +1 -1
- package/dist/cdn/components/eun-image-carousel.js +3 -3
- package/dist/cdn/components/eun-input-file.js +1 -1
- package/dist/cdn/components/eun-input-phone.js +18 -18
- package/dist/cdn/components/eun-input.js +1 -1
- package/dist/cdn/components/eun-link.js +116 -18
- package/dist/cdn/components/eun-modal.js +15 -15
- package/dist/cdn/components/eun-radio-card.js +1 -1
- package/dist/cdn/components/eun-radio-list.js +1 -1
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-scheduler-event-editor.js +7 -7
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +18 -18
- package/dist/cdn/components/eun-search.js +15 -15
- package/dist/cdn/components/eun-select.js +2 -2
- package/dist/cdn/components/eun-slider.js +1 -1
- package/dist/cdn/components/eun-sliding-card.js +1 -1
- package/dist/cdn/components/eun-switch.js +1 -1
- package/dist/cdn/components/eun-tab-group.js +1 -1
- package/dist/cdn/components/eun-tab.js +1 -1
- package/dist/cdn/components/eun-table-action-bar.js +1 -1
- package/dist/cdn/components/eun-table.js +1 -1
- package/dist/cdn/components/eun-textarea.js +2 -2
- package/dist/cdn/components/eun-time-picker.js +11 -11
- package/dist/cdn/components/eun-toggle-group.js +30 -22
- package/dist/cdn/components/eun-toggle-item.js +10 -8
- package/dist/cdn/components/eun-toggle.js +1 -1
- package/dist/cdn/components/eun-toolbar.js +1 -1
- package/dist/components/action/button/button.d.ts +44 -17
- package/dist/components/action/button/button.js +100 -22
- package/dist/components/action/button/button.styles.js +77 -39
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +8 -8
- package/dist/components/action/dropdown-button/dropdown-button.js +7 -7
- package/dist/components/action/fab/fab.d.ts +7 -6
- package/dist/components/action/fab/fab.js +11 -8
- package/dist/components/action/fab/fab.styles.js +4 -4
- package/dist/components/action/link/link.d.ts +65 -6
- package/dist/components/action/link/link.js +176 -20
- package/dist/components/action/link/link.styles.js +86 -1
- package/dist/components/action/shared-styles/button-palette.styles.d.ts +3 -3
- package/dist/components/action/shared-styles/button-palette.styles.js +14 -14
- package/dist/components/action/toggle/toggle-group.d.ts +15 -5
- package/dist/components/action/toggle/toggle-group.js +42 -17
- package/dist/components/action/toggle/toggle-group.styles.d.ts +2 -1
- package/dist/components/action/toggle/toggle-group.styles.js +15 -7
- package/dist/components/action/toggle/toggle-item.d.ts +4 -4
- package/dist/components/action/toggle/toggle-item.js +2 -2
- package/dist/components/action/toggle/toggle-item.styles.js +8 -6
- package/dist/components/alert/drawer/drawer.js +1 -1
- package/dist/components/alert/modal/modal.d.ts +8 -8
- package/dist/components/alert/modal/modal.js +11 -11
- package/dist/components/content/badge/badge.d.ts +6 -6
- package/dist/components/content/badge/badge.js +4 -4
- package/dist/components/content/badge/badge.styles.js +4 -4
- package/dist/components/content/card/card.d.ts +32 -4
- package/dist/components/content/card/card.js +64 -4
- package/dist/components/content/card/card.styles.js +33 -1
- package/dist/components/content/card/image-card.d.ts +2 -1
- package/dist/components/content/card/image-card.js +1 -0
- package/dist/components/content/card/sliding-card.d.ts +2 -1
- package/dist/components/content/card/sliding-card.js +1 -0
- package/dist/components/content/collapse/collapse.d.ts +29 -11
- package/dist/components/content/collapse/collapse.js +53 -23
- package/dist/components/content/collapse/collapse.styles.js +13 -0
- package/dist/components/content/icon/icon.d.ts +12 -2
- package/dist/components/content/icon/icon.js +52 -22
- package/dist/components/content/icon/icon.style.d.ts +2 -0
- package/dist/components/content/icon/icon.style.js +4 -1
- package/dist/components/content/shared-styles/card-link.styles.js +1 -0
- package/dist/components/form/color-picker/color-picker.d.ts +3 -3
- package/dist/components/form/color-picker/color-picker.js +4 -4
- package/dist/components/form/counter/counter.d.ts +3 -3
- package/dist/components/form/counter/counter.js +3 -3
- package/dist/components/form/counter/counter.styles.js +5 -5
- package/dist/components/form/date-picker/date-picker.d.ts +3 -3
- package/dist/components/form/date-picker/date-picker.js +3 -3
- package/dist/components/form/date-picker/date-picker.styles.js +5 -5
- package/dist/components/form/input/input.d.ts +3 -3
- package/dist/components/form/input/input.js +4 -4
- package/dist/components/form/input-phone/input-phone.d.ts +3 -3
- package/dist/components/form/input-phone/input-phone.js +3 -3
- package/dist/components/form/input-phone/input-phone.styles.js +12 -12
- package/dist/components/form/search/search.styles.js +3 -3
- package/dist/components/form/select/select.d.ts +3 -3
- package/dist/components/form/select/select.js +3 -3
- package/dist/components/form/shared-styles/field.styles.js +5 -5
- package/dist/components/form/textarea/textarea.d.ts +3 -3
- package/dist/components/form/textarea/textarea.js +4 -4
- package/dist/components/form/time-picker/time-picker.d.ts +3 -3
- package/dist/components/form/time-picker/time-picker.js +3 -3
- package/dist/components/form/time-picker/time-picker.styles.js +5 -5
- package/dist/components/layout/animate/animate.d.ts +8 -0
- package/dist/components/layout/animate/animate.js +20 -8
- package/dist/features/scheduler/calendar/calendar.d.ts +6 -6
- package/dist/features/scheduler/calendar/calendar.js +9 -9
- package/dist/features/scheduler/scheduler/scheduler.d.ts +6 -6
- package/dist/features/scheduler/scheduler/scheduler.js +13 -13
- package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +10 -8
- package/dist/features/scheduler/scheduler-event/scheduler-event.js +7 -7
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +6 -6
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +5 -5
- package/dist/features/scheduler/shared/scheduler-event-popover.js +2 -2
- package/dist/features/scheduler/shared/scheduler-hour-grid.d.ts +2 -2
- package/dist/features/scheduler/shared/scheduler-hour-grid.js +3 -3
- package/dist/features/scheduler/shared/scheduler-month-view.d.ts +3 -3
- package/dist/features/scheduler/shared/scheduler-month-view.js +2 -2
- package/dist/features/table/table/table.types.d.ts +7 -3
- package/dist/features/table/table-action-bar/table-action-bar.js +3 -3
- package/dist/features/table/table-managed/table-managed.js +2 -2
- package/dist/i18n/en.d.ts +3 -0
- package/dist/i18n/en.js +3 -0
- package/dist/i18n/fr.js +3 -0
- package/dist/index.d.ts +3 -3
- package/dist/jsx.d.ts +1 -1
- package/dist/mixins/button.mixin.d.ts +10 -9
- package/dist/mixins/button.mixin.js +14 -6
- package/dist/mixins/card-link.mixin.d.ts +3 -2
- package/dist/mixins/card-link.mixin.js +12 -5
- package/dist/mixins/disabled.mixin.d.ts +3 -3
- package/dist/mixins/disabled.mixin.js +10 -5
- package/dist/mixins/field-appearance.mixin.d.ts +19 -0
- package/dist/mixins/{field-variant.mixin.js → field-appearance.mixin.js} +11 -11
- package/dist/ssr/animate-ssr.css +26 -72
- package/dist/ssr/links-ssr.css +35 -0
- package/dist/ssr/overlay-ssr.css +0 -41
- package/dist/ssr/rich-text.css +38 -0
- package/dist/ssr/sidebar-ssr.css +0 -38
- package/dist/ssr/toolbar-ssr.css +73 -39
- package/dist/types/variant.type.d.ts +26 -10
- package/dist/utils/navigation.utils.d.ts +14 -0
- package/dist/utils/navigation.utils.js +33 -0
- package/dist/utils/new-tab-anchor.controller.d.ts +44 -0
- package/dist/utils/new-tab-anchor.controller.js +102 -0
- package/dist/utils/severity-icon.utils.d.ts +1 -1
- package/dist/utils/severity-icon.utils.js +1 -1
- package/dist/utils/theme-generator.utils.d.ts +3 -1
- package/dist/utils/theme-generator.utils.js +3 -1
- package/package.json +8 -2
- package/dist/cdn/components/chunks/chunk-2JLDJFYD.js +0 -48
- package/dist/cdn/components/chunks/chunk-ATH2OAMU.js +0 -1
- package/dist/cdn/components/chunks/chunk-BKHD4S57.js +0 -1
- package/dist/cdn/components/chunks/chunk-T7WABJEJ.js +0 -1
- package/dist/cdn/components/chunks/chunk-XSMCT4DF.js +0 -1
- 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-
|
|
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-
|
|
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
|
|
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([
|
|
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([
|
|
71
|
+
:host([appearance="ghost"]) #chip {
|
|
72
72
|
background: transparent;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
:host([
|
|
76
|
-
:host([
|
|
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
|
|
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,"
|
|
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
|
|
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
|
-
--
|
|
11
|
-
|
|
12
|
-
var(--eun-
|
|
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
|
-
--
|
|
45
|
+
--_defaultPadding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
|
|
49
46
|
--_lineHeight: 10px;
|
|
50
|
-
--
|
|
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
|
-
--
|
|
51
|
+
--_defaultPadding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
|
|
55
52
|
--_lineHeight: 10px;
|
|
56
|
-
--
|
|
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
|
-
--
|
|
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
|
-
--
|
|
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
|
-
--
|
|
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
|
-
`,
|
|
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([
|
|
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
|
-
[
|
|
238
|
-
[
|
|
239
|
-
[
|
|
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
|
-
[
|
|
246
|
-
[
|
|
247
|
-
[
|
|
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"][
|
|
254
|
-
:host([appearance="fill"][
|
|
255
|
-
:host([appearance="fill"][
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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
|
-
`,
|
|
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?
|
|
373
|
+
${!t||this.ariaLabel?v:r`<span class="sr-only"> (${a})</span>`}
|
|
331
374
|
</span>
|
|
332
|
-
|
|
375
|
+
`}renderContent(){let t=_(this.icon,this.severity),a=r`
|
|
333
376
|
<slot name="start">
|
|
334
|
-
${
|
|
377
|
+
${t?r`<eun-icon
|
|
335
378
|
class="auto-icon"
|
|
336
|
-
name=${
|
|
379
|
+
name=${t}
|
|
337
380
|
size="16"
|
|
338
|
-
></eun-icon>`:
|
|
381
|
+
></eun-icon>`:v}
|
|
339
382
|
</slot>
|
|
340
|
-
<slot></slot>
|
|
383
|
+
<slot @slotchange=${this.handleDefaultSlotChange}></slot>
|
|
341
384
|
${this.renderEndContent()}
|
|
342
|
-
`;return this.loading?
|
|
343
|
-
<span id="content-hidden" aria-hidden="true">${
|
|
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
|
-
`:
|
|
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=${
|
|
354
|
-
target=${
|
|
355
|
-
rel=${
|
|
356
|
-
download=${
|
|
357
|
-
aria-label=${
|
|
358
|
-
aria-disabled=${
|
|
359
|
-
aria-busy=${
|
|
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
|
-
${
|
|
405
|
+
${t}
|
|
363
406
|
</a>
|
|
364
|
-
`}return
|
|
407
|
+
`}return r`
|
|
365
408
|
<div
|
|
366
409
|
id="button"
|
|
367
|
-
|
|
410
|
+
class=${e(this.slottedAnchor?"slotted-link":void 0)}
|
|
411
|
+
aria-busy=${e(this.loading?"true":void 0)}
|
|
368
412
|
>
|
|
369
|
-
${
|
|
413
|
+
${t}
|
|
370
414
|
</div>
|
|
371
|
-
`}};
|
|
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-
|
|
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",
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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=
|
|
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([
|
|
99
|
+
:host([appearance="flat"]) {
|
|
100
100
|
--_background: var(--field-background, var(--eun-content-hover, #edeff0));
|
|
101
101
|
}
|
|
102
|
-
:host([
|
|
102
|
+
:host([appearance="flat"]) #field:not(:hover) {
|
|
103
103
|
border-color: transparent;
|
|
104
104
|
}
|
|
105
|
-
:host([
|
|
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([
|
|
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([
|
|
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
|
-
|
|
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,"
|
|
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-
|
|
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(
|