@ds-autonomie/web-components 2.14.0 → 2.14.1

package/cdn/chunks/chunk.WOYUFL4B.js

@@ -0,0 +1,261 @@
+import{a}from"./chunk.GJVNJPCX.js";import{a as t}from"./chunk.VNBROC2T.js";var i=t`
+  ${a}
+
+  :host {
+    display: block;
+  }
+
+  .tab-group {
+    display: flex;
+    border-radius: 0;
+    background: var(--dsa-wc-tab-group-background-color);
+  }
+
+  .tab-group__tabs {
+    display: flex;
+    position: relative;
+  }
+
+  .tab-group__indicator {
+    position: absolute;
+    transition:
+      var(--dsa-wc-transition-fast) translate ease,
+      var(--dsa-wc-transition-fast) width ease;
+  }
+
+  .tab-group--has-scroll-controls .tab-group__nav-container {
+    position: relative;
+    padding: 0 2.5rem;
+  }
+
+  .tab-group--below-page-header .tab-group__nav-section {
+    background: var(--dsa-wc-page-header-background);
+  }
+  .tab-group__nav-section,
+  .tab-group__body-section {
+    display: flex;
+    justify-content: center;
+    /* stylelint-disable-next-line */
+    padding-inline: var(--tab-group-padding-inline);
+  }
+
+  .tab-group__nav-container,
+  .tab-group__body {
+    width: 100%;
+    /* stylelint-disable-next-line */
+    max-width: var(--tab-group-max-width);
+  }
+
+  .tab-group__body {
+    display: block;
+    overflow: auto;
+    /* stylelint-disable-next-line */
+    max-width: var(--tab-group-max-width);
+  }
+
+  .tab-group__scroll-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 2.5rem;
+  }
+
+  .tab-group__scroll-button--start {
+    left: 0;
+  }
+
+  .tab-group__scroll-button--end {
+    right: 0;
+  }
+
+  .tab-group--rtl .tab-group__scroll-button--start {
+    left: auto;
+    right: 0;
+  }
+
+  .tab-group--rtl .tab-group__scroll-button--end {
+    left: 0;
+    right: auto;
+  }
+
+  /*
+   * Top
+   */
+
+  .tab-group--top {
+    flex-direction: column;
+  }
+
+  .tab-group--top .tab-group__nav-container {
+    order: 1;
+  }
+
+  .tab-group--top .tab-group__nav {
+    display: flex;
+    overflow-x: auto;
+
+    /* Hide scrollbar in Firefox */
+    scrollbar-width: none;
+  }
+
+  /* Hide scrollbar in Chrome/Safari */
+  .tab-group--top .tab-group__nav::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
+  .tab-group--top .tab-group__nav-section {
+    border-bottom: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-track-color);
+  }
+  .tab-group--top .tab-group__tabs {
+    flex: 1 1 auto;
+    position: relative;
+    flex-direction: row;
+  }
+
+  .tab-group--top .tab-group__indicator {
+    bottom: 0;
+    border-bottom: solid var(--dsa-wc-tab-group-indicator-track-width)
+      var(--dsa-wc-tab-group-indicator-color);
+  }
+
+  .tab-group--top .tab-group__body {
+    order: 2;
+  }
+
+  /*
+   * Bottom
+   */
+
+  .tab-group--bottom {
+    flex-direction: column;
+  }
+
+  .tab-group--bottom .tab-group__nav-container {
+    order: 2;
+  }
+
+  .tab-group--bottom .tab-group__nav {
+    display: flex;
+    overflow-x: auto;
+
+    /* Hide scrollbar in Firefox */
+    scrollbar-width: none;
+  }
+
+  /* Hide scrollbar in Chrome/Safari */
+  .tab-group--bottom .tab-group__nav::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
+  .tab-group--bottom .tab-group__nav-section {
+    border-top: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-track-color);
+  }
+  .tab-group--bottom .tab-group__tabs {
+    flex: 1 1 auto;
+    position: relative;
+    flex-direction: row;
+  }
+
+  .tab-group--bottom .tab-group__indicator {
+    top: calc(-1 * var(--dsa-wc-tab-group-track-width));
+    border-top: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-indicator-color);
+  }
+
+  .tab-group--bottom .tab-group__body {
+    order: 1;
+  }
+
+  .tab-group--bottom ::slotted(dsa-tab-panel) {
+    --padding: 0 0 var(--dsa-spacing-16) 0;
+  }
+
+  /*
+   * Start
+   */
+
+  .tab-group--start {
+    flex-direction: row;
+  }
+
+  .tab-group--start .tab-group__nav-container {
+    order: 1;
+  }
+
+  .tab-group--start .tab-group__nav-section {
+    border-inline-end: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-track-color);
+  }
+  .tab-group--start .tab-group__tabs {
+    flex: 0 0 auto;
+    flex-direction: column;
+  }
+
+  .tab-group--start .tab-group__indicator {
+    right: calc(-1 * var(--dsa-wc-tab-group-track-width));
+    border-right: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-indicator-color);
+  }
+
+  .tab-group--start.tab-group--rtl .tab-group__indicator {
+    right: auto;
+    left: calc(-1 * var(--dsa-wc-tab-group-track-width));
+  }
+
+  .tab-group--start .tab-group__body {
+    flex: 1 1 auto;
+    order: 2;
+  }
+
+  .tab-group--start ::slotted(dsa-tab-panel) {
+    --padding: 0 0 0 var(--dsa-spacing-16);
+  }
+
+  /*
+   * End
+   */
+
+  .tab-group--end {
+    flex-direction: row;
+  }
+
+  .tab-group--end .tab-group__nav-container {
+    order: 2;
+  }
+
+  .tab-group--end .tab-group__nav-section {
+    border-left: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-track-color);
+  }
+  .tab-group--end .tab-group__tabs {
+    flex: 0 0 auto;
+    flex-direction: column;
+  }
+
+  .tab-group--end .tab-group__indicator {
+    left: calc(-1 * var(--dsa-wc-tab-group-track-width));
+    border-inline-start: solid var(--dsa-wc-tab-group-track-width)
+      var(--dsa-wc-tab-group-indicator-color);
+  }
+
+  .tab-group--end.tab-group--rtl .tab-group__indicator {
+    right: calc(-1 * var(--dsa-wc-tab-group-track-width));
+    left: auto;
+  }
+
+  .tab-group--end .tab-group__body {
+    flex: 1 1 auto;
+    order: 1;
+  }
+
+  .tab-group--end ::slotted(dsa-tab-panel) {
+    --padding: 0 var(--dsa-spacing-16) 0 0;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.WR4O32DX.js

@@ -0,0 +1,45 @@
+import{a as h}from"./chunk.MYUTDYQD.js";import{a as f}from"./chunk.ELL45QD3.js";import{a}from"./chunk.B4KFHYLS.js";import{d as o}from"./chunk.6DV3UDL6.js";import{a as c}from"./chunk.UJCOUPGF.js";import{b as r,f as p}from"./chunk.FC3GHOSX.js";import{a as i}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends p{constructor(){super(...arguments);this.hasSlotController=new f(this,"help-text","label","prefix","suffix","tooltip");this.title="";this.name="";this.size="medium";this.variant="base";this.label="";this.helpText="";this.disabled=!1;this.placeholder="";this.readonly=!1;this.error=!1;this.errorMessage="";this.form="";this.required=!1;this.description="";this.success=!1;this.successMessage=""}renderInput(){return i``}renderCounter(){return i``}renderSuccessMessage(){return i``}handleLabelClick(){}render(){let s=this.hasSlotController.test("label"),d=this.hasSlotController.test("help-text"),l=this.label?!0:!!s,n=this.helpText?!0:!!d;return this.title&&console.warn("The `title` attribute is deprecated since it can cause redundant enunciation by screen readers, and will be removed in the next major release. Please use the accessible-name attribute instead."),!l&&!this.accessibleName&&!this.title&&a("Form controls require a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&a("Form controls requires an error-message attribute for accessibility when the error attribute is set"),i`
+        <div
+          part="form-control"
+          class=${o({"form-control":!0,"form-control--error":this.error,"form-control--success":this.success&&!this.error,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":l,"form-control--has-help-text":n,"form-control--on-floating-menu":this.variant==="floating"})}
+        >
+          <label
+            id="label"
+            part="form-control-label"
+            class='form-control__label'
+            for="input"
+            aria-hidden=${c(l?void 0:"true")}
+            @click=${this.handleLabelClick}
+          >
+            ${this.required?i`<span class="form-control__label-required">*</span>`:""}
+            <slot name="label">${this.label}</slot>
+          </label>
+          <slot name="tooltip" class="form-control__tooltip"></slot>
+  
+          <div part="form-control-input" class="form-control-input form-control__field">
+            ${this.renderInput()}  
+          </div>
+  
+          <slot
+            name="help-text"
+            part="form-control-help-text"
+            id="help-text"
+            class="form-control__help-text"
+            aria-hidden=${n?"false":"true"}
+          >
+            ${this.helpText}
+          </slot>
+  
+          ${this.renderCounter()}
+
+          ${this.description!==""?i`
+                  <p id="description" class="form-control__description">
+                    ${this.description}
+                  </p>
+                `:""}
+  
+          ${this.error&&!this.disabled&&this.errorMessage!==""?h(this.errorMessage,this.variant):""}
+          ${this.success?this.renderSuccessMessage():""}
+          </div>
+        </div>
+      `}};t([r()],e.prototype,"title",2),t([r({attribute:"accessible-name",reflect:!0})],e.prototype,"accessibleName",2),t([r()],e.prototype,"name",2),t([r({reflect:!0})],e.prototype,"size",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r()],e.prototype,"label",2),t([r({attribute:"help-text"})],e.prototype,"helpText",2),t([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([r()],e.prototype,"placeholder",2),t([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([r({type:Boolean})],e.prototype,"error",2),t([r({attribute:"error-message",converter:{fromAttribute:s=>s?s.split("|"):"",toAttribute:s=>typeof s=="string"?s:s.join("|")}})],e.prototype,"errorMessage",2),t([r({reflect:!0})],e.prototype,"form",2),t([r({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r({attribute:"description"})],e.prototype,"description",2),t([r({type:Boolean})],e.prototype,"success",2),t([r({attribute:"success-message",converter:{fromAttribute:s=>s?s.split("|"):"",toAttribute:s=>typeof s=="string"?s:s.join("|")}})],e.prototype,"successMessage",2);export{e as a};

package/cdn/chunks/chunk.WRM72LHH.js

@@ -0,0 +1 @@
+var _={placeholder:"____ ____ ____ ____ ____ ____ ____ ___",mask:"LL__ ____ ____ ____ ____ ____ ____ ___",pattern:"^(?:((?:IT|SM)\\d{2}[A-Z]{1}\\d{22})|(NL\\d{2}[A-Z]{4}\\d{10})|(LV\\d{2}[A-Z]{4}\\d{13})|((?:BG|GB|IE)\\d{2}[A-Z]{4}\\d{14})|(GI\\d{2}[A-Z]{4}\\d{15})|(RO\\d{2}[A-Z]{4}\\d{16})|(MT\\d{2}[A-Z]{4}\\d{23})|(NO\\d{13})|((?:DK|FI)\\d{16})|((?:SI)\\d{17})|((?:AT|EE|LU|LT)\\d{18})|((?:HR|LI|CH)\\d{19})|((?:DE|VA)\\d{20})|((?:AD|CZ|ES|MD|SK|SE)\\d{22})|(PT\\d{23})|((?:IS)\\d{24})|((?:BE)\\d{14})|((?:FR|MC|GR)\\d{25})|((?:PL|HU|CY)\\d{26}))$","help-text":"Indicatif pays en 2 lettres majuscules suivi de 10 \xE0 31 charact\xE8res num\xE9riques"},e={placeholder:"____ __ __ ___",pattern:"([a-zA-Z]{4})([a-zA-Z]{2})(([2-9a-zA-Z]{1})([0-9a-np-zA-NP-Z]{1}))((([0-9a-wy-zA-WY-Z]{1})([0-9a-zA-Z]{2}))|([xX]{3})|)","help-text":"8 ou 11 charact\xE8res"},t={placeholder:"_ __ __ __ ___ ___ __",mask:"# ## ## ## ### ### ##",pattern:"[12][0-9]{2}(0[1-9]|1[0-2])(2[AB]|[0-9]{2})[0-9]{3}[0-9]{3}([0-9]{2})","help-text":"15 charact\xE8res"};export{_ as a,e as b,t as c};

package/cdn/chunks/chunk.WVNT7TOE.js

@@ -0,0 +1,53 @@
+import{a as H}from"./chunk.SG2TFCMY.js";import{a as q}from"./chunk.NHEVMXAR.js";import{a as h,b as p}from"./chunk.3RLUYXJN.js";import{a as E}from"./chunk.ELL45QD3.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as n,c as d}from"./chunk.HHVNQNCC.js";import{a as i,c as l}from"./chunk.TV2TMO2H.js";import{a as u}from"./chunk.B4KFHYLS.js";import{a as L}from"./chunk.F2KBAVBI.js";import{c as T}from"./chunk.4WOVD75K.js";import{d as k}from"./chunk.6DV3UDL6.js";import{a as C}from"./chunk.UJCOUPGF.js";import{a as y}from"./chunk.BWEPOOQP.js";import{a as g,b as s,d as c,f as _}from"./chunk.FC3GHOSX.js";import{a as f}from"./chunk.WJZ4ONP7.js";import{f as a}from"./chunk.IZ2HVRME.js";function v(m){return m.charAt(0).toUpperCase()+m.slice(1)}var e=class extends _{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new T(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.filters=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new q(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),h(this)))}disconnectedCallback(){super.disconnectedCallback(),p(this)}requestClose(t){if(this.emit("dsa-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){let r=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,r.keyframes,r.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(t){if(this.open&&!this.contained&&t.key==="Escape"){let o=this.querySelectorAll("dsa-tooltip");Array.from(o).some(b=>b.open)||(t.stopPropagation(),this.requestClose("keyboard"))}}async handleOpenChange(){if(this.open){this.emit("dsa-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),h(this));let t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([d(this.drawer),d(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("dsa-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")});let o=l(this,`drawer.show${v(this.placement)}`,{dir:this.localize.dir()}),r=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,o.keyframes,o.options),n(this.overlay,r.keyframes,r.options)]),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),p(this)),await Promise.all([d(this.drawer),d(this.overlay)]);let t=l(this,`drawer.hide${v(this.placement)}`,{dir:this.localize.dir()}),o=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,o.keyframes,o.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,t.keyframes,t.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;let r=this.originalTrigger;typeof(r==null?void 0:r.focus)=="function"&&setTimeout(()=>r.focus()),this.emit("dsa-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),h(this)),this.open&&this.contained&&(this.modal.deactivate(),p(this))}async show(){if(!this.open)return this.open=!0,await w(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await w(this,"dsa-after-hide")}render(){return!this.label&&!this.hasSlotController.test("label")&&u("<dsa-drawer> requires a label attribute or a label slot for accessibility"),this.noHeader&&!this.label&&u("<dsa-drawer> requires a label attribute for accessibility when `no-header` is set"),f`
+      <div
+        part="base"
+        class=${k({drawer:!0,"drawer--open":this.open,"drawer--top":this.placement==="top","drawer--end":this.placement==="end","drawer--bottom":this.placement==="bottom","drawer--start":this.placement==="start","drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":this.localize.dir()==="rtl","drawer--has-footer":this.hasSlotController.test("footer"),"drawer--filters":this.filters})}
+      >
+        <div
+          part="overlay"
+          class="drawer__overlay"
+          @click=${()=>this.requestClose("overlay")}
+        ></div>
+
+        <div
+          part="panel"
+          class="drawer__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${L(this.noHeader?this.label:void 0)}
+          aria-labelledby=${C(this.noHeader?void 0:"title")}
+          tabindex="-1"
+        >
+          ${this.noHeader?"":f`
+                <header part="header" class="drawer__header">
+                  <h1 part="title" class="drawer__title" id="title">
+                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                    <slot name="label">
+                      ${this.label.length>0?this.label:"\uFEFF"}
+                    </slot>
+                  </h1>
+                  <div part="header-actions" class="drawer__header-actions">
+                    <slot name="header-actions"></slot>
+                    <dsa-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="drawer__close"
+                      name="close"
+                      label=${this.localize.term("close")}
+                      @click=${()=>this.requestClose("close-button")}
+                      library="system"
+                      size="large"
+                    ></dsa-icon-button>
+                  </div>
+                </header>
+              `}
+
+          <slot part="body" class="drawer__body"></slot>
+
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};e.styles=H,a([c(".drawer")],e.prototype,"drawer",2),a([c(".drawer__panel")],e.prototype,"panel",2),a([c(".drawer__overlay")],e.prototype,"overlay",2),a([s({type:Boolean,reflect:!0})],e.prototype,"open",2),a([s({reflect:!0})],e.prototype,"label",2),a([s({reflect:!0})],e.prototype,"placement",2),a([s({type:Boolean,reflect:!0})],e.prototype,"contained",2),a([s({attribute:"no-header",type:Boolean,reflect:!0})],e.prototype,"noHeader",2),a([s({type:Boolean,reflect:!0})],e.prototype,"filters",2),a([y("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),a([y("contained",{waitUntilFirstUpdate:!0})],e.prototype,"handleNoModalChange",1),e=a([g("dsa-drawer")],e);i("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});i("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}});i("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});i("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}});i("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});i("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}});i("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});i("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}});i("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}});i("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:"var(--dsa-wc-drawer-overlay-opacity)"}],options:{duration:250}});i("drawer.overlay.hide",{keyframes:[{opacity:"var(--dsa-wc-drawer-overlay-opacity)"},{opacity:0}],options:{duration:250}});export{e as a};

package/cdn/chunks/chunk.WZFPRZAV.js

@@ -0,0 +1,68 @@
+import{a as k}from"./chunk.KLOMFMXQ.js";import{a as C}from"./chunk.MYUTDYQD.js";import{b,c as g,d as y,e as v}from"./chunk.FWTZS7LK.js";import{a as f}from"./chunk.ELL45QD3.js";import{a as c}from"./chunk.B4KFHYLS.js";import{d as m}from"./chunk.6DV3UDL6.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as u,b as a,c as n,d as h,f as p}from"./chunk.FC3GHOSX.js";import{a as r}from"./chunk.WJZ4ONP7.js";import{f as o}from"./chunk.IZ2HVRME.js";var l=class extends p{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new f(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let t=this.required&&this.value.length===0;return this.customValidityMessage!==""?v:t?y:g}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(t.preventDefault(),t.stopPropagation(),!e||e.disabled||e.readonly||this.disabled||this.readonly)return;this.value.includes(e.value)?this.value=this.value.filter(s=>s!==e.value):this.value=[...this.value,e.value],this.getAllCheckboxes().forEach(s=>{s.checked=this.value.includes(s.value)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target;if(t.key===" "){if(t.preventDefault(),this.disabled||this.readonly||e.disabled||e.readonly)return;e.checked=!e.checked;let i=this.getAllCheckboxes().filter(s=>s.checked);this.value=i.map(s=>s.value),this.emit("dsa-input"),this.emit("dsa-change")}t.key==="Enter"&&(this.disabled||this.readonly||e.disabled||e.readonly)&&t.preventDefault()}handleLabelClick(){let t=this.getAllCheckboxes().filter(i=>!i.disabled&&!i.readonly),e=t.find(i=>i.checked)||t[0];e&&e.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let t=this.getAllCheckboxes();t.forEach(e=>{e.checked=this.value.includes(e.value),e.parentDisabled=this.disabled,e.parentReadonly=this.readonly}),this.hasCheckboxButtons=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text","description"],t.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(t=>t.checked=this.value.includes(t.value)),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(t=>t.parentDisabled=this.disabled)}handleReadonlyChange(){this.getAllCheckboxes().forEach(t=>t.parentReadonly=this.readonly)}checkValidity(){let t=this.required&&this.value.length===0,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),i=this.label?!0:!!t,s=this.helpText?!0:!!e;return i||c("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&c("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
+      <fieldset
+        part="form-control"
+        class=${m({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":i,"form-control--has-help-text":s,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}
+        role="group"
+        aria-labelledby="label ${this.getDescriptionIds()}"
+      >
+        ${this.hideLabel?r`<dsa-visually-hidden id="label"
+              ><slot name="label">${this.label}</slot></dsa-visually-hidden
+            >`:r`
+              <span
+                part="form-control-label"
+                id="label"
+                class="form-control__label"
+                aria-hidden=${i?"false":"true"}
+                @click=${this.handleLabelClick}
+              >
+                ${this.required?r`<span class="form-control__label-required">*</span>`:""}
+                <slot name="label">${this.label}</slot>
+              </span>
+            `}
+
+        <slot name="tooltip" class="form-control__tooltip"></slot>
+
+        <div
+          part="form-control-input"
+          class="form-control-input form-control__field"
+        >
+          <dsa-visually-hidden>
+            <label class="checkbox-group__validation">
+              <input
+                class="checkbox-group__validation-input"
+                type="text"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </dsa-visually-hidden>
+
+          <div
+            role="list"
+            class="form-control__options"
+            @click=${this.handleCheckboxClick}
+            @keydown=${this.handleKeyDown}
+          >
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </div>
+        <slot
+          name="help-text"
+          part="form-control-help-text"
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${s?"false":"true"}
+        >
+          ${this.helpText}
+        </slot>
+
+        ${this.error?C(this.errorMessage):""}
+        ${this.description?r`
+              <p id="description" class="form-control__description">
+                ${this.description}
+              </p>
+            `:""}
+      </fieldset>
+    `}};l.styles=k,o([h("slot:not([name])")],l.prototype,"defaultSlot",2),o([h(".checkbox-group__validation-input")],l.prototype,"validationInput",2),o([n()],l.prototype,"hasCheckboxButtons",2),o([n()],l.prototype,"hasCheckboxCards",2),o([n()],l.prototype,"defaultValue",2),o([a()],l.prototype,"label",2),o([a({attribute:"help-text"})],l.prototype,"helpText",2),o([a({attribute:"description"})],l.prototype,"description",2),o([a()],l.prototype,"name",2),o([a({converter:{fromAttribute:t=>t.split(","),toAttribute:t=>typeof t=="string"?t:t.join(",")}})],l.prototype,"value",2),o([a({reflect:!0})],l.prototype,"form",2),o([a({type:Boolean,reflect:!0})],l.prototype,"required",2),o([a({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([a({type:Boolean,reflect:!0})],l.prototype,"readonly",2),o([a({type:Boolean})],l.prototype,"horizontal",2),o([a({type:Boolean})],l.prototype,"error",2),o([a({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],l.prototype,"errorMessage",2),o([a({type:Boolean,attribute:"hide-label"})],l.prototype,"hideLabel",2),o([d("value",{waitUntilFirstUpdate:!0})],l.prototype,"handleValueChange",1),o([d("disabled")],l.prototype,"handleDisabledChange",1),o([d("readonly")],l.prototype,"handleReadonlyChange",1),l=o([u("dsa-checkbox-group")],l);export{l as a};

package/cdn/chunks/chunk.X3BFA6DP.js

@@ -0,0 +1 @@
+import{a as i}from"./chunk.D3S7D52C.js";import{a as c}from"./chunk.65DMCW7Q.js";var e=[i,c],o=[];function y(r){o.push(r)}function I(r){o=o.filter(t=>t!==r)}function m(r){return e.find(t=>t.name===r)}function u(r,t){a(r),e.push({name:r,resolver:t.resolver,mutator:t.mutator,spriteSheet:t.spriteSheet}),o.forEach(n=>{n.library===r&&n.setIcon()})}function a(r){e=e.filter(t=>t.name!==r)}export{y as a,I as b,m as c,u as d,a as e};

package/cdn/chunks/chunk.X3EJFTY3.js

@@ -0,0 +1,4 @@
+import{a as m}from"./chunk.VVTQCH5T.js";import{a as c}from"./chunk.WEJQGOR4.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as r,b as o,d as n,f as i}from"./chunk.FC3GHOSX.js";import{a}from"./chunk.WJZ4ONP7.js";import{f as l}from"./chunk.IZ2HVRME.js";var e=class extends i{connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.setAttribute("role","list")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}updateChildrenClassName(){this.level&&this.querySelectorAll("dsa-menu-item").forEach(s=>{this.level===1?(s.classList.remove("level-2"),s.classList.add("level-1")):(s.classList.remove("level-1"),s.classList.add("level-2"))})}handleSlotChange(){this.updateChildrenClassName()}handleKeyDown(t){t.key===" "&&!(t.target instanceof m&&t.target.type==="button")&&t.preventDefault()}handleLevelChange(){this.updateChildrenClassName()}render(){return a`<slot
+      @keydown=${this.handleKeyDown}
+      @slotchange=${this.handleSlotChange}
+    ></slot>`}};e.styles=c,l([n("slot")],e.prototype,"defaultSlot",2),l([o({type:Number})],e.prototype,"level",2),l([d("level",{waitUntilFirstUpdate:!0})],e.prototype,"handleLevelChange",1),e=l([r("dsa-menu-navigation")],e);export{e as a};

package/cdn/chunks/chunk.X5M3OW7M.js

@@ -0,0 +1,38 @@
+import{a as p}from"./chunk.DGL3TWEB.js";import{c as h}from"./chunk.4WOVD75K.js";import{d as s}from"./chunk.6DV3UDL6.js";import{a as l}from"./chunk.BWEPOOQP.js";import{a as o,b as n,c,d,f as r}from"./chunk.FC3GHOSX.js";import{a as i}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends r{constructor(){super(...arguments);this.localize=new h(this);this.showExpandButton=!1;this.role="row";this.size="medium";this.selected=!1;this.expandable=!1;this.expanded=!1;this.showExpandedLabel="";this.hideExpandedLabel="";this.selectionLabel="";this.selectionName="";this.selectionValue="";this.loading=!1}connectedCallback(){super.connectedCallback(),this.handleRowClick=this.handleRowClick.bind(this),this.handleCheckboxChange=this.handleCheckboxChange.bind(this),this.addEventListener("click",this.handleRowClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleRowClick)}handleRowClick(){this.emit("dsa-table-row-click")}handleCheckboxChange(a){a.stopPropagation(),this.selected=this.checkbox.checked}renderFirstCell(){return this.selectionName?i`
+      <div role="cell" part="column-checkbox" aria-hidden=${this.loading}>
+        <div class="column-checkbox--content">
+          <dsa-checkbox
+            class="checkbox"
+            size="small"
+            name=${this.selectionName}
+            accessible-name=${this.selectionLabel!==""?this.selectionLabel:this.localize.term("selectRow")}
+            value=${this.selectionValue}
+            ?checked=${this.selected}
+            @click=${a=>a.stopPropagation()}
+            @dsa-change=${this.handleCheckboxChange}
+            ?disabled=${this.loading}
+          ></dsa-checkbox>
+        </div>
+      </div>
+    `:i``}handleExpandClick(a){a.stopPropagation(),this.expanded=!this.expanded,this.emit("dsa-table-row-expand-change")}renderExpandButton(){let a=this.showExpandedLabel!==""?this.showExpandedLabel:this.localize.term("showExpandedTableRow"),x=this.hideExpandedLabel!==""?this.hideExpandedLabel:this.localize.term("hideExpandedTableRow");return i`
+      <div
+        role="cell"
+        class=${s({"column-expand-button":!0,"column-expand-button--has-icon":this.showExpandButton})}
+        aria-hidden=${this.loading}
+      >
+        <dsa-icon-button
+          variant="default"
+          name="expand_more"
+          size="xlarge"
+          class=${s({"expand-button":!0,"expand-button--expand-less":this.expanded})}
+          label=${this.expanded?x:a}
+          @click=${this.handleExpandClick}
+          ?disabled=${this.loading}
+          library="system"
+        ></dsa-icon-button>
+      </div>
+    `}handleExpandableChange(){var a;this.expandable&&((a=this.nextElementSibling)!=null&&a.matches(this.selectorExpandedRow))?this.showExpandButton=!0:this.showExpandButton=!1}handleExpandedChange(){var a;(a=this.nextElementSibling)!=null&&a.matches(this.selectorExpandedRow)&&(this.nextElementSibling.expanded=this.expanded)}handleSelectedChange(){this.emit("dsa-table-row-change-selection")}render(){return i`
+      ${this.renderFirstCell()}
+      <slot></slot>
+      ${this.expandable?this.renderExpandButton():i``}
+    `}get selectorExpandedRow(){return"dsa-table-expanded-row"}};e.styles=p,t([d(".checkbox")],e.prototype,"checkbox",2),t([d(".expand-button")],e.prototype,"expandedButton",2),t([c()],e.prototype,"showExpandButton",2),t([n({reflect:!0})],e.prototype,"role",2),t([n({reflect:!0})],e.prototype,"size",2),t([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),t([n({type:Boolean,reflect:!0})],e.prototype,"expandable",2),t([n({type:Boolean,reflect:!0})],e.prototype,"expanded",2),t([n({attribute:"show-expanded-label"})],e.prototype,"showExpandedLabel",2),t([n({attribute:"hide-expanded-label"})],e.prototype,"hideExpandedLabel",2),t([n({attribute:"selection-label"})],e.prototype,"selectionLabel",2),t([n({attribute:"selection-name",reflect:!0})],e.prototype,"selectionName",2),t([n({attribute:"selection-value"})],e.prototype,"selectionValue",2),t([n({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([l("expandable")],e.prototype,"handleExpandableChange",1),t([l("expanded")],e.prototype,"handleExpandedChange",1),t([l("selected",{waitUntilFirstUpdate:!0})],e.prototype,"handleSelectedChange",1),e=t([o("dsa-table-row")],e);export{e as a};

package/cdn/chunks/chunk.XAZNBPT3.js

@@ -0,0 +1,5 @@
+import{c as f}from"./chunk.4WOVD75K.js";import{a as d,b as n,c as m,f as h}from"./chunk.FC3GHOSX.js";import{a as c}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var T=[{max:276e4,value:6e4,unit:"minute"},{max:72e6,value:36e5,unit:"hour"},{max:5184e5,value:864e5,unit:"day"},{max:24192e5,value:6048e5,unit:"week"},{max:28512e6,value:2592e6,unit:"month"},{max:1/0,value:31536e6,unit:"year"}],e=class extends h{constructor(){super(...arguments);this.localize=new f(this);this.isoTime="";this.relativeTime="";this.titleTime="";this.date=new Date;this.format="long";this.numeric="auto";this.sync=!1}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.updateTimeout)}render(){let a=new Date,o=new Date(this.date);if(isNaN(o.getMilliseconds()))return this.relativeTime="",this.isoTime="","";let l=o.getTime()-a.getTime(),{unit:r,value:y}=T.find(i=>Math.abs(l)<i.max);if(this.isoTime=o.toISOString(),this.titleTime=this.localize.date(o,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",timeZoneName:"short"}),this.relativeTime=this.localize.relativeTime(Math.round(l/y),r,{numeric:this.numeric,style:this.format}),clearTimeout(this.updateTimeout),this.sync){let i;r==="minute"?i=u("second"):r==="hour"?i=u("minute"):r==="day"?i=u("hour"):i=u("day"),this.updateTimeout=window.setTimeout(()=>this.requestUpdate(),i)}return c`
+      <time datetime=${this.isoTime} title=${this.titleTime}
+        >${this.relativeTime}</time
+      >
+    `}};t([m()],e.prototype,"isoTime",2),t([m()],e.prototype,"relativeTime",2),t([m()],e.prototype,"titleTime",2),t([n()],e.prototype,"date",2),t([n()],e.prototype,"format",2),t([n()],e.prototype,"numeric",2),t([n({type:Boolean})],e.prototype,"sync",2),e=t([d("dsa-relative-time")],e);function u(s){let a={second:1e3,minute:6e4,hour:36e5,day:864e5}[s];return a-Date.now()%a}export{e as a};

package/cdn/chunks/chunk.XCZ5KOIR.js

@@ -0,0 +1,12 @@
+import{a as p}from"./chunk.7URM45SV.js";import{a}from"./chunk.F2KBAVBI.js";import{d as n}from"./chunk.6DV3UDL6.js";import{a as l}from"./chunk.UJCOUPGF.js";import{a as s,b as r,d as i,f as m}from"./chunk.FC3GHOSX.js";import{a as o}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.mobile=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return o`
+      <a
+        class=${n({"navbar-link":!0,"navbar-link--mobile":this.mobile,"navbar-link--desktop":!this.mobile})}
+        href=${this.href}
+        target="${l(this.target)}"
+        rel=${l(this.rel)}
+        aria-current=${a(this.current)}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+        ><slot></slot
+      ></a>
+    `}};e.styles=p,t([i(".navbar-link")],e.prototype,"link",2),t([r({type:Boolean,reflect:!0})],e.prototype,"mobile",2),t([r()],e.prototype,"href",2),t([r()],e.prototype,"target",2),t([r()],e.prototype,"rel",2),t([r()],e.prototype,"current",2),e=t([s("dsa-navbar-link")],e);export{e as a};

package/cdn/chunks/chunk.XOOIRRU2.js

@@ -0,0 +1,41 @@
+import{a as h}from"./chunk.JTNJJ6EE.js";import{a as f}from"./chunk.DQNJCGAE.js";import{a as c}from"./chunk.MYUTDYQD.js";import{a as d}from"./chunk.B4KFHYLS.js";import{a as u}from"./chunk.F2KBAVBI.js";import{b as p}from"./chunk.HJGLYEWV.js";import{d as a}from"./chunk.6DV3UDL6.js";import{a as l,b as s,c as n,f as m}from"./chunk.FC3GHOSX.js";import{a as i}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var r=class extends m{constructor(){super(...arguments);this.localize=new p(this);this.size="medium";this.error=!1;this.errorMessage=""}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}handleRemoveClick(e){e.stopPropagation(),this.emit("dsa-clear")}handleDefaultSlotChange(){this.labelText=this.innerText}render(){var o;let e=(this.uploadProgress===void 0||this.uploadProgress===100)&&!this.error;return this.error&&!this.errorMessage&&d("<dsa-file-upload-item> requires an error-message attribute for accessibility when the error attribute is set"),i`
+      <div
+        part="base"
+        class=${a({"file-item-container":!0,"file-item-container--error":this.error,"file-item-container--small":this.size==="small","file-item-container--medium":this.size==="medium","file-item-container--large":this.size==="large"})}
+      >
+        <article part="file-item">
+          <slot part="label" @slotchange=${this.handleDefaultSlotChange}></slot>
+          <slot
+            part="upload-indicator"
+            name="upload-indicator"
+            class=${a({"upload-indicator":!0,"upload-indicator--show":this.uploadProgress!==void 0&&!e})}
+            >${this.uploadProgress}%</slot
+          >
+          <button
+            part="clear-button"
+            type="button"
+            @click=${this.handleRemoveClick}
+            aria-label=${this.localize.term("clearFile",this.labelText)}
+            aria-describedby=${u(this.error?"error-text":void 0)}
+          >
+            ${e?i`<dsa-icon name="delete" library="system"></dsa-icon>`:i`<dsa-icon name="close" library="system"></dsa-icon>`}
+          </button>
+          <div
+            part="progress-bar"
+            role="progressbar"
+            title=${this.localize.term("uploadFileProgressBar")}
+            class=${a({"progress-bar":this.uploadProgress!==void 0&&!e})}
+            aria-label=${this.localize.term("uploadFileProgressBar")}
+            aria-valuemin="0"
+            aria-valuemax="100"
+            aria-valuenow=${this.uploadProgress===void 0?0:this.uploadProgress}
+          >
+            <div
+              part="progress-bar-indicator"
+              style=${h({width:`${(o=this.uploadProgress)!=null?o:0}%`})}
+            ></div>
+          </div>
+        </article>
+        ${this.error?c(this.errorMessage):i``}
+      </div>
+    `}};r.styles=f,t([s({reflect:!0})],r.prototype,"size",2),t([s({type:Number,attribute:"upload-progress"})],r.prototype,"uploadProgress",2),t([s({type:Boolean})],r.prototype,"error",2),t([s({attribute:"error-message",converter:{fromAttribute:e=>e?e.split("|"):"",toAttribute:e=>typeof e=="string"?e:e.join("|")}})],r.prototype,"errorMessage",2),t([n()],r.prototype,"labelText",2),r=t([l("dsa-file-upload-item")],r);export{r as a};

package/cdn/chunks/chunk.XOY7QWJA.js

@@ -0,0 +1,36 @@
+import{a as m}from"./chunk.LIQIMZD4.js";import{a as c}from"./chunk.B4KFHYLS.js";import{a as l,b as n}from"./chunk.A3GZIKG7.js";import{a as f}from"./chunk.F2KBAVBI.js";import{d as r}from"./chunk.6DV3UDL6.js";import{a}from"./chunk.UJCOUPGF.js";import{a as d,b as t,c as u,d as b,f as h}from"./chunk.FC3GHOSX.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.hasFocus=!1;this.disableTabIndex=!1;this.label="";this.description="";this.disabled=!1;this.floating=!1;this.toggle=!1;this.pressed=!1;this.variant="default";this.size="medium"}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleClick(s){this.disabled&&(s.preventDefault(),s.stopPropagation()),this.toggle&&(this.pressed=!this.pressed,this.emit("dsa-change"))}click(){this.button.click()}focus(s){this.button.focus(s)}blur(){this.button.blur()}render(){this.label||c("<dsa-icon-button> requires a label attribute for accessibility");let s=!!this.href,o=s?l`a`:l`button`;return n`
+      <${o}
+        part="base"
+        class=${r({"icon-button":!0,"icon-button--on-floating-menu":this.floating,"icon-button--default":this.variant==="default","icon-button--primary":this.variant==="primary","icon-button--secondary":this.variant==="secondary","icon-button--tertiary":this.variant==="tertiary","icon-button--danger":this.variant==="danger","icon-button--disabled":!s&&(this.disabled||this.disableTabIndex),"icon-button--focused":this.hasFocus,"icon-button--toggle":this.toggle,"icon-button--pressed":this.toggle&&this.pressed})}
+        ?disabled=${a(s?void 0:this.disabled)}
+        type=${a(s?void 0:"button")}
+        href=${a(s?this.href:void 0)}
+        target=${a(s?this.target:void 0)}
+        download=${a(s?this.download:void 0)}
+        rel=${a(s&&this.target?"noreferrer noopener":void 0)}
+        role=${a(s?void 0:"button")}
+        aria-disabled=${a(this.disabled&&s?"true":void 0)}
+        aria-pressed=${a(this.toggle?this.pressed:void 0)}
+        aria-label=${f(this.label)}
+        aria-describedby="description"
+        tabindex=${this.disableTabIndex||this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <dsa-icon
+          class=${r({"icon-button__icon":!0,"icon-button__icon--2xsmall":this.size==="2xsmall","icon-button__icon--xsmall":this.size==="xsmall","icon-button__icon--small":this.size==="small","icon-button__icon--medium":this.size==="medium","icon-button__icon--large":this.size==="large","icon-button__icon--xlarge":this.size==="xlarge","icon-button__icon--2xlarge":this.size==="2xlarge"})}
+          name=${a(this.name)}
+          src=${a(this.src)}
+          aria-hidden="true"
+          library=${a(this.library)}
+        ></dsa-icon>
+        <slot></slot>
+      </${o}>
+            ${this.description!==""?n`
+                    <p id="description" class="icon-button__description">
+                      ${this.description}
+                    </p>
+                  `:""}
+
+    `}};e.styles=m,i([b(".icon-button")],e.prototype,"button",2),i([u()],e.prototype,"hasFocus",2),i([t({type:Boolean,attribute:"disable-tab-index"})],e.prototype,"disableTabIndex",2),i([t()],e.prototype,"name",2),i([t()],e.prototype,"library",2),i([t()],e.prototype,"src",2),i([t()],e.prototype,"href",2),i([t()],e.prototype,"target",2),i([t()],e.prototype,"download",2),i([t()],e.prototype,"label",2),i([t({attribute:"description"})],e.prototype,"description",2),i([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([t({type:Boolean,reflect:!0})],e.prototype,"floating",2),i([t({type:Boolean,reflect:!0})],e.prototype,"toggle",2),i([t({type:Boolean,reflect:!0})],e.prototype,"pressed",2),i([t()],e.prototype,"variant",2),i([t({reflect:!0})],e.prototype,"size",2),e=i([d("dsa-icon-button")],e);export{e as a};