@ds-autonomie/web-components 2.14.0 → 2.15.0

package/cdn/chunks/chunk.BYKNQ7UN.js

@@ -0,0 +1,35 @@
+import{a as c}from"./chunk.TZRJVOUT.js";import{a as p}from"./chunk.ELL45QD3.js";import{a as l}from"./chunk.NIRNX67K.js";import{c as h}from"./chunk.4WOVD75K.js";import{a as u}from"./chunk.BWEPOOQP.js";import{a as r,b as a,c as o,d as m,f as n}from"./chunk.CEOMZJL3.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var d=20,t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"icon");this.localize=new h(this);this.fullName="";this.displayMode="full";this.firstName="";this.familyName="";this.image="";this.initials=""}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}getDisplayedName(){return this.fullName.length<=d?this.fullName:`${this.firstName.charAt(0)}. ${this.familyName}`}click(){this.button.click()}focus(s){this.button.focus(s)}blur(){this.button.blur()}updateFullName(){this.fullName=`${this.firstName} ${this.familyName}`}renderButton(){var s;return i`
+      <button
+        part="base"
+        class="profile-button"
+        type="button"
+        aria-label=${l((s=this.accessibleLabel)!=null?s:`${this.fullName} - ${this.localize.term("userMenu")}`)}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+      >
+        <dsa-avatar
+          size="large"
+          initials=${l(this.initials)}
+          image=${l(this.image)}
+        >
+          ${this.hasSlotController.test("icon")?i` <slot name="icon" slot="icon"></slot> `:""}
+        </dsa-avatar>
+        ${this.displayMode==="full"?i`
+              <span aria-hidden="true" class="profile-button__label"
+                >${this.getDisplayedName()}</span
+              >
+            `:""}
+        ${this.displayMode!=="mobile"?i`
+              <dsa-icon
+                part="caret"
+                class="profile-button__caret"
+                name="expand_more"
+                library="system"
+              ></dsa-icon>
+            `:""}
+      </button>
+    `}render(){return this.displayMode==="full"&&this.fullName.length<=d?this.renderButton():i`
+        <dsa-tooltip content=${this.firstName+" "+this.familyName}>
+          ${this.renderButton()}
+        </dsa-tooltip>
+      `}};t.styles=c,e([m(".profile-button")],t.prototype,"button",2),e([o()],t.prototype,"fullName",2),e([a({attribute:"display-mode"})],t.prototype,"displayMode",2),e([a({attribute:"first-name"})],t.prototype,"firstName",2),e([a({attribute:"family-name"})],t.prototype,"familyName",2),e([a({attribute:"accessible-label"})],t.prototype,"accessibleLabel",2),e([a()],t.prototype,"image",2),e([a()],t.prototype,"initials",2),e([u(["firstName","familyName"])],t.prototype,"updateFullName",1),t=e([r("dsa-profile-button")],t);export{t as a};

package/cdn/chunks/chunk.CEKPJB4F.js

@@ -0,0 +1,147 @@
+import{a as i}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var m=e`
+  ${i}
+
+  :host {
+    display: block;
+  }
+
+  :host([inert]) {
+    display: none;
+  }
+
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    color: var(--dsa-wc-menu-item-color);
+    transition: var(--dsa-wc-transition-fast) fill;
+    user-select: none;
+    cursor: pointer;
+    text-align: start;
+  }
+
+  .menu-item--highlight {
+    color: var(--dsa-wc-menu-navigation-item-current-color);
+    background-color: var(
+      --dsa-wc-menu-navigation-item-current-background-color
+    );
+  }
+  .menu-item--highlight::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 4px;
+    background-color: var(--dsa-wc-menu-navigation-item-current-color);
+  }
+
+  .menu-item--button {
+    background: none;
+    border: none;
+    margin: 0;
+    width: 100%;
+  }
+  .menu-item--link {
+    text-decoration: none;
+  }
+  .menu-item--small {
+    font: var(--dsa-wc-menu-item-small-font);
+    padding: var(--dsa-wc-menu-item-small-padding);
+    min-height: var(--dsa-wc-menu-item-small-min-height);
+  }
+  .menu-item--small.menu-item--highlight {
+    font: var(--dsa-wc-menu-item-small-font-current);
+  }
+  .menu-item--medium {
+    font: var(--dsa-wc-menu-item-font);
+    padding: var(--dsa-wc-menu-item-padding);
+    min-height: var(--dsa-wc-menu-item-min-height);
+  }
+  .menu-item--medium.menu-item--highlight {
+    font: var(--dsa-wc-menu-item-font-current);
+  }
+  .menu-item--large {
+    font: var(--dsa-wc-menu-item-large-font);
+    padding: var(--dsa-wc-menu-item-large-padding);
+    min-height: var(--dsa-wc-menu-item-large-min-height);
+  }
+  .menu-item--large.menu-item--highlight {
+    font: var(--dsa-wc-menu-item-large-font-current);
+  }
+
+  .menu-item--disabled {
+    color: var(--dsa-wc-menu-item-disabled-color);
+    outline: none;
+    cursor: not-allowed;
+  }
+
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-flex;
+  }
+
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--dsa-wc-menu-item-margin-inline-end);
+    display: inherit;
+    height: 1.25em;
+    width: 1.25em;
+  }
+
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--dsa-wc-menu-item-margin-inline-start);
+    display: inherit;
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  :host(:hover:not([aria-disabled='true'])) .menu-item {
+    background-color: var(--dsa-wc-menu-item-hover-background-color);
+    color: var(--dsa-wc-menu-item-hover-color);
+  }
+
+  :host(:focus-visible) .menu-item,
+  .menu-item--button:focus-visible,
+  .menu-item--link:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-menu-item-focus-ring-offset);
+    opacity: 1;
+  }
+
+  :host(.level-1) .menu-item {
+    padding-inline-start: var(--dsa-wc-menu-item-padding-left-level-1);
+  }
+  :host(.level-2) .menu-item {
+    padding-inline-start: var(--dsa-wc-menu-item-padding-left-level-2);
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: var(--dsa-wc-focus-ring);
+      outline-offset: var(--dsa-wc-menu-item-focus-ring-offset);
+    }
+  }
+
+  /*
+  * Collapsed
+  */
+  .menu-item--collapsed .menu-item__label,
+  .menu-item--collapsed .menu-item__suffix {
+    display: none;
+  }
+`;export{m as a};

package/cdn/chunks/chunk.CEOMZJL3.js

@@ -0,0 +1,25 @@
+import{b as y,c,d as T}from"./chunk.6G2FNLAV.js";import{a as u,b as m,f as E}from"./chunk.IZ2HVRME.js";var g=t=>(n,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(t,n)}):customElements.define(t,n)};var b={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:c},x=(t=b,n,e)=>{let{kind:r,metadata:s}=e,i=globalThis.litPropertyMetadata.get(s);if(i===void 0&&globalThis.litPropertyMetadata.set(s,i=new Map),r==="setter"&&((t=Object.create(t)).wrapped=!0),i.set(e.name,t),r==="accessor"){let{name:l}=e;return{set(a){let o=n.get.call(this);n.set.call(this,a),this.requestUpdate(l,o,t,!0,a)},init(a){return a!==void 0&&this.C(l,void 0,t,a),a}}}if(r==="setter"){let{name:l}=e;return function(a){let o=this[l];n.call(this,a),this.requestUpdate(l,o,t,!0,a)}}throw Error("Unsupported decorator location: "+r)};function p(t){return(n,e)=>typeof e=="object"?x(t,n,e):((r,s,i)=>{let l=s.hasOwnProperty(i);return s.constructor.createProperty(i,r),l?Object.getOwnPropertyDescriptor(s,i):void 0})(t,n,e)}function C(t){return p(m(u({},t),{state:!0,attribute:!1}))}var d=(t,n,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof n!="object"&&Object.defineProperty(t,n,e),e);function P(t,n){return(e,r,s)=>{let i=l=>{var a,o;return(o=(a=l.renderRoot)==null?void 0:a.querySelector(t))!=null?o:null};if(n){let{get:l,set:a}=typeof r=="object"?e:s!=null?s:(()=>{let o=Symbol();return{get(){return this[o]},set(f){this[o]=f}}})();return d(e,r,{get(){let o=l.call(this);return o===void 0&&(o=i(this),(o!==null||this.hasUpdated)&&a.call(this,o)),o}})}return d(e,r,{get(){return i(this)}})}}function I(t){return(n,e)=>d(n,e,{async get(){var r,s;return await this.updateComplete,(s=(r=this.renderRoot)==null?void 0:r.querySelector(t))!=null?s:null}})}var v=class extends T{emit(n,e){let r=new CustomEvent(n,u({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(r),r}};E([p()],v.prototype,"dir",2),E([p()],v.prototype,"lang",2);export{g as a,p as b,C as c,P as d,I as e,v as f};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/decorators/property.js:
+@lit/reactive-element/decorators/state.js:
+@lit/reactive-element/decorators/base.js:
+@lit/reactive-element/decorators/query.js:
+@lit/reactive-element/decorators/query-async.js:
+@lit/reactive-element/decorators/event-options.js:
+@lit/reactive-element/decorators/query-all.js:
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.CFBXGDPS.js

@@ -0,0 +1,26 @@
+import{a as e}from"./chunk.UZFGXWW3.js";import{a as t}from"./chunk.6G2FNLAV.js";var s=t`
+  ${e}
+  .filter__content {
+    display: flex;
+    padding: var(--dsa-spacing-16);
+    gap: 10px;
+    justify-content: space-between;
+  }
+  .filter--drawer .filter__content {
+    justify-content: flex-start;
+    padding-bottom: var(--dsa-spacing-12);
+  }
+
+  .filter__footer {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--dsa-spacing-8) var(--dsa-spacing-16);
+    gap: var(--dsa-spacing-16);
+    border-top: solid var(--dsa-wc-select-listbox-border-width)
+      var(--dsa-wc-select-listbox-border-color);
+  }
+  .filter--drawer .filter__footer {
+    border-top: 0;
+    padding: 0 var(--dsa-spacing-12);
+  }
+`;export{s as a};

package/cdn/chunks/chunk.CHNH72UY.js

@@ -0,0 +1,121 @@
+import{a as T}from"./chunk.DUYCHM7G.js";import{a as K}from"./chunk.U4TME7DS.js";import{d as I,f as p,g as H}from"./chunk.IFSGAJQ4.js";import{b as N}from"./chunk.FWTZS7LK.js";import{a as O}from"./chunk.NIRNX67K.js";import{c as L}from"./chunk.4WOVD75K.js";import{a as l}from"./chunk.2RF4WD6T.js";import{a as v}from"./chunk.BWEPOOQP.js";import{a as V,b as s,c as u,d as f,f as _}from"./chunk.CEOMZJL3.js";import{a as M}from"./chunk.6G2FNLAV.js";import{a as w}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var P=M`
+  .input-date__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  /* 
+  * Spin buttons
+  */
+  /* Reset styles for input[type="number"] */
+  input[type='number'] {
+    -moz-appearance: textfield;
+    -webkit-appearance: none;
+    appearance: none;
+    border: none;
+    outline: none;
+    background: none;
+    padding: 0;
+    margin: 0;
+    font: inherit;
+    color: inherit;
+    caret-color: transparent;
+    text-align: center;
+  }
+
+  /* Hide the up/down arrows in number input */
+  input[type='number']::-webkit-inner-spin-button,
+  input[type='number']::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number']::selection {
+    background: none;
+  }
+
+  input[type='number']:focus {
+    background: var(--dsa-color-primitive-colors-identity-purple-500);
+    border-radius: 2px;
+    color: var(--dsa-color-primitive-colors-neutral-0);
+  }
+  input[type='number']:not([disabled])::placeholder {
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+  }
+  input[type='number'][disabled]::placeholder {
+    color: var(--dsa-wc-input-label-color-disabled);
+  }
+  input[type='number']:focus::placeholder {
+    color: white;
+  }
+
+  .input-date__day,
+  .input-date__month {
+    width: 1.7em;
+  }
+  .input-date__year {
+    width: 2.6em;
+  }
+
+  #description {
+    display: none;
+  }
+`;function Y(c){let k=c.metaKey||c.ctrlKey,t=/^[0-9]$/.test(c.key),e=!k&&!t;return!!(!["Escape","Backspace","Tab","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Delete","Enter","PageDown","PageUp","Home","End"].includes(c.key)&&e)}var i=class extends _{constructor(){super(...arguments);this.formControlController=new N(this,{assumeInteractionOn:["dsa-blur","dsa-input","dsa-change"]});this.localize=new L(this);this.focusedInput=[];this.selectedDay="";this.selectedMonth="";this.selectedYear="";this.dateOrder=["day","month","year"];this.delimiter="/";this.lastPressedKey="";this.internalValueChange=!1;this.previousTentativeDate="";this.parentName="";this.description="";this.name="";this.value="";this.defaultValue="";this.disabled=!1;this.error=!1;this.readonly=!1;this.form="";this.required=!1}get valueAsDate(){var t,e;return(e=(t=this.hiddenInput)==null?void 0:t.valueAsDate)!=null?e:null}set valueAsDate(t){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}get valueAsNumber(){var t;return(t=this.hiddenInput.valueAsNumber)!=null?t:parseFloat(this.value)}set valueAsNumber(t){this.hiddenInput.valueAsNumber=t,this.value=this.hiddenInput.value}get validity(){return this.hiddenInput.validity}get validationMessage(){return this.hiddenInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleLangChange()}updateDateOrder(){var e,a;let t=new Intl.DateTimeFormat(this.currentLocale,{year:"numeric",month:"2-digit",day:"2-digit"});this.dateOrder=t.formatToParts(new Date).map(r=>r.type).filter(r=>["day","month","year"].includes(r)),this.delimiter=(a=(e=t.formatToParts(new Date).find(r=>r.type==="literal"))==null?void 0:e.value)!=null?a:"/"}getSpinbuttonOrder(){return this.dateOrder.map(t=>{switch(t){case"day":default:return this.dayInput;case"month":return this.monthInput;case"year":return this.yearInput}})}handleBlur(t){this.handleChange();let e=t.currentTarget;setTimeout(()=>{this.focusedInput=this.focusedInput.filter(a=>a!==e),this.focusedInput.length===0&&(this.internalValueChange=!1)},0)}handleChange(){let t=this.value,e=this.dayInput.value,a=this.monthInput.value,r=this.yearInput.value,o=`${r}-${a}-${e}`,h=e!==""&&a!==""&&r!=="",d=e===""&&a===""&&r==="";d?(this.setCustomValidity(""),this.value=""):I(o)?(this.setCustomValidity(""),this.value=o):(this.setCustomValidity(this.localize.term("invalidDate")),this.value=""),this.internalValueChange=!0,this.formControlController.updateValidity(),I(o)||this.formControlController.emitInvalidEvent(event),(this.value!==t||o!==this.previousTentativeDate&&(h||d))&&(this.emit("dsa-change"),this.previousTentativeDate=o)}handleFocus(t){this.focusedInput.length===0&&this.emit("dsa-focus"),this.focusedInput=[...this.focusedInput,t.currentTarget]}handleHiddenInputFocus(){this.getSpinbuttonOrder()[0].focus()}handleSpinbuttonClick(t){t.currentTarget.select()}handleSpinbuttonKeydown(t){let e=t.currentTarget;this.lastPressedKey=t.key,t.key==="Dead"&&(e.blur(),setTimeout(()=>e.focus())),Y(t)&&t.preventDefault(),t.key==="ArrowLeft"&&(t.preventDefault(),this.focusPreviousSpinbutton(e)),t.key==="ArrowRight"&&(t.preventDefault(),this.focusNextSpinbutton(e)),(t.key==="ArrowUp"||t.key==="ArrowDown")&&setTimeout(()=>e.select()),t.key==="Enter"&&this.handleChange()}handleSpinbuttonInput(t){t.stopPropagation();let e=t.currentTarget;switch(Number(e.value)>Number(e.max)&&(e.value=e.value.slice(-1),t.preventDefault(),this.focusNextSpinbutton(e)),e.value!==""&&(e.value=parseInt(e.value).toString(),e.value=e.value.padStart(e===this.yearInput?4:2,"0")),t.currentTarget){case this.dayInput:this.selectedDay=e.value;break;case this.monthInput:this.selectedMonth=e.value;break;case this.yearInput:this.selectedYear=e.value;break}!["ArrowUp","ArrowDown"].includes(this.lastPressedKey)&&+`${e.value}0`>Number(e.max)&&this.focusNextSpinbutton(e),this.setCustomValidity(""),this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}focusNextSpinbutton(t){let e=this.getSpinbuttonOrder(),a=e.findIndex(r=>r===t);a+1<e.length&&(e[a+1].focus(),setTimeout(()=>{e[a+1].select()},0))}focusPreviousSpinbutton(t){let e=this.getSpinbuttonOrder(),a=e.findIndex(r=>r===t);a>0&&(e[a-1].focus(),setTimeout(()=>{e[a-1].select()},0))}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}async handleValueChange(){if(this.internalValueChange){this.internalValueChange=!1;return}this.value===""?(this.selectedDay="",this.selectedMonth="",this.selectedYear=""):(this.selectedDay=`${p(this.value).getDate()}`.padStart(2,"0"),this.selectedMonth=`${p(this.value).getMonth()+1}`.padStart(2,"0"),this.selectedYear=`${p(this.value).getFullYear()}`.padStart(4,"0")),await this.updateComplete,this.setCustomValidity(""),this.formControlController.updateValidity()}handleLangChange(){this.currentLocale=this.lang||this.localize.lang(),this.updateDateOrder()}handleFocusChange(){this.focusedInput.length===0&&this.emit("dsa-blur")}focus(t){let e=this.getSpinbuttonOrder()[0];e.focus(t),setTimeout(()=>{e.select()},0)}blur(){var t;(t=this.focusedInput[0])==null||t.blur()}stepUp(t){this.hiddenInput.stepUp(t),this.value!==this.hiddenInput.value&&(this.value=this.hiddenInput.value)}stepDown(t){this.hiddenInput.stepDown(t),this.value!==this.hiddenInput.value&&(this.value=this.hiddenInput.value)}checkValidity(){return this.hiddenInput.checkValidity()}clear(){this.selectedDay="",this.selectedMonth="",this.selectedYear="",this.value=""}getForm(){return this.formControlController.getForm()}reportValidity(){return this.hiddenInput.reportValidity()}setCustomValidity(t){this.hiddenInput.setCustomValidity(t),this.formControlController.updateValidity()}renderSpinbutton(t){var x,E;let e="",a="",r=1,o,h,d,b=p((x=this.min)!=null?x:""),g=p((E=this.max)!=null?E:""),m=this.min?b.getFullYear():1900,y=this.max?g.getFullYear():2500,C=m===y?b.getMonth()+1:1,$=m===y?g.getMonth()+1:12,z=m===y&&C===$?b.getDate():1,U=m===y&&C===$?g.getDate():H(Number(this.selectedMonth),Number(this.selectedYear));switch(t){case"day":e="input-date__day",a=this.localize.term("day"),r=z,o=U,h=this.localize.term("dayPlaceholder"),d=this.selectedDay;break;case"month":e="input-date__month",a=this.localize.term("month"),r=C,o=$,h=this.localize.term("monthPlaceholder"),d=this.selectedMonth;break;case"year":e="input-date__year",a=this.localize.term("year"),r=m,o=y,h=this.localize.term("yearPlaceholder"),d=this.selectedYear;break}return w`
+      <input
+        type="number"
+        class=${e}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        aria-disabled=${l(this.readonly?"true":void 0)}
+        ?required=${this.required}
+        aria-label=${`${a} - ${this.parentName}`}
+        aria-describedby="description"
+        aria-invalid=${l(this.error?"true":void 0)}
+        min=${r}
+        max=${o}
+        placeholder=${h}
+        .value=${T(d)}
+        enterkeyhint=${l(this.enterkeyhint)}
+        inputmode="numeric"
+        ?autofocus=${l(this.dateOrder[0]===t?this.autofocus:void 0)}
+        @keydown=${this.handleSpinbuttonKeydown}
+        @click=${this.handleSpinbuttonClick}
+        @change=${this.handleChange}
+        @input=${this.handleSpinbuttonInput}
+        @invalid=${this.handleInvalid}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+      />
+    `}render(){return w`
+      ${this.renderSpinbutton(this.dateOrder[0])}
+      <span aria-hidden="true">${this.delimiter}</span>
+      ${this.renderSpinbutton(this.dateOrder[1])}
+      <span aria-hidden="true">${this.delimiter}</span>
+      ${this.renderSpinbutton(this.dateOrder[2])}
+
+      <input
+        class="input-date__value-input"
+        type="date"
+        name=${O(this.name)}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        aria-disabled=${l(this.readonly?"true":void 0)}
+        ?required=${this.required}
+        min=${l(this.min)}
+        max=${l(this.max)}
+        step=${l(this.step)}
+        .value=${T(this.value)}
+        tabindex="-1"
+        aria-hidden="true"
+        @invalid=${this.handleInvalid}
+        @focus=${this.handleHiddenInputFocus}
+      />
+      <p id="description">${this.description}</p>
+    `}};i.styles=P,n([f(".input-date__value-input")],i.prototype,"hiddenInput",2),n([f(".input-date__day")],i.prototype,"dayInput",2),n([f(".input-date__month")],i.prototype,"monthInput",2),n([f(".input-date__year")],i.prototype,"yearInput",2),n([u()],i.prototype,"focusedInput",2),n([u()],i.prototype,"currentLocale",2),n([u()],i.prototype,"selectedDay",2),n([u()],i.prototype,"selectedMonth",2),n([u()],i.prototype,"selectedYear",2),n([u()],i.prototype,"dateOrder",2),n([u()],i.prototype,"delimiter",2),n([u()],i.prototype,"lastPressedKey",2),n([s({attribute:"parent-name"})],i.prototype,"parentName",2),n([s()],i.prototype,"description",2),n([s()],i.prototype,"name",2),n([s()],i.prototype,"value",2),n([K()],i.prototype,"defaultValue",2),n([s({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([s()],i.prototype,"lang",2),n([s({type:Boolean})],i.prototype,"error",2),n([s({type:Boolean,reflect:!0})],i.prototype,"readonly",2),n([s({reflect:!0})],i.prototype,"form",2),n([s({type:Boolean,reflect:!0})],i.prototype,"required",2),n([s()],i.prototype,"min",2),n([s()],i.prototype,"max",2),n([s()],i.prototype,"step",2),n([s({type:Boolean})],i.prototype,"autofocus",2),n([s()],i.prototype,"enterkeyhint",2),n([v("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),n([v("value")],i.prototype,"handleValueChange",1),n([v("lang",{waitUntilFirstUpdate:!0})],i.prototype,"handleLangChange",1),n([v("focusedInput",{waitUntilFirstUpdate:!0})],i.prototype,"handleFocusChange",1),i=n([V("dsa-internal-date-field")],i);

package/cdn/chunks/chunk.CIKTPEVX.js

@@ -0,0 +1,93 @@
+import{a as r}from"./chunk.UMC4I57R.js";import{a as n}from"./chunk.6G2FNLAV.js";var e=n`
+  ${r}
+
+  :host {
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+  }
+
+  .spinner {
+    flex: 1 1 auto;
+    height: 100%;
+    width: 100%;
+  }
+
+  .spinner__track,
+  .spinner__indicator {
+    fill: none;
+    stroke-width: var(--dsa-wc-spinner-track-width);
+    r: calc(0.5em - var(--dsa-wc-spinner-track-width) / 2);
+    cx: 0.5em;
+    cy: 0.5em;
+    transform-origin: 50% 50%;
+  }
+
+  .spinner__track {
+    transform-origin: 0% 0%;
+  }
+
+  .spinner__indicator {
+    stroke-dasharray: 150% 75%;
+    animation: spin 2s linear var(--dsa-wc-no-animations-duration, infinite);
+  }
+
+  .spinner--on-base .spinner__track {
+    stroke: var(
+      --dsa-wc-internal-spinner-on-base-track-color,
+      var(--dsa-wc-spinner-on-base-track-color)
+    );
+  }
+
+  .spinner--on-floating .spinner__track {
+    stroke: var(
+      --dsa-wc-internal-spinner-on-floating-track-color,
+      var(--dsa-wc-spinner-on-floating-menu-track-color)
+    );
+  }
+
+  .spinner--on-contrasted .spinner__track {
+    stroke: var(
+      --dsa-wc-internal-spinner-on-contrasted-track-color,
+      var(--dsa-wc-spinner-on-contrasted-menu-track-color)
+    );
+  }
+
+  .spinner--on-base .spinner__indicator {
+    stroke: var(
+      --dsa-wc-internal-spinner-on-base-indicator-color,
+      var(--dsa-wc-spinner-on-base-indicator-color)
+    );
+  }
+
+  .spinner--on-floating .spinner__indicator {
+    stroke: var(
+      --dsa-wc-internal-spinner-on-floating-indicator-color,
+      var(--dsa-wc-spinner-on-floating-menu-indicator-color)
+    );
+  }
+
+  .spinner--on-contrasted .spinner__indicator {
+    stroke: var(
+      --dsa-wc-internal-spinner-on-contrasted-indicator-color,
+      var(--dsa-wc-spinner-on-contrasted-menu-indicator-color)
+    );
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+      stroke-dasharray: 0.01em, 2.75em;
+    }
+
+    50% {
+      transform: rotate(450deg);
+      stroke-dasharray: 1.375em, 1.375em;
+    }
+
+    100% {
+      transform: rotate(1080deg);
+      stroke-dasharray: 0.01em, 2.75em;
+    }
+  }
+`;export{e as a};

package/cdn/chunks/chunk.CPEZHTWZ.js

@@ -0,0 +1,94 @@
+import{a as P}from"./chunk.UJTEHF7B.js";import{a as $}from"./chunk.76OQZSVD.js";import{a as M}from"./chunk.Q2CL3LZL.js";import{a as b,b as w}from"./chunk.ZA2UO7BF.js";import{d,e as f,f as k}from"./chunk.RGOPSYRZ.js";import{a as V}from"./chunk.ISAALGRC.js";import{a as v}from"./chunk.DUYCHM7G.js";import{a as m}from"./chunk.NIRNX67K.js";import{b as N}from"./chunk.HJGLYEWV.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a as r}from"./chunk.2RF4WD6T.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as _,b as h,c as l,d as y}from"./chunk.CEOMZJL3.js";import{a as c}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var t=class extends V{constructor(){super(...arguments);this.localize=new N(this);this.maskedNumber="";this.phoneConfig=$("+33");this.placeholder=this.phoneConfig.placeholder;this.pattern=this.phoneConfig.pattern;this._isSyncing=!1;this.value="";this.phonePrefix="+33";this.phoneNumber="";this.inputPrefix="";this.placement="bottom-start"}get validity(){let e;return this.phoneNumber.length>0&&(e=this.value.match(this.pattern)!==null),{badInput:this.input.validity.badInput,customError:this.input.validity.customError,patternMismatch:!e,rangeOverflow:this.input.validity.rangeOverflow,rangeUnderflow:this.input.validity.rangeUnderflow,stepMismatch:this.input.validity.stepMismatch,tooLong:this.input.validity.tooLong,tooShort:this.input.validity.tooShort,typeMismatch:this.input.validity.typeMismatch,valid:e!==void 0?e:this.input.validity.valid,valueMissing:this.input.validity.valueMissing}}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setPhoneFromValue(this.value),this.maskedNumber=f(this.phoneNumber,this.placeholder)}willUpdate(e){e.has("phonePrefix")&&!b.includes(this.phonePrefix)&&(this.phonePrefix=e.get("phonePrefix"))}handleDocumentKeyUp(){let e=d(this.input.value),s=k(e,this.phoneConfig.mask),n=f(s,this.placeholder);this.phoneNumber=s,this.maskedNumber=n,this.input.value=n,this.updateValue(),this.formControlController.updateValidity(),this.emit("dsa-input")}handlePhonePrefixSelectChange(e){e.stopPropagation();let{target:s}=e;s instanceof P&&(this.phonePrefix=s.value,this.updateValue(),this.emit("dsa-change"))}handleInputChange(e){let{target:s}=e;if(s instanceof HTMLInputElement){let n=d(s.value);this.phoneNumber=n,this.updateValue(),this.emit("dsa-change")}}handleClearIconClick(e){this.phonePrefix="+33",this.phoneNumber="",this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change"),this.input.focus(),e.stopPropagation()}updateValue(){if(!this._isSyncing){if(this._isSyncing=!0,this.phoneNumber.length===0)this.value="";else{let e=d(this.placeholder).length;this.value=`${this.phonePrefix}${this.phoneNumber.substring(0,e)}`}this._isSyncing=!1}}updatePhoneConfig(){this.phoneConfig=$(this.phonePrefix),this.placeholder=this.phoneConfig.placeholder,this.pattern=this.phoneConfig.pattern}setPhoneFromValue(e){let s=d(this.placeholder).length,n=b.findIndex(a=>e.startsWith(a));if(n>=0){let a=b[n],u=e.replace(a,"").substring(0,s);this.phonePrefix=a,this.phoneNumber=u}}getDescriptionIds(){let e=["input-phone"];return this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.disabled?this.phonePrefixEl.setAttribute("disabled",""):this.phonePrefixEl.removeAttribute("disabled"),this.formControlController.setValidity(this.disabled)}async handleValueChange(){this._isSyncing||(this._isSyncing=!0,this.setPhoneFromValue(this.value),this.maskedNumber=f(this.phoneNumber,this.placeholder),await this.updateComplete,this.formControlController.updateValidity(),this._isSyncing=!1)}handlePhonePrefixChange(){this.updatePhoneConfig(),this.updateValue()}handlePhoneNumberChange(){this.updateValue()}checkValidity(){var a;let e=(a=this.input)==null?void 0:a.checkValidity();return this.phoneNumber.length===0?e!=null?e:!1:this.value.match(this.pattern)!==null}reportValidity(){var a;let e=(a=this.input)==null?void 0:a.reportValidity();return this.phoneNumber.length===0?e!=null?e:!1:this.value.match(this.pattern)!==null}renderInput(){var u,C,x;let e=this.hasSlotController.test("label"),s=this.label?!0:!!e,n=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.phoneNumber=="number"||((u=this.phoneNumber)==null?void 0:u.length)>0),a=this.placeholder.substring(this.maskedNumber.length||0);return c`
+      <div part="base" class="input-phone__input form-control__field">
+        <dsa-select
+          id="prefix"
+          part="select"
+          class=${o({"input-phone__select":!0,"input-phone__select-error":this.error,"input-phone__select-success":this.success&&!this.error})}
+          .variant=${v(this.variant)}
+          .value=${this.phonePrefix}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          accessible-name=${this.localize.term("countryCallingCode")}
+          .placement=${this.placement}
+          hoist
+          .size=${this.size}
+          @dsa-change=${this.handlePhonePrefixSelectChange}
+          enterkeyhint="enter"
+          display-value
+          no-sync-width
+        >
+          ${w.map(g=>c`
+              <dsa-option value=${g.value} .size=${this.size}>
+                <dsa-icon
+                  slot="prefix"
+                  name="french_flag"
+                  library="system"
+                  class="input-phone__flag"
+                ></dsa-icon>
+                ${this.localize.term(g.label)} (${g.value})
+              </dsa-option>
+            `)}
+        </dsa-select>
+
+        <div
+          class=${o({"input-phone":!0,"input-phone--error":this.error,"input-phone--success":this.success&&!this.error,"input-phone--on-layer":this.variant==="layer","input-phone--on-base":this.variant==="base","input-phone--disabled":this.disabled,"input-phone--readonly":this.readonly,"input-phone--focused":this.hasFocus,"input-phone--empty":this.phoneNumber===""})}
+        >
+          <span>${this.inputPrefix}</span>
+
+          <div class="input-phone__mask">
+            <div
+              class=${o({"input-phone__placeholder":!0})}
+              aria-placeholder=${a}
+              aria-hidden="true"
+            >
+              <span class="input-phone__value" aria-hidden="true">
+                ${this.maskedNumber}</span
+              >
+              ${a}
+            </div>
+
+            <input
+              part="input"
+              id="input"
+              class=${o({"input-phone__control":!0})}
+              type="text"
+              title=${m(s?void 0:(C=this.accessibleName)!=null?C:this.title)}
+              name=${m(this.name)}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              aria-disabled=${r(this.readonly?"true":void 0)}
+              ?required=${this.required}
+              minlength=${r(this.placeholder.length)}
+              maxlength=${r(this.placeholder.length)}
+              size=${r(this.placeholder.length)}
+              placeholder=${r(this.placeholder)}
+              .value=${v(this.maskedNumber)}
+              autocomplete="tel-national"
+              ?autofocus=${this.autofocus}
+              enterkeyhint=${r(this.enterkeyhint)}
+              inputmode="tel"
+              aria-label=${m(s?void 0:(x=this.accessibleName)!=null?x:this.title)}
+              aria-describedby=${this.getDescriptionIds()}
+              aria-invalid=${r(this.error?"true":void 0)}
+              @change=${this.handleInputChange}
+              @keyup=${this.handleDocumentKeyUp}
+              @keydown=${this.handleKeyDown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              @invalid=${this.handleInvalid}
+            />
+          </div>
+          ${n?c`
+                <dsa-icon-button
+                  part="clear-button"
+                  class="input-phone__clear"
+                  label=${this.localize.term("clearEntry")}
+                  @click=${this.handleClearIconClick}
+                  name="close"
+                  library="system"
+                >
+                </dsa-icon-button>
+              `:""}
+        </div>
+      </div>
+    `}};t.styles=M,i([y(".input-phone__control")],t.prototype,"input",2),i([y(".input-phone__select")],t.prototype,"phonePrefixEl",2),i([l()],t.prototype,"maskedNumber",2),i([l()],t.prototype,"phoneConfig",2),i([l()],t.prototype,"placeholder",2),i([l()],t.prototype,"pattern",2),i([h()],t.prototype,"value",2),i([h({attribute:!1})],t.prototype,"phonePrefix",2),i([h({attribute:!1})],t.prototype,"phoneNumber",2),i([h({attribute:"input-prefix"})],t.prototype,"inputPrefix",2),i([h({reflect:!0})],t.prototype,"placement",2),i([p("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([p("value")],t.prototype,"handleValueChange",1),i([p("phonePrefix",{waitUntilFirstUpdate:!0})],t.prototype,"handlePhonePrefixChange",1),i([p("phoneNumber",{waitUntilFirstUpdate:!0})],t.prototype,"handlePhoneNumberChange",1),t=i([_("dsa-input-phone")],t);export{t as a};

package/cdn/chunks/chunk.D3S7D52C.js

@@ -0,0 +1 @@
+import{e}from"./chunk.H544RQAW.js";var n=/^(.*?)(_(outlined|filled))?$/,i={name:"default",resolver:t=>{let r=t.match(n);if(r!==null){let[,o,,l="outlined"]=r;return e(`icons/web/${l}/${o}.svg`)}else return""},mutator:t=>t.setAttribute("fill","currentColor")},s=i;export{s as a};

package/cdn/chunks/chunk.D4Q4A62L.js

@@ -0,0 +1,71 @@
+import{a as r}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var i=a`
+  ${r}
+
+  :host {
+    display: inline-block;
+  }
+
+  .avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    background-color: var(--dsa-wc-avatar-background-color);
+    color: var(--dsa-wc-avatar-color);
+    user-select: none;
+    vertical-align: middle;
+    border-radius: var(--dsa-wc-avatar-border-radius);
+    border: var(--dsa-wc-internal-avatar-border, 'inherit');
+  }
+
+  .avatar--small {
+    width: var(--dsa-wc-avatar-small-size);
+    height: var(--dsa-wc-avatar-small-size);
+    font: var(--dsa-wc-avatar-small-font);
+  }
+
+  .avatar--medium {
+    width: var(--dsa-wc-avatar-medium-size);
+    height: var(--dsa-wc-avatar-medium-size);
+    font: var(--dsa-wc-avatar-medium-font);
+  }
+
+  .avatar--large {
+    width: var(--dsa-wc-avatar-large-size);
+    height: var(--dsa-wc-avatar-large-size);
+    font: var(--dsa-wc-avatar-large-font);
+  }
+
+  .avatar--x-large {
+    width: var(--dsa-wc-avatar-x-large-size);
+    height: var(--dsa-wc-avatar-x-large-size);
+    font: var(--dsa-wc-avatar-x-large-font);
+  }
+
+  .avatar__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .avatar__initials {
+    line-height: 1;
+    text-transform: uppercase;
+  }
+
+  .avatar__image {
+    border-radius: var(--dsa-wc-avatar-border-radius);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    overflow: hidden;
+  }
+`;export{i as a};