@ds-autonomie/web-components 2.13.0 → 2.14.1

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @ds-autonomie/web-components
 
+## 2.14.1
+
+### Patch Changes
+
+- d820ef1: `icon` : suppression de la double restitution du libellé
+- 3a56033: `header-search` : suppression d'un bug d'affichage en mobile sur Firefox
+- d537097: `table-row` : émission de l'événement `dsa-table-row-change-selection` lorsque la sélection est fait de manière programmatique
+- 25796eb: Minification des fichiers pour le CDN
+- 81c2e66: Mise à jour des dépendances
+- 84d665d: `tag` : recopie de la valeur des propriétés `label` et `accessibleName` vers les attributs associés"
+- 9ae4d87: `card-content`, `header`, `header-modern`, `menu-accordion`, `navbar`, `sidenav`, `table`, `table-body`, `table-container`, `table-head` : amélioration de l'utilisation avec l'autoloader
+- Updated dependencies [6ff7818]
+  - @ds-autonomie/assets@1.4.11
+
+## 2.14.0
+
+### Minor Changes
+
+- 5ada717: `header` : ajout d'un slot `navbar`
+  `header-modern` : ajout de l'en-tête 'modern', à privilégier
+- f7daa14: `tag` : permettre l'ajout d'un nom accessible, et permettre l'affichage d'un tooltip avec le libellé complet du tag
+
+### Patch Changes
+
+- 809f80d: `checkbox`, `filter-counter`, `filter-select`, `input-phone`, `pagination` : élimination de restitutions redondantes au lecteur d'écran
+- 1ed33e7: `alert` : ajout de noms accessibles pour les icones (info/warning/danger/success).
+- a2655c8: `combobox` : résolution d'un soucis de scroll à la sélection; `select` : modification du comportement à l'ouverture
+- 09d3919: `skip-link-item` : résolution d'un bug d'affichage/restitution sur Safari
+
 ## 2.13.0
 
 ### Minor Changes

