@eunomia/elements 1.0.0-beta.2 → 1.0.0-beta.3
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-3LMI7KUA.js +48 -0
- package/dist/cdn/components/chunks/{chunk-74HHV4CX.js → chunk-53QH6MPM.js} +2 -2
- package/dist/cdn/components/chunks/{chunk-7WTSHE7M.js → chunk-EAGGN3ZI.js} +1 -1
- package/dist/cdn/components/chunks/chunk-GU6BVMFJ.js +1 -0
- package/dist/cdn/components/chunks/chunk-KNM5QHDK.js +38 -0
- package/dist/cdn/components/chunks/{chunk-AQQMW353.js → chunk-TBKKTJOX.js} +1 -1
- package/dist/cdn/components/chunks/chunk-YYCEPZUN.js +1 -0
- package/dist/cdn/components/chunks/{chunk-27Q2SLRY.js → chunk-Z6PJYSC3.js} +30 -11
- package/dist/cdn/components/eun-animate.js +178 -2
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-card.js +15 -7
- package/dist/cdn/components/eun-carousel.js +1 -1
- package/dist/cdn/components/eun-check-card.js +1 -1
- package/dist/cdn/components/eun-checkbox-list.js +2 -2
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +11 -14
- package/dist/cdn/components/eun-collapse.js +8 -15
- package/dist/cdn/components/eun-color-picker.js +19 -19
- package/dist/cdn/components/eun-counter.js +4 -4
- package/dist/cdn/components/eun-date-picker.js +2 -2
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-input-file.js +11 -11
- package/dist/cdn/components/eun-input-phone.js +3 -3
- package/dist/cdn/components/eun-input.js +1 -1
- package/dist/cdn/components/eun-radio-card.js +1 -1
- package/dist/cdn/components/eun-radio-list.js +3 -3
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-search.js +1 -1
- package/dist/cdn/components/eun-select.js +33 -12
- package/dist/cdn/components/eun-sidebar.js +1 -1
- package/dist/cdn/components/eun-slider.js +3 -3
- package/dist/cdn/components/eun-sliding-card.js +4 -8
- package/dist/cdn/components/eun-switch.js +1 -1
- package/dist/cdn/components/eun-table.js +1 -1
- package/dist/cdn/components/eun-tag.js +13 -9
- package/dist/cdn/components/eun-textarea.js +11 -11
- package/dist/cdn/components/eun-time-picker.js +2 -2
- package/dist/cdn/components/eun-toggle-group.js +2 -2
- package/dist/cdn/components/eun-toggle-item.js +1 -1
- package/dist/cdn/components/eun-toggle.js +2 -2
- package/dist/cdn/components/eun-toolbar.js +14 -12
- package/dist/cdn/components/eun-tooltip.js +2 -2
- package/dist/components/action/button/button.d.ts +5 -6
- package/dist/components/action/button/button.js +5 -6
- package/dist/components/action/button/button.styles.js +31 -9
- package/dist/components/action/toggle/toggle-group.js +1 -1
- package/dist/components/action/toggle/toggle-item.styles.js +1 -1
- package/dist/components/action/toggle/toggle.js +1 -1
- package/dist/components/content/card/card.d.ts +1 -1
- package/dist/components/content/card/card.js +1 -1
- package/dist/components/content/card/card.styles.js +13 -5
- package/dist/components/content/card/sliding-card.styles.js +0 -4
- package/dist/components/content/chip/chip.styles.js +6 -9
- package/dist/components/content/collapse/collapse.styles.js +0 -7
- package/dist/components/content/icon/icon.d.ts +48 -5
- package/dist/components/content/icon/icon.js +92 -20
- package/dist/components/content/tag/tag.styles.js +10 -6
- package/dist/components/content/tooltip/tooltip.styles.js +2 -2
- package/dist/components/form/checkbox/checkbox-list.js +1 -1
- package/dist/components/form/color-picker/color-picker.js +9 -7
- package/dist/components/form/counter/counter.js +3 -3
- package/dist/components/form/date-picker/date-picker.js +3 -3
- package/dist/components/form/input/input.js +2 -2
- package/dist/components/form/input-file/input-file.js +5 -5
- package/dist/components/form/input-phone/input-phone.js +3 -3
- package/dist/components/form/radio/radio-list.js +2 -2
- package/dist/components/form/select/select.d.ts +16 -0
- package/dist/components/form/select/select.js +28 -5
- package/dist/components/form/select/select.styles.js +11 -0
- package/dist/components/form/slider/slider.js +2 -2
- package/dist/components/form/textarea/textarea.js +4 -4
- package/dist/components/form/time-picker/time-picker.js +3 -3
- package/dist/components/layout/animate/animate.d.ts +40 -5
- package/dist/components/layout/animate/animate.js +30 -11
- package/dist/components/layout/animate/animate.styles.d.ts +1 -1
- package/dist/components/layout/animate/animate.styles.js +191 -1
- package/dist/components/navigation/carousel/carousel.styles.js +1 -1
- package/dist/components/navigation/toolbar/toolbar.d.ts +22 -0
- package/dist/components/navigation/toolbar/toolbar.js +28 -2
- package/dist/components/navigation/toolbar/toolbar.styles.js +4 -3
- package/dist/events/change.event.d.ts +13 -1
- package/dist/events/change.event.js +2 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/mixins/check.mixin.js +6 -2
- package/dist/mixins/form.mixin.d.ts +4 -0
- package/dist/mixins/form.mixin.js +78 -2
- package/dist/mixins/radio.mixin.js +6 -2
- package/dist/ssr/animate-ssr.css +149 -0
- package/dist/ssr/overlay-ssr.css +57 -0
- package/dist/ssr/sidebar-ssr.css +57 -0
- package/dist/ssr/toolbar-ssr.css +41 -0
- package/package.json +9 -3
- package/dist/cdn/components/chunks/chunk-2IQUMAMI.js +0 -38
- package/dist/cdn/components/chunks/chunk-7Q6AHVI5.js +0 -1
- package/dist/cdn/components/chunks/chunk-DENMN3WH.js +0 -48
- package/dist/cdn/components/chunks/chunk-ONYUXQV2.js +0 -1
- package/dist/components/layout/animate/animate-ssr.css +0 -64
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import{a as k,b as f,c as _}from"./chunk-SGM2X2TC.js";import{a as c,b as v,c as y,d as x,f as T,g as E,h,i as I,n as b,o as w,p as d,s as S}from"./chunk-XH6NREVZ.js";var o=class extends _{constructor(r){if(super(r),this.it=d,r.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===d||r==null)return this._t=void 0,this.it=r;if(r===w)return r;if(typeof r!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.it)return this._t;this.it=r;let e=[r];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};o.directiveName="unsafeHTML",o.resultType=1;var H=f(o);var l=class extends o{};l.directiveName="unsafeSVG",l.resultType=2;var $=f(l);var N=E`
|
|
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-borderRadius-m, 8px));
|
|
17
|
+
text-decoration: none;
|
|
18
|
+
display: inline-block;
|
|
19
|
+
user-select: none;
|
|
20
|
+
transition: 0.2s;
|
|
21
|
+
}
|
|
22
|
+
svg {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 100%;
|
|
25
|
+
display: block;
|
|
26
|
+
}
|
|
27
|
+
svg path {
|
|
28
|
+
stroke-width: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@media (prefers-reduced-motion: reduce) {
|
|
32
|
+
span {
|
|
33
|
+
transition: none;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
`;var U="eun-icon",M=new RegExp("_(outline|round|sharp)$"),C=import.meta.url,m,g=new Set;function q(a){m=a.endsWith("/")?a.slice(0,-1):a,g.forEach(r=>r.reload())}var p,i=class extends S{constructor(){super(...arguments);y(this,p)}set size(e){x(this,p,e);let t;e?/%$/.test(e)?t=`${parseFloat(e)/100}rem`:/^\d+(\.\d+)?$/.test(e)?t=`${e}px`:t=e:t="1rem",this.style.setProperty("--_size",t)}get size(){return v(this,p)}connectedCallback(){super.connectedCallback(),g.add(this)}disconnectedCallback(){super.disconnectedCallback(),g.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 t=this.getTargetIconFolder(e),s=this.stripShapeSuffix(e),u=t==="default"?s:`${s}_${t}`;this.fetchIconSvg(t,u).then(n=>{this.svgMarkup=n}).catch(()=>{t!=="default"&&this.fetchIconSvg("default",s).then(n=>{this.svgMarkup=n}).catch(()=>{})})}async fetchIconSvg(e,t){let s;if(m)s=`${m}/${e}/${t}.svg`;else{let n=new URL(C);if(n.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 L=n.pathname.slice(0,n.pathname.lastIndexOf("/"));n.pathname=`${L}/icons/${e}/${t}.svg`,s=n.href}let u=await fetch(s);if(!u.ok)throw new Error(`Icon not found: ${s}`);return u.text()}getTargetIconFolder(e){if(this.shape)return this.shape;let t=this.extractKeywordFromIconName(e);return t||"default"}extractKeywordFromIconName(e){let t=e.match(M);if(t)return t[1]}stripShapeSuffix(e){return e.replace(M,"")}render(){return this.name?b`<span part="wrapper" aria-hidden="true">
|
|
37
|
+
${this.svgMarkup?$(this.svgMarkup):d}
|
|
38
|
+
</span>`:d}};p=new WeakMap,i.styles=[N],c([h()],i.prototype,"name",2),c([h()],i.prototype,"shape",2),c([I()],i.prototype,"svgMarkup",2),c([h({hasChanged:()=>!1})],i.prototype,"size",1),i=c([T(U)],i);export{U as a,q as b,i as c};
|
|
39
|
+
/*! Bundled license information:
|
|
40
|
+
|
|
41
|
+
lit-html/directives/unsafe-html.js:
|
|
42
|
+
lit-html/directives/unsafe-svg.js:
|
|
43
|
+
(**
|
|
44
|
+
* @license
|
|
45
|
+
* Copyright 2017 Google LLC
|
|
46
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
+
*)
|
|
48
|
+
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-6UPI7GHJ.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-XSMCT4DF.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-
|
|
1
|
+
import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-6UPI7GHJ.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-XSMCT4DF.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-KNM5QHDK.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
|
|
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-6UPI7GHJ.js";
|
|
|
8
8
|
appearance: none;
|
|
9
9
|
display: none;
|
|
10
10
|
}
|
|
11
|
-
`,S=[V,C];var P="eun-input",F=v($(g)),R=T(M(w(L(x(F))))),e=class extends R{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h)}handleClear(){this.value="",this.dispatchEvent(new h),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
|
|
11
|
+
`,S=[V,C];var P="eun-input",F=v($(g)),R=T(M(w(L(x(F))))),e=class extends R{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
|
|
12
12
|
<div
|
|
13
13
|
id="readonly-display"
|
|
14
14
|
role="button"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as u}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-KNM5QHDK.js";import{a as s}from"./chunk-T7WABJEJ.js";import{a as o,f as n,g as c,h as a,n as i,p as l,s as d}from"./chunk-XH6NREVZ.js";var f=c`
|
|
2
2
|
:host {
|
|
3
3
|
--_boxSize: var(--checkbox-size, 16px);
|
|
4
4
|
--_boxBorder: var(
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as r}from"./chunk-YYCEPZUN.js";import{a as i,h as a}from"./chunk-XH6NREVZ.js";var l=s=>{class t extends s{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","checkbox"),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)),e.has("required")&&this.setAttribute("aria-required",String(this.required))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)){if(e.preventDefault(),this.checked=!this.checked,this.updateInternals(),this.checkValidity(this.checked),this.description){let d=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",d)}else this.removeAttribute("aria-description");this.dispatchEvent(new r(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return i([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([a({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),t};export{l as a};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import{a as m}from"./chunk-YYCEPZUN.js";import{a,g as h,h as n,i as o,n as d,p as g}from"./chunk-XH6NREVZ.js";var T=l=>{class i extends l{constructor(){super(...arguments);this.readonly=!1}updated(e){super.updated(e),e.has("readonly")&&this.setAttribute("aria-readonly",String(this.readonly))}}return a([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};function b(l,i,c){return l?i(l):c?.(l)}var B=l=>{class i extends l{constructor(...e){super(...e);this.hideError=!1;this.checkable=!1;this.checked=!1;this.dirty=!1;this.touched=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;get pristine(){return!this.dirty}get untouched(){return!this.touched}get defaultValue(){return this.internalDefaultValue}set defaultValue(e){let t=this.value==null||Array.isArray(this.value)&&this.value.length===0;e!=null&&(this.defaultValue==null||this.defaultValue==="")&&t&&(this.value=e),this.internalDefaultValue=e}get value(){return this.valueState}set value(e){this.valueState=e,this.setFormValue(e)}get description(){if(!this.hideError)return this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint}get form(){return this.internals.form}get type(){return this.localName}connectedCallback(){super.connectedCallback?.(),this.checkable&&this.checked&&this.setFormValue(this.value),this.checkable||this.defaultValue===void 0||this.defaultValue===""||(this.value=this.defaultValue),this.checkValidity(this.value),this.addEventListener(m.eventName,this.#e),this.addEventListener("focusout",this.#t)}disconnectedCallback(){this.removeEventListener(m.eventName,this.#e),this.removeEventListener("focusout",this.#t),super.disconnectedCallback?.()}willUpdate(e){if(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")){let t=this.checkable?this.checked:this.value;this.checkValidity(t)}super.willUpdate(e)}setFormValue(e){let t=new FormData;if(this.disabled||this.checkable&&!this.checked){this.internals.setFormValue(t);return}let s=this.name||this.getAttribute("name");if(!s){this.internals.setFormValue(t);return}Array.isArray(e)?e.forEach(r=>t.append(s,r instanceof File?r:String(r))):e!=null&&(e instanceof File?t.append(s,e):t.append(s,this.checkable&&!this.value?"on":String(e))),this.internals.setFormValue(t)}formResetCallback(){this.checkable?this.checked=!1:this.value=this.defaultValue,this.dirty=!1,this.touched=!1}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e&&e.length&&!(this.errorMessages&&this.errorMessages.length)&&!(this.validationMessage||this.validationMessage.length)?d`
|
|
2
|
+
<p id="description" class="hint-messages">
|
|
3
|
+
<span>${e}</span>
|
|
4
|
+
</p>
|
|
5
|
+
`:this.valid||this.hideError||this.disabled||!e?.length?g:d`
|
|
6
|
+
<p id="description" class="error-messages">
|
|
7
|
+
${b(Array.isArray(e),()=>e.map(s=>d`<span>${s}</span>`),()=>d`<span>${e}</span>`)}
|
|
8
|
+
</p>
|
|
9
|
+
`}}return a([n({reflect:!0})],i.prototype,"name",2),a([n()],i.prototype,"hint",2),a([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),a([o()],i.prototype,"valueState",2),a([o()],i.prototype,"dirty",2),a([o()],i.prototype,"touched",2),a([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),a([n()],i.prototype,"value",1),i};var z=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkLocalValidators(){return{validity:{}}}buildCommonValidators(){let{value:e}=this,t={},s,r=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&r&&(t.valueMissing=!0,s="Field value is missing"),{validity:t,message:s}}checkValidity(e){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),r={...t.validity,...s.validity},u=s.message||t.message;if(this.validators&&this.validators?.length){let f=this.validators.reduce((v,V)=>this.collectErrors(v,V,e),[]);this.errorMessages=f,f.length>0&&(r.customError=!0,u=f.join(" ; "))}else this.errorMessages=[];this.valid=!Object.values(r).some(Boolean);let p=this.getFocusAnchor?.();return this.valid||p||!this.getFocusAnchor?this.setValidity(r,u,p):this.updateComplete.then(()=>this.setValidity(r,u,p)),this.internals.checkValidity()}reportValidity(e){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let r=t["~standard"].validate(s);if(r instanceof Promise)throw new TypeError("Validation schemas must be synchronous");r.issues&&e.push(...r.issues.map(u=>u.message))}return"isValid"in t&&(typeof t.isValid=="function"?!t.isValid(s,this.getValidityData()):t.isValid===!1)&&e.push(t.message),"isInvalid"in t&&t.isInvalid({value:s})&&e.push(t.message),e}setValidity(e,t,s){let r=this.validationMessage;this.internals.setValidity(e,t,s),t!==r&&this.requestUpdate("valid")}getValidityData(){return{}}}return a([n({type:Array})],i.prototype,"validators",2),a([n({type:Boolean})],i.prototype,"required",2),a([o()],i.prototype,"valid",2),i};var k=h`
|
|
10
|
+
#description {
|
|
11
|
+
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
12
|
+
display: block;
|
|
13
|
+
margin-block-start: var(--eun-space-xs, 4px);
|
|
14
|
+
font-size: var(--eun-fontSize-xs, 12px);
|
|
15
|
+
margin-block: 0;
|
|
16
|
+
}
|
|
17
|
+
#description span {
|
|
18
|
+
display: block;
|
|
19
|
+
margin-top: var(--eun-space-xs, 4px);
|
|
20
|
+
}
|
|
21
|
+
`,M=h`
|
|
22
|
+
.error-messages {
|
|
23
|
+
color: var(--_errorColor);
|
|
24
|
+
}
|
|
25
|
+
`,E=h`
|
|
26
|
+
.hint-messages {
|
|
27
|
+
color: var(--_hintColor);
|
|
28
|
+
}
|
|
29
|
+
`,G={base:k,errorMessages:M,hintMessages:E};export{T as a,b,B as c,z as d,G as e};
|
|
30
|
+
/*! Bundled license information:
|
|
31
|
+
|
|
32
|
+
lit-html/directives/when.js:
|
|
33
|
+
(**
|
|
34
|
+
* @license
|
|
35
|
+
* Copyright 2021 Google LLC
|
|
36
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
+
*)
|
|
38
|
+
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as b,c as p,d as f,e as i}from"./chunk-
|
|
1
|
+
import{a as b,c as p,d as f,e as i}from"./chunk-KNM5QHDK.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as u}from"./chunk-T7WABJEJ.js";import{a as o,f as d,g as s,h as a,n as l,s as c}from"./chunk-XH6NREVZ.js";var v=n=>{class r extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),!this.checked)){if(this.checked=!0,this.updateInternals(),this.checkValidity(this.checked),this.description){let k=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",k)}else this.removeAttribute("aria-description");this.dispatchEvent(new h(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return o([a({type:Boolean,reflect:!0})],r.prototype,"checked",2),o([a({type:Boolean,attribute:"default-checked"})],r.prototype,"defaultChecked",2),r};var x=s`
|
|
2
2
|
:host {
|
|
3
3
|
--_borderColor: var(--radio-border-color, var(--eun-border-color, #dee0e7));
|
|
4
4
|
--_background: var(--radio-background, transparent);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=class t extends Event{static{this.eventName="eunchange"}constructor(n){super(t.eventName,{bubbles:!0,composed:!1}),this.value=n}};export{e as a};
|
|
@@ -115,22 +115,34 @@ import{a as b,b as p}from"./chunk-MBF52GEL.js";import{a as h}from"./chunk-T7WABJ
|
|
|
115
115
|
--_mainColor-outline: var(--eun-color-warning-100, #c85207);
|
|
116
116
|
}
|
|
117
117
|
:host([variant="light"]) {
|
|
118
|
-
--_mainColor: var(--eun-color-grey-
|
|
118
|
+
--_mainColor: var(--eun-color-grey-0, #ffffff);
|
|
119
119
|
--_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
|
|
120
120
|
--_mainColor-active: var(--eun-color-grey-300, #dee0e7);
|
|
121
|
-
--_mainColor-text: var(--eun-color-grey-
|
|
121
|
+
--_mainColor-text: var(--eun-color-grey-900, #000000);
|
|
122
122
|
--_mainColor-outline: var(--eun-color-grey-500, #8d93aa);
|
|
123
123
|
}
|
|
124
124
|
:host([variant="medium"]) {
|
|
125
|
-
--_mainColor:
|
|
126
|
-
|
|
127
|
-
|
|
125
|
+
--_mainColor: color-mix(
|
|
126
|
+
in srgb,
|
|
127
|
+
var(--eun-color-grey-700, #484e61) 20%,
|
|
128
|
+
transparent
|
|
129
|
+
);
|
|
130
|
+
--_mainColor-hover: color-mix(
|
|
131
|
+
in srgb,
|
|
132
|
+
var(--eun-color-grey-700, #484e61) 30%,
|
|
133
|
+
transparent
|
|
134
|
+
);
|
|
135
|
+
--_mainColor-active: color-mix(
|
|
136
|
+
in srgb,
|
|
137
|
+
var(--eun-color-grey-700, #484e61) 40%,
|
|
138
|
+
transparent
|
|
139
|
+
);
|
|
128
140
|
--_mainColor-text: var(--eun-color-grey-900, #000000);
|
|
129
|
-
--_mainColor-outline: var(--eun-color-grey-
|
|
141
|
+
--_mainColor-outline: var(--eun-color-grey-700, #484e61);
|
|
130
142
|
}
|
|
131
143
|
:host([variant="dark"]) {
|
|
132
144
|
--_mainColor: var(--eun-color-grey-800, #071621);
|
|
133
|
-
--_mainColor-hover: var(--eun-color-grey-
|
|
145
|
+
--_mainColor-hover: var(--eun-color-grey-900, #000000);
|
|
134
146
|
--_mainColor-active: var(--eun-color-grey-900, #000000);
|
|
135
147
|
--_mainColor-text: var(--eun-color-grey-0, #ffffff);
|
|
136
148
|
--_mainColor-outline: var(--eun-color-grey-800, #071621);
|
|
@@ -550,13 +562,20 @@ import{a as b,b as p}from"./chunk-MBF52GEL.js";import{a as h}from"./chunk-T7WABJ
|
|
|
550
562
|
:host([full]) {
|
|
551
563
|
display: flex;
|
|
552
564
|
width: 100%;
|
|
553
|
-
height: 100%;
|
|
554
565
|
}
|
|
555
566
|
:host([full]) #button {
|
|
556
|
-
height: 100%;
|
|
557
567
|
justify-content: center;
|
|
558
568
|
}
|
|
559
|
-
`,
|
|
569
|
+
`,R=a`
|
|
570
|
+
@supports (width: if(style(--a: b): 1px; else: 2px)) {
|
|
571
|
+
:host {
|
|
572
|
+
width: if(style(--button-full: true): 100%; else: auto);
|
|
573
|
+
}
|
|
574
|
+
#button {
|
|
575
|
+
justify-content: if(style(--button-full: true): center; else: normal);
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
`,m=[_,g,C,y,k,w,x,S,z,R,$];var L="eun-button",r=class extends b(p(h(u))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1}updated(o){if(super.updated(o),o.has("href")||o.has("disabled")||o.has("loading")){let t=this.disabled||this.loading;this.href&&!t?this.removeAttribute("tabindex"):this.setAttribute("tabindex",t?"-1":"0")}}renderEndContent(){return this.href&&this.target==="_blank"?e`
|
|
560
579
|
<span id="external-link-icon">
|
|
561
580
|
<eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
|
|
562
581
|
${this.ariaLabel?s:e`<span class="sr-only"> (opens in a new tab)</span>`}
|
|
@@ -600,4 +619,4 @@ import{a as b,b as p}from"./chunk-MBF52GEL.js";import{a as h}from"./chunk-T7WABJ
|
|
|
600
619
|
>
|
|
601
620
|
${o}
|
|
602
621
|
</div>
|
|
603
|
-
`}};r.styles=m,i([l({attribute:"loading-label"})],r.prototype,"loadingLabel",2),i([l()],r.prototype,"icon",2),i([l({reflect:!0})],r.prototype,"severity",2),i([l({reflect:!0})],r.prototype,"appearance",2),i([l({type:Boolean,reflect:!0})],r.prototype,"full",2),r=i([d(
|
|
622
|
+
`}};r.styles=m,i([l({attribute:"loading-label"})],r.prototype,"loadingLabel",2),i([l()],r.prototype,"icon",2),i([l({reflect:!0})],r.prototype,"severity",2),i([l({reflect:!0})],r.prototype,"appearance",2),i([l({type:Boolean,reflect:!0})],r.prototype,"full",2),r=i([d(L)],r);export{L as a,r as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as o,f as
|
|
1
|
+
import{a as o,f as n,g as i,h as r,n as e,s}from"./chunks/chunk-XH6NREVZ.js";var c=i`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
--_distance: var(--animate-distance, 80px);
|
|
@@ -92,4 +92,180 @@ import{a as o,f as e,g as s,h as a,n as i,s as n}from"./chunks/chunk-XH6NREVZ.js
|
|
|
92
92
|
transition-duration: 0.01ms;
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
-
`,
|
|
95
|
+
`,p=i`
|
|
96
|
+
@media (max-width: 768px) {
|
|
97
|
+
:host([tablet-animation="none"]) {
|
|
98
|
+
opacity: 1;
|
|
99
|
+
transform: none;
|
|
100
|
+
transition-property: none;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
:host([tablet-animation="fade"]) {
|
|
104
|
+
opacity: 0;
|
|
105
|
+
transition-property: opacity;
|
|
106
|
+
}
|
|
107
|
+
:host([tablet-animation="fade"][in-view]) {
|
|
108
|
+
opacity: 1;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
:host([tablet-animation="scroll-right"]) {
|
|
112
|
+
transform: translateX(calc(-1 * var(--_distance)));
|
|
113
|
+
transition-property: transform;
|
|
114
|
+
}
|
|
115
|
+
:host([tablet-animation="scroll-right"][in-view]) {
|
|
116
|
+
transform: translateX(0);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
:host([tablet-animation="scroll-left"]) {
|
|
120
|
+
transform: translateX(var(--_distance));
|
|
121
|
+
transition-property: transform;
|
|
122
|
+
}
|
|
123
|
+
:host([tablet-animation="scroll-left"][in-view]) {
|
|
124
|
+
transform: translateX(0);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
:host([tablet-animation="scroll-top"]) {
|
|
128
|
+
transform: translateY(var(--_distance));
|
|
129
|
+
transition-property: transform;
|
|
130
|
+
}
|
|
131
|
+
:host([tablet-animation="scroll-top"][in-view]) {
|
|
132
|
+
transform: translateY(0);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
:host([tablet-animation="scroll-bottom"]) {
|
|
136
|
+
transform: translateY(calc(-1 * var(--_distance)));
|
|
137
|
+
transition-property: transform;
|
|
138
|
+
}
|
|
139
|
+
:host([tablet-animation="scroll-bottom"][in-view]) {
|
|
140
|
+
transform: translateY(0);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
:host([tablet-animation="faded-scroll-right"]) {
|
|
144
|
+
opacity: 0;
|
|
145
|
+
transform: translateX(calc(-1 * var(--_distance)));
|
|
146
|
+
transition-property: opacity, transform;
|
|
147
|
+
}
|
|
148
|
+
:host([tablet-animation="faded-scroll-right"][in-view]) {
|
|
149
|
+
opacity: 1;
|
|
150
|
+
transform: translateX(0);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
:host([tablet-animation="faded-scroll-left"]) {
|
|
154
|
+
opacity: 0;
|
|
155
|
+
transform: translateX(var(--_distance));
|
|
156
|
+
transition-property: opacity, transform;
|
|
157
|
+
}
|
|
158
|
+
:host([tablet-animation="faded-scroll-left"][in-view]) {
|
|
159
|
+
opacity: 1;
|
|
160
|
+
transform: translateX(0);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
:host([tablet-animation="faded-scroll-top"]) {
|
|
164
|
+
opacity: 0;
|
|
165
|
+
transform: translateY(var(--_distance));
|
|
166
|
+
transition-property: opacity, transform;
|
|
167
|
+
}
|
|
168
|
+
:host([tablet-animation="faded-scroll-top"][in-view]) {
|
|
169
|
+
opacity: 1;
|
|
170
|
+
transform: translateY(0);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
:host([tablet-animation="faded-scroll-bottom"]) {
|
|
174
|
+
opacity: 0;
|
|
175
|
+
transform: translateY(calc(-1 * var(--_distance)));
|
|
176
|
+
transition-property: opacity, transform;
|
|
177
|
+
}
|
|
178
|
+
:host([tablet-animation="faded-scroll-bottom"][in-view]) {
|
|
179
|
+
opacity: 1;
|
|
180
|
+
transform: translateY(0);
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@media (max-width: 600px) {
|
|
185
|
+
:host([mobile-animation="none"]) {
|
|
186
|
+
opacity: 1;
|
|
187
|
+
transform: none;
|
|
188
|
+
transition-property: none;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
:host([mobile-animation="fade"]) {
|
|
192
|
+
opacity: 0;
|
|
193
|
+
transition-property: opacity;
|
|
194
|
+
}
|
|
195
|
+
:host([mobile-animation="fade"][in-view]) {
|
|
196
|
+
opacity: 1;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
:host([mobile-animation="scroll-right"]) {
|
|
200
|
+
transform: translateX(calc(-1 * var(--_distance)));
|
|
201
|
+
transition-property: transform;
|
|
202
|
+
}
|
|
203
|
+
:host([mobile-animation="scroll-right"][in-view]) {
|
|
204
|
+
transform: translateX(0);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
:host([mobile-animation="scroll-left"]) {
|
|
208
|
+
transform: translateX(var(--_distance));
|
|
209
|
+
transition-property: transform;
|
|
210
|
+
}
|
|
211
|
+
:host([mobile-animation="scroll-left"][in-view]) {
|
|
212
|
+
transform: translateX(0);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
:host([mobile-animation="scroll-top"]) {
|
|
216
|
+
transform: translateY(var(--_distance));
|
|
217
|
+
transition-property: transform;
|
|
218
|
+
}
|
|
219
|
+
:host([mobile-animation="scroll-top"][in-view]) {
|
|
220
|
+
transform: translateY(0);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
:host([mobile-animation="scroll-bottom"]) {
|
|
224
|
+
transform: translateY(calc(-1 * var(--_distance)));
|
|
225
|
+
transition-property: transform;
|
|
226
|
+
}
|
|
227
|
+
:host([mobile-animation="scroll-bottom"][in-view]) {
|
|
228
|
+
transform: translateY(0);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
:host([mobile-animation="faded-scroll-right"]) {
|
|
232
|
+
opacity: 0;
|
|
233
|
+
transform: translateX(calc(-1 * var(--_distance)));
|
|
234
|
+
transition-property: opacity, transform;
|
|
235
|
+
}
|
|
236
|
+
:host([mobile-animation="faded-scroll-right"][in-view]) {
|
|
237
|
+
opacity: 1;
|
|
238
|
+
transform: translateX(0);
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
:host([mobile-animation="faded-scroll-left"]) {
|
|
242
|
+
opacity: 0;
|
|
243
|
+
transform: translateX(var(--_distance));
|
|
244
|
+
transition-property: opacity, transform;
|
|
245
|
+
}
|
|
246
|
+
:host([mobile-animation="faded-scroll-left"][in-view]) {
|
|
247
|
+
opacity: 1;
|
|
248
|
+
transform: translateX(0);
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
:host([mobile-animation="faded-scroll-top"]) {
|
|
252
|
+
opacity: 0;
|
|
253
|
+
transform: translateY(var(--_distance));
|
|
254
|
+
transition-property: opacity, transform;
|
|
255
|
+
}
|
|
256
|
+
:host([mobile-animation="faded-scroll-top"][in-view]) {
|
|
257
|
+
opacity: 1;
|
|
258
|
+
transform: translateY(0);
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
:host([mobile-animation="faded-scroll-bottom"]) {
|
|
262
|
+
opacity: 0;
|
|
263
|
+
transform: translateY(calc(-1 * var(--_distance)));
|
|
264
|
+
transition-property: opacity, transform;
|
|
265
|
+
}
|
|
266
|
+
:host([mobile-animation="faded-scroll-bottom"][in-view]) {
|
|
267
|
+
opacity: 1;
|
|
268
|
+
transform: translateY(0);
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
`,l=[c,p];var f="eun-animate",m="in-view",t=class extends s{constructor(){super(...arguments);this.animation="fade";this.duration=600;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),a.has("duration")&&this.style.setProperty("--_duration",`${this.duration}ms`),a.has("delay")&&this.style.setProperty("--_delay",`${this.delay}ms`),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(m,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(m,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}render(){return e`<slot></slot>`}};t.styles=l,o([r({reflect:!0})],t.prototype,"animation",2),o([r({type:Number})],t.prototype,"duration",2),o([r({type:Number})],t.prototype,"delay",2),o([r({type:Boolean})],t.prototype,"once",2),o([r({type:Number})],t.prototype,"threshold",2),o([r({attribute:"root-margin"})],t.prototype,"rootMargin",2),o([r({attribute:"tablet-animation",reflect:!0})],t.prototype,"tabletAnimation",2),o([r({attribute:"mobile-animation",reflect:!0})],t.prototype,"mobileAnimation",2),t=o([n(f)],t);export{t as EunomiaAnimate,f as EunomiaAnimateTagName};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"./chunks/chunk-
|
|
1
|
+
import{a,b}from"./chunks/chunk-Z6PJYSC3.js";import"./chunks/chunk-MBF52GEL.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-BKHD4S57.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaButton,a as EunomiaButtonTagName};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD4S57.js";import"./chunks/chunk-5EVP7YNE.js";import{a,f as d,g as t,h as s,n as e,s as c}from"./chunks/chunk-XH6NREVZ.js";var p=t`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
position: relative;
|
|
@@ -66,15 +66,23 @@ import{a as c,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
|
|
|
66
66
|
--card-hover-background,
|
|
67
67
|
var(--card-background, var(--eun-surface-color, #ffffff))
|
|
68
68
|
);
|
|
69
|
-
border-color: var(
|
|
70
|
-
--card-hover-border-color,
|
|
71
|
-
var(--eun-color-primary-500, #3d6fff)
|
|
72
|
-
);
|
|
73
69
|
}
|
|
74
70
|
|
|
75
71
|
:host([appearance="fill"]) #card,
|
|
76
72
|
:host([appearance="raised"]) #card {
|
|
77
|
-
border:
|
|
73
|
+
border-color: transparent;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:host([appearance="fill"]) #card:hover,
|
|
77
|
+
:host([appearance="fill"]) #card:focus-visible,
|
|
78
|
+
:host([appearance="raised"]) #card:hover,
|
|
79
|
+
:host([appearance="raised"]) #card:focus-visible,
|
|
80
|
+
#card:hover,
|
|
81
|
+
#card:focus-visible {
|
|
82
|
+
border-color: var(
|
|
83
|
+
--card-hover-border-color,
|
|
84
|
+
var(--eun-color-primary-500, #3d6fff)
|
|
85
|
+
);
|
|
78
86
|
}
|
|
79
87
|
|
|
80
88
|
:host([appearance="fill"]) #card {
|
|
@@ -113,4 +121,4 @@ import{a as c,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
|
|
|
113
121
|
transition: none;
|
|
114
122
|
}
|
|
115
123
|
}
|
|
116
|
-
`,l=p;var f="eun-card",r=class extends c
|
|
124
|
+
`,l=p;var f="eun-card",r=class extends n(c){constructor(){super(...arguments);this.appearance="default"}render(){let o=e`<slot></slot>${this.renderExternalLinkBadge()}`;return this.href?this.renderCardLink("card",o):e`<div id="card" part="card">${o}</div>`}};r.styles=[l,i],a([s({reflect:!0})],r.prototype,"appearance",2),r=a([d(f)],r);export{r as EunomiaCard,f as EunomiaCardTagName};
|
|
@@ -19,7 +19,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
|
|
|
19
19
|
|
|
20
20
|
#carousel-header {
|
|
21
21
|
display: flex;
|
|
22
|
-
align-items: var(--carousel-header-align,
|
|
22
|
+
align-items: var(--carousel-header-align, flex-end);
|
|
23
23
|
justify-content: space-between;
|
|
24
24
|
gap: var(--carousel-header-gap, var(--eun-space-m, 16px));
|
|
25
25
|
margin-bottom: var(--eun-space-m, 16px);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as u}from"./chunks/chunk-5GF2Q3NR.js";import{b as s}from"./chunks/chunk-
|
|
1
|
+
import{a as u}from"./chunks/chunk-5GF2Q3NR.js";import{b as s}from"./chunks/chunk-EAGGN3ZI.js";import"./chunks/chunk-GU6BVMFJ.js";import{e as o}from"./chunks/chunk-KNM5QHDK.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as l}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as e,f as c,g as d,h as n,l as i,n as a,p as t}from"./chunks/chunk-XH6NREVZ.js";var v=d`
|
|
2
2
|
:host {
|
|
3
3
|
--_borderWidth: var(--check-card-border-width, 1px);
|
|
4
4
|
--_borderColor: var(
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as g}from"./chunks/chunk-BQHYZB2W.js";import{a as b}from"./chunks/chunk-GW3VP2L7.js";import{a as f,c as m,d as v,e as o}from"./chunks/chunk-
|
|
1
|
+
import{a as g}from"./chunks/chunk-BQHYZB2W.js";import{a as b}from"./chunks/chunk-GW3VP2L7.js";import{a as f,c as m,d as v,e as o}from"./chunks/chunk-KNM5QHDK.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as p}from"./chunks/chunk-T7WABJEJ.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as i,f as l,g as r,h as n,j as d,n as h,s as a}from"./chunks/chunk-XH6NREVZ.js";var x=r`
|
|
2
2
|
:host {
|
|
3
3
|
--_container-gap: var(--checkbox-list-gap, var(--eun-space-s, 8px));
|
|
4
4
|
--_options-gap: var(--checkbox-list-options-gap, var(--eun-space-s, 8px));
|
|
@@ -7,7 +7,7 @@ import{a as g}from"./chunks/chunk-BQHYZB2W.js";import{a as b}from"./chunks/chunk
|
|
|
7
7
|
var(--eun-color-critical-100, #aa0014)
|
|
8
8
|
);
|
|
9
9
|
}
|
|
10
|
-
`,E=x;var k="eun-checkbox-list",y="eun-checkbox",C="eun-check-card",M=p(v(a)),s=class extends b(f(m(M))){constructor(){super(...arguments);this.inline=!1;this.handleChangeEvent=e=>{e.stopPropagation(),this.sendChangeEvent()}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${y}, :scope > ${C}`))}get value(){return this.fields.filter(e=>e.checked).map(e=>e.valueState??e.value)}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=e.includes(t.value)})})}firstUpdated(){if(this.optionsList?.addEventListener("eunchange",this.handleChangeEvent),this.defaultValue&&this.defaultValue.length>0){let e=this.defaultValue??[];this.fields.forEach(t=>{t.checked=e.includes(t.value)}),this.value=this.defaultValue,this.sendChangeEvent()}}disconnectedCallback(){this.optionsList?.removeEventListener("eunchange",this.handleChangeEvent),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("disabled")&&this.fields.forEach(t=>{t.disabled=this.disabled}),e.has("readonly")&&this.fields.forEach(t=>{t.readonly=this.readonly}),(e.has("valid")||e.has("hideError"))&&this.fields.forEach(t=>{t.valid=this.valid&&!this.hideError}),e.has("label")&&!this.hasAttribute("aria-label")&&this.setAttribute("aria-label",`${this.label}. ${this.instructions??""}`),e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${y}, ${C}`)}focus(){super.focus?.(),this.fields[0]?.focus?.()}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new u)}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name})}render(){return h`
|
|
10
|
+
`,E=x;var k="eun-checkbox-list",y="eun-checkbox",C="eun-check-card",M=p(v(a)),s=class extends b(f(m(M))){constructor(){super(...arguments);this.inline=!1;this.handleChangeEvent=e=>{e.stopPropagation(),this.sendChangeEvent()}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${y}, :scope > ${C}`))}get value(){return this.fields.filter(e=>e.checked).map(e=>e.valueState??e.value)}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=e.includes(t.value)})})}firstUpdated(){if(this.optionsList?.addEventListener("eunchange",this.handleChangeEvent),this.defaultValue&&this.defaultValue.length>0){let e=this.defaultValue??[];this.fields.forEach(t=>{t.checked=e.includes(t.value)}),this.value=this.defaultValue,this.sendChangeEvent()}}disconnectedCallback(){this.optionsList?.removeEventListener("eunchange",this.handleChangeEvent),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("disabled")&&this.fields.forEach(t=>{t.disabled=this.disabled}),e.has("readonly")&&this.fields.forEach(t=>{t.readonly=this.readonly}),(e.has("valid")||e.has("hideError"))&&this.fields.forEach(t=>{t.valid=this.valid&&!this.hideError}),e.has("label")&&!this.hasAttribute("aria-label")&&this.setAttribute("aria-label",`${this.label}. ${this.instructions??""}`),e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${y}, ${C}`)}focus(){super.focus?.(),this.fields[0]?.focus?.()}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new u(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name})}render(){return h`
|
|
11
11
|
<fieldset id="fieldset">
|
|
12
12
|
<div id="legend">${this.renderFormLabels("options")}</div>
|
|
13
13
|
<div
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"./chunks/chunk-
|
|
1
|
+
import{a,b}from"./chunks/chunk-EAGGN3ZI.js";import"./chunks/chunk-GU6BVMFJ.js";import"./chunks/chunk-KNM5QHDK.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaCheckbox,a as EunomiaCheckboxTagName};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as h}from"./chunks/chunk-ATH2OAMU.js";import{a as v}from"./chunks/chunk-YQU6RVX4.js";import{a as u}from"./chunks/chunk-UP4M7TER.js";import{a as e,f as
|
|
1
|
+
import{a as h}from"./chunks/chunk-ATH2OAMU.js";import{a as v}from"./chunks/chunk-YQU6RVX4.js";import{a as u}from"./chunks/chunk-UP4M7TER.js";import{a as e,f as c,g as l,h as a,i as d,l as s,n as o,p as t,s as p}from"./chunks/chunk-XH6NREVZ.js";var g=l`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
max-width: 100%;
|
|
@@ -40,15 +40,15 @@ import{a as h}from"./chunks/chunk-ATH2OAMU.js";import{a as v}from"./chunks/chunk
|
|
|
40
40
|
:host([color="light"]:not([severity])) {
|
|
41
41
|
--_background: var(
|
|
42
42
|
--chip-background-color,
|
|
43
|
-
var(--eun-color-grey-
|
|
43
|
+
var(--eun-color-grey-0, #ffffff)
|
|
44
44
|
);
|
|
45
45
|
--_backgroundFilled: var(
|
|
46
46
|
--chip-background-color,
|
|
47
|
-
var(--eun-color-grey-
|
|
47
|
+
var(--eun-color-grey-0, #ffffff)
|
|
48
48
|
);
|
|
49
49
|
--_border-color: var(
|
|
50
50
|
--chip-border-color,
|
|
51
|
-
var(--eun-color-grey-
|
|
51
|
+
var(--eun-color-grey-0, #ffffff)
|
|
52
52
|
);
|
|
53
53
|
--_color: var(--chip-color, var(--eun-color-grey-600, #666e8a));
|
|
54
54
|
}
|
|
@@ -58,15 +58,12 @@ import{a as h}from"./chunks/chunk-ATH2OAMU.js";import{a as v}from"./chunks/chunk
|
|
|
58
58
|
:host([color="medium"]:not([severity])) {
|
|
59
59
|
--_background: var(
|
|
60
60
|
--chip-background-color,
|
|
61
|
-
var(--eun-color-grey-
|
|
62
|
-
);
|
|
63
|
-
--_backgroundFilled: var(
|
|
64
|
-
--chip-background-color,
|
|
65
|
-
var(--eun-color-grey-500, #8d93aa)
|
|
61
|
+
color-mix(in srgb, var(--eun-color-grey-700, #484e61) 20%, transparent)
|
|
66
62
|
);
|
|
63
|
+
--_backgroundFilled: var(--_background);
|
|
67
64
|
--_border-color: var(
|
|
68
65
|
--chip-border-color,
|
|
69
|
-
var(--eun-color-grey-
|
|
66
|
+
var(--eun-color-grey-700, #484e61)
|
|
70
67
|
);
|
|
71
68
|
--_color: var(--chip-color, var(--eun-color-grey-900, #000000));
|
|
72
69
|
}
|
|
@@ -315,13 +312,13 @@ import{a as h}from"./chunks/chunk-ATH2OAMU.js";import{a as v}from"./chunks/chunk
|
|
|
315
312
|
<span id="avatar" data-shape=${this.avatarShape} aria-hidden="true">
|
|
316
313
|
${this.avatarInitials}
|
|
317
314
|
</span>
|
|
318
|
-
`;let
|
|
315
|
+
`;let n=this.getIconName();return o`
|
|
319
316
|
<slot name="icon" @slotchange=${this.handleIconSlotChange}>
|
|
320
|
-
${
|
|
317
|
+
${n?o`<eun-icon
|
|
321
318
|
id="icon"
|
|
322
319
|
shape="round"
|
|
323
320
|
size=${m[i]}
|
|
324
|
-
name=${
|
|
321
|
+
name=${n}
|
|
325
322
|
></eun-icon>`:t}
|
|
326
323
|
</slot>
|
|
327
324
|
`}render(){let i=this.getSize();return o`
|
|
@@ -347,4 +344,4 @@ import{a as h}from"./chunks/chunk-ATH2OAMU.js";import{a as v}from"./chunks/chunk
|
|
|
347
344
|
</eun-button>
|
|
348
345
|
`:t}
|
|
349
346
|
</div>
|
|
350
|
-
`}};r.styles=b,e([a({reflect:!0})],r.prototype,"color",2),e([a({reflect:!0})],r.prototype,"severity",2),e([a({reflect:!0})],r.prototype,"appearance",2),e([a({reflect:!0})],r.prototype,"size",2),e([a()],r.prototype,"icon",2),e([a({type:Boolean,attribute:"hide-icon"})],r.prototype,"hideIcon",2),e([a({attribute:"avatar-src"})],r.prototype,"avatarSrc",2),e([a({attribute:"avatar-alt"})],r.prototype,"avatarAlt",2),e([a({attribute:"avatar-shape"})],r.prototype,"avatarShape",2),e([a({attribute:"avatar-initials"})],r.prototype,"avatarInitials",2),e([a({type:Boolean,reflect:!0})],r.prototype,"rounded",2),e([a({type:Boolean,reflect:!0})],r.prototype,"removable",2),e([a({type:Boolean,reflect:!0})],r.prototype,"disabled",2),e([a({attribute:"aria-label-remove"})],r.prototype,"ariaLabelRemove",2),e([d()],r.prototype,"labelText",2),e([s({slot:"icon"})],r.prototype,"iconSlotEls",2),r=e([
|
|
347
|
+
`}};r.styles=b,e([a({reflect:!0})],r.prototype,"color",2),e([a({reflect:!0})],r.prototype,"severity",2),e([a({reflect:!0})],r.prototype,"appearance",2),e([a({reflect:!0})],r.prototype,"size",2),e([a()],r.prototype,"icon",2),e([a({type:Boolean,attribute:"hide-icon"})],r.prototype,"hideIcon",2),e([a({attribute:"avatar-src"})],r.prototype,"avatarSrc",2),e([a({attribute:"avatar-alt"})],r.prototype,"avatarAlt",2),e([a({attribute:"avatar-shape"})],r.prototype,"avatarShape",2),e([a({attribute:"avatar-initials"})],r.prototype,"avatarInitials",2),e([a({type:Boolean,reflect:!0})],r.prototype,"rounded",2),e([a({type:Boolean,reflect:!0})],r.prototype,"removable",2),e([a({type:Boolean,reflect:!0})],r.prototype,"disabled",2),e([a({attribute:"aria-label-remove"})],r.prototype,"ariaLabelRemove",2),e([d()],r.prototype,"labelText",2),e([s({slot:"icon"})],r.prototype,"iconSlotEls",2),r=e([c(f)],r);export{r as EunomiaChip,f as EunomiaChipTagName};
|