@ds-autonomie/web-components 2.14.0 → 2.14.1

package/cdn/chunks/chunk.IX7FEZZQ.js

@@ -0,0 +1,23 @@
+import{a as c}from"./chunk.GFNMOJ6D.js";import{d as o}from"./chunk.6DV3UDL6.js";import{a as l}from"./chunk.UJCOUPGF.js";import{a,b as i,d as s,f as d}from"./chunk.FC3GHOSX.js";import{a as r}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends d{constructor(){super(...arguments);this.title="";this.calloutTitle=""}render(){return r`
+      <div
+        part="base"
+        class=${o({callout:!0})}
+        role=${l(this.calloutTitle||this.title?"region":void 0)}
+        aria-labelledby=${l(this.calloutTitle||this.title?"header":void 0)}
+      >
+        <div class="callout__text">
+          ${this.calloutTitle||this.title?r`
+                <div
+                  part="header"
+                  id="header"
+                  aria-level=${l(this.headerLevel)}
+                  role=${l(this.headerLevel?"heading":void 0)}
+                  class="callout__title"
+                >
+                  ${this.calloutTitle||this.title}
+                </div>
+              `:""}
+          <slot part="message" class="callout__message"></slot>
+        </div>
+      </div>
+    `}};e.styles=c,t([s('[part~="base"]')],e.prototype,"base",2),t([i()],e.prototype,"title",2),t([i({attribute:"callout-title"})],e.prototype,"calloutTitle",2),t([i({attribute:"header-level",reflect:!0})],e.prototype,"headerLevel",2),e=t([a("dsa-callout")],e);export{e as a};

package/cdn/chunks/chunk.IZ2HVRME.js

@@ -0,0 +1 @@
+var j=Object.defineProperty,p=Object.defineProperties,q=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var i=(b,a)=>(a=Symbol[b])?a:Symbol.for("Symbol."+b),s=b=>{throw TypeError(b)};var l=(b,a,c)=>a in b?j(b,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):b[a]=c,u=(b,a)=>{for(var c in a||(a={}))m.call(a,c)&&l(b,c,a[c]);if(h)for(var c of h(a))n.call(a,c)&&l(b,c,a[c]);return b},v=(b,a)=>p(b,r(a));var w=b=>a=>{var c=b[a];if(c)return c();throw new Error("Module not found in bundle: "+a)};var x=(b,a)=>{var c={};for(var d in b)m.call(b,d)&&a.indexOf(d)<0&&(c[d]=b[d]);if(b!=null&&h)for(var d of h(b))a.indexOf(d)<0&&n.call(b,d)&&(c[d]=b[d]);return c};var y=(b,a)=>{for(var c in a)j(b,c,{get:a[c],enumerable:!0})};var z=(b,a,c,d)=>{for(var e=d>1?void 0:d?q(a,c):a,f=b.length-1,g;f>=0;f--)(g=b[f])&&(e=(d?g(a,c,e):g(e))||e);return d&&e&&j(a,c,e),e};var t=function(b,a){this[0]=b,this[1]=a};var A=b=>{var a=b[i("asyncIterator")],c=!1,d,e={};return a==null?(a=b[i("iterator")](),d=f=>e[f]=g=>a[f](g)):(a=a.call(b),d=f=>e[f]=g=>{if(c){if(c=!1,f==="throw")throw g;return g}return c=!0,{done:!1,value:new t(new Promise(o=>{var k=a[f](g);k instanceof Object||s("Object expected"),o(k)}),1)}}),e[i("iterator")]=()=>e,d("next"),"throw"in a?d("throw"):e.throw=f=>{throw f},"return"in a&&d("return"),e};export{u as a,v as b,w as c,x as d,y as e,z as f,A as g};

package/cdn/chunks/chunk.J3QSJGGH.js