package/cdn/chunks/chunk.22OFESFP.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk.ASK4SKKR.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as l,b as a,f as d}from"./chunk.FC3GHOSX.js";import{a as s}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends d{constructor(){super(...arguments);this.attrOldValue=!1;this.charData=!1;this.charDataOldValue=!1;this.childList=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.handleMutation=this.handleMutation.bind(this),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){this.stopObserver()}handleMutation(i){this.emit("dsa-mutation",{detail:{mutationList:i}})}startObserver(){let i=typeof this.attr=="string"&&this.attr.length>0,o=i&&this.attr!=="*"?this.attr.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:i,attributeFilter:o,attributeOldValue:this.attrOldValue,characterData:this.charData,characterDataOldValue:this.charDataOldValue})}catch(u){}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return s` <slot></slot> `}};t.styles=h,e([a({reflect:!0})],t.prototype,"attr",2),e([a({attribute:"attr-old-value",type:Boolean,reflect:!0})],t.prototype,"attrOldValue",2),e([a({attribute:"char-data",type:Boolean,reflect:!0})],t.prototype,"charData",2),e([a({attribute:"char-data-old-value",type:Boolean,reflect:!0})],t.prototype,"charDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r("disabled")],t.prototype,"handleDisabledChange",1),e([r("attr",{waitUntilFirstUpdate:!0}),r("attrOldValue",{waitUntilFirstUpdate:!0}),r("charData",{waitUntilFirstUpdate:!0}),r("charDataOldValue",{waitUntilFirstUpdate:!0}),r("childList",{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1),t=e([l("dsa-mutation-observer")],t);export{t as a};

package/cdn/chunks/chunk.26YXWHOM.js

@@ -0,0 +1,86 @@
+import{a as e}from"./chunk.GIDSENCX.js";import{a as i}from"./chunk.VNBROC2T.js";var o=i`
+  ${e}
+
+  .input--time {
+    overflow: visible;
+  }
+
+  .icon-button--time {
+    --padding: var(--dsa-spacing-4);
+    margin-right: var(--dsa-wc-input-padding-x);
+  }
+
+  .icon-button--time::part(base) {
+    color: inherit;
+  }
+
+  .time-popup::part(popup) {
+    z-index: var(--dsa-wc-z-index-dropdown);
+    overflow: hidden;
+  }
+
+  .time-popup--panel {
+    border: 1px solid var(--dsa-wc-input-time-panel-border-color);
+    border-radius: var(--dsa-wc-input-time-panel-border-radius);
+    background: var(--dsa-color-background-base);
+    box-shadow: var(--dsa-wc-shadow-small);
+    display: grid;
+    grid-auto-flow: column;
+  }
+
+  .time-popup--unit-container {
+    width: var(--dsa-wc-input-time-picker-unit-size);
+    max-height: calc(var(--dsa-wc-input-time-picker-unit-size) * 6);
+    margin: 0;
+    padding: var(--dsa-spacing-4);
+    overflow: auto;
+    scrollbar-width: none;
+    list-style: none;
+  }
+
+  .time-popup--unit {
+    cursor: pointer;
+    border-radius: var(--dsa-wc-input-time-picker-unit-radius);
+    font: var(--dsa-wc-input-time-picker-unit-font);
+    color: var(--dsa-wc-input-time-picker-unit-color);
+  }
+
+  .time-popup--unit:hover {
+    background-color: var(--dsa-wc-input-time-picker-unit-hover-color);
+  }
+
+  .time-popup--unit.time-popup--unit-selected {
+    border: 1px solid var(--dsa-wc-input-time-picker-unit-current-color);
+    color: var(--dsa-color-text-on-contrasted-primary);
+    background-color: var(--dsa-wc-input-time-picker-unit-selected-color);
+  }
+
+  .time-popup--unit.time-popup--unit-selected:hover {
+    background-color: var(--dsa-color-primitive-colors-identity-purple-800);
+  }
+
+  .time-popup--unit > * {
+    aspect-ratio: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .time-anchor {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  /* Focus */
+  .time-popup--unit:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  /* Value description for screen readers */
+  .input--time-description {
+    display: none;
+  }
+`;export{o as a};

package/cdn/chunks/chunk.2AUPBGZD.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.AAJAY3VG.js";import{a as r,f as s}from"./chunk.FC3GHOSX.js";import{a as l}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends s{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){return l` <slot></slot> `}};t.styles=o,t=e([r("dsa-footer-sitemap-item")],t);export{t as a};

package/cdn/chunks/chunk.2D6SGBVO.js

@@ -0,0 +1,127 @@
+import{a}from"./chunk.GJVNJPCX.js";import{a as t}from"./chunk.VNBROC2T.js";var n=t`
+  ${a}
+
+  :host {
+    display: block;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  .pagination {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--dsa-spacing-16);
+    font: var(--dsa-wc-pagination-font);
+    color: var(--dsa-wc-pagination-color);
+    container-type: inline-size;
+  }
+  .pagination--desktop,
+  .skeleton--desktop {
+    height: var(--dsa-wc-pagination-height-desktop);
+  }
+
+  .pagination__items {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 2rem;
+    justify-content: space-between;
+  }
+  .pagination--desktop .pagination__items {
+    width: auto;
+    justify-content: start;
+  }
+
+  .pagination__itemsperpage {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  ::slotted(dsa-select) {
+    width: 70px;
+  }
+
+  .pagination__navigation {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    width: 100%;
+  }
+  .pagination--desktop .pagination__navigation {
+    width: auto;
+    margin-inline-start: auto;
+  }
+
+  .pagination__navigation__page-input {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: var(--dsa-spacing-4);
+  }
+  dsa-input {
+    width: 32px;
+  }
+
+  .button-list {
+    display: flex;
+    gap: 0;
+    margin: 0;
+    padding: 0;
+  }
+  .button-list li {
+    list-style: none;
+  }
+
+  /* Compact */
+  :host([compact]) .button-list {
+    gap: 4px;
+    justify-content: space-between;
+    width: 100%;
+  }
+  :host([compact]) .button-list dsa-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  /* Skeleton */
+  .skeleton {
+    --navigation-height: var(--dsa-spacing-32);
+    display: grid;
+    grid-template:
+      'navigation navigation navigation' var(--navigation-height)
+      'results . itemsperpage' var(--dsa-spacing-32)
+      / auto;
+    gap: var(--dsa-spacing-16);
+    align-items: center;
+  }
+  .skeleton--desktop {
+    --navigation-height: var(--dsa-wc-pagination-height-desktop);
+    grid-template:
+      'results itemsperpage . navigation navigation' var(--navigation-height)
+      / auto;
+  }
+  :host([compact]) {
+    --navigation-height: var(--dsa-spacing-40);
+  }
+
+  .skeleton__navigation {
+    grid-area: navigation;
+  }
+  .skeleton__results {
+    grid-area: results;
+  }
+  .skeleton__itemsperpage {
+    grid-area: itemsperpage;
+  }
+
+  ::slotted(dsa-select) {
+    --dsa-wc-input-on-layer-border-color: var(
+      --dsa-wc-pagination-select-border-color
+    );
+    --dsa-wc-select-input-font-small: var(--dsa-wc-pagination-select-font);
+  }
+`;export{n as a};

package/cdn/chunks/chunk.2EOEM22M.js

@@ -0,0 +1,65 @@
+import{a as d}from"./chunk.GJVNJPCX.js";import{a as e}from"./chunk.VNBROC2T.js";var t=e`
+  ${d}
+
+  :host {
+    display: block;
+  }
+
+  .fieldset {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-24);
+
+    background-color: var(--dsa-wc-fieldset-background);
+    padding: var(--dsa-spacing-24);
+    border-radius: var(--dsa-radius-8);
+    border-width: 1px;
+    border-style: solid;
+  }
+  .fieldset--on-base {
+    border-color: var(--dsa-wc-fieldset-border-color);
+  }
+  .fieldset--on-layer {
+    border-color: transparent;
+  }
+
+  .fieldset__legend {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-12);
+    color: var(--dsa-wc-fieldset-legend-color);
+    padding: 0;
+  }
+
+  .fieldset__first-line {
+    display: flex;
+    gap: var(--dsa-spacing-4);
+    align-items: center;
+  }
+  .fieldset__legend-title {
+    font: var(--dsa-wc-fieldset-title-font);
+  }
+  .fieldset__tooltip {
+    --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-2);
+  }
+  .fieldset__legend-subtitle {
+    font: var(--dsa-font-small-normal);
+  }
+
+  .fieldset__content {
+    display: flex;
+    gap: var(--dsa-spacing-16);
+    flex-wrap: wrap;
+  }
+  .fieldset--vertical .fieldset__content {
+    flex-direction: column;
+  }
+  .fieldset--horizontal .fieldset__content {
+    flex-direction: row;
+  }
+
+  /** Contrasted **/
+  .fieldset--contrasted-borders {
+    border-color: var(--dsa-wc-fieldset-border-color-contrasted);
+  }
+`;export{t as a};

package/cdn/chunks/chunk.2GZNHSZ4.js

@@ -0,0 +1,54 @@
+import{a as t}from"./chunk.GJVNJPCX.js";import{a}from"./chunk.VNBROC2T.js";var r=a`
+  ${t}
+
+  :host {
+    display: block;
+    text-align: left;
+    padding: var(--dsa-spacing-8);
+  }
+
+  :host ::slotted(*) {
+    margin: 0;
+  }
+
+  [part~='title']::slotted(*) {
+    font: var(--dsa-font-large-bold);
+    color: var(--dsa-color-text-on-base-primary);
+  }
+
+  [part~='subtitle']::slotted(*) {
+    font: var(--dsa-font-small-normal);
+    color: var(--dsa-color-text-on-base-primary);
+    margin-top: var(--dsa-spacing-8);
+  }
+
+  [part~='total-items'] {
+    display: none;
+    margin: 0;
+    margin-top: var(--dsa-spacing-8);
+  }
+
+  .has-total-items {
+    display: flex;
+    align-items: baseline;
+    gap: var(--dsa-spacing-4);
+    font: var(--dsa-font-small-bold);
+    color: var(--dsa-color-text-on-base-secondary);
+  }
+
+  [part~='total-item--indicator'] {
+    font: var(--dsa-font-x-small-normal);
+    color: var(--dsa-color-text-on-base-secondary);
+  }
+
+  /* Skeletons */
+  dsa-skeleton {
+    margin-top: var(--dsa-spacing-8);
+  }
+  .subtitle-skeleton {
+    max-width: 140px;
+  }
+  .total-items-skeleton {
+    max-width: 76px;
+  }
+`;export{r as a};

package/cdn/chunks/chunk.2OSX7SK2.js

@@ -0,0 +1 @@
+import{c as n}from"./chunk.4WOVD75K.js";import{a as l,b as i,f as r}from"./chunk.FC3GHOSX.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends r{constructor(){super(...arguments);this.localize=new n(this);this.value=0;this.unit="byte";this.display="short"}render(){if(isNaN(this.value))return"";let s=["","kilo","mega","giga","tera"],h=["","kilo","mega","giga","tera","peta"],a=this.unit==="bit"?s:h,o=Math.max(0,Math.min(Math.floor(Math.log10(this.value)/3),a.length-1)),u=a[o]+this.unit,p=parseFloat((this.value/Math.pow(1e3,o)).toPrecision(3));return this.localize.number(p,{style:"unit",unit:u,unitDisplay:this.display})}};t([i({type:Number})],e.prototype,"value",2),t([i()],e.prototype,"unit",2),t([i()],e.prototype,"display",2),e=t([l("dsa-format-bytes")],e);export{e as a};

package/cdn/chunks/chunk.2PJQP4FX.js

@@ -0,0 +1,20 @@
+import{a as c}from"./chunk.3HZ46S7A.js";import{d as i}from"./chunk.6DV3UDL6.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as h,b as s,c as a,f as o}from"./chunk.FC3GHOSX.js";import{a as n}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends o{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="medium";this.parentDisabled=!1;this.disabled=!1;this.parentReadonly=!1;this.readonly=!1;this.error=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.addEventListeners(),this.setAttribute("role","radio")}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false")}handleDeactivatedChange(){this.disabled||this.readonly||this.parentDisabled||this.parentReadonly?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}render(){let l=this.disabled||this.parentDisabled,d=this.readonly||this.parentReadonly;return n`
+      <span
+        part="base"
+        class=${i({radio:!0,"radio--checked":this.checked,"radio--readonly":d,"radio--disabled":l,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+      >
+        <dsa-internal-radio-icon
+          ?checked=${this.checked}
+          size=${this.size}
+          ?disabled=${l}
+          ?readonly=${d}
+          ?error=${this.error}
+        >
+        </dsa-internal-radio-icon>
+
+        <slot
+          part="label"
+          class=${i({radio__label:!0,"radio__label--error":this.error})}
+        ></slot>
+      </span>
+    `}};e.styles=c,t([a()],e.prototype,"checked",2),t([a()],e.prototype,"hasFocus",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean})],e.prototype,"parentDisabled",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean})],e.prototype,"parentReadonly",2),t([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([s({type:Boolean})],e.prototype,"error",2),t([r("checked")],e.prototype,"handleCheckedChange",1),t([r(["disabled","readonly","parentDisabled","parentReadonly"])],e.prototype,"handleDeactivatedChange",1),e=t([h("dsa-radio")],e);export{e as a};

package/cdn/chunks/chunk.2PN56GC6.js

@@ -0,0 +1 @@
+function i(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/œ/g,"oe").replace(/-/g," ").toLowerCase().replace(/\s+/g," ").trim()}function o(){return navigator.userAgentData?navigator.userAgentData.platform==="macOS":/Mac|iPod|iPhone|iPad/.test(navigator.userAgent)}export{i as a,o as b};

package/cdn/chunks/chunk.2RGYJWAH.js

@@ -0,0 +1,165 @@
+import{a as t}from"./chunk.GJVNJPCX.js";import{a as e}from"./chunk.VNBROC2T.js";var n=e`
+  ${t}
+
+  :host {
+    display: block;
+    outline: 0;
+    z-index: 0;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  slot:not([name])::slotted(dsa-icon) {
+    margin-inline-end: var(--dsa-wc-tree-item-icon-margin-end);
+  }
+
+  .tree-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    flex-direction: column;
+    color: var(--dsa-wc-tree-item-color);
+    cursor: pointer;
+    user-select: none;
+    min-width: fit-content;
+  }
+
+  .tree-item__checkbox {
+    pointer-events: none;
+    margin-inline-end: 0.5rem;
+  }
+
+  .tree-item__expand-button,
+  .tree-item__checkbox,
+  .tree-item__label {
+    font: var(--dsa-wc-tree-item-font);
+  }
+
+  .tree-item__checkbox::part(base) {
+    display: flex;
+    align-items: center;
+  }
+
+  .tree-item__indentation {
+    display: block;
+    width: 1em;
+    flex-shrink: 0;
+  }
+
+  .tree-item__expand-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: content-box;
+    padding: var(--dsa-wc-tree-item-icon-padding);
+    width: 1.5rem;
+    height: 1.5rem;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+
+  .tree-item__expand-button {
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+  }
+
+  .tree-item--expanded .tree-item__expand-button {
+    rotate: 90deg;
+  }
+
+  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {
+    rotate: -90deg;
+  }
+
+  .tree-item--expanded .tree-item__expand-icon,
+  .tree-item:not(.tree-item--expanded) .tree-item__collapse-icon {
+    display: none;
+  }
+
+  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon,
+  .tree-item:not(.tree-item--has-expand-button) .tree-item__collapse-icon {
+    display: none;
+  }
+
+  .tree-item__expand-button--visible {
+    cursor: pointer;
+  }
+
+  .tree-item__item {
+    display: flex;
+    align-items: center;
+    border-inline-start: solid 3px transparent;
+  }
+
+  .tree-item--disabled .tree-item__item {
+    opacity: 0.5;
+    outline: none;
+    cursor: not-allowed;
+  }
+
+  :host(:focus-visible) .tree-item__item {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+    border-radius: var(--dsa-wc-focus-ring-radius);
+    z-index: 2;
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
+    background-color: var(--dsa-wc-tree-item-selected-background-color);
+    border-inline-start-color: var(--dsa-wc-tree-item-selected-border-color);
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item__expand-button {
+    color: var(--dsa-wc-tree-item-color);
+  }
+
+  .tree-item__label {
+    display: flex;
+    align-items: center;
+    transition: var(--dsa-wc-transition-fast) color;
+  }
+
+  .tree-item__selected-icon {
+    margin-inline-start: auto;
+    margin-inline-end: var(--dsa-spacing-8);
+    font: var(--dsa-wc-tree-item-font);
+    color: var(--dsa-wc-tree-item-selected-border-color);
+  }
+
+  .tree-item__children {
+    display: block;
+    font-size: calc(1em + var(--dsa-wc-tree-indent-size));
+  }
+
+  /* Indentation lines */
+  .tree-item__children {
+    position: relative;
+  }
+
+  .tree-item__children::before {
+    content: '';
+    position: absolute;
+    top: var(--dsa-wc-tree-indent-guide-offset);
+    bottom: var(--dsa-wc-tree-indent-guide-offset);
+    left: calc(
+      1em + var(--dsa-wc-tree-indent-size-offset, 0) -
+        (var(--dsa-wc-tree-indent-guide-width) / 2) - 1px
+    );
+    border-inline-end: var(--dsa-wc-tree-indent-guide-width)
+      var(--dsa-wc-tree-indent-guide-style)
+      var(--dsa-wc-tree-indent-guide-color);
+    z-index: 1;
+  }
+
+  .tree-item--rtl .tree-item__children::before {
+    left: auto;
+    right: 1em;
+  }
+
+  @media (forced-colors: active) {
+    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
+      outline: dashed 1px SelectedItem;
+    }
+  }
+`;export{n as a};

package/cdn/chunks/chunk.2RVP4TL7.js

@@ -0,0 +1,25 @@
+import{a as b}from"./chunk.35NCIH7K.js";import{c as u}from"./chunk.4WOVD75K.js";import{d as r}from"./chunk.6DV3UDL6.js";import{a as c}from"./chunk.UJCOUPGF.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as n,b as o,d as s,f as d}from"./chunk.FC3GHOSX.js";import{a}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var h=0,t=class extends d{constructor(){super(...arguments);this.localize=new u(this);this.attrId=++h;this.componentId=`dsa-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}firstUpdated(){let l=this.closeButton;l!==null&&l.updateComplete.then(()=>{l.button.setAttribute("tabindex",this.active?"0":"-1")})}handleCloseClick(l){l.stopPropagation(),this.emit("dsa-close")}handleActiveChange(){var l;this.setAttribute("aria-selected",this.active?"true":"false"),(l=this.closeButton)==null||l.button.setAttribute("tabindex",this.active?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.tabIndex=this.disabled?-1:0}render(){var l;return this.id=this.id.length>0?this.id:this.componentId,a`
+      <div
+        part="base"
+        class=${r({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
+        tabindex=${c(this.disabled?"-1":null)}
+      >
+        <div class="tab__content">
+          <slot part="label"></slot>
+          <div class="tab__width-placeholder">
+            ${(l=this.defaultSlot)==null?void 0:l.assignedNodes().map(p=>p.cloneNode(!0))}
+          </div>
+        </div>
+        ${this.closable?a`
+              <dsa-icon-button
+                part="close-button"
+                exportparts="base:close-button__base"
+                name="close"
+                label=${this.closeButtonLabel&&this.closeButtonLabel!==""?this.closeButtonLabel:this.localize.term("close")}
+                class="tab__close-button"
+                @click=${this.handleCloseClick}
+                library="system"
+              ></dsa-icon-button>
+            `:""}
+      </div>
+    `}};t.styles=b,e([s(".tab")],t.prototype,"tab",2),e([s("[part~=close-button]")],t.prototype,"closeButton",2),e([s("slot:not([name])")],t.prototype,"defaultSlot",2),e([o({reflect:!0})],t.prototype,"panel",2),e([o({type:Boolean,reflect:!0})],t.prototype,"active",2),e([o({type:Boolean})],t.prototype,"closable",2),e([o({attribute:"close-button-label"})],t.prototype,"closeButtonLabel",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i("active")],t.prototype,"handleActiveChange",1),e([i("disabled")],t.prototype,"handleDisabledChange",1),t=e([n("dsa-tab")],t);export{t as a};

package/cdn/chunks/chunk.2U4QMA33.js

@@ -0,0 +1,38 @@
+import{a as n}from"./chunk.GVDGPLMF.js";import{a as l}from"./chunk.ELL45QD3.js";import{c}from"./chunk.4WOVD75K.js";import{d as i}from"./chunk.6DV3UDL6.js";import{a as o,b as s,f as a}from"./chunk.FC3GHOSX.js";import{a as t}from"./chunk.WJZ4ONP7.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends a{constructor(){super(...arguments);this.localize=new c(this);this.hasSlotController=new l(this,"description","action","error-code");this.errorCode=""}render(){let p=this.hasSlotController.test("description"),d=this.hasSlotController.test("action"),m=this.errorCode?!0:this.hasSlotController.test("error-code");return t`
+      <div part="base">
+        <div class="top-left-quarter-circle">
+          <svg viewBox="0 0 150 60" width="150" height="60" aria-hidden="true">
+            <path
+              fill="#D4D90D"
+              d="M150-39.398V-90c-20.118 0-69.498 9.036-106.075 45.18C7.347-8.674-.578 40.12.032 60h49.38c0-73.735 67.059-96.988 100.588-99.398Z"
+            />
+          </svg>
+        </div>
+        <div
+          class=${i({"error-message-panel":!0,"error-message-panel--has-description":p,"error-message-panel--has-action":d,"error-message-panel--has-error-code":m})}
+        >
+          <slot part="title" class="error-message-panel__title"></slot>
+          <p part="error-code">
+            ${this.localize.term("errorMessagePanelCodePrefix")}<slot
+              name="error-code"
+              >${this.errorCode}</slot
+            >
+          </p>
+          <slot name="description" part="description"></slot>
+          <slot name="action" part="action"></slot>
+        </div>
+        <div class="bottom-right-quarter-circle">
+          <svg
+            viewBox="0 0 241 101"
+            width="241"
+            height="101"
+            aria-hidden="true"
+          >
+            <path
+              fill="#530ABC"
+              d="M0 158.889V241c35.19-2.133 104.504-17.062 161.249-73.58C219.783 109.12 236.735 47.987 241 0h-78.912C143.96 111.969 53.394 154.984 0 158.889Z"
+            />
+          </svg>
+        </div>
+      </div>
+    `}};e.styles=n,r([s({attribute:"error-code"})],e.prototype,"errorCode",2),e=r([o("dsa-error-message-panel")],e);export{e as a};