@eunomia/elements 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/cdn/components/chunks/chunk-BQFJR2UP.js

@@ -1,110 +0,0 @@
-import{a as L}from"./chunk-G5SBDQQ3.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as V}from"./chunk-UYZR4JXZ.js";import{a as T}from"./chunk-4PI6RDUS.js";import{a as M}from"./chunk-BO3JOEWM.js";import{a as o,c as w,d as x,e as $,f as d}from"./chunk-VOTRXBDS.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-RS7TWEMQ.js";import{a as l}from"./chunk-PPCHQG7P.js";import{a as p}from"./chunk-O7PHBLH2.js";import{a as t,f as u,h as b,j as i,k as m,l as f,n as y,p as r,r as n,u as g}from"./chunk-YITWLCD3.js";var C=b`
-  .has-trailing-action #field {
-    padding-inline-end: calc(
-      calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
-    );
-  }
-  #field[type="search"]::-webkit-search-cancel-button {
-    appearance: none;
-    display: none;
-  }
-`,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(x(L(w(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`
-      <div
-        id="readonly-display"
-        role="button"
-        tabindex="0"
-        aria-label=${l(this.label)}
-        @click=${this.startEdit}
-        @keydown=${s=>(s.key==="Enter"||s.key===" ")&&this.startEdit()}
-      >
-        <span class=${p({empty:!a})}
-          >${a?this.value:this.emptyValueLabel}</span
-        >
-      </div>
-    `}renderTrailingAddon(a){return n}hasTrailingAddon(){return!1}renderField(a){let s=this.type==="password",c=this.clearable&&!s&&!!this.value&&!this.disabled;return r`
-      <div
-        id="field-wrapper"
-        class=${p({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-trailing-action":c||s||this.hasTrailingAddon()})}
-      >
-        <slot name="icon" @slotchange=${this.handleIconSlotChange}>
-          ${this.icon?r`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:n}
-        </slot>
-        <input
-          id="field"
-          type=${s?this.showPassword?"text":"password":this.type}
-          .value=${this.value??""}
-          placeholder=${l(this.placeholder)}
-          autocomplete=${this.autocomplete}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          ?required=${this.required}
-          minlength=${l(this.minlength)}
-          maxlength=${l(this.maxlength)}
-          pattern=${l(this.pattern)}
-          min=${l(this.min)}
-          max=${l(this.max)}
-          step=${l(this.step)}
-          inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":n}
-          aria-invalid=${this.showError}
-          aria-label=${l(this.label)}
-          aria-describedby=${a?"description":n}
-          @input=${this.handleInput}
-        />
-        ${o(c,()=>r`
-            <button
-              type="button"
-              id="clear"
-              @click=${this.handleClear}
-              aria-label=${this.ariaLabelClear}
-              tabindex="-1"
-            >
-              <eun-icon name="cancel" size="16"></eun-icon>
-            </button>
-          `)}
-        ${o(s,()=>r`
-            <button
-              type="button"
-              id="password-toggle"
-              @click=${this.togglePasswordVisibility}
-              aria-label=${this.showPassword?this.ariaLabelHidePassword:this.ariaLabelShowPassword}
-              aria-pressed=${this.showPassword}
-              tabindex="-1"
-            >
-              <eun-icon
-                name=${this.showPassword?"visibility_off":"visibility"}
-                size="16"
-              ></eun-icon>
-            </button>
-          `)}
-        ${this.renderTrailingAddon(c)}
-      </div>
-      ${o(this.readonlyAvailable,()=>r`
-          <div id="edit-actions">
-            <eun-button
-              class="confirm"
-              size="s"
-              color="primary"
-              appearance="default"
-              rounded
-              type="button"
-              @click=${this.confirmEdit}
-              >${this.confirmLabel}</eun-button
-            >
-            <eun-button
-              class="cancel"
-              size="s"
-              appearance="flat"
-              rounded
-              type="button"
-              @click=${this.cancelEdit}
-              >${this.cancelLabel}</eun-button
-            >
-          </div>
-        `)}
-    `}render(){let a=this.readonlyAvailable&&!this.editing,s=this.renderDescription();return r`
-      <div id="wrapper">
-        ${this.renderFormLabels(a?void 0:"field")}
-        ${a?this.renderReadonlyDisplay():this.renderField(s!==n)}
-        ${s}
-      </div>
-    `}};e.styles=[S,d.base,d.errorMessages,d.hintMessages],t([i({reflect:!0})],e.prototype,"type",2),t([i({attribute:"default-value"})],e.prototype,"defaultValue",1),t([i()],e.prototype,"placeholder",2),t([i()],e.prototype,"icon",2),t([i({type:Boolean})],e.prototype,"clearable",2),t([i()],e.prototype,"autocomplete",2),t([i({type:Number})],e.prototype,"minlength",2),t([i({type:Number})],e.prototype,"maxlength",2),t([i()],e.prototype,"pattern",2),t([i()],e.prototype,"min",2),t([i()],e.prototype,"max",2),t([i()],e.prototype,"step",2),t([i({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"aria-label-clear"})],e.prototype,"ariaLabelClear",2),t([i({attribute:"aria-label-show-password"})],e.prototype,"ariaLabelShowPassword",2),t([i({attribute:"aria-label-hide-password"})],e.prototype,"ariaLabelHidePassword",2),t([m()],e.prototype,"showPassword",2),t([f("#field")],e.prototype,"fieldEl",2),t([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=t([u(P)],e);export{P as a,e as b};

package/dist/cdn/components/chunks/chunk-G5SBDQQ3.js

@@ -1 +0,0 @@
-import{a as r,j as a}from"./chunk-YITWLCD3.js";var e=class t extends Event{static{this.eventName="euncommit"}constructor(){super(t.eventName,{bubbles:!0,composed:!1})}};var c=t=>{class i extends t{constructor(){super(...arguments);this.readonlyAvailable=!1;this.editing=!1}startEdit(){this.disabled||!this.readonlyAvailable||this.editing||(this.valueOnEditStart=this.value,this.editing=!0)}confirmEdit(){this.checkValidity(this.value)&&(this.editing=!1,this.dispatchEvent(new e))}cancelEdit(){this.value=this.valueOnEditStart,this.editing=!1}}return r([a({type:Boolean,attribute:"readonly-available",reflect:!0})],i.prototype,"readonlyAvailable",2),r([a({type:Boolean,reflect:!0})],i.prototype,"editing",2),i};export{c as a};

package/dist/cdn/components/chunks/chunk-KSZRQRN4.js

@@ -1 +0,0 @@
-var t="en";function r(){return t}var n={datePicker:{previousMonth:"Previous month",chooseMonthYear:"Choose month and year",nextMonth:"Next month",previousYear:"Previous year",chooseYear:"Choose year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",time:"Time",amPm:"AM/PM",hour:"Hour",minute:"Minute",heading:{day:{single:"Select a date",range:"Select a date range"},month:{single:"Select a month",range:"Select a month range"},year:{single:"Select a year",range:"Select a year range"}},modalPreview:{day:{single:"Select date",range:"Select date range"},month:{single:"Select month",range:"Select month range"},year:{single:"Select year",range:"Select year range"}}},timePicker:{amPm:"AM/PM",hour:"Hour",minute:"Minute",time:"Time",selectATime:"Select a time",mustBeAtOrAfter:e=>`Time must be at or after ${e}`,mustBeAtOrBefore:e=>`Time must be at or before ${e}`},scheduler:{calendarView:"Calendar view"},carousel:{ofTotal:(e,i)=>`${e} of ${i}`,slideNavigation:"Slide navigation",previous:"Previous slide",next:"Next slide",goToSlide:(e,i)=>`Go to slide ${e} of ${i}`},imageCarousel:{gallery:"Image gallery",previous:"Previous image",next:"Next image",expand:"View full-size image",lightbox:"Image viewer",selectImage:"Select image",showImage:(e,i)=>`Show image ${e} of ${i}`,imageNavigation:"Image navigation",goToImage:(e,i)=>`Go to image ${e} of ${i}`,allImages:"All images"},chip:{remove:"Remove"},infiniteList:{loadingMore:"Loading more items\u2026",itemsLoaded:e=>`${e} more item${e>1?"s":""} loaded`},table:{loadingMore:"Loading more rows\u2026",selected:"selected",selectAll:"Select all",deselectAll:"Deselect all",selectAllRows:"Select all rows",deselectAllRows:"Deselect all rows",selectRow:"Select row",selectionActions:"Selection actions",clearSelection:"Clear selection",rowActions:"Row actions",rowsLoaded:e=>`${e} more row${e>1?"s":""} loaded`},link:{opensInNewTab:"opens in a new tab"},validation:{valueMissing:"This field is required",tooShort:(e,i)=>`Please lengthen this text to ${e} characters or more (you are currently using ${i} characters).`,tooLong:(e,i)=>`Please shorten this text to ${e} characters or less (you are currently using ${i} characters).`,invalidDate:"Enter a valid date",invalidTime:"Enter a valid time"}};var a={datePicker:{previousMonth:"Mois pr\xE9c\xE9dent",chooseMonthYear:"Choisir le mois et l'ann\xE9e",nextMonth:"Mois suivant",previousYear:"Ann\xE9e pr\xE9c\xE9dente",chooseYear:"Choisir l'ann\xE9e",nextYear:"Ann\xE9e suivante",previousYears:"Ann\xE9es pr\xE9c\xE9dentes",nextYears:"Ann\xE9es suivantes",time:"Heure",amPm:"AM/PM",hour:"Heure",minute:"Minute",heading:{day:{single:"S\xE9lectionner une date",range:"S\xE9lectionner une plage de dates"},month:{single:"S\xE9lectionner un mois",range:"S\xE9lectionner une plage de mois"},year:{single:"S\xE9lectionner une ann\xE9e",range:"S\xE9lectionner une plage d'ann\xE9es"}},modalPreview:{day:{single:"S\xE9lectionner une date",range:"S\xE9lectionner une plage de dates"},month:{single:"S\xE9lectionner un mois",range:"S\xE9lectionner une plage de mois"},year:{single:"S\xE9lectionner une ann\xE9e",range:"S\xE9lectionner une plage d'ann\xE9es"}}},timePicker:{amPm:"AM/PM",hour:"Heure",minute:"Minute",time:"Heure",selectATime:"S\xE9lectionner une heure",mustBeAtOrAfter:e=>`L'heure doit \xEAtre \xE0 ${e} ou apr\xE8s`,mustBeAtOrBefore:e=>`L'heure doit \xEAtre \xE0 ${e} ou avant`},scheduler:{calendarView:"Vue du calendrier"},carousel:{ofTotal:(e,i)=>`${e} sur ${i}`,slideNavigation:"Navigation des diapositives",previous:"Diapositive pr\xE9c\xE9dente",next:"Diapositive suivante",goToSlide:(e,i)=>`Aller \xE0 la diapositive ${e} sur ${i}`},imageCarousel:{gallery:"Galerie d'images",previous:"Image pr\xE9c\xE9dente",next:"Image suivante",expand:"Voir l'image en taille r\xE9elle",lightbox:"Visionneuse d'images",selectImage:"S\xE9lectionner une image",showImage:(e,i)=>`Afficher l'image ${e} sur ${i}`,imageNavigation:"Navigation des images",goToImage:(e,i)=>`Aller \xE0 l'image ${e} sur ${i}`,allImages:"Toutes les images"},chip:{remove:"Retirer"},infiniteList:{loadingMore:"Chargement d'autres \xE9l\xE9ments\u2026",itemsLoaded:e=>e>1?`${e} \xE9l\xE9ments suppl\xE9mentaires charg\xE9s`:`${e} \xE9l\xE9ment suppl\xE9mentaire charg\xE9`},table:{loadingMore:"Chargement d'autres lignes\u2026",selected:"s\xE9lectionn\xE9e(s)",selectAll:"Tout s\xE9lectionner",deselectAll:"Tout d\xE9s\xE9lectionner",selectAllRows:"S\xE9lectionner toutes les lignes",deselectAllRows:"D\xE9s\xE9lectionner toutes les lignes",selectRow:"S\xE9lectionner la ligne",selectionActions:"Actions de s\xE9lection",clearSelection:"Vider la s\xE9lection",rowActions:"Actions de la ligne",rowsLoaded:e=>e>1?`${e} lignes suppl\xE9mentaires charg\xE9es`:`${e} ligne suppl\xE9mentaire charg\xE9e`},link:{opensInNewTab:"ouvre dans un nouvel onglet"},validation:{valueMissing:"Ce champ est obligatoire",tooShort:(e,i)=>`Saisissez au moins ${e} caract\xE8res (actuellement ${i}).`,tooLong:(e,i)=>`Saisissez au plus ${e} caract\xE8res (actuellement ${i}).`,invalidDate:"Saisissez une date valide",invalidTime:"Saisissez une heure valide"}};var d={en:n,fr:a};export{r as a,d as b};

package/dist/cdn/components/chunks/chunk-PE4DAXHQ.js

@@ -1,3 +0,0 @@
-import{p as i}from"./chunk-YITWLCD3.js";function l(e){let n=[];for(let t of e)if(t instanceof HTMLOptionElement)n.push({value:t.value,label:t.textContent?.trim()??t.value});else if(t instanceof HTMLOptGroupElement)for(let o of Array.from(t.querySelectorAll("option")))n.push({value:o.value,label:o.textContent?.trim()??o.value,group:t.label});return n}function p(e,n){if(!n)return e;let t=e.toLowerCase().indexOf(n);return t===-1?e:i`${e.slice(0,t)}<mark
-      >${e.slice(t,t+n.length)}</mark
-    >${e.slice(t+n.length)}`}export{l as a,p as b};

package/dist/cdn/components/chunks/chunk-RS7TWEMQ.js

@@ -1 +0,0 @@
-import{a as i,j as r}from"./chunk-YITWLCD3.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};

package/dist/cdn/components/chunks/chunk-VOTRXBDS.js

@@ -1,38 +0,0 @@
-import{a as y}from"./chunk-YYCEPZUN.js";import{a as b,b as m}from"./chunk-KSZRQRN4.js";import{a as r,h as p,j as n,k as o,p as u,r as v}from"./chunk-YITWLCD3.js";function V(l,i,c){return l?i(l):c?.(l)}var k=["valid","hideError","disabled","touched","dirty","validationRequested","error"],F=l=>k.some(i=>l.has(i)),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.validationRequested=!1;this.controlled=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.#i=()=>{this.validationRequested=!0};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;#i;get showError(){return!this.valid&&!this.hideError&&!this.disabled&&(this.touched||this.dirty||this.validationRequested||!!this.error)}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(){return this.showError?this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint:this.hint}get form(){return this.internals.form}get type(){return this.localName}getValueToValidate(){return this.checkable?this.checked:this.value}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(y.eventName,this.#e),this.addEventListener("focusout",this.#t),this.addEventListener("invalid",this.#i)}disconnectedCallback(){this.removeEventListener(y.eventName,this.#e),this.removeEventListener("focusout",this.#t),this.removeEventListener("invalid",this.#i),super.disconnectedCallback?.()}willUpdate(e){(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")||e.has("error"))&&this.checkValidity(),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(a=>t.append(s,a instanceof File?a:String(a))):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.controlled||(this.checkable?this.checked=!1:this.value=this.defaultValue),this.dirty=!1,this.touched=!1,this.validationRequested=!1}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e?.length?this.showError?u`
-        <p id="description" class="error-messages">
-          ${V(Array.isArray(e),()=>e.map(t=>u`<span>${t}</span>`),()=>u`<span>${e}</span>`)}
-        </p>
-      `:u`
-          <p id="description" class="hint-messages">
-            <span>${e}</span>
-          </p>
-        `:v}}return r([n({reflect:!0})],i.prototype,"name",2),r([n()],i.prototype,"hint",2),r([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),r([o()],i.prototype,"valueState",2),r([o()],i.prototype,"dirty",2),r([o()],i.prototype,"touched",2),r([o()],i.prototype,"validationRequested",2),r([n({type:Boolean})],i.prototype,"controlled",2),r([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),r([n()],i.prototype,"value",1),i};var $=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 r([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};var G=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validationDictionary(){let e=this.locale;return m[e??b()]??m.en}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,a=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&a&&(t.valueMissing=!0,s=this.validationDictionary.validation.valueMissing),{validity:t,message:s}}checkValidity(e=this.getValueToValidate()){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),a={...t.validity,...s.validity},d=s.message||t.message,h=this.error?[this.error]:[];this.validators?.forEach(E=>this.collectErrors(h,E,e)),this.errorMessages=h,h.length>0&&(a.customError=!0,d=h.join(" ; ")),this.valid=!Object.values(a).some(Boolean);let f=this.getFocusAnchor?.();return this.valid||f||!this.getFocusAnchor?this.setValidity(a,d,f):this.updateComplete.then(()=>this.setValidity(a,d,f)),this.valid}reportValidity(e=this.getValueToValidate()){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let a=t["~standard"].validate(s);if(a instanceof Promise)throw new TypeError("Validation schemas must be synchronous");a.issues&&e.push(...a.issues.map(d=>d.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 a=this.validationMessage;this.internals.setValidity(e,t,s),t!==a&&this.requestUpdate("valid")}getValueToValidate(){return this.value}getValidityData(){return{}}}return r([n({type:Array})],i.prototype,"validators",2),r([n({type:Boolean})],i.prototype,"required",2),r([n()],i.prototype,"error",2),r([o()],i.prototype,"valid",2),i};var T=p`
-  #description {
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    display: block;
-    margin-block-start: var(--eun-space-xs, 4px);
-    font-size: var(--field-message-font-size, var(--eun-font-size-xs, 12px));
-    margin-block: 0;
-  }
-  #description span {
-    display: block;
-    margin-top: var(--eun-space-xs, 4px);
-  }
-`,M=p`
-  .error-messages {
-    color: var(--_errorColor);
-  }
-`,x=p`
-  .hint-messages {
-    color: var(--_hintColor);
-  }
-`,W={base:T,errorMessages:M,hintMessages:x};export{V as a,F as b,B as c,$ as d,G as e,W as f};
-/*! Bundled license information:
-
-lit-html/directives/when.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/