@@ -0,0 +1,22 @@
+import{a as h}from"./chunk.CSSF3CPR.js";import{c as g}from"./chunk.4WOVD75K.js";import{a,b as n,c as r,d as c,f as d}from"./chunk.FC3GHOSX.js";import{a as i}from"./chunk.WJZ4ONP7.js";import{f as l}from"./chunk.IZ2HVRME.js";var e=class extends d{constructor(){super(...arguments);this.localize=new g(this);this.isToggleButtonInCloseMode=!1;this.singleOpen=!1;this.toggleButton=!1}getAllAccordions(){return[...this.querySelectorAll("dsa-accordion")]}openAll(){this.getAllAccordions().forEach(t=>{t.open=!0})}closeAll(){this.getAllAccordions().forEach(t=>{t.open=!1})}updateToggleButtonMode(){let t=this.getAllAccordions();this.toggleButton&&t.every(o=>o.open)&&(this.isToggleButtonInCloseMode=!0)}handleAccordionOpenEvent(t){let o=t.target,p=this.getAllAccordions();if(o.tagName.toLowerCase()==="dsa-accordion"){if(this.singleOpen){p.forEach(s=>{s!==o&&s.open&&(s.open=!1)});return}this.updateToggleButtonMode()}}handleAccordionCloseEvent(t){t.target.tagName.toLowerCase()!=="dsa-accordion"||this.singleOpen||!this.toggleButton||(this.isToggleButtonInCloseMode=!1)}handleToggleButtonClick(){this.isToggleButtonInCloseMode?this.closeAll():this.openAll(),this.isToggleButtonInCloseMode=!this.isToggleButtonInCloseMode}handleSlotChange(){this.getAllAccordions().forEach(o=>o.setAttribute("role","listitem")),this.updateToggleButtonMode()}render(){let t=this.isToggleButtonInCloseMode?this.localize.term("closeAll"):this.localize.term("openAll");return i`
+      <div part="base" role="group">
+        ${!this.singleOpen&&this.toggleButton?i`
+              <div part="actions" class="accordion-group__actions">
+                <dsa-button
+                  @click=${this.handleToggleButtonClick}
+                  variant="tertiary"
+                  >${t}</dsa-button
+                >
+              </div>
+            `:""}
+        <div
+          part="list"
+          class="accordion-group__list"
+          role="list"
+          @dsa-show=${this.handleAccordionOpenEvent}
+          @dsa-hide=${this.handleAccordionCloseEvent}
+        >
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </div>
+    `}};e.styles=h,l([c("slot")],e.prototype,"defaultSlot",2),l([r()],e.prototype,"isToggleButtonInCloseMode",2),l([n({type:Boolean,attribute:"single-open"})],e.prototype,"singleOpen",2),l([n({type:Boolean,attribute:"toggle-button"})],e.prototype,"toggleButton",2),e=l([a("dsa-accordion-group")],e);export{e as a};

package/cdn/chunks/chunk.J6COFKQK.js

@@ -0,0 +1,114 @@
+import{b as r}from"./chunk.A3GZIKG7.js";import{d as l}from"./chunk.6DV3UDL6.js";import{a,b as c,f as i}from"./chunk.FC3GHOSX.js";import{a as t}from"./chunk.VNBROC2T.js";import{f as e}from"./chunk.IZ2HVRME.js";var s=t`
+  :host {
+    display: contents;
+  }
+
+  .checkbox__control--small {
+    --toggle-size: var(--dsa-wc-checkbox-size-small);
+  }
+
+  .checkbox__control--medium {
+    --toggle-size: var(--dsa-wc-checkbox-size);
+  }
+
+  .checkbox__control--large {
+    --toggle-size: var(--dsa-wc-checkbox-size-large);
+  }
+
+  .checkbox__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: var(--dsa-wc-checkbox-border);
+    border-radius: var(--dsa-wc-checkbox-border-radius);
+    background-color: var(--dsa-wc-checkbox-background-color);
+    color: var(--dsa-wc-checkbox-icon-color);
+    transition:
+      var(--dsa-wc-transition-fast) border-color,
+      var(--dsa-wc-transition-fast) background-color,
+      var(--dsa-wc-transition-fast) color,
+      var(--dsa-wc-transition-fast) box-shadow;
+    box-sizing: border-box;
+  }
+
+  .checkbox__control.checkbox__control--small {
+    border-radius: var(--dsa-wc-checkbox-border-radius-small);
+  }
+
+  .checkbox__checked-icon,
+  .checkbox__indeterminate-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+
+  /* Hover */
+  :host(:hover)
+    .checkbox__control:not(.checkbox__control--checked):not(
+      .checkbox__control--disabled
+    ):not(.checkbox__control--readonly) {
+    border-color: var(--dsa-wc-checkbox-color-hover);
+  }
+
+  /* Checked/indeterminate */
+  .checkbox__control--checked,
+  .checkbox__control--indeterminate {
+    border-color: var(--dsa-wc-checkbox-color-active);
+    background-color: var(--dsa-wc-checkbox-color-active);
+  }
+
+  /* Checked/indeterminate + hover */
+  :host(:hover)
+    .checkbox.checkbox__control--checked:not(.checkbox__control--disabled):not(
+      .checkbox__control--readonly
+    ),
+  :host(:hover)
+    .checkbox.checkbox__control--indeterminate:not(
+      .checkbox__control--disabled
+    ):not(.checkbox__control--readonly) {
+    border-color: var(--dsa-wc-checkbox-color-active);
+    background-color: var(--dsa-wc-checkbox-color-active);
+  }
+
+  /* Disabled */
+  .checkbox__control--disabled {
+    border-color: var(--dsa-wc-checkbox-color-disabled);
+  }
+  .checkbox__control--checked.checkbox__control--disabled,
+  .checkbox__control--indeterminate.checkbox__control--disabled {
+    background-color: var(--dsa-wc-checkbox-color-disabled);
+  }
+
+  /* Readonly */
+  .checkbox__control--readonly {
+    border-color: var(--dsa-wc-checkbox-border-color-readonly);
+    color: var(--dsa-wc-checkbox-color-readonly);
+    background-color: var(--dsa-wc-checkbox-background-color);
+  }
+`;var o=class extends i{constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.size="medium";this.disabled=!1;this.readonly=!1;this.error=!1}render(){return r`
+      <span
+        part="control"
+        class=${l({checkbox__control:!0,"checkbox__control--checked":this.checked,"checkbox__control--indeterminate":this.indeterminate,"checkbox__control--disabled":this.disabled,"checkbox__control--readonly":this.readonly,"checkbox__control--error":this.error,"checkbox__control--small":this.size==="small","checkbox__control--medium":this.size==="medium","checkbox__control--large":this.size==="large"})}
+      >
+        ${this.checked?r`
+              <dsa-icon
+                part="checked-icon"
+                class="checkbox__checked-icon"
+                name="done"
+                library="system"
+              ></dsa-icon>
+            `:""}
+        ${!this.checked&&this.indeterminate?r`
+              <dsa-icon
+                part="indeterminate-icon"
+                class="checkbox__indeterminate-icon"
+                name="horizontal_rule"
+                library="system"
+              ></dsa-icon>
+            `:""}
+      </span>
+    `}};o.styles=s,e([c({type:Boolean,reflect:!0})],o.prototype,"checked",2),e([c({type:Boolean,reflect:!0})],o.prototype,"indeterminate",2),e([c({reflect:!0})],o.prototype,"size",2),e([c({type:Boolean,reflect:!0})],o.prototype,"disabled",2),e([c({type:Boolean,reflect:!0})],o.prototype,"readonly",2),e([c({type:Boolean})],o.prototype,"error",2),o=e([a("dsa-internal-checkbox-box")],o);

package/cdn/chunks/chunk.JDGI7ZE4.js

@@ -0,0 +1,9 @@
+import{a as p}from"./chunk.QL6AVEPA.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as s,b as u,c as l,d as i,f as m}from"./chunk.FC3GHOSX.js";import{a}from"./chunk.WJZ4ONP7.js";import{f as n}from"./chunk.IZ2HVRME.js";var r="dsa-navbar-menu",c="dsa-navbar-link",t=class extends m{constructor(){super(...arguments);this.currentOpenMenu=null;this.mobile=!1}connectedCallback(){super.connectedCallback()}handleSlotChange(){this.getAllChildren().forEach(e=>{e.mobile=this.mobile})}handleMobileChange(){this.getAllChildren().forEach(e=>{this.mobile?e.setAttribute("mobile","true"):e.removeAttribute("mobile"),this.currentOpenMenu=null,e.classList.remove("hidden"),this.isNavbarMenu(e)&&e.removeAttribute("open")})}handleMenuShow(e){if(!this.mobile)return;let o=e.target.closest(r);o&&(this.currentOpenMenu=o)}handleMenuHide(){this.mobile&&(this.getAllMenus().some(e=>e.open)||(this.currentOpenMenu=null))}getAllChildren(){return[...this.querySelectorAll(r),...this.querySelectorAll(c)]}getAllMenus(){return[...this.querySelectorAll(r)]}isNavbarMenu(e){return e.tagName.toLowerCase()===r}render(){return this.mobile&&this.getAllChildren().forEach(e=>{this.currentOpenMenu===null||e===this.currentOpenMenu?e.classList.remove("hidden"):(e.classList.add("hidden"),this.isNavbarMenu(e)&&e.removeAttribute("open"))}),a`
+      <slot
+        role="list"
+        class="navbar__list"
+        @slotchange=${this.handleSlotChange}
+        @dsa-show=${this.handleMenuShow}
+        @dsa-hide=${this.handleMenuHide}
+      ></slot>
+    `}};t.styles=p,n([i("nav")],t.prototype,"navbar",2),n([i("slot")],t.prototype,"defaultSlot",2),n([l()],t.prototype,"allMenus",2),n([l()],t.prototype,"currentOpenMenu",2),n([u({type:Boolean})],t.prototype,"mobile",2),n([h("mobile")],t.prototype,"handleMobileChange",1),t=n([s("dsa-navbar")],t);export{t as a};

package/cdn/chunks/chunk.JDN3UIAG.js

@@ -0,0 +1,14 @@
+import{a as t}from"./chunk.GJVNJPCX.js";import{a as e}from"./chunk.VNBROC2T.js";var n=e`
+  ${t}
+
+  :host {
+    display: block;
+    isolation: isolate;
+
+    /*
+     * Tree item indentation uses the "em" unit to increment its width on each level, so setting the font size to zero
+     * here removes the indentation for all the nodes on the first level.
+     */
+    font-size: 0;
+  }
+`;export{n as a};

package/cdn/chunks/chunk.JNMZA6VM.js

@@ -0,0 +1,390 @@
+import{a as e}from"./chunk.ICWLHTHU.js";import{a as r}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var c=o`
+  ${r}
+  ${e}
+
+  :host {
+    display: block;
+  }
+
+  .input-phone {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: var(--dsa-wc-input-padding);
+    vertical-align: middle;
+    font: var(--dsa-wc-input-text-field-font);
+    letter-spacing: var(--dsa-wc-input-mask-placeholder-letter-spacing);
+    font-size: inherit;
+    overflow: hidden;
+    cursor: text;
+    width: 100%;
+    transition:
+      var(--dsa-wc-transition-fast) color,
+      var(--dsa-wc-transition-fast) border,
+      var(--dsa-wc-transition-fast) box-shadow,
+      var(--dsa-wc-transition-fast) background-color;
+    border-radius: var(--dsa-wc-input-phone-border-radius);
+    border-left-width: 0.5px;
+    height: auto;
+  }
+
+  .input-phone--focused:not(.input-phone--disabled) {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .input-phone--disabled .input-phone__control,
+  .input-phone--disabled .input-phone__placeholder {
+    color: var(--dsa-wc-input-label-color-disabled);
+  }
+
+  /* On Layer inputs */
+  .input-phone--on-layer {
+    background-color: var(--dsa-wc-input-on-layer-background-color);
+    border: solid var(--dsa-wc-input-border-width)
+      var(--dsa-wc-input-on-layer-border-color);
+  }
+
+  .input-phone--on-layer:hover:not(.input-phone--disabled):not(
+      .input-phone--readonly
+    ) {
+    border-color: var(--dsa-wc-input-on-layer-border-color-hover);
+  }
+
+  .input-phone--on-layer.input-phone--focused:not(.input-phone--disabled):not(
+      .input-phone--readonly
+    )
+    .input-phone__control {
+    color: var(--dsa-wc-input-on-layer-text-field-input-color);
+  }
+
+  .input-phone--on-layer.input-phone--disabled {
+    background-color: var(--dsa-wc-input-on-layer-background-color-disabled);
+    border-color: var(--dsa-wc-input-on-layer-border-color-disabled);
+    cursor: not-allowed;
+  }
+
+  .input-phone--on-layer.input-phone--readonly {
+    background-color: var(--dsa-wc-input-on-layer-read-only-background-color);
+    border-color: var(--dsa-wc-input-on-layer-read-only-border-color);
+  }
+
+  .input-phone__control::placeholder {
+    visibility: hidden;
+  }
+
+  .input-phone--on-layer:not(.input-phone--disabled) .input-phone__placeholder {
+    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
+  }
+
+  .input-phone--on-layer.input-phone--disabled .input-phone__control {
+    color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
+  }
+
+  .input-phone--on-layer.input-phone--disabled
+    .input-phone__control::placeholder {
+    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color-disabled);
+  }
+
+  .input-phone--error.input-phone--on-layer:not(.input-phone--disabled):not(
+      .input-phone--readonly
+    ) {
+    background-color: var(--dsa-wc-input-on-layer-background-color-error);
+    border-color: var(--dsa-wc-input-on-layer-border-color-error);
+  }
+  .input-phone--error.input-phone--on-layer:hover:not(
+      .input-phone--disabled
+    ):not(.input-phone--readonly) {
+    border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
+  }
+
+  .input-phone--success.input-phone--on-layer {
+    background-color: var(--dsa-wc-input-success-background-color);
+    border-color: var(--dsa-wc-input-success-border-color);
+  }
+
+  /* On Base inputs */
+  .input-phone--on-base {
+    border: solid var(--dsa-wc-input-border-width)
+      var(--dsa-wc-input-on-base-border-color);
+    background-color: var(--dsa-wc-input-on-base-background-color);
+    color: var(--dsa-wc-input-on-base-text-field-input-color);
+  }
+
+  .input-phone--on-base:hover:not(.input-phone--disabled):not(
+      .input-phone--readonly
+    ) {
+    border-color: var(--dsa-wc-input-on-base-border-color-hover);
+  }
+
+  .input-phone--on-base.input-phone--disabled {
+    border-color: var(--dsa-wc-input-on-base-border-color-disabled);
+    background-color: var(--dsa-wc-input-on-base-background-color-disabled);
+    cursor: not-allowed;
+  }
+  .input-phone--on-base.input-phone--readonly {
+    background-color: var(--dsa-wc-input-on-base-read-only-background-color);
+    border-color: var(--dsa-wc-input-on-base-read-only-border-color);
+  }
+
+  .input-phone--on-base:not(.input-phone--disabled) .input-phone__placeholder {
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+  }
+
+  .input-phone__placeholder {
+    user-select: none;
+    pointer-events: none;
+    width: 100%;
+    white-space: nowrap;
+  }
+
+  .input-phone--error.input-phone--on-base:not(.input-phone--disabled):not(
+      .input-phone--readonly
+    ) {
+    background-color: var(--dsa-wc-input-on-base-background-color-error);
+    border-color: var(--dsa-wc-input-on-base-border-color-error);
+  }
+  .input-phone--error.input-phone--on-base:hover:not(
+      .input-phone--disabled
+    ):not(.input-phone--readonly) {
+    border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
+  }
+
+  .input-phone--success.input-phone--on-base {
+    background-color: var(--dsa-wc-input-success-background-color);
+    border-color: var(--dsa-wc-input-success-border-color);
+  }
+
+  .input-phone__control {
+    position: absolute;
+    padding: 0;
+    display: inline-flex;
+    flex-direction: row;
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    letter-spacing: var(--dsa-wc-input-mask-placeholder-letter-spacing);
+    min-width: 0;
+    height: 100%;
+    border: none;
+    background: none;
+    box-shadow: none;
+    margin: 0;
+    right: 0;
+    left: 0;
+    cursor: inherit;
+    -webkit-appearance: none;
+  }
+
+  .input-phone__control::-webkit-search-decoration,
+  .input-phone__control::-webkit-search-cancel-button,
+  .input-phone__control::-webkit-search-results-button,
+  .input-phone__control::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  .input-phone__control:-webkit-autofill,
+  .input-phone__control:-webkit-autofill:hover,
+  .input-phone__control:-webkit-autofill:focus,
+  .input-phone__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--dsa-wc-form-input-height-large)
+      var(--dsa-wc-form-input-autocomplete-background) inset !important;
+    -webkit-text-fill-color: var(--dsa-wc-input-on-base-text-field-input-color);
+    caret-color: var(--dsa-wc-input-on-base-text-field-input-color);
+  }
+
+  .input-phone:hover:not(.input-phone--disabled):not(.input-phone--readonly)
+    .input-phone__control {
+    color: var(--dsa-wc-input-on-base-text-field-input-color);
+  }
+
+  .input-phone__control:focus {
+    outline: none;
+  }
+
+  .input-phone__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+  }
+
+  .input-phone__input {
+    display: flex;
+    width: 100%;
+  }
+
+  /* Select  */
+  .input-phone__select {
+    flex-shrink: 0;
+    min-width: var(--input-phone__select__min-width);
+  }
+
+  .input-phone__select::part(combobox) {
+    border-radius: var(--dsa-wc-input-phone-select-border-radius);
+    border-right: none;
+    height: auto;
+    font-size: inherit;
+    padding: 4px 4px 4px 8px;
+  }
+
+  .input-phone__select::part(popup) {
+    display: unset;
+  }
+
+  .input-phone__select::part(display-input) {
+    text-align: center;
+  }
+
+  dsa-select.input-phone__select-error {
+    --dsa-wc-internal-select-on-base-background-color: var(
+      --dsa-wc-input-on-base-background-color-error
+    );
+    --dsa-wc-internal-select-on-base-border-color: var(
+      --dsa-wc-input-on-base-border-color-error
+    );
+    --dsa-wc-internal-select-on-base-active-background-color: var(
+      --dsa-wc-input-on-base-background-color-error
+    );
+    --dsa-wc-internal-select-on-base-hover-border-color: var(
+      --dsa-wc-input-on-base-border-color-error-hover
+    );
+    --dsa-wc-internal-select-on-base-hover-background-color: var(
+      --dsa-wc-input-on-base-background-color-error
+    );
+    --dsa-wc-internal-select-on-layer-active-box-shadow: none;
+
+    --dsa-wc-internal-select-on-layer-background-color: var(
+      --dsa-wc-input-on-layer-background-color-error
+    );
+    --dsa-wc-internal-select-on-layer-border-color: var(
+      --dsa-wc-input-on-layer-border-color-error
+    );
+    --dsa-wc-internal-select-on-layer-active-background-color: var(
+      --dsa-wc-input-on-layer-background-color-error
+    );
+
+    --dsa-wc-internal-select-on-layer-hover-border-color: var(
+      --dsa-wc-input-on-layer-border-color-error-hover
+    );
+    --dsa-wc-internal-select-on-layer-hover-background-color: var(
+      --dsa-wc-input-on-layer-background-color-error
+    );
+  }
+  dsa-select.input-phone__select-success {
+    --dsa-wc-internal-select-on-base-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-base-border-color: var(
+      --dsa-wc-input-success-border-color
+    );
+    --dsa-wc-internal-select-on-base-active-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-base-hover-border-color: var(
+      --dsa-wc-input-success-border-color
+    );
+    --dsa-wc-internal-select-on-base-hover-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-layer-active-box-shadow: none;
+
+    --dsa-wc-internal-select-on-layer-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-layer-border-color: var(
+      --dsa-wc-input-success-border-color
+    );
+    --dsa-wc-internal-select-on-layer-active-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-layer-hover-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+  }
+
+  /*
+   * Size modifiers
+   */
+  .form-control--small {
+    --input-phone__select__min-width: 54px;
+  }
+  .form-control--small .input-phone__input,
+  .form-control--small dsa-select::part(combobox) {
+    font: var(--dsa-wc-input-text-field-font-small);
+    height: var(--dsa-wc-input-phone-small-height);
+  }
+  .form-control--small .input-phone__control {
+    height: calc(
+      var(--dsa-wc-input-phone-small-height) - var(
+          --dsa-wc-input-border-width
+        ) *
+        2
+    );
+  }
+
+  .form-control--medium {
+    --input-phone__select__min-width: 68px;
+  }
+  .form-control--medium dsa-select::part(combobox) {
+    height: var(--dsa-wc-input-phone-height);
+  }
+  .form-control--medium .input-phone__control {
+    height: calc(
+      var(--dsa-wc-input-phone-height) - var(--dsa-wc-input-border-width) * 2
+    );
+  }
+  .form-control--medium .input-phone__flag {
+    width: 1.25rem;
+  }
+
+  .form-control--large {
+    --input-phone__select__min-width: 68px;
+  }
+  .form-control--large
+    .input-phone___input.form-control--large
+    dsa-select::part(combobox) {
+    font: var(--dsa-wc-input-text-field-font-large);
+    height: var(--dsa-wc-input-phone-large-height);
+  }
+  .form-control--large .input-phone__control {
+    height: calc(
+      var(--dsa-wc-input-phone-large-height) - var(
+          --dsa-wc-input-border-width
+        ) *
+        2
+    );
+  }
+  .form-control--large .input-phone__flag {
+    width: 1.5rem;
+  }
+
+  /*
+   *  Clearable
+   */
+
+  .input-phone__clear {
+    --dsa-wc-internal-icon-button-padding: 0;
+    z-index: var(--dsa-wc-input-mask-clear-icon-z-index);
+  }
+
+  /* Don't show the browser's password toggle in Edge */
+  ::-ms-reveal {
+    display: none;
+  }
+
+  /* Mask */
+
+  .input-phone__value {
+    visibility: hidden;
+  }
+
+  .input-phone__mask {
+    position: relative;
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+`;export{c as a};

package/cdn/chunks/chunk.JO6KF4BL.js

@@ -0,0 +1,35 @@
+import{a as m}from"./chunk.FC4RDJJF.js";import{a as z}from"./chunk.6FLIWG75.js";import{c as w}from"./chunk.4WOVD75K.js";import{a as y}from"./chunk.UJCOUPGF.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as u,b as h,d as g,f as b}from"./chunk.FC3GHOSX.js";import{a as x}from"./chunk.GJVNJPCX.js";import{a as f}from"./chunk.WJZ4ONP7.js";import{f as n}from"./chunk.IZ2HVRME.js";function P(p,r){function e(o){let a=p.getBoundingClientRect(),s=p.ownerDocument.defaultView,v=a.left+s.pageXOffset,d=a.top+s.pageYOffset,l=o.pageX-v,T=o.pageY-d;r!=null&&r.onMove&&r.onMove(l,T)}function t(){document.removeEventListener("pointermove",e),document.removeEventListener("pointerup",t),r!=null&&r.onStop&&r.onStop()}document.addEventListener("pointermove",e,{passive:!0}),document.addEventListener("pointerup",t),(r==null?void 0:r.initialEvent)instanceof PointerEvent&&e(r.initialEvent)}var i=class extends b{constructor(){super(...arguments);this.localize=new w(this);this.position=50;this.vertical=!1;this.disabled=!1;this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(e=>this.handleResize(e)),this.updateComplete.then(()=>this.resizeObserver.observe(this)),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.unobserve(this)}detectSize(){let{width:e,height:t}=this.getBoundingClientRect();this.size=this.vertical?t:e}percentageToPixels(e){return this.size*(e/100)}pixelsToPercentage(e){return e/this.size*100}handleDrag(e){let t=this.localize.dir()==="rtl";this.disabled||(e.cancelable&&e.preventDefault(),P(this,{onMove:(o,a)=>{let s=this.vertical?a:o;this.primary==="end"&&(s=this.size-s),this.snap&&this.snap.split(" ").forEach(d=>{let l;d.endsWith("%")?l=this.size*(parseFloat(d)/100):l=parseFloat(d),t&&!this.vertical&&(l=this.size-l),s>=l-this.snapThreshold&&s<=l+this.snapThreshold&&(s=l)}),this.position=m(this.pixelsToPercentage(s),0,100)},initialEvent:e}))}handleKeyDown(e){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let t=this.position,o=(e.shiftKey?10:1)*(this.primary==="end"?-1:1);e.preventDefault(),(e.key==="ArrowLeft"&&!this.vertical||e.key==="ArrowUp"&&this.vertical)&&(t-=o),(e.key==="ArrowRight"&&!this.vertical||e.key==="ArrowDown"&&this.vertical)&&(t+=o),e.key==="Home"&&(t=this.primary==="end"?100:0),e.key==="End"&&(t=this.primary==="end"?0:100),this.position=m(t,0,100)}}handleResize(e){let{width:t,height:o}=e[0].contentRect;this.size=this.vertical?o:t,(isNaN(this.cachedPositionInPixels)||this.position===1/0)&&(this.cachedPositionInPixels=Number(this.getAttribute("position-in-pixels")),this.positionInPixels=Number(this.getAttribute("position-in-pixels")),this.position=this.pixelsToPercentage(this.positionInPixels)),this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("dsa-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){let e=this.vertical?"gridTemplateRows":"gridTemplateColumns",t=this.vertical?"gridTemplateColumns":"gridTemplateRows",o=this.localize.dir()==="rtl",a=`
+      clamp(
+        0%,
+        clamp(
+          var(--min),
+          ${this.position}% - var(--divider-width) / 2,
+          var(--max)
+        ),
+        calc(100% - var(--divider-width))
+      )
+    `,s="auto";return this.primary==="end"?o&&!this.vertical?this.style[e]=`${a} var(--divider-width) ${s}`:this.style[e]=`${s} var(--divider-width) ${a}`:o&&!this.vertical?this.style[e]=`${s} var(--divider-width) ${a}`:this.style[e]=`${a} var(--divider-width) ${s}`,this.style[t]="",f`
+      <slot name="start" part="panel start" class="start"></slot>
+
+      <div
+        part="divider"
+        class="divider"
+        tabindex=${y(this.disabled?void 0:"0")}
+        role="separator"
+        aria-valuenow=${this.position}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-label=${this.localize.term("resize")}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleDrag}
+        @touchstart=${this.handleDrag}
+      >
+        <dsa-icon
+          name="drag_indicator"
+          class="drag-icon"
+          library="system"
+        ></dsa-icon>
+      </div>
+
+      <slot name="end" part="panel end" class="end"></slot>
+    `}};i.styles=[x,z],n([g(".divider")],i.prototype,"divider",2),n([h({type:Number,reflect:!0})],i.prototype,"position",2),n([h({attribute:"position-in-pixels",type:Number})],i.prototype,"positionInPixels",2),n([h({type:Boolean,reflect:!0})],i.prototype,"vertical",2),n([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([h()],i.prototype,"primary",2),n([h()],i.prototype,"snap",2),n([h({type:Number,attribute:"snap-threshold"})],i.prototype,"snapThreshold",2),n([c("position")],i.prototype,"handlePositionChange",1),n([c("positionInPixels")],i.prototype,"handlePositionInPixelsChange",1),n([c("vertical")],i.prototype,"handleVerticalChange",1),i=n([u("dsa-split-panel")],i);export{i as a};