@politiet/sheriff-web-components 2.6.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/custom-elements.json +1284 -829
  2. package/dist/frameworks/preact.d.ts +4 -1
  3. package/dist/frameworks/preact.d.ts.map +1 -1
  4. package/dist/frameworks/react.d.ts +13 -10
  5. package/dist/frameworks/react.d.ts.map +1 -1
  6. package/dist/frameworks/solidjs.d.ts +1 -0
  7. package/dist/frameworks/solidjs.d.ts.map +1 -1
  8. package/dist/frameworks/svelte.d.ts +1 -0
  9. package/dist/frameworks/svelte.d.ts.map +1 -1
  10. package/dist/frameworks/vue.d.ts +1 -0
  11. package/dist/frameworks/vue.d.ts.map +1 -1
  12. package/dist/index.d.ts +4 -2
  13. package/dist/index.d.ts.map +1 -1
  14. package/dist/index.js +1 -0
  15. package/dist/index.js.map +1 -1
  16. package/dist/mixins/index.d.ts +3 -0
  17. package/dist/mixins/index.d.ts.map +1 -1
  18. package/dist/mixins/index.js +3 -0
  19. package/dist/mixins/index.js.map +1 -1
  20. package/dist/mixins/sds-dialog-target-mixin.d.ts +11 -0
  21. package/dist/mixins/sds-dialog-target-mixin.d.ts.map +1 -0
  22. package/dist/mixins/sds-dialog-target-mixin.js +95 -0
  23. package/dist/mixins/sds-dialog-target-mixin.js.map +1 -0
  24. package/dist/mixins/sds-form-control-mixin.d.ts +19 -0
  25. package/dist/mixins/sds-form-control-mixin.d.ts.map +1 -0
  26. package/dist/mixins/sds-form-control-mixin.js +40 -0
  27. package/dist/mixins/sds-form-control-mixin.js.map +1 -0
  28. package/dist/react-wrappers/SDSDetailsGroupWrapper.d.ts +3 -0
  29. package/dist/react-wrappers/SDSDetailsGroupWrapper.d.ts.map +1 -0
  30. package/dist/react-wrappers/SDSDetailsGroupWrapper.js +9 -0
  31. package/dist/react-wrappers/SDSDetailsGroupWrapper.js.map +1 -0
  32. package/dist/react-wrappers/SDSDetailsWrapper.d.ts.map +1 -1
  33. package/dist/react-wrappers/SDSDetailsWrapper.js +1 -1
  34. package/dist/react-wrappers/SDSDetailsWrapper.js.map +1 -1
  35. package/dist/react-wrappers/index.d.ts +1 -0
  36. package/dist/react-wrappers/index.d.ts.map +1 -1
  37. package/dist/react-wrappers/index.js +1 -0
  38. package/dist/react-wrappers/index.js.map +1 -1
  39. package/dist/sds-alert/sds-alert.component.js +1 -1
  40. package/dist/sds-alert/sds-alert.component.js.map +1 -1
  41. package/dist/sds-button/sds-button.component.d.ts +4 -1
  42. package/dist/sds-button/sds-button.component.d.ts.map +1 -1
  43. package/dist/sds-button/sds-button.component.js +18 -3
  44. package/dist/sds-button/sds-button.component.js.map +1 -1
  45. package/dist/sds-button/sds-button.spec.js +1 -1
  46. package/dist/sds-button/sds-button.spec.js.map +1 -1
  47. package/dist/sds-card/sds-card.js +1 -1
  48. package/dist/sds-card/sds-card.js.map +1 -1
  49. package/dist/sds-card/sds-card.styles.d.ts.map +1 -1
  50. package/dist/sds-card/sds-card.styles.js +24 -21
  51. package/dist/sds-card/sds-card.styles.js.map +1 -1
  52. package/dist/sds-checkbox/sds-checkbox.d.ts +8 -16
  53. package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
  54. package/dist/sds-checkbox/sds-checkbox.js +43 -53
  55. package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
  56. package/dist/sds-checkbox/sds-checkbox.styles.d.ts.map +1 -1
  57. package/dist/sds-checkbox/sds-checkbox.styles.js +1 -0
  58. package/dist/sds-checkbox/sds-checkbox.styles.js.map +1 -1
  59. package/dist/sds-checkbox-group/sds-checkbox-group.d.ts.map +1 -1
  60. package/dist/sds-checkbox-group/sds-checkbox-group.js +5 -3
  61. package/dist/sds-checkbox-group/sds-checkbox-group.js.map +1 -1
  62. package/dist/sds-chip/sds-chip.d.ts +8 -14
  63. package/dist/sds-chip/sds-chip.d.ts.map +1 -1
  64. package/dist/sds-chip/sds-chip.js +45 -45
  65. package/dist/sds-chip/sds-chip.js.map +1 -1
  66. package/dist/sds-chip/sds-chip.styles.js +1 -1
  67. package/dist/sds-chip/sds-chip.styles.js.map +1 -1
  68. package/dist/sds-details/sds-details.d.ts +3 -2
  69. package/dist/sds-details/sds-details.d.ts.map +1 -1
  70. package/dist/sds-details/sds-details.js +11 -2
  71. package/dist/sds-details/sds-details.js.map +1 -1
  72. package/dist/sds-details/sds-details.styles.d.ts.map +1 -1
  73. package/dist/sds-details/sds-details.styles.js +10 -5
  74. package/dist/sds-details/sds-details.styles.js.map +1 -1
  75. package/dist/sds-details-group/sds-details-group.d.ts +24 -0
  76. package/dist/sds-details-group/sds-details-group.d.ts.map +1 -0
  77. package/dist/sds-details-group/sds-details-group.js +73 -0
  78. package/dist/sds-details-group/sds-details-group.js.map +1 -0
  79. package/dist/sds-details-group/sds-details-group.styles.d.ts +2 -0
  80. package/dist/sds-details-group/sds-details-group.styles.d.ts.map +1 -0
  81. package/dist/sds-details-group/sds-details-group.styles.js +30 -0
  82. package/dist/sds-details-group/sds-details-group.styles.js.map +1 -0
  83. package/dist/sds-dialog/sds-dialog.component.d.ts +56 -0
  84. package/dist/sds-dialog/sds-dialog.component.d.ts.map +1 -0
  85. package/dist/sds-dialog/sds-dialog.component.js +181 -0
  86. package/dist/sds-dialog/sds-dialog.component.js.map +1 -0
  87. package/dist/sds-dialog/sds-dialog.d.ts +2 -52
  88. package/dist/sds-dialog/sds-dialog.d.ts.map +1 -1
  89. package/dist/sds-dialog/sds-dialog.js +2 -163
  90. package/dist/sds-dialog/sds-dialog.js.map +1 -1
  91. package/dist/sds-dialog/sds-dialog.spec.d.ts +2 -0
  92. package/dist/sds-dialog/sds-dialog.spec.d.ts.map +1 -0
  93. package/dist/sds-dialog/sds-dialog.spec.js +50 -0
  94. package/dist/sds-dialog/sds-dialog.spec.js.map +1 -0
  95. package/dist/sds-dialog/sds-dialog.styles.d.ts.map +1 -1
  96. package/dist/sds-dialog/sds-dialog.styles.js +1 -3
  97. package/dist/sds-dialog/sds-dialog.styles.js.map +1 -1
  98. package/dist/sds-heading/sds-heading.styles.d.ts.map +1 -1
  99. package/dist/sds-heading/sds-heading.styles.js +8 -2
  100. package/dist/sds-heading/sds-heading.styles.js.map +1 -1
  101. package/dist/sds-process-step/sds-process-step.styles.d.ts.map +1 -1
  102. package/dist/sds-process-step/sds-process-step.styles.js +6 -2
  103. package/dist/sds-process-step/sds-process-step.styles.js.map +1 -1
  104. package/dist/sds-radio/sds-radio.d.ts +14 -17
  105. package/dist/sds-radio/sds-radio.d.ts.map +1 -1
  106. package/dist/sds-radio/sds-radio.js +48 -61
  107. package/dist/sds-radio/sds-radio.js.map +1 -1
  108. package/dist/sds-radio-group/sds-radio-group.d.ts.map +1 -1
  109. package/dist/sds-radio-group/sds-radio-group.js +5 -3
  110. package/dist/sds-radio-group/sds-radio-group.js.map +1 -1
  111. package/dist/sds-select/sds-select.component.d.ts +54 -0
  112. package/dist/sds-select/sds-select.component.d.ts.map +1 -0
  113. package/dist/sds-select/sds-select.component.js +292 -0
  114. package/dist/sds-select/sds-select.component.js.map +1 -0
  115. package/dist/sds-select/sds-select.d.ts +2 -61
  116. package/dist/sds-select/sds-select.d.ts.map +1 -1
  117. package/dist/sds-select/sds-select.js +2 -298
  118. package/dist/sds-select/sds-select.js.map +1 -1
  119. package/dist/sds-select/sds-select.styles.js +1 -1
  120. package/dist/sds-select/sds-select.styles.js.map +1 -1
  121. package/dist/sds-stepper/sds-stepper.d.ts +0 -1
  122. package/dist/sds-stepper/sds-stepper.d.ts.map +1 -1
  123. package/dist/sds-stepper/sds-stepper.js +2 -3
  124. package/dist/sds-stepper/sds-stepper.js.map +1 -1
  125. package/dist/sds-stepper/sds-stepper.styles.d.ts.map +1 -1
  126. package/dist/sds-stepper/sds-stepper.styles.js +2 -1
  127. package/dist/sds-stepper/sds-stepper.styles.js.map +1 -1
  128. package/dist/sds-stepper-step/sds-stepper-step.styles.d.ts.map +1 -1
  129. package/dist/sds-stepper-step/sds-stepper-step.styles.js +7 -5
  130. package/dist/sds-stepper-step/sds-stepper-step.styles.js.map +1 -1
  131. package/dist/sds-switch/sds-switch.d.ts +5 -14
  132. package/dist/sds-switch/sds-switch.d.ts.map +1 -1
  133. package/dist/sds-switch/sds-switch.js +13 -26
  134. package/dist/sds-switch/sds-switch.js.map +1 -1
  135. package/dist/sds-switch/sds-switch.styles.js +1 -1
  136. package/dist/sds-switch/sds-switch.styles.js.map +1 -1
  137. package/dist/sds-text/sds-text.styles.d.ts.map +1 -1
  138. package/dist/sds-text/sds-text.styles.js +193 -54
  139. package/dist/sds-text/sds-text.styles.js.map +1 -1
  140. package/dist/sds-textarea/sds-textarea.d.ts +12 -21
  141. package/dist/sds-textarea/sds-textarea.d.ts.map +1 -1
  142. package/dist/sds-textarea/sds-textarea.js +10 -23
  143. package/dist/sds-textarea/sds-textarea.js.map +1 -1
  144. package/dist/sds-textarea/sds-textarea.styles.d.ts.map +1 -1
  145. package/dist/sds-textarea/sds-textarea.styles.js +8 -5
  146. package/dist/sds-textarea/sds-textarea.styles.js.map +1 -1
  147. package/dist/sds-textfield/sds-textfield.d.ts +11 -20
  148. package/dist/sds-textfield/sds-textfield.d.ts.map +1 -1
  149. package/dist/sds-textfield/sds-textfield.js +9 -23
  150. package/dist/sds-textfield/sds-textfield.js.map +1 -1
  151. package/dist/sds-textfield/sds-textfield.styles.d.ts.map +1 -1
  152. package/dist/sds-textfield/sds-textfield.styles.js +5 -1
  153. package/dist/sds-textfield/sds-textfield.styles.js.map +1 -1
  154. package/dist/sheriff-web-components.js +409 -204
  155. package/package.json +6 -2
  156. package/web-types.json +1173 -830
@@ -1,4 +1,4 @@
1
- var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=/* @__PURE__ */Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=r.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&r.set(e,t))}return t}toString(){return this.cssText}};const i=t=>new a("string"==typeof t?t:t+"",void 0,o),d=(t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new a(s,t,o)},n=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return i(e)})(t):t,{is:l,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:g,getPrototypeOf:v}=Object,u=globalThis,f=u.trustedTypes,b=f?f.emptyScript:"",m=u.reactiveElementPolyfillSupport,_=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(o){s=null}}return s}},y=(t,e)=>!l(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=/* @__PURE__ */Symbol("metadata"),u.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=/* @__PURE__ */Symbol(),o=this.getPropertyDescriptor(t,s,e);void 0!==o&&c(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:r}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const a=o?.call(this);r?.call(this,e),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,e=[...p(t),...g(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=/* @__PURE__ */new Map;for(const[e,s]of this.elementProperties){const t=this._$Eu(e,s);void 0!==t&&this._$Eh.set(t,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(s)t.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const s of o){const o=document.createElement("style"),r=e.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=s.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(void 0!==o&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(e,s.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const s=this.constructor,o=s._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=s.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=o;const a=r.fromAttribute(e,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,e,s,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),s??=a.getPropertyOptions(t),!((s.hasChanged??y)(r,e)||s.useDefault&&s.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:r},a){s&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??e??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,s,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[_("elementProperties")]=/* @__PURE__ */new Map,k[_("finalized")]=/* @__PURE__ */new Map,m?.({ReactiveElement:k}),(u.reactiveElementVersions??=[]).push("2.1.2");const z={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},$=(t=z,e,s)=>{const{kind:o,metadata:r}=s;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(s.name,t),"accessor"===o){const{name:o}=s;return{set(s){const r=e.get.call(this);e.set.call(this,s),this.requestUpdate(o,r,t,!0,s)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=s;return function(s){const r=this[o];e.call(this,s),this.requestUpdate(o,r,t,!0,s)}}throw Error("Unsupported decorator location: "+o)};function S(t){return(e,s)=>"object"==typeof s?$(t,e,s):((t,e,s)=>{const o=e.hasOwnProperty(s);return e.constructor.createProperty(s,t),o?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}function C(t){return S({...t,state:!0,attribute:!1})}const E=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,s),s);function A(t,e){return(e,s,o)=>E(e,s,{get(){return e=this,e.renderRoot?.querySelector(t)??null;var e}})}function O(t){return(e,s)=>{const{slot:o,selector:r}=t??{},a="slot"+(o?`[name=${o}]`:":not([name])");return E(e,s,{get(){const e=this.renderRoot?.querySelector(a),s=e?.assignedElements(t)??[];return void 0===r?s:s.filter(t=>t.matches(r))}})}}function P(t){return e=>{var s;customElements.get(t)||(s=t,(t,e)=>{void 0!==e?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)})(e)}}const L=globalThis,D=t=>t,q=L.trustedTypes,T=q?q.createPolicy("lit-html",{createHTML:t=>t}):void 0,R="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+M,B=`<${V}>`,I=document,F=()=>I.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,N="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,W=/-->/g,K=/>/g,G=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Y=/'/g,X=/"/g,Z=/^(?:script|style|textarea|title)$/i,Q=(ot=1,(t,...e)=>({_$litType$:ot,strings:t,values:e})),J=/* @__PURE__ */Symbol.for("lit-noChange"),tt=/* @__PURE__ */Symbol.for("lit-nothing"),et=/* @__PURE__ */new WeakMap,st=I.createTreeWalker(I,129);var ot;function rt(t,e){if(!H(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==T?T.createHTML(e):e}let at=class t{constructor({strings:e,_$litType$:s},o){let r;this.parts=[];let a=0,i=0;const d=e.length-1,n=this.parts,[l,c]=((t,e)=>{const s=t.length-1,o=[];let r,a=2===e?"<svg>":3===e?"<math>":"",i=U;for(let d=0;d<s;d++){const e=t[d];let s,n,l=-1,c=0;for(;c<e.length&&(i.lastIndex=c,n=i.exec(e),null!==n);)c=i.lastIndex,i===U?"!--"===n[1]?i=W:void 0!==n[1]?i=K:void 0!==n[2]?(Z.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=G):void 0!==n[3]&&(i=G):i===G?">"===n[0]?(i=r??U,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,s=n[1],i=void 0===n[3]?G:'"'===n[3]?X:Y):i===X||i===Y?i=G:i===W||i===K?i=U:(i=G,r=void 0);const h=i===G&&t[d+1].startsWith("/>")?" ":"";a+=i===U?e+B:l>=0?(o.push(s),e.slice(0,l)+R+e.slice(l)+M+h):e+M+(-2===l?d:h)}return[rt(t,a+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]})(e,s);if(this.el=t.createElement(l,o),st.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=st.nextNode())&&n.length<d;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(R)){const e=c[i++],s=r.getAttribute(t).split(M),o=/([.?@])?(.*)/.exec(e);n.push({type:1,index:a,name:o[2],strings:s,ctor:"."===o[1]?ct:"?"===o[1]?ht:"@"===o[1]?pt:lt}),r.removeAttribute(t)}else t.startsWith(M)&&(n.push({type:6,index:a}),r.removeAttribute(t));if(Z.test(r.tagName)){const t=r.textContent.split(M),e=t.length-1;if(e>0){r.textContent=q?q.emptyScript:"";for(let s=0;s<e;s++)r.append(t[s],F()),st.nextNode(),n.push({type:2,index:++a});r.append(t[e],F())}}}else if(8===r.nodeType)if(r.data===V)n.push({type:2,index:a});else{let t=-1;for(;-1!==(t=r.data.indexOf(M,t+1));)n.push({type:7,index:a}),t+=M.length-1}a++}}static createElement(t,e){const s=I.createElement("template");return s.innerHTML=t,s}};function it(t,e,s=t,o){if(e===J)return e;let r=void 0!==o?s._$Co?.[o]:s._$Cl;const a=j(e)?void 0:e._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,s,o)),void 0!==o?(s._$Co??=[])[o]=r:s._$Cl=r),void 0!==r&&(e=it(t,r._$AS(t,e.values),r,o)),e}let dt=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=(t?.creationScope??I).importNode(e,!0);st.currentNode=o;let r=st.nextNode(),a=0,i=0,d=s[0];for(;void 0!==d;){if(a===d.index){let e;2===d.type?e=new nt(r,r.nextSibling,this,t):1===d.type?e=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(e=new gt(r,this,t)),this._$AV.push(e),d=s[++i]}a!==d?.index&&(r=st.nextNode(),a++)}return st.currentNode=I,o}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},nt=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=tt,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=it(this,t,e),j(t)?t===tt||null==t||""===t?(this._$AH!==tt&&this._$AR(),this._$AH=tt):t!==this._$AH&&t!==J&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==tt&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(I.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,o="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=at.createElement(rt(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new dt(o,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=et.get(t.strings);return void 0===e&&et.set(t.strings,e=new at(t)),e}k(e){H(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let o,r=0;for(const a of e)r===s.length?s.push(o=new t(this.O(F()),this.O(F()),this,this.options)):o=s[r],o._$AI(a),r++;r<s.length&&(this._$AR(o&&o._$AB.nextSibling,r),s.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=D(t).nextSibling;D(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}},lt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=tt,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=tt}_$AI(t,e=this,s,o){const r=this.strings;let a=!1;if(void 0===r)t=it(this,t,e,0),a=!j(t)||t!==this._$AH&&t!==J,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=it(this,o[s+i],e,i),d===J&&(d=this._$AH[i]),a||=!j(d)||d!==this._$AH[i],d===tt?t=tt:t!==tt&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===tt?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ct=class extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===tt?void 0:t}},ht=class extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==tt)}},pt=class extends lt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=it(this,t,e,0)??tt)===J)return;const s=this._$AH,o=t===tt&&s!==tt||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==tt&&(s===tt||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},gt=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){it(this,t)}};const vt=L.litHtmlPolyfillSupport;vt?.(at,nt),(L.litHtmlVersions??=[]).push("3.3.2");const ut=globalThis;let ft=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const o=s?.renderBefore??e;let r=o._$litPart$;if(void 0===r){const t=s?.renderBefore??null;o._$litPart$=r=new nt(e.insertBefore(F(),t),t,void 0,s??{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return J}};ft._$litElement$=!0,ft.finalized=!0,ut.litElementHydrateSupport?.({LitElement:ft});const bt=ut.litElementPolyfillSupport;bt?.({LitElement:ft}),(ut.litElementVersions??=[]).push("4.2.2");const mt=/* @__PURE__ */Symbol.for(""),_t=t=>{if(t?.r===mt)return t?._$litStatic$},xt=t=>({_$litStatic$:t,r:mt}),yt=(t,...e)=>({_$litStatic$:e.reduce((e,s,o)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(s)+t[o+1],t[0]),r:mt}),wt=/* @__PURE__ */new Map,kt=(t=>(e,...s)=>{const o=s.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=e[l];l<o&&void 0!==(a=s[l],r=_t(a));)n+=r+e[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(e[o]),c){const t=i.join("$$lit$$");void 0===(e=wt.get(t))&&(i.raw=i,wt.set(t,e=i)),s=d}return t(e,...s)})(Q),zt=d`
1
+ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=/* @__PURE__ */Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=r.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&r.set(e,t))}return t}toString(){return this.cssText}};const i=t=>new a("string"==typeof t?t:t+"",void 0,o),d=(t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new a(s,t,o)},n=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return i(e)})(t):t,{is:l,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:g,getPrototypeOf:v}=Object,u=globalThis,f=u.trustedTypes,b=f?f.emptyScript:"",m=u.reactiveElementPolyfillSupport,_=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(o){s=null}}return s}},y=(t,e)=>!l(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=/* @__PURE__ */Symbol("metadata"),u.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=/* @__PURE__ */Symbol(),o=this.getPropertyDescriptor(t,s,e);void 0!==o&&c(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:r}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const a=o?.call(this);r?.call(this,e),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,e=[...p(t),...g(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=/* @__PURE__ */new Map;for(const[e,s]of this.elementProperties){const t=this._$Eu(e,s);void 0!==t&&this._$Eh.set(t,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(s)t.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const s of o){const o=document.createElement("style"),r=e.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=s.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(void 0!==o&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(e,s.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const s=this.constructor,o=s._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=s.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=o;const a=r.fromAttribute(e,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,e,s,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),s??=a.getPropertyOptions(t),!((s.hasChanged??y)(r,e)||s.useDefault&&s.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:r},a){s&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??e??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,s,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[_("elementProperties")]=/* @__PURE__ */new Map,k[_("finalized")]=/* @__PURE__ */new Map,m?.({ReactiveElement:k}),(u.reactiveElementVersions??=[]).push("2.1.2");const z={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},$=(t=z,e,s)=>{const{kind:o,metadata:r}=s;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(s.name,t),"accessor"===o){const{name:o}=s;return{set(s){const r=e.get.call(this);e.set.call(this,s),this.requestUpdate(o,r,t,!0,s)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=s;return function(s){const r=this[o];e.call(this,s),this.requestUpdate(o,r,t,!0,s)}}throw Error("Unsupported decorator location: "+o)};function S(t){return(e,s)=>"object"==typeof s?$(t,e,s):((t,e,s)=>{const o=e.hasOwnProperty(s);return e.constructor.createProperty(s,t),o?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}function C(t){return S({...t,state:!0,attribute:!1})}const E=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,s),s);function A(t,e){return(e,s,o)=>E(e,s,{get(){return e=this,e.renderRoot?.querySelector(t)??null;var e}})}function O(t){return(e,s)=>{const{slot:o,selector:r}=t??{},a="slot"+(o?`[name=${o}]`:":not([name])");return E(e,s,{get(){const e=this.renderRoot?.querySelector(a),s=e?.assignedElements(t)??[];return void 0===r?s:s.filter(t=>t.matches(r))}})}}function P(t){return e=>{var s;customElements.get(t)||(s=t,(t,e)=>{void 0!==e?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)})(e)}}const L=globalThis,D=t=>t,T=L.trustedTypes,q=T?T.createPolicy("lit-html",{createHTML:t=>t}):void 0,M="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+R,B=`<${V}>`,j=document,I=()=>j.createComment(""),F=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,N="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,W=/-->/g,K=/>/g,G=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Y=/'/g,X=/"/g,Z=/^(?:script|style|textarea|title)$/i,Q=(ot=1,(t,...e)=>({_$litType$:ot,strings:t,values:e})),J=/* @__PURE__ */Symbol.for("lit-noChange"),tt=/* @__PURE__ */Symbol.for("lit-nothing"),et=/* @__PURE__ */new WeakMap,st=j.createTreeWalker(j,129);var ot;function rt(t,e){if(!H(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==q?q.createHTML(e):e}let at=class t{constructor({strings:e,_$litType$:s},o){let r;this.parts=[];let a=0,i=0;const d=e.length-1,n=this.parts,[l,c]=((t,e)=>{const s=t.length-1,o=[];let r,a=2===e?"<svg>":3===e?"<math>":"",i=U;for(let d=0;d<s;d++){const e=t[d];let s,n,l=-1,c=0;for(;c<e.length&&(i.lastIndex=c,n=i.exec(e),null!==n);)c=i.lastIndex,i===U?"!--"===n[1]?i=W:void 0!==n[1]?i=K:void 0!==n[2]?(Z.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=G):void 0!==n[3]&&(i=G):i===G?">"===n[0]?(i=r??U,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,s=n[1],i=void 0===n[3]?G:'"'===n[3]?X:Y):i===X||i===Y?i=G:i===W||i===K?i=U:(i=G,r=void 0);const h=i===G&&t[d+1].startsWith("/>")?" ":"";a+=i===U?e+B:l>=0?(o.push(s),e.slice(0,l)+M+e.slice(l)+R+h):e+R+(-2===l?d:h)}return[rt(t,a+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]})(e,s);if(this.el=t.createElement(l,o),st.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=st.nextNode())&&n.length<d;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(M)){const e=c[i++],s=r.getAttribute(t).split(R),o=/([.?@])?(.*)/.exec(e);n.push({type:1,index:a,name:o[2],strings:s,ctor:"."===o[1]?ct:"?"===o[1]?ht:"@"===o[1]?pt:lt}),r.removeAttribute(t)}else t.startsWith(R)&&(n.push({type:6,index:a}),r.removeAttribute(t));if(Z.test(r.tagName)){const t=r.textContent.split(R),e=t.length-1;if(e>0){r.textContent=T?T.emptyScript:"";for(let s=0;s<e;s++)r.append(t[s],I()),st.nextNode(),n.push({type:2,index:++a});r.append(t[e],I())}}}else if(8===r.nodeType)if(r.data===V)n.push({type:2,index:a});else{let t=-1;for(;-1!==(t=r.data.indexOf(R,t+1));)n.push({type:7,index:a}),t+=R.length-1}a++}}static createElement(t,e){const s=j.createElement("template");return s.innerHTML=t,s}};function it(t,e,s=t,o){if(e===J)return e;let r=void 0!==o?s._$Co?.[o]:s._$Cl;const a=F(e)?void 0:e._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,s,o)),void 0!==o?(s._$Co??=[])[o]=r:s._$Cl=r),void 0!==r&&(e=it(t,r._$AS(t,e.values),r,o)),e}let dt=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=(t?.creationScope??j).importNode(e,!0);st.currentNode=o;let r=st.nextNode(),a=0,i=0,d=s[0];for(;void 0!==d;){if(a===d.index){let e;2===d.type?e=new nt(r,r.nextSibling,this,t):1===d.type?e=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(e=new gt(r,this,t)),this._$AV.push(e),d=s[++i]}a!==d?.index&&(r=st.nextNode(),a++)}return st.currentNode=j,o}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},nt=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=tt,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=it(this,t,e),F(t)?t===tt||null==t||""===t?(this._$AH!==tt&&this._$AR(),this._$AH=tt):t!==this._$AH&&t!==J&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==tt&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(j.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,o="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=at.createElement(rt(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new dt(o,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=et.get(t.strings);return void 0===e&&et.set(t.strings,e=new at(t)),e}k(e){H(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let o,r=0;for(const a of e)r===s.length?s.push(o=new t(this.O(I()),this.O(I()),this,this.options)):o=s[r],o._$AI(a),r++;r<s.length&&(this._$AR(o&&o._$AB.nextSibling,r),s.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=D(t).nextSibling;D(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}},lt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=tt,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=tt}_$AI(t,e=this,s,o){const r=this.strings;let a=!1;if(void 0===r)t=it(this,t,e,0),a=!F(t)||t!==this._$AH&&t!==J,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=it(this,o[s+i],e,i),d===J&&(d=this._$AH[i]),a||=!F(d)||d!==this._$AH[i],d===tt?t=tt:t!==tt&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===tt?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ct=class extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===tt?void 0:t}},ht=class extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==tt)}},pt=class extends lt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=it(this,t,e,0)??tt)===J)return;const s=this._$AH,o=t===tt&&s!==tt||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==tt&&(s===tt||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},gt=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){it(this,t)}};const vt=L.litHtmlPolyfillSupport;vt?.(at,nt),(L.litHtmlVersions??=[]).push("3.3.2");const ut=globalThis;let ft=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const o=s?.renderBefore??e;let r=o._$litPart$;if(void 0===r){const t=s?.renderBefore??null;o._$litPart$=r=new nt(e.insertBefore(I(),t),t,void 0,s??{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return J}};ft._$litElement$=!0,ft.finalized=!0,ut.litElementHydrateSupport?.({LitElement:ft});const bt=ut.litElementPolyfillSupport;bt?.({LitElement:ft}),(ut.litElementVersions??=[]).push("4.2.2");const mt=/* @__PURE__ */Symbol.for(""),_t=t=>{if(t?.r===mt)return t?._$litStatic$},xt=t=>({_$litStatic$:t,r:mt}),yt=(t,...e)=>({_$litStatic$:e.reduce((e,s,o)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(s)+t[o+1],t[0]),r:mt}),wt=/* @__PURE__ */new Map,kt=(t=>(e,...s)=>{const o=s.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=e[l];l<o&&void 0!==(a=s[l],r=_t(a));)n+=r+e[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(e[o]),c){const t=i.join("$$lit$$");void 0===(e=wt.get(t))&&(i.raw=i,wt.set(t,e=i)),s=d}return t(e,...s)})(Q),zt=d`
2
2
  :host {
3
3
  --_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
4
4
 
@@ -185,7 +185,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
185
185
  variant="tertiary"
186
186
  size="sm"
187
187
  ?icon=${!0}
188
- aria-label=${t}
188
+ label=${t}
189
189
  @click=${this._remove}
190
190
  >
191
191
  ${this._renderIcon("close-material-outlined","sm")}
@@ -196,7 +196,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
196
196
  <slot name="message"></slot>
197
197
  </div>
198
198
  ${this.removableLabel&&"primary"===this.variant?Q`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:tt}
199
- </div>`}};Ot.styles=[zt];let Pt=Ot;Et([S({type:String,reflect:!0})],Pt.prototype,"variant"),Et([S({type:String,reflect:!0})],Pt.prototype,"size"),Et([S({type:String,attribute:"removable-label",reflect:!0})],Pt.prototype,"removableLabel"),Et([S({type:String,attribute:"data-palette",reflect:!0})],Pt.prototype,"palette");const Lt=t=>t??tt,Dt=1,qt=2,Tt=t=>(...e)=>({_$litDirective$:t,values:e});let Rt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}},Mt=class extends Rt{constructor(t){if(super(t),this.it=tt,t.type!==qt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===tt||null==t)return this._t=void 0,this.it=t;if(t===J)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Mt.directiveName="unsafeHTML",Mt.resultType=1;let Vt=class extends Mt{};Vt.directiveName="unsafeSVG",Vt.resultType=2;const Bt=Tt(Vt),It=["arrow_forward-material-outlined","check_circle-material-filled","close-material-outlined","dangerous-material-filled","InformationSquareFill-aksel-filled","lock-material-filled","search-material-filled","warning-material-filled","chevron_up-material-filled"],Ft={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>',"InformationSquareFill-aksel-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>',"lock-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>',"chevron_up-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><path d="m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z"/></svg>'},jt=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t).catch(t=>{console.log(t)}),Ht=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then(e=>{if(!e.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return e.text()});const Nt=d`
199
+ </div>`}};Ot.styles=[zt];let Pt=Ot;Et([S({type:String,reflect:!0})],Pt.prototype,"variant"),Et([S({type:String,reflect:!0})],Pt.prototype,"size"),Et([S({type:String,attribute:"removable-label",reflect:!0})],Pt.prototype,"removableLabel"),Et([S({type:String,attribute:"data-palette",reflect:!0})],Pt.prototype,"palette");const Lt=t=>t??tt,Dt=1,Tt=2,qt=t=>(...e)=>({_$litDirective$:t,values:e});let Mt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}},Rt=class extends Mt{constructor(t){if(super(t),this.it=tt,t.type!==Tt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===tt||null==t)return this._t=void 0,this.it=t;if(t===J)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Rt.directiveName="unsafeHTML",Rt.resultType=1;let Vt=class extends Rt{};Vt.directiveName="unsafeSVG",Vt.resultType=2;const Bt=qt(Vt),jt=["arrow_forward-material-outlined","check_circle-material-filled","close-material-outlined","dangerous-material-filled","InformationSquareFill-aksel-filled","lock-material-filled","search-material-filled","warning-material-filled","chevron_up-material-filled"],It={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>',"InformationSquareFill-aksel-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>',"lock-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>',"chevron_up-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><path d="m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z"/></svg>'},Ft=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t).catch(t=>{console.log(t)}),Ht=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then(e=>{if(!e.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return e.text()});const Nt=d`
200
200
  :host {
201
201
  --_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
202
202
  --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
@@ -233,7 +233,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
233
233
  <div class="sds-icon" role="${Lt(this.label?"img":void 0)}" style="${Lt(this.color?`color:${this.color}`:void 0)}" aria-label="${Lt(this.label)}">
234
234
  ${this.name?Q`<slot aria-hidden="true">${Bt(this.svg)}</slot>`:Q`<slot aria-hidden="true"></slot>`}
235
235
  </div>
236
- `}async fetchIcon(){if(!this.name)return void(this.svg="");const e=await new Promise(e=>{t.iconLoader.resolve(this.name,e)});this.svg=e}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Nt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?jt:Ht}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?jt:Ht}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,e){if(!this._disableSystemIcons&&(t=>It.includes(t))(t))return void e(Ft[t]);let s=this.cache.get(t);"string"!=typeof s?(s||(s=this.resolver(t).catch(()=>"").then(e=>(this.cache.set(t,e),e)),this.cache.set(t,s)),s.then(e)):e(s)}clear(){this.cache.clear()}get currentLoader(){return this.resolver}},t);Wt([S({type:String,reflect:!0})],Kt.prototype,"name"),Wt([S({type:String,reflect:!0})],Kt.prototype,"size"),Wt([S({type:String,reflect:!0})],Kt.prototype,"color"),Wt([S({type:String,reflect:!0})],Kt.prototype,"label"),Wt([C()],Kt.prototype,"svg");let Gt=Kt;var Yt=Object.getOwnPropertyDescriptor;let Xt=class extends Gt{};Xt=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Yt(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-icon")],Xt);const Zt=Tt(class extends Rt{constructor(t){if(super(t),t.type!==Dt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const s=t.element.classList;for(const o of this.st)o in e||(s.remove(o),this.st.delete(o));for(const o in e){const t=!!e[o];t===this.st.has(o)||this.nt?.has(o)||(t?(s.add(o),this.st.add(o)):(s.remove(o),this.st.delete(o)))}return J}});var Qt=Object.defineProperty,Jt=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Qt(e,s,a),a};const te=d`
236
+ `}async fetchIcon(){if(!this.name)return void(this.svg="");const e=await new Promise(e=>{t.iconLoader.resolve(this.name,e)});this.svg=e}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Nt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Ft:Ht}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?Ft:Ht}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,e){if(!this._disableSystemIcons&&(t=>jt.includes(t))(t))return void e(It[t]);let s=this.cache.get(t);"string"!=typeof s?(s||(s=this.resolver(t).catch(()=>"").then(e=>(this.cache.set(t,e),e)),this.cache.set(t,s)),s.then(e)):e(s)}clear(){this.cache.clear()}get currentLoader(){return this.resolver}},t);Wt([S({type:String,reflect:!0})],Kt.prototype,"name"),Wt([S({type:String,reflect:!0})],Kt.prototype,"size"),Wt([S({type:String,reflect:!0})],Kt.prototype,"color"),Wt([S({type:String,reflect:!0})],Kt.prototype,"label"),Wt([C()],Kt.prototype,"svg");let Gt=Kt;var Yt=Object.getOwnPropertyDescriptor;let Xt=class extends Gt{};Xt=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Yt(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-icon")],Xt);const Zt=qt(class extends Mt{constructor(t){if(super(t),t.type!==Dt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const s=t.element.classList;for(const o of this.st)o in e||(s.remove(o),this.st.delete(o));for(const o in e){const t=!!e[o];t===this.st.has(o)||this.nt?.has(o)||(t?(s.add(o),this.st.add(o)):(s.remove(o),this.st.delete(o)))}return J}}),Qt=d`
237
237
  :host {
238
238
  --_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
239
239
  --_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
@@ -405,7 +405,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
405
405
  --_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
406
406
  min-width: var(--_sds-button-min-height);
407
407
  }
408
- `;function ee(t){return class extends t{focus(){this.disabled||this.control?.focus()}blur(){this.disabled||this.control?.blur()}click(){this.disabled||this.readOnly||this.control?.click()}}}var se=Object.defineProperty,oe=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&se(e,s,a),a};const re=class extends(function(t){class e extends t{updated(t){super.updated(t),(t.has("popoverTarget")||t.has("popoverTargetAction"))&&this._updatePopoverTarget()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupPopoverListener()}_cleanupPopoverListener(){this._popoverToggleHandler&&this._popoverElement&&(this._popoverElement.removeEventListener("toggle",this._popoverToggleHandler),this._popoverToggleHandler=void 0,this._popoverElement=void 0)}_updatePopoverTarget(){const t=this.shadowRoot?.querySelector("#control");if(t)if(this._cleanupPopoverListener(),this.popoverTarget){const e=this.getRootNode(),s=e.getElementById?.(this.popoverTarget)??document.getElementById(this.popoverTarget);if(s){t.popoverTargetElement=s,this._popoverElement=s;const e=s.getAttribute("role");"tooltip"===e?t.setAttribute("aria-describedby",this.popoverTarget):(this._popoverToggleHandler=e=>{const s="open"===e.newState;t.setAttribute("aria-expanded",String(s))},s.addEventListener("toggle",this._popoverToggleHandler),t.setAttribute("aria-haspopup",e||"dialog"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-controls",this.popoverTarget))}this.popoverTargetAction&&(t.popoverTargetAction=this.popoverTargetAction)}else t.popoverTargetElement=null,t.popoverTargetAction="",t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-describedby")}}return Jt([S({type:String,attribute:"popovertarget"})],e.prototype,"popoverTarget"),Jt([S({type:String,attribute:"popovertargetaction"})],e.prototype,"popoverTargetAction"),e}(ee(St(ft)))){constructor(){super(),this.disabled=!1,this.icon=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this._handleClick=t=>{if(this.popoverTarget)return t.stopImmediatePropagation(),void(this.disabled||this.dispatchSheriffEvent("click"));if(t.preventDefault(),t.stopImmediatePropagation(),!this.disabled)switch(this.type){case"submit":if(this.dispatchSheriffEvent("submit"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break;case"reset":if(this.dispatchSheriffEvent("reset"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break;default:this.dispatchSheriffEvent("click")}},this.internals=this.attachInternals()}updated(t){super.updated(t),t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?Q` <a id="link" class="${Zt(t)}" href="${this.href}" target="${Lt(this.target)}">
408
+ `;function Jt(t){return class extends t{focus(){this.disabled||this.control?.focus()}blur(){this.disabled||this.control?.blur()}click(){this.disabled||this.readOnly||this.control?.click()}}}var te=Object.defineProperty,ee=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&te(e,s,a),a};function se(t){const e=class extends t{constructor(...t){super(...t),this.disabled=!1,this.readOnly=!1,this.internals=this.attachInternals()}get form(){return this.internals.form}formDisabledCallback(t){this.disabled=t}};e.formAssociated=!0,e.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0};let s=e;return ee([S({type:String,reflect:!0})],s.prototype,"name"),ee([S({type:Boolean,reflect:!0})],s.prototype,"disabled"),ee([S({type:Boolean,attribute:"readonly",reflect:!0})],s.prototype,"readOnly"),s}var oe=Object.defineProperty,re=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&oe(e,s,a),a};var ae=Object.defineProperty,ie=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&ae(e,s,a),a};var de=Object.defineProperty,ne=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&de(e,s,a),a};const le=class extends(function(t){class e extends t{updated(t){super.updated(t),(t.has("command")||t.has("commandFor"))&&this._updateCommandTarget()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDialogObserver()}_cleanupDialogObserver(){this._dialogOpenObserver&&(this._dialogOpenObserver.disconnect(),this._dialogOpenObserver=void 0),this._dialogElement=void 0}_observeDialog(t,e){this._dialogElement=e,this._dialogOpenObserver=new MutationObserver(s=>{for(const o of s)if("open"===o.attributeName){const s=e.hasAttribute("open");t.setAttribute("aria-expanded",String(s))}}),this._dialogOpenObserver.observe(e,{attributes:!0,attributeFilter:["open"]})}_clearAriaFields(t){t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls")}_updateCommandTarget(){this._cleanupDialogObserver();const t=this.shadowRoot?.querySelector("#control");if(!t)return;if(!this.commandFor||!this.command)return void this._clearAriaFields(t);if("show-modal"!==this.command)return void this._clearAriaFields(t);const e=this.getRootNode(),s=e.getElementById?.(this.commandFor)??document.getElementById(this.commandFor);s?(t.setAttribute("aria-haspopup","dialog"),t.setAttribute("aria-expanded",String(s.open)),t.setAttribute("aria-controls",this.commandFor),this._observeDialog(t,s)):this._clearAriaFields(t)}runDialogCommand(){if(this._dialogElement)switch(this.command){case"show-modal":this._dialogElement.showModal();break;case"close":this._dialogElement.close();break;case"request-close":this._dialogElement.requestClose()}}}return re([S({type:String,attribute:"command"})],e.prototype,"command"),re([S({type:String,attribute:"commandfor"})],e.prototype,"commandFor"),e}(function(t){class e extends t{updated(t){super.updated(t),(t.has("popoverTarget")||t.has("popoverTargetAction"))&&this._updatePopoverTarget()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupPopoverListener()}_cleanupPopoverListener(){this._popoverToggleHandler&&this._popoverElement&&(this._popoverElement.removeEventListener("toggle",this._popoverToggleHandler),this._popoverToggleHandler=void 0,this._popoverElement=void 0)}_updatePopoverTarget(){const t=this.shadowRoot?.querySelector("#control");if(t)if(this._cleanupPopoverListener(),this.popoverTarget){const e=this.getRootNode(),s=e.getElementById?.(this.popoverTarget)??document.getElementById(this.popoverTarget);if(s){t.popoverTargetElement=s,this._popoverElement=s;const e=s.getAttribute("role");"tooltip"===e?t.setAttribute("aria-describedby",this.popoverTarget):(this._popoverToggleHandler=e=>{const s="open"===e.newState;t.setAttribute("aria-expanded",String(s))},s.addEventListener("toggle",this._popoverToggleHandler),t.setAttribute("aria-haspopup",e||"dialog"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-controls",this.popoverTarget))}this.popoverTargetAction&&(t.popoverTargetAction=this.popoverTargetAction)}else t.popoverTargetElement=null,t.popoverTargetAction="",t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-describedby")}}return ie([S({type:String,attribute:"popovertarget"})],e.prototype,"popoverTarget"),ie([S({type:String,attribute:"popovertargetaction"})],e.prototype,"popoverTargetAction"),e}(Jt(St(ft))))){constructor(){super(),this.disabled=!1,this.icon=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this.label=void 0,this._handleClick=t=>{if(this.popoverTarget)return t.stopImmediatePropagation(),void(this.disabled||this.dispatchSheriffEvent("click"));if(this.commandFor&&this.command)return t.preventDefault(),t.stopImmediatePropagation(),void(this.disabled||(this.runDialogCommand(),this.dispatchSheriffEvent("click")));if(t.preventDefault(),t.stopImmediatePropagation(),!this.disabled)switch(this.type){case"submit":if(this.dispatchSheriffEvent("submit"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break;case"reset":if(this.dispatchSheriffEvent("reset"))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break;default:this.dispatchSheriffEvent("click")}},this.internals=this.attachInternals()}updated(t){super.updated(t),t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?Q` <a id="link" class="${Zt(t)}" href="${this.href}" target="${Lt(this.target)}">
409
409
  <slot name="before"></slot>
410
410
  <slot></slot>
411
411
  <slot name="after"></slot>
@@ -419,22 +419,24 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
419
419
  value="${Lt(this.value)}"
420
420
  ?disabled="${this.disabled}"
421
421
  @click="${this._handleClick}"
422
+ aria-label="${Lt(this.label)}"
422
423
  >
423
424
  ${this.loading?Q`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:tt} ${this.loading?tt:Q`<slot name="before"></slot>`}
424
425
  <slot></slot>
425
426
  ${this.loading?tt:Q`<slot name="after"></slot>`}
426
427
  </button>
427
- `}};re.styles=[te],re.formAssociated=!0,re.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0};let ae=re;oe([S({type:Boolean,reflect:!0})],ae.prototype,"disabled"),oe([S({type:Boolean,reflect:!0})],ae.prototype,"icon"),oe([S({type:Boolean,reflect:!0})],ae.prototype,"loading"),oe([S({type:String,reflect:!0})],ae.prototype,"form"),oe([S({type:String,reflect:!0})],ae.prototype,"href"),oe([S({type:String,reflect:!0})],ae.prototype,"name"),oe([S({type:String,reflect:!0})],ae.prototype,"size"),oe([S({type:String,reflect:!0})],ae.prototype,"target"),oe([S({type:String,reflect:!0})],ae.prototype,"type"),oe([S({type:String,reflect:!0})],ae.prototype,"value"),oe([S({type:String,reflect:!0})],ae.prototype,"variant"),oe([A("#control")],ae.prototype,"control");var ie=Object.getOwnPropertyDescriptor;let de=class extends ae{};de=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?ie(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-button")],de);var ne=Object.getOwnPropertyDescriptor;let le=class extends Pt{};function ce(t,e,s,o){const r=t?.assignedNodes({flatten:!0}).filter(t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const s=t,o=s.tagName.toUpperCase();if(!e.includes(o))return!0;return Array.from(s.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE)}return!1});r?.length>0&&console.warn(o,...r)}le=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?ne(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-alert")],le);const he=d`
428
+ `}};le.styles=[Qt],le.formAssociated=!0,le.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0};let ce=le;ne([S({type:Boolean,reflect:!0})],ce.prototype,"disabled"),ne([S({type:Boolean,reflect:!0})],ce.prototype,"icon"),ne([S({type:Boolean,reflect:!0})],ce.prototype,"loading"),ne([S({type:String,reflect:!0})],ce.prototype,"form"),ne([S({type:String,reflect:!0})],ce.prototype,"href"),ne([S({type:String,reflect:!0})],ce.prototype,"name"),ne([S({type:String,reflect:!0})],ce.prototype,"size"),ne([S({type:String,reflect:!0})],ce.prototype,"target"),ne([S({type:String,reflect:!0})],ce.prototype,"type"),ne([S({type:String,reflect:!0})],ce.prototype,"value"),ne([S({type:String,reflect:!0})],ce.prototype,"variant"),ne([S({type:String,reflect:!0})],ce.prototype,"label"),ne([A("#control")],ce.prototype,"control");var he=Object.getOwnPropertyDescriptor;let pe=class extends ce{};pe=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?he(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-button")],pe);var ge=Object.getOwnPropertyDescriptor;let ve=class extends Pt{};function ue(t,e,s,o){const r=t?.assignedNodes({flatten:!0}).filter(t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const s=t,o=s.tagName.toUpperCase();if(!e.includes(o))return!0;return Array.from(s.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE)}return!1});r?.length>0&&console.warn(o,...r)}ve=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?ge(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-alert")],ve);const fe=d`
428
429
  :host {
429
430
  --_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
430
431
  --_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
431
432
  --_sds-card-padding: var(--sds-card-padding, var(--sds-spacing-xs));
432
- --_sds-card-gap: var(--sds-card-gap, var(--sds-spacing-3xs));
433
+ --_sds-card-gap: var(--sds-card-gap, var(--sds-spacing-zero) var(--sds-spacing-xs));
433
434
  --_sds-card-font-family: var(--sds-card-font-family, var(--sds-typography-font-family));
434
435
  --_sds-card-focus-color: var(--sds-card-focus-color, var(--sds-color-states-focus-outer));
435
436
  --_sds-card-focus-inner-color: var(--sds-card-focus-inner-color, var(--sds-color-states-focus-inner));
436
437
  --_sds-card-focus-spacing: var(--sds-card-focus-spacing, var(--sds-color-states-focus-spacing));
437
- --_sds-card-icon-color: var(--sds-card-icon-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
438
+ --_sds-card-icon-color: var(--sds-card-icon-color, var(--sds-color-neutral-text-default));
439
+ --_sds-card-icon-display: var(--sds-card-icon-display, block);
438
440
 
439
441
  --_sds-card-heading-color: var(--sds-card-heading-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
440
442
  --_sds-card-heading-font-size: var(--sds-card-heading-font-size, var(--sds-typography-heading-md-mobile-font-size));
@@ -446,12 +448,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
446
448
  --_sds-card-text-font-weight: var(--sds-card-text-font-weight, var(--sds-typography-body-md-mobile-font-weight));
447
449
  --_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-mobile-line-height));
448
450
 
449
- display: flex;
450
- }
451
-
452
- .sds-card {
453
- display: flex;
454
- flex: 1;
451
+ display: block;
455
452
  }
456
453
 
457
454
  .sds-card__content {
@@ -460,11 +457,14 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
460
457
  font-family: var(--_sds-card-font-family);
461
458
  padding: var(--_sds-card-padding);
462
459
  gap: var(--_sds-card-gap);
463
- display: flex;
464
- flex-direction: row;
465
460
  text-decoration: none;
466
- align-items: center;
467
- flex: 1;
461
+
462
+ display: grid;
463
+ grid-template-columns: 1fr auto;
464
+ grid-template-rows: auto auto;
465
+ grid-template-areas:
466
+ "heading icon"
467
+ "text text";
468
468
 
469
469
  &:hover {
470
470
  --_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
@@ -483,7 +483,19 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
483
483
 
484
484
  .sds-card__icon {
485
485
  color: var(--_sds-card-icon-color);
486
+ margin-block-start: var(--sds-spacing-5xs);
486
487
  margin-inline-start: auto;
488
+ display: var(--_sds-card-icon-display);
489
+ grid-area: icon;
490
+ }
491
+
492
+ slot[name="heading"] {
493
+ grid-area: heading;
494
+ overflow-wrap: anywhere;
495
+ }
496
+
497
+ slot[name="text"] {
498
+ grid-area: text;
487
499
  }
488
500
 
489
501
  ::slotted(p) {
@@ -519,15 +531,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
519
531
  --_sds-card-text-font-weight: var(--sds-card-text-font-weight, var(--sds-typography-body-md-tablet-font-weight));
520
532
  --_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-tablet-line-height));
521
533
  --_sds-card-padding: var(--sds-card-padding, var(--sds-spacing-sm));
522
- }
523
-
524
- .sds-card__content {
525
- flex-direction: column;
526
- align-items: start;
527
- }
528
-
529
- .sds-card__icon {
530
- display: none;
534
+ --_sds-card-gap: var(--sds-card-gap, var(--sds-spacing-3xs) var(--sds-spacing-xs));
531
535
  }
532
536
 
533
537
  ::slotted(p) {
@@ -545,11 +549,11 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
545
549
  --_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
546
550
  }
547
551
  }
548
- `;var pe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,ve=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ge(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&pe(e,s,a),a};let ue=class extends ft{constructor(){super(...arguments),this._contentWarning="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",this._headerWarning="[sds-card] header slot should only contain one of <h2>–<h6> elements:",this._handleHeadingSlotChange=()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&ce(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{ce(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){ce(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&ce(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Q`
552
+ `;var be=Object.defineProperty,me=Object.getOwnPropertyDescriptor,_e=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?me(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&be(e,s,a),a};let xe=class extends ft{constructor(){super(...arguments),this._contentWarning="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",this._headerWarning="[sds-card] header slot should only contain one of <h2>–<h6> elements:",this._handleHeadingSlotChange=()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&ue(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{ue(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){ue(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&ue(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Q`
549
553
  <slot name="heading" id="heading" @slotchange=${this._handleHeadingSlotChange}></slot>
550
554
  <slot name="text" id="content" @slotchange=${this._handleTextSlotChange}></slot>
551
- <sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
552
- `;return Q`<article class="sds-card">${this.link?Q`<a href="${this.link}" class="sds-card__content">${t}</a>`:Q`<div class="sds-card__content">${t}</div>`}</article>`}};ue.styles=[he],ve([S({type:String,reflect:!0})],ue.prototype,"link",2),ve([A("slot#heading")],ue.prototype,"headingSlot",2),ve([A("slot#text")],ue.prototype,"textSlot",2),ue=ve([P("sds-card")],ue);const fe=d`
555
+ <sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon" role="presentation"></sds-icon>
556
+ `;return Q`<article class="sds-card">${this.link?Q`<a href="${this.link}" class="sds-card__content">${t}</a>`:Q`<div class="sds-card__content">${t}</div>`}</article>`}};xe.styles=[fe],_e([S({type:String,reflect:!0})],xe.prototype,"link",2),_e([A("slot#heading")],xe.prototype,"headingSlot",2),_e([A("slot#text")],xe.prototype,"textSlot",2),xe=_e([P("sds-card")],xe);const ye=d`
553
557
  :host {
554
558
  --_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
555
559
  --_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
@@ -630,6 +634,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
630
634
  .sds-checkbox__input {
631
635
  grid-column: var(--_sds-checkbox-input-grid-area);
632
636
  grid-row: 1;
637
+ position: relative;
633
638
  appearance: none;
634
639
  background-color: var(--_sds-checkbox-input-background-color);
635
640
  cursor: pointer;
@@ -771,7 +776,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
771
776
  margin-block-start: -1px;
772
777
  }
773
778
  }
774
- `;var be=Object.defineProperty,me=Object.getOwnPropertyDescriptor,_e=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?me(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&be(e,s,a),a};let xe=class extends(ee(St(ft))){constructor(){super(),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this.readOnly=!1,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const e=t.target;this.checked=e.checked,this.internals.setFormValue(e.checked?e.value:null),this._validate(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")},this.internals=this.attachInternals()}get disabled(){return this._disabled}set disabled(t){const e=t??!1,s=this._disabled;s!==e&&(this._disabled=e,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=e))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const e=t??!1,s=this._parentRequestDisabled;s!==e&&(this._parentRequestDisabled=e,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(t){super.firstUpdated(t),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const t=this.checked?this.value??"on":null;this.internals.setFormValue(t),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}updated(t){super.updated(t),t.has("required")&&this.control&&(this.control.required=this.required),t.has("checked")&&this._validate(),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}get type(){return"checkbox"}render(){const t={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},e={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)};return Q`
779
+ `;var we=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,ze=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ke(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&we(e,s,a),a};let $e=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const e=t.target;this.checked=e.checked,this.internals.setFormValue(e.checked?e.value:null),this._validate(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")}}get disabled(){return this._disabled}set disabled(t){const e=t??!1,s=this._disabled;s!==e&&(this._disabled=e,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=e))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const e=t??!1,s=this._parentRequestDisabled;s!==e&&(this._parentRequestDisabled=e,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="none",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(t){super.firstUpdated(t),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const t=this.checked?this.value??"on":null;this.internals.setFormValue(t),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}updated(t){super.updated(t),t.has("required")&&this.control&&(this.control.required=this.required),t.has("checked")&&this._validate(),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}get type(){return"checkbox"}render(){const t={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},e={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)},s=this.helpText?"help-text":void 0;return Q`
775
780
  <div class="${Zt(t)}">
776
781
  <input
777
782
  id="control"
@@ -783,15 +788,17 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
783
788
  ?disabled="${this.disabled}"
784
789
  ?required="${this.required}"
785
790
  ?readonly="${this.readOnly}"
791
+ aria-describedby="${Lt(s)}"
792
+ aria-invalid="${this.error?"true":"false"}"
786
793
  @change="${this._handleChange}"
787
794
  @focus="${this._handleFocus}"
788
795
  @blur="${this._handleBlur}"
789
796
  class="${Zt(e)}"
790
797
  />
791
798
  ${this.label?Q`<label for="control" class="sds-checkbox__label">${this.label}</label>`:tt}
792
- ${this.helpText?Q`<span class="sds-checkbox__help-text">${this.helpText}</span>`:tt}
799
+ ${this.helpText?Q`<span id="help-text" class="sds-checkbox__help-text">${this.helpText}</span>`:tt}
793
800
  </div>
794
- `}};xe.styles=[fe],xe.formAssociated=!0,xe.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},_e([S({type:String,reflect:!0})],xe.prototype,"name",2),_e([S({type:String,reflect:!0})],xe.prototype,"label",2),_e([S({type:String})],xe.prototype,"value",2),_e([S({type:Boolean,reflect:!0})],xe.prototype,"checked",2),_e([S({type:Boolean,reflect:!0})],xe.prototype,"disabled",1),_e([S({type:Boolean,reflect:!0})],xe.prototype,"error",2),_e([S({type:Boolean,reflect:!0})],xe.prototype,"required",2),_e([S({type:String,reflect:!0})],xe.prototype,"size",2),_e([S({type:String,attribute:"help-text"})],xe.prototype,"helpText",2),_e([S({type:Boolean,attribute:"readonly",reflect:!0})],xe.prototype,"readOnly",2),_e([S({type:Boolean,attribute:!1})],xe.prototype,"parentRequestDisabled",1),_e([A("#control")],xe.prototype,"control",2),xe=_e([P("sds-checkbox")],xe);const ye=d`
801
+ `}};$e.styles=[ye],ze([S({type:String,reflect:!0})],$e.prototype,"label",2),ze([S({type:String})],$e.prototype,"value",2),ze([S({type:Boolean,reflect:!0})],$e.prototype,"checked",2),ze([S({type:Boolean,reflect:!0})],$e.prototype,"error",2),ze([S({type:Boolean,reflect:!0})],$e.prototype,"required",2),ze([S({type:String,reflect:!0})],$e.prototype,"size",2),ze([S({type:String,attribute:"help-text"})],$e.prototype,"helpText",2),ze([S({type:Boolean,reflect:!0})],$e.prototype,"disabled",1),ze([S({type:Boolean,attribute:!1})],$e.prototype,"parentRequestDisabled",1),ze([A("#control")],$e.prototype,"control",2),$e=ze([P("sds-checkbox")],$e);const Se=d`
795
802
  :host {
796
803
  --_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
797
804
  --_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
@@ -883,16 +890,16 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
883
890
  --_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
884
891
  --_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
885
892
  }
886
- `;var we=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,ze=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ke(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&we(e,s,a),a};const $e=["disabled","errorMessage","readOnly","size"];let Se=class extends(St(ft)){constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=t=>{const e=t.target,s=e.value,o=e.checked;this._selectedValues=o?[...this._selectedValues,s]:this._selectedValues.filter(t=>t!==s),this.dispatchSheriffEvent("sds-update")},this._handleSlotChange=()=>{this._updateChildProps([...$e])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-CHECKBOX"===t.tagName)??[]}_updateChildProps(t){const e=this._getChildCheckboxes();for(const s of e)for(const e of t)switch(e){case"readOnly":s.readOnly=this.readOnly;break;case"disabled":s.parentRequestDisabled=this.disabled;break;case"errorMessage":s.error=Boolean(this.errorMessage);break;case"size":s.size=this.size}}updated(t){super.updated(t);const e=Array.from(t.keys());(e.includes("errorMessage")||e.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;$e.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const t={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)};return Q`
887
- <fieldset class="${Zt(t)}">
893
+ `;var Ce=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,Ae=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ee(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Ce(e,s,a),a};const Oe=["disabled","errorMessage","readOnly","size"];let Pe=class extends(St(ft)){constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=t=>{const e=t.target,s=e.value,o=e.checked;this._selectedValues=o?[...this._selectedValues,s]:this._selectedValues.filter(t=>t!==s),this.dispatchSheriffEvent("sds-update")},this._handleSlotChange=()=>{this._updateChildProps([...Oe])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-CHECKBOX"===t.tagName)??[]}_updateChildProps(t){const e=this._getChildCheckboxes();for(const s of e)for(const e of t)switch(e){case"readOnly":s.readOnly=this.readOnly;break;case"disabled":s.parentRequestDisabled=this.disabled;break;case"errorMessage":s.error=Boolean(this.errorMessage);break;case"size":s.size=this.size}}updated(t){super.updated(t);const e=Array.from(t.keys());(e.includes("errorMessage")||e.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;Oe.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const t={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)},e=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
894
+ <fieldset class="${Zt(t)}" aria-describedby="${Lt(e)}" aria-invalid="${this.errorMessage?"true":"false"}">
888
895
  ${this.legend?Q`<legend class="sds-checkbox-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:tt}</sds-icon>${this.legend}</legend>`:tt}
889
- ${this.helpText?Q`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:tt}
896
+ ${this.helpText?Q`<p id="help-text" class="sds-checkbox-group__help-text">${this.helpText}</p>`:tt}
890
897
  <div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
891
898
  <slot @slotchange=${this._handleSlotChange}></slot>
892
899
  </div>
893
- ${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:tt}
900
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:tt}
894
901
  </fieldset>
895
- `}};Se.styles=[ye],ze([S({type:String,reflect:!0})],Se.prototype,"legend",2),ze([S({type:String,attribute:"help-text",reflect:!0})],Se.prototype,"helpText",2),ze([S({type:String,attribute:"error-message",reflect:!0})],Se.prototype,"errorMessage",2),ze([S({type:Boolean,attribute:"readonly",reflect:!0})],Se.prototype,"readOnly",2),ze([S({type:Boolean,reflect:!0})],Se.prototype,"disabled",2),ze([S({type:String,reflect:!0})],Se.prototype,"size",2),ze([C()],Se.prototype,"_selectedValues",2),ze([A("slot")],Se.prototype,"_slotElement",2),Se=ze([P("sds-checkbox-group")],Se);const Ce=d`
902
+ `}};Pe.styles=[Se],Ae([S({type:String,reflect:!0})],Pe.prototype,"legend",2),Ae([S({type:String,attribute:"help-text",reflect:!0})],Pe.prototype,"helpText",2),Ae([S({type:String,attribute:"error-message",reflect:!0})],Pe.prototype,"errorMessage",2),Ae([S({type:Boolean,attribute:"readonly",reflect:!0})],Pe.prototype,"readOnly",2),Ae([S({type:Boolean,reflect:!0})],Pe.prototype,"disabled",2),Ae([S({type:String,reflect:!0})],Pe.prototype,"size",2),Ae([C()],Pe.prototype,"_selectedValues",2),Ae([A("slot")],Pe.prototype,"_slotElement",2),Pe=Ae([P("sds-checkbox-group")],Pe);const Le=d`
896
903
  :host {
897
904
  --_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
898
905
  --_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
@@ -926,7 +933,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
926
933
  }
927
934
  }
928
935
 
929
- :host([disabled]) {
936
+ :host(:disabled) {
930
937
  opacity: var(--_sds-chip-disabled-opacity);
931
938
  cursor: not-allowed;
932
939
  pointer-events: none;
@@ -1037,28 +1044,31 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1037
1044
  white-space: nowrap;
1038
1045
  }
1039
1046
  }
1040
- `;var Ee=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,Oe=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ae(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Ee(e,s,a),a};let Pe=class extends(ee(St(ft))){constructor(){super(),this._initialChecked=!1,this._readOnly=!1,this.variant="selectable",this.size="md",this.checked=!1,this.disabled=!1,this._toggle=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.disabled||this.readOnly||(this.checked=!this.checked,this.internals.setFormValue(this.checked?this.value??"on":null),this.dispatchSheriffEvent("change"))},this._remove=()=>{this.disabled||this.readOnly||this.dispatchSheriffEvent("sds-remove")},this._keypress=t=>{[" ","Enter"].includes(t.key)&&("removable"===this.variant?this._remove():this._toggle(t))},this.internals=this.attachInternals()}get readOnly(){return this._readOnly}set readOnly(t){const e=this._readOnly;this._readOnly=t??!1,this.requestUpdate("readOnly",e)}set readonly(t){this.readOnly=t}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked??!1,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??null)}formResetCallback(){this.checked=this._initialChecked,this.internals.setFormValue(this.value??null)}render(){const t="removable"===this.variant&&!this.readOnly&&!this.disabled,e={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":t};return t?Q`<button class="${Zt(e)}" @click=${this._remove} @keyup="${this._keypress}">
1047
+ `;var De=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,qe=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Te(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&De(e,s,a),a};let Me=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this._initialChecked=!1,this._readOnly=!1,this._slotLabel="",this.variant="selectable",this.size="md",this.checked=!1,this._handleSlotChange=t=>{const e=t.target;this._slotLabel=e.assignedNodes().map(t=>t.textContent).join("").trim()},this._handleChange=t=>{if(t.stopImmediatePropagation(),!(t.target instanceof HTMLInputElement))return;if(this.disabled||this.readOnly)return void(t.target.checked=this.checked??!1);const e=t.target;this.checked=e.checked,this.internals.setFormValue(this.checked?this.value??"on":null),this.dispatchSheriffEvent("change")},this._remove=()=>{this.disabled||this.readOnly||this.dispatchSheriffEvent("sds-remove")},this._keypress=t=>{" "!==t.key&&"Enter"!==t.key||this._remove()}}get readOnly(){return this._readOnly}set readOnly(t){const e=this._readOnly;this._readOnly=t??!1,this.requestUpdate("readOnly",e)}set readonly(t){this.readOnly=t}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked??!1,this.internals.role="none",this.checked&&this.internals.setFormValue(this.value??null)}formResetCallback(){this.checked=this._initialChecked,this.internals.setFormValue(this.value??null)}render(){const t="removable"===this.variant&&!this.readOnly&&!this.disabled,e={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":t};return t?Q`<button class="${Zt(e)}" @click=${this._remove} @keyup="${this._keypress}">
1041
1048
  <slot></slot>
1042
1049
  <sds-icon name="close-material-outlined" size="s"></sds-icon>
1043
- </button>`:Q`<label class="${Zt(e)}" @click="${this._toggle}" @keyup="${this._keypress}">
1050
+ </button>`:Q`<label class="${Zt(e)}">
1044
1051
  <input
1045
1052
  id="control"
1046
1053
  type="checkbox"
1054
+ aria-label="${this._slotLabel}"
1047
1055
  name="${Lt(this.name)}"
1048
1056
  value="${Lt(this.value)}"
1049
- .checked="${this.checked}"
1057
+ .checked="${this.checked??!1}"
1050
1058
  ?checked="${this.checked}"
1051
1059
  ?disabled="${this.disabled}"
1052
1060
  ?readonly="${this.readOnly}"
1061
+ @change="${this._handleChange}"
1053
1062
  />
1054
- <slot></slot>
1055
- </label>`}};Pe.styles=[Ce],Pe.formAssociated=!0,Pe.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},Oe([A("#control")],Pe.prototype,"control",2),Oe([S({type:String,reflect:!0})],Pe.prototype,"variant",2),Oe([S({type:String,reflect:!0})],Pe.prototype,"size",2),Oe([S({type:Boolean,reflect:!0})],Pe.prototype,"checked",2),Oe([S({type:String,reflect:!0})],Pe.prototype,"name",2),Oe([S({type:String})],Pe.prototype,"value",2),Oe([S({type:Boolean,reflect:!0})],Pe.prototype,"disabled",2),Oe([S({type:Boolean,attribute:"readonly",reflect:!0})],Pe.prototype,"readOnly",1),Pe=Oe([P("sds-chip")],Pe);const Le=d`
1063
+ <span aria-hidden="true"><slot @slotchange="${this._handleSlotChange}"></slot></span>
1064
+ </label>`}};Me.styles=[Le],qe([A("#control")],Me.prototype,"control",2),qe([C()],Me.prototype,"_slotLabel",2),qe([S({type:String,reflect:!0})],Me.prototype,"variant",2),qe([S({type:String,reflect:!0})],Me.prototype,"size",2),qe([S({type:Boolean,reflect:!0})],Me.prototype,"checked",2),qe([S({type:String})],Me.prototype,"value",2),qe([S({type:Boolean,attribute:"readonly",reflect:!0})],Me.prototype,"readOnly",1),Me=qe([P("sds-chip")],Me);const Re=d`
1056
1065
  :host {
1057
1066
  --_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
1058
1067
 
1059
1068
  --_sds-details-summary-padding: var(--sds-details-summary-padding, var(--sds-spacing-xs));
1060
1069
  --_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
1061
1070
  --_sds-details-summary-gap: var(--sds-details-summary-gap, var(--sds-spacing-3xs));
1071
+ --_sds-details-summary-border-radius: var(--sds-details-summary-border-radius, 0);
1062
1072
 
1063
1073
  --_sds-details-content-padding-start: var(--sds-details-content-padding-start, calc(var(--_sds-details-summary-padding) + var(--_sds-details-summary-gap) + var(--sds-components-icon-md)));
1064
1074
  --_sds-details-content-padding: var(--sds-details-content-padding, var(--sds-spacing-xs));
@@ -1073,6 +1083,9 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1073
1083
 
1074
1084
  --_sds-details-border-color: var(--sds-details-border-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
1075
1085
  --_sds-details-border-bottom: var(--sds-details-border-bottom, solid 1px var(--_sds-details-border-color));
1086
+ --_sds-details-border-top: var(--sds-details-border-top, solid 1px var(--_sds-details-border-color));
1087
+ --_sds-details-border-standalone: var(--sds-details-border-standalone, solid 1px var(--_sds-details-border-color));
1088
+ --_sds-details-border-radius: var(--sds-details-border-radius, var(--sds-radius-md));
1076
1089
  }
1077
1090
 
1078
1091
  :host([data-palette]) {
@@ -1088,7 +1101,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1088
1101
  }
1089
1102
 
1090
1103
  &:not([data-standalone]) {
1091
- border-top: solid 1px var(--_sds-details-border-color);
1104
+ border-top: var(--_sds-details-border-top);
1092
1105
  border-bottom: var(--_sds-details-border-bottom);
1093
1106
  }
1094
1107
 
@@ -1097,8 +1110,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1097
1110
  */
1098
1111
  &:is([data-standalone]) {
1099
1112
  summary {
1100
- border-radius: var(--sds-radius-md);
1101
- border: solid 1px var(--_sds-details-border-color);
1113
+ border-radius: var(--_sds-details-border-radius);
1114
+ border: var(--_sds-details-border-standalone);
1102
1115
  }
1103
1116
 
1104
1117
  &:is([open]) {
@@ -1111,8 +1124,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1111
1124
  border-left: solid 1px var(--_sds-details-border-color);
1112
1125
  border-right: solid 1px var(--_sds-details-border-color);
1113
1126
  border-bottom: solid 1px var(--_sds-details-border-color);
1114
- border-bottom-left-radius: var(--sds-radius-md);
1115
- border-bottom-right-radius: var(--sds-radius-md);
1127
+ border-bottom-left-radius: var(--_sds-details-border-radius);
1128
+ border-bottom-right-radius: var(--_sds-details-border-radius);
1116
1129
  }
1117
1130
  }
1118
1131
  }
@@ -1125,6 +1138,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1125
1138
  justify-content: space-between;
1126
1139
  padding: var(--_sds-details-summary-padding);
1127
1140
  background-color: var(--_sds-details-summary-background-color);
1141
+ border-radius: var(--_sds-details-summary-border-radius);
1128
1142
  gap: var(--_sds-details-summary-gap);
1129
1143
  list-style: none;
1130
1144
  user-select: none;
@@ -1183,10 +1197,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1183
1197
  display: inline;
1184
1198
  margin: 0;
1185
1199
  }
1186
- `;var De=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,Te=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?qe(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&De(e,s,a),a};let Re=class extends(St(ft)){constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._handleToggle=t=>{const e=t.currentTarget;this.open!==e.open&&(this.open=e.open),this.dispatchSheriffEvent("sds-toggle",{open:e.open})}}render(){return Q`
1200
+ `;var Ve=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,je=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Be(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Ve(e,s,a),a};let Ie=class extends(St(ft)){constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._initialized=!1,this._handleToggle=t=>{const e=t.currentTarget;this.open!==e.open&&(this.open=e.open)}}updated(t){this._initialized?t.has("open")&&this.dispatchSheriffEvent("toggle",{open:!!this.open}):this._initialized=!0}render(){return Q`
1187
1201
  <details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
1188
1202
  <summary class="sds-details__summary">
1189
- <sds-icon name="chevron_up-material-filled"></sds-icon>
1203
+ <sds-icon name="chevron_up-material-filled" role="presentation"></sds-icon>
1190
1204
  <div class="sds-details__summary-content">
1191
1205
  <slot name="summary"></slot>
1192
1206
  </div>
@@ -1195,7 +1209,34 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1195
1209
  <slot></slot>
1196
1210
  </div>
1197
1211
  </details>
1198
- `}};Re.styles=[Le],Te([S({type:Boolean,reflect:!0})],Re.prototype,"open",2),Te([S({type:Boolean,reflect:!0})],Re.prototype,"standalone",2),Te([S({type:String,reflect:!0})],Re.prototype,"name",2),Re=Te([P("sds-details")],Re);const Me=d`
1212
+ `}};Ie.styles=[Re],je([S({type:Boolean,reflect:!0})],Ie.prototype,"open",2),je([S({type:Boolean,reflect:!0})],Ie.prototype,"standalone",2),je([S({type:String,reflect:!0})],Ie.prototype,"name",2),Ie=je([P("sds-details")],Ie);const Fe=d`
1213
+ :host {
1214
+ display: block;
1215
+ }
1216
+
1217
+ div ::slotted(sds-details:not(:last-child)) {
1218
+ --sds-details-border-bottom: 0;
1219
+ }
1220
+
1221
+ :host([outlined]) div {
1222
+ border: 1px solid var(--sds-color-border-subtle, var(--sds-color-main-border-subtle));
1223
+ border-radius: var(--sds-radius-md);
1224
+ }
1225
+
1226
+ :host([outlined]) div ::slotted(sds-details:first-child) {
1227
+ --sds-details-border-top: 0;
1228
+ --sds-details-summary-border-radius: var(--sds-radius-md) var(--sds-radius-md) 0 0;
1229
+ }
1230
+
1231
+ :host([outlined]) div ::slotted(sds-details:last-child) {
1232
+ --sds-details-border-bottom: 0;
1233
+ --sds-details-summary-border-radius: 0 0 var(--sds-radius-md) var(--sds-radius-md);
1234
+ }
1235
+
1236
+ :host([outlined]) div ::slotted(sds-details:last-child[open]) {
1237
+ --sds-details-summary-border-radius: 0;
1238
+ }
1239
+ `;var He=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,Ue=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ne(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&He(e,s,a),a};let We=class extends ft{constructor(){super(...arguments),this.outlined=!1,this._toggleListeners=/* @__PURE__ */new Map}updated(t){t.has("name")&&this._syncChildren()}disconnectedCallback(){super.disconnectedCallback(),this._removeListeners()}_handleSlotChange(){this._syncChildren()}_syncChildren(){this._removeListeners();const t=this._detailsChildren;t.forEach(e=>{if(e.name=this.name,this.name){const s=s=>{const{open:o}=s.detail;o&&t.forEach(t=>{t!==e&&t.open&&(t.open=!1)})};e.addEventListener("toggle",s),this._toggleListeners.set(e,s)}})}_removeListeners(){this._toggleListeners.forEach((t,e)=>{e.removeEventListener("toggle",t)}),this._toggleListeners.clear()}render(){return Q`<div><slot @slotchange="${this._handleSlotChange}"></slot></div>`}};We.styles=[Fe],Ue([S({type:Boolean,reflect:!0})],We.prototype,"outlined",2),Ue([S({type:String,reflect:!0})],We.prototype,"name",2),Ue([O({selector:"sds-details"})],We.prototype,"_detailsChildren",2),We=Ue([P("sds-details-group")],We);const Ke=d`
1199
1240
  :host {
1200
1241
  --_sds-dialog-background-color: var(--sds-dialog-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
1201
1242
  --_sds-dialog-backdrop-color: var(--sds-dialog-backdrop-color, rgba(0, 0, 0, 0.5));
@@ -1257,9 +1298,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1257
1298
  gap: var(--_sds-dialog-gap);
1258
1299
  }
1259
1300
 
1260
- &.sds-dialog__empty-header {
1261
- /* Set gap to 0 to collapse empty header */
1262
- --_sds-dialog-gap: var(--sds-dialog-gap, var(--sds-spacing-zero));
1301
+ &.sds-dialog__empty-header:has(.sds-dialog__close-button) {
1263
1302
  /* Set padding right to avoid overflowing the close button */
1264
1303
  padding-right: var(--sds-dialog-padding-right, var(--sds-spacing-lg));
1265
1304
  }
@@ -1309,12 +1348,12 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1309
1348
  --_sds-dialog-animation-duration: 0ms;
1310
1349
  }
1311
1350
  }
1312
- `;var Ve=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,Ie=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Be(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Ve(e,s,a),a};let Fe=class extends(St(ft)){constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._pointerDownInside=!1,this._handleClose=()=>{this.open=!1,this.dispatchSheriffEvent("sds-close")},this._handleClick=t=>{const e=t.target;e?.closest('[data-command="close"]')&&this._closeDialog()},this._handlePointerDown=t=>{const e=this._dialog.getBoundingClientRect(),{clientX:s,clientY:o}=t;this._pointerDownInside=e.top<=o&&o<=e.bottom&&e.left<=s&&s<=e.right},this._handlePointerUp=t=>{const e=this._pointerDownInside;this._pointerDownInside=!1,"any"!==this.closedby||e||t.target===this._dialog&&requestAnimationFrame(()=>{this._dialog&&this._dialog.open&&this._closeDialog()})},this._handleCancel=t=>{"none"===this.closedby&&t.preventDefault()},this._handleAutoFocus=()=>{const t=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!t||0===t.length)return;const e=t.find(t=>null!=t.getAttribute("autofocus"));e instanceof HTMLElement&&document.activeElement!==e&&e.focus()}}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(t){t.has("open")&&(this.open?this._openDialog():this._closeDialog())}_setupEventListeners(){this._dialog.addEventListener("close",this._handleClose),this._dialog.addEventListener("cancel",this._handleCancel),this._dialog.addEventListener("click",this._handleClick),this._dialog.addEventListener("pointerdown",this._handlePointerDown),this._dialog.addEventListener("pointerup",this._handlePointerUp),this._dialog.addEventListener("animationend",this._handleAutoFocus)}_openDialog(){this._dialog&&(this.modal?this._dialog.showModal():this._dialog.show())}_closeDialog(){this._dialog&&this._dialog.close()}show(){this.open=!0}showModal(){this.modal=!0,this.open=!0}close(){this.open=!1}render(){const t=0===this.headerSlotElements.length;return Q`
1313
- <dialog .closedBy="${this.closedby}" class=${t?"sds-dialog__empty-header":""}>
1351
+ `;var Ge=Object.defineProperty,Ye=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Ge(e,s,a),a};const Xe=class extends(St(ft)){constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._isHeaderSlotEmpty=!0,this._pointerDownInside=!1,this._handleClose=()=>{this.open=!1,this.dispatchSheriffEvent("sds-close")},this._handleClick=t=>{const e=t.target;e?.closest('[data-command="close"],[command="close"]')&&this._closeDialog()},this._handlePointerDown=t=>{const e=this._dialog.getBoundingClientRect(),{clientX:s,clientY:o}=t;this._pointerDownInside=e.top<=o&&o<=e.bottom&&e.left<=s&&s<=e.right},this._handlePointerUp=t=>{const e=this._pointerDownInside;this._pointerDownInside=!1,"any"!==this.closedby||e||t.target===this._dialog&&requestAnimationFrame(()=>{this._dialog&&this._dialog.open&&this._closeDialog()})},this._handleCancel=t=>{"none"===this.closedby&&t.preventDefault()},this._handleHeaderSlotChange=t=>{const e=t.target;this._isHeaderSlotEmpty=0===e.assignedElements().length},this._handleAutoFocus=()=>{const t=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!t||0===t.length)return;const e=t.find(t=>null!=t.getAttribute("autofocus"));e instanceof HTMLElement&&document.activeElement!==e&&e.focus()}}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(t){t.has("open")&&(this.open?this._openDialog():this._closeDialog())}_setupEventListeners(){this._dialog.addEventListener("close",this._handleClose),this._dialog.addEventListener("cancel",this._handleCancel),this._dialog.addEventListener("click",this._handleClick),this._dialog.addEventListener("pointerdown",this._handlePointerDown),this._dialog.addEventListener("pointerup",this._handlePointerUp),this._dialog.addEventListener("animationend",this._handleAutoFocus)}_openDialog(){this._dialog&&(this.modal?this._dialog.showModal():this._dialog.show())}_closeDialog(){this._dialog&&this._dialog.close()}show(){this.open=!0}showModal(){this.modal=!0,this.open=!0}close(){this.open=!1}requestClose(){this._dialog&&this._dialog.requestClose()}render(){return Q`
1352
+ <dialog .closedBy="${this.closedby}" class=${this._isHeaderSlotEmpty?"sds-dialog__empty-header":""}>
1314
1353
  <div class="sds-dialog__header">
1315
- <slot name="header"></slot>
1354
+ <slot name="header" @slotchange=${this._handleHeaderSlotChange}></slot>
1316
1355
  ${this.closeButtonLabel?Q`
1317
- <sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" data-command="close" aria-label="${this.closeButtonLabel}">
1356
+ <sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" data-command="close" label="${this.closeButtonLabel}">
1318
1357
  <sds-icon name="close-material-outlined" size="md"></sds-icon>
1319
1358
  </sds-button>
1320
1359
  `:tt}
@@ -1322,7 +1361,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1322
1361
  <slot></slot>
1323
1362
  <slot name="footer"></slot>
1324
1363
  </dialog>
1325
- `}};Fe.styles=[Me],Ie([S({type:Boolean,reflect:!0})],Fe.prototype,"open",2),Ie([S({type:Boolean,reflect:!0})],Fe.prototype,"modal",2),Ie([S({type:String,reflect:!0})],Fe.prototype,"closedby",2),Ie([S({type:String,attribute:"close-button-label"})],Fe.prototype,"closeButtonLabel",2),Ie([A("dialog")],Fe.prototype,"_dialog",2),Ie([O({slot:"header",flatten:!1})],Fe.prototype,"headerSlotElements",2),Fe=Ie([P("sds-dialog")],Fe);const je=d`
1364
+ `}};Xe.styles=[Ke];let Ze=Xe;Ye([S({type:Boolean,reflect:!0})],Ze.prototype,"open"),Ye([S({type:Boolean,reflect:!0})],Ze.prototype,"modal"),Ye([S({type:String,reflect:!0})],Ze.prototype,"closedby"),Ye([S({type:String,attribute:"close-button-label"})],Ze.prototype,"closeButtonLabel"),Ye([A("dialog")],Ze.prototype,"_dialog"),Ye([C()],Ze.prototype,"_isHeaderSlotEmpty");var Qe=Object.getOwnPropertyDescriptor;let Je=class extends Ze{};Je=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Qe(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-dialog")],Je);const ts=d`
1326
1365
  :host {
1327
1366
  --_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
1328
1367
  --_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -1330,12 +1369,15 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1330
1369
  --_sds-heading-margin: var(--sds-heading-margin, 0);
1331
1370
  --_sds-heading-padding: var(--sds-heading-padding, 0);
1332
1371
  --_sds-heading-text-align: var(--sds-heading-text-align, left);
1372
+ --_sds-heading-text-decoration: var(--sds-heading-text-decoration, inherit);
1373
+ --_sds-heading-text-decoration-thickness: var(--sds-heading-text-decoration-thickness, var(--sds-typography-link-text-decoration-thickness));
1374
+ --_sds-heading-text-underline-offset: var(--sds-heading-text-underline-offset, var(--sds-typography-link-text-underline-offset));
1333
1375
 
1334
1376
  --_sds-heading-font-size: var(--sds-heading-font-size, var(--sds-typography-heading-xl-mobile-font-size));
1335
1377
  --_sds-heading-font-weight: var(--sds-heading-font-weight, var(--sds-typography-font-weight-bold));
1336
1378
  --_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xl-mobile-line-height));
1337
1379
 
1338
- display: inline-block;
1380
+ display: block;
1339
1381
  }
1340
1382
 
1341
1383
  :host([data-palette]) {
@@ -1350,7 +1392,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1350
1392
  h6,
1351
1393
  .sds-heading {
1352
1394
  color: var(--_sds-heading-text-color);
1353
- display: inline-block;
1395
+ display: inherit;
1354
1396
  font-family: var(--_sds-heading-font-family);
1355
1397
  font-size: var(--_sds-heading-font-size);
1356
1398
  font-weight: var(--_sds-heading-font-weight);
@@ -1359,6 +1401,9 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1359
1401
  max-width: var(--_sds-heading-max-line-width);
1360
1402
  padding: var(--_sds-heading-padding);
1361
1403
  text-align: var(--_sds-heading-text-align);
1404
+ text-decoration: var(--_sds-heading-text-decoration);
1405
+ text-decoration-thickness: var(--_sds-heading-text-decoration-thickness);
1406
+ text-underline-offset: var(--_sds-heading-text-underline-offset);
1362
1407
  }
1363
1408
 
1364
1409
  h1,
@@ -1475,7 +1520,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1475
1520
  --_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
1476
1521
  }
1477
1522
  }
1478
- `;var He=Object.defineProperty,Ne=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&He(e,s,a),a};const Ue=class extends ft{constructor(){super(...arguments),this.level="h1"}render(){const t={"sds-heading":!0,"sds-heading--xl":"xl"===this.size,"sds-heading--lg":"l"===this.size||"lg"===this.size,"sds-heading--md":"m"===this.size||"md"===this.size,"sds-heading--sm":"s"===this.size||"sm"===this.size,"sds-heading--xs":"xs"===this.size};switch(this.level?.toLowerCase()){case"h1":default:return Q`<h1 class=${Zt(t)}><slot></slot></h1>`;case"h2":return Q`<h2 class=${Zt(t)}><slot></slot></h2>`;case"h3":return Q`<h3 class=${Zt(t)}><slot></slot></h3>`;case"h4":return Q`<h4 class=${Zt(t)}><slot></slot></h4>`;case"h5":return Q`<h5 class=${Zt(t)}><slot></slot></h5>`;case"h6":return Q`<h6 class=${Zt(t)}><slot></slot></h6>`}}};Ue.styles=[je];let We=Ue;Ne([S({type:String,reflect:!0})],We.prototype,"level"),Ne([S({type:String,reflect:!0})],We.prototype,"size");var Ke=Object.getOwnPropertyDescriptor;let Ge=class extends We{};Ge=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ke(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-heading")],Ge);const Ye=d`
1523
+ `;var es=Object.defineProperty,ss=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&es(e,s,a),a};const os=class extends ft{constructor(){super(...arguments),this.level="h1"}render(){const t={"sds-heading":!0,"sds-heading--xl":"xl"===this.size,"sds-heading--lg":"l"===this.size||"lg"===this.size,"sds-heading--md":"m"===this.size||"md"===this.size,"sds-heading--sm":"s"===this.size||"sm"===this.size,"sds-heading--xs":"xs"===this.size};switch(this.level?.toLowerCase()){case"h1":default:return Q`<h1 class=${Zt(t)}><slot></slot></h1>`;case"h2":return Q`<h2 class=${Zt(t)}><slot></slot></h2>`;case"h3":return Q`<h3 class=${Zt(t)}><slot></slot></h3>`;case"h4":return Q`<h4 class=${Zt(t)}><slot></slot></h4>`;case"h5":return Q`<h5 class=${Zt(t)}><slot></slot></h5>`;case"h6":return Q`<h6 class=${Zt(t)}><slot></slot></h6>`}}};os.styles=[ts];let rs=os;ss([S({type:String,reflect:!0})],rs.prototype,"level"),ss([S({type:String,reflect:!0})],rs.prototype,"size");var as=Object.getOwnPropertyDescriptor;let is=class extends rs{};is=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?as(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-heading")],is);const ds=d`
1479
1524
  :host {
1480
1525
  --_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
1481
1526
  --_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
@@ -1551,10 +1596,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1551
1596
  stroke-dashoffset: -120px;
1552
1597
  }
1553
1598
  }
1554
- `;var Xe=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,Qe=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ze(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Xe(e,s,a),a};let Je=class extends ft{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Q`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
1599
+ `;var ns=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,cs=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ls(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ns(e,s,a),a};let hs=class extends ft{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Q`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
1555
1600
  <circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
1556
1601
  <circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
1557
- </svg>`}};Je.styles=[Ye],Qe([S({type:String,reflect:!0})],Je.prototype,"size",2),Qe([S({type:Boolean,reflect:!0})],Je.prototype,"contrast",2),Je=Qe([P("sds-loader")],Je);const ts=d`
1602
+ </svg>`}};hs.styles=[ds],cs([S({type:String,reflect:!0})],hs.prototype,"size",2),cs([S({type:Boolean,reflect:!0})],hs.prototype,"contrast",2),hs=cs([P("sds-loader")],hs);const ps=d`
1558
1603
  :host {
1559
1604
  --_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
1560
1605
 
@@ -1691,9 +1736,9 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1691
1736
  margin: 0 !important;
1692
1737
  max-width: var(--_sds-notification-max-line-width) !important;
1693
1738
  }
1694
- `;var es=Object.defineProperty,ss=Object.getOwnPropertyDescriptor,os=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ss(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&es(e,s,a),a};const rs={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",warning:"warning-material-filled",danger:"dangerous-material-filled",critical:"dangerous-material-filled"};let as=!1,is=class extends(St(ft)){constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},as||(as=!0,console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component."))}updated(t){t.has("variant")&&"critical"===this.variant?this.variant="danger":t.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const t="danger"===this.variant||"critical"===this.variant?"danger":"accent";return Q`<div class="${Zt({"sds-notification":!0})}">
1739
+ `;var gs=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,us=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?vs(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&gs(e,s,a),a};const fs={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",warning:"warning-material-filled",danger:"dangerous-material-filled",critical:"dangerous-material-filled"};let bs=!1,ms=class extends(St(ft)){constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},bs||(bs=!0,console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component."))}updated(t){t.has("variant")&&"critical"===this.variant?this.variant="danger":t.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const t="danger"===this.variant||"critical"===this.variant?"danger":"accent";return Q`<div class="${Zt({"sds-notification":!0})}">
1695
1740
  <div class="sds-notification__type">
1696
- <sds-icon class="sds-notification__icon" name="${rs[this.variant]}" size="md"></sds-icon>
1741
+ <sds-icon class="sds-notification__icon" name="${fs[this.variant]}" size="md"></sds-icon>
1697
1742
  </div>
1698
1743
  <div class="sds-notification__content">
1699
1744
  <slot name="title"></slot>
@@ -1704,12 +1749,12 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1704
1749
  <sds-icon name="close-material-outlined" size="sm"></sds-icon>
1705
1750
  </sds-button>
1706
1751
  </div>`:tt}
1707
- </div>`}};is.styles=[ts],os([S({type:String,reflect:!0})],is.prototype,"variant",2),os([S({type:String,attribute:"removable-label",reflect:!0})],is.prototype,"removableLabel",2),is=os([P("sds-notification")],is);const ds=d`
1752
+ </div>`}};ms.styles=[ps],us([S({type:String,reflect:!0})],ms.prototype,"variant",2),us([S({type:String,attribute:"removable-label",reflect:!0})],ms.prototype,"removableLabel",2),ms=us([P("sds-notification")],ms);const _s=d`
1708
1753
  :host {
1709
1754
  display: flex;
1710
1755
  flex-direction: column;
1711
1756
  }
1712
- `;var ns=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,cs=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ls(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ns(e,s,a),a};let hs=class extends ft{constructor(){super(),this.internals=this.attachInternals(),this.internals.role="list"}render(){return Q`<slot></slot>`}};hs.styles=[ds],cs([S({type:String,reflect:!0,attribute:"heading-level"})],hs.prototype,"headingLevel",2),hs=cs([P("sds-process")],hs);const ps=d`
1757
+ `;var xs=Object.defineProperty,ys=Object.getOwnPropertyDescriptor,ws=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ys(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&xs(e,s,a),a};let ks=class extends ft{constructor(){super(),this.internals=this.attachInternals(),this.internals.role="list"}render(){return Q`<slot></slot>`}};ks.styles=[_s],ws([S({type:String,reflect:!0,attribute:"heading-level"})],ks.prototype,"headingLevel",2),ks=ws([P("sds-process")],ks);const zs=d`
1713
1758
  :host {
1714
1759
  --_sds-process-step-border-width: var(--sds-process-step-border-width, 2px);
1715
1760
  --_sds-process-step-border-color: var(--sds-process-step-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
@@ -1730,6 +1775,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1730
1775
 
1731
1776
  --_sds-process-step-line-display: var(--sds-process-step-line-display, block);
1732
1777
  --_sds-process-step-line-min-height: var(--sds-process-step-line-min-height, 2rem);
1778
+ --_sds-process-step-line-width: var(--sds-process-step-line-width, 1px);
1779
+ --_sds-process-step-line-color: var(--sds-process-step-line-color, var(--sds-color-neutral-border-subtle));
1733
1780
 
1734
1781
  --_sds-process-step-heading-color: var(--sds-process-step-heading-color, var(--sds-color-neutral-text-default));
1735
1782
  --_sds-process-step-heading-font-weight: var(--sds-process-step-heading-font-weight, var(--sds-typography-body-sm-strong-desktop-font-weight));
@@ -1794,6 +1841,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1794
1841
  place-items: center;
1795
1842
  line-height: 1;
1796
1843
  display: inline-grid;
1844
+ z-index: 2;
1797
1845
  }
1798
1846
 
1799
1847
  .sds-process-step__content {
@@ -1802,14 +1850,15 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1802
1850
 
1803
1851
  .sds-process-step__line {
1804
1852
  display: var(--_sds-process-step-line-display);
1805
- border: calc(var(--_sds-process-step-border-width) / 2) solid var(--_sds-process-step-border-color);
1853
+ background-color: var(--_sds-process-step-line-color);
1806
1854
  grid-column: 1;
1807
1855
  justify-self: center;
1808
- width: 0;
1856
+ width: var(--_sds-process-step-line-width);
1809
1857
  min-height: var(--_sds-process-step-line-min-height);
1810
1858
  grid-row: line-2;
1811
1859
  position: relative;
1812
1860
  top: var(--_sds-process-step-border-width);
1861
+ z-index: 1;
1813
1862
  }
1814
1863
 
1815
1864
  .sds-process-step__heading {
@@ -1849,7 +1898,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1849
1898
  :host(:last-of-type) {
1850
1899
  --_sds-process-step-line-display: none;
1851
1900
  }
1852
- `;var gs=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,us=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?vs(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&gs(e,s,a),a};let fs=class extends ft{constructor(){super(),this._headingLevel="h2",this._handleMarkerSlotChange=()=>{if(!this.markerSlot||!this.step)return;const t=0===this.markerSlot.assignedNodes({flatten:!0}).length;this.step.classList.toggle("sds-process-step--sub-step",t)},this.internals=this.attachInternals(),this.internals.role="listitem"}connectedCallback(){super.connectedCallback();const t=this.closest("sds-process");t&&t.headingLevel&&(this._headingLevel=t.headingLevel)}firstUpdated(){this._handleMarkerSlotChange()}get safeHeadingLevel(){return["h2","h3","h4","h5","h6"].includes(this._headingLevel)?this._headingLevel:"h2"}render(){return kt`
1901
+ `;var $s=Object.defineProperty,Ss=Object.getOwnPropertyDescriptor,Cs=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ss(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&$s(e,s,a),a};let Es=class extends ft{constructor(){super(),this._headingLevel="h2",this._handleMarkerSlotChange=()=>{if(!this.markerSlot||!this.step)return;const t=0===this.markerSlot.assignedNodes({flatten:!0}).length;this.step.classList.toggle("sds-process-step--sub-step",t)},this.internals=this.attachInternals(),this.internals.role="listitem"}connectedCallback(){super.connectedCallback();const t=this.closest("sds-process");t&&t.headingLevel&&(this._headingLevel=t.headingLevel)}firstUpdated(){this._handleMarkerSlotChange()}get safeHeadingLevel(){return["h2","h3","h4","h5","h6"].includes(this._headingLevel)?this._headingLevel:"h2"}render(){return kt`
1853
1902
  <div class="sds-process-step">
1854
1903
  <div class="sds-process-step__item">
1855
1904
  <div class="sds-process-step__marker" aria-hidden="true">
@@ -1863,7 +1912,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1863
1912
  </div>
1864
1913
  <span class="sds-process-step__line"></span>
1865
1914
  </div>
1866
- `}};fs.styles=[ps],us([S({type:String,reflect:!0})],fs.prototype,"heading",2),us([S({type:String,reflect:!0})],fs.prototype,"timestamp",2),us([A('slot[name="marker"]')],fs.prototype,"markerSlot",2),us([A(".sds-process-step")],fs.prototype,"step",2),fs=us([P("sds-process-step")],fs);const bs=d`
1915
+ `}};Es.styles=[zs],Cs([S({type:String,reflect:!0})],Es.prototype,"heading",2),Cs([S({type:String,reflect:!0})],Es.prototype,"timestamp",2),Cs([A('slot[name="marker"]')],Es.prototype,"markerSlot",2),Cs([A(".sds-process-step")],Es.prototype,"step",2),Es=Cs([P("sds-process-step")],Es);const As=d`
1867
1916
  ${i(':host{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;inset:0 auto auto 0;margin:0;overflow:visible;position:absolute}:host:before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}:host[data-overscroll=contain]{--_ds-floating-overscroll:contain;overflow:auto;overscroll-behavior:contain}:host{--_ds-floating:var(--dsc-popover-placement);--_ds-floating-arrow-size:var(--dsc-popover-arrow-size);--dsc-popover-background:var(--ds-color-surface-default);--dsc-popover-border-width:var(--ds-border-width-default);--dsc-popover-border-style:solid;--dsc-popover-border-color:var(--ds-color-border-default);--dsc-popover-color:var(--ds-color-text-default);--dsc-popover-arrow-size:var(--ds-size-3);--dsc-popover-border-radius:var(--ds-border-radius-md);--dsc-popover-max-width:300px;--dsc-popover-padding:var(--ds-size-3) var(--ds-size-4);--dsc-popover-box-shadow:var(--ds-shadow-md);--dsc-popover-placement:top;background:var(--dsc-popover-background);border-color:var(--dsc-popover-border-color);border-radius:var(--dsc-popover-border-radius);border-style:var(--dsc-popover-border-style);border-width:var(--dsc-popover-border-width);box-shadow:var(--dsc-popover-box-shadow);box-sizing:border-box;color:var(--dsc-popover-color);max-width:var(--dsc-popover-max-width);padding:var(--dsc-popover-padding);&[data-floating|=top]:before{rotate:45deg;top:100%}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{rotate:-135deg;top:0}&[data-floating|=left]:before{left:100%;rotate:-45deg}}:host[data-variant=default]{--dsc-popover-background:var(--ds-color-surface-default)}:host[data-variant=tinted]{--dsc-popover-background:var(--ds-color-surface-tinted)}[data-popover=inline]{all:unset;cursor:pointer;font-size:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:.27em}[data-popover=inline]:not([hidden]){display:inline}[data-popover=inline]:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}[data-popover=inline]:focus-visible *{--_ds--focus: }')}
1868
1917
 
1869
1918
  :host {
@@ -1911,7 +1960,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1911
1960
  animation: none;
1912
1961
  }
1913
1962
  }
1914
- `,ms={passive:!0,capture:!0},_s=(t,e,s)=>void 0===s?t.getAttribute(e)??null:(null===s?t.removeAttribute(e):t.getAttribute(e)!==s&&t.setAttribute(e,s),null),xs=(t,...e)=>{let[s,...o]=e;for(let r of s.split(" "))t.addEventListener(r,...o);return()=>ys(t,...e)},ys=(t,...e)=>{let[s,...o]=e;for(let r of s.split(" "))t.removeEventListener(r,...o)};Date.now().toString(36),Math.random().toString(36).slice(2,5);const ws=Math.min,ks=Math.max,zs=Math.round,$s=Math.floor,Ss=t=>({x:t,y:t}),Cs={left:"right",right:"left",bottom:"top",top:"bottom"},Es={start:"end",end:"start"};function As(t,e,s){return ks(t,ws(e,s))}function Os(t,e){return"function"==typeof t?t(e):t}function Ps(t){return t.split("-")[0]}function Ls(t){return t.split("-")[1]}function Ds(t){return"x"===t?"y":"x"}function qs(t){return"y"===t?"height":"width"}const Ts=/* @__PURE__ */new Set(["top","bottom"]);function Rs(t){return Ts.has(Ps(t))?"y":"x"}function Ms(t){return Ds(Rs(t))}function Vs(t){return t.replace(/start|end/g,t=>Es[t])}const Bs=["left","right"],Is=["right","left"],Fs=["top","bottom"],js=["bottom","top"];function Hs(t){return t.replace(/left|right|bottom|top/g,t=>Cs[t])}function Ns(t){const{x:e,y:s,width:o,height:r}=t;return{width:o,height:r,top:s,left:e,right:e+o,bottom:s+r,x:e,y:s}}function Us(t,e,s){let{reference:o,floating:r}=t;const a=Rs(e),i=Ms(e),d=qs(i),n=Ps(e),l="y"===a,c=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,p=o[d]/2-r[d]/2;let g;switch(n){case"top":g={x:c,y:o.y-r.height};break;case"bottom":g={x:c,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:h};break;case"left":g={x:o.x-r.width,y:h};break;default:g={x:o.x,y:o.y}}switch(Ls(e)){case"start":g[i]-=p*(s&&l?-1:1);break;case"end":g[i]+=p*(s&&l?-1:1)}return g}async function Ws(t,e){var s;void 0===e&&(e={});const{x:o,y:r,platform:a,rects:i,elements:d,strategy:n}=t,{boundary:l="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:g=0}=Os(e,t),v="number"!=typeof(y=g)?(w=y,{top:0,right:0,bottom:0,left:0,...w}):{top:y,right:y,bottom:y,left:y},u=d[p?"floating"===h?"reference":"floating":h],f=Ns(await a.getClippingRect({element:null==(s=await(null==a.isElement?void 0:a.isElement(u)))||s?u:u.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(d.floating)),boundary:l,rootBoundary:c,strategy:n})),b="floating"===h?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(d.floating)),_=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},x=Ns(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:b,offsetParent:m,strategy:n}):b);var y,w;return{top:(f.top-x.top+v.top)/_.y,bottom:(x.bottom-f.bottom+v.bottom)/_.y,left:(f.left-x.left+v.left)/_.x,right:(x.right-f.right+v.right)/_.x}}const Ks=/* @__PURE__ */new Set(["left","top"]);function Gs(){return"undefined"!=typeof window}function Ys(t){return Qs(t)?(t.nodeName||"").toLowerCase():"#document"}function Xs(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Zs(t){var e;return null==(e=(Qs(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Qs(t){return!!Gs()&&(t instanceof Node||t instanceof Xs(t).Node)}function Js(t){return!!Gs()&&(t instanceof Element||t instanceof Xs(t).Element)}function to(t){return!!Gs()&&(t instanceof HTMLElement||t instanceof Xs(t).HTMLElement)}function eo(t){return!(!Gs()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof Xs(t).ShadowRoot)}const so=/* @__PURE__ */new Set(["inline","contents"]);function oo(t){const{overflow:e,overflowX:s,overflowY:o,display:r}=fo(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+s)&&!so.has(r)}const ro=/* @__PURE__ */new Set(["table","td","th"]);function ao(t){return ro.has(Ys(t))}const io=[":popover-open",":modal"];function no(t){return io.some(e=>{try{return t.matches(e)}catch(s){return!1}})}const lo=["transform","translate","scale","rotate","perspective"],co=["transform","translate","scale","rotate","perspective","filter"],ho=["paint","layout","strict","content"];function po(t){const e=go(),s=Js(t)?fo(t):t;return lo.some(t=>!!s[t]&&"none"!==s[t])||!!s.containerType&&"normal"!==s.containerType||!e&&!!s.backdropFilter&&"none"!==s.backdropFilter||!e&&!!s.filter&&"none"!==s.filter||co.some(t=>(s.willChange||"").includes(t))||ho.some(t=>(s.contain||"").includes(t))}function go(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const vo=/* @__PURE__ */new Set(["html","body","#document"]);function uo(t){return vo.has(Ys(t))}function fo(t){return Xs(t).getComputedStyle(t)}function bo(t){return Js(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function mo(t){if("html"===Ys(t))return t;const e=t.assignedSlot||t.parentNode||eo(t)&&t.host||Zs(t);return eo(e)?e.host:e}function _o(t){const e=mo(t);return uo(e)?t.ownerDocument?t.ownerDocument.body:t.body:to(e)&&oo(e)?e:_o(e)}function xo(t,e,s){var o;void 0===e&&(e=[]),void 0===s&&(s=!0);const r=_o(t),a=r===(null==(o=t.ownerDocument)?void 0:o.body),i=Xs(r);if(a){const t=yo(i);return e.concat(i,i.visualViewport||[],oo(r)?r:[],t&&s?xo(t):[])}return e.concat(r,xo(r,[],s))}function yo(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function wo(t){const e=fo(t);let s=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=to(t),a=r?t.offsetWidth:s,i=r?t.offsetHeight:o,d=zs(s)!==a||zs(o)!==i;return d&&(s=a,o=i),{width:s,height:o,$:d}}function ko(t){return Js(t)?t:t.contextElement}function zo(t){const e=ko(t);if(!to(e))return Ss(1);const s=e.getBoundingClientRect(),{width:o,height:r,$:a}=wo(e);let i=(a?zs(s.width):s.width)/o,d=(a?zs(s.height):s.height)/r;return i&&Number.isFinite(i)||(i=1),d&&Number.isFinite(d)||(d=1),{x:i,y:d}}const $o=Ss(0);function So(t){const e=Xs(t);return go()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:$o}function Co(t,e,s,o){void 0===e&&(e=!1),void 0===s&&(s=!1);const r=t.getBoundingClientRect(),a=ko(t);let i=Ss(1);e&&(o?Js(o)&&(i=zo(o)):i=zo(t));const d=(n=a,void 0===(l=s)&&(l=!1),!(c=o)||l&&c!==Xs(n)||!l?Ss(0):So(a));var n,l,c;let h=(r.left+d.x)/i.x,p=(r.top+d.y)/i.y,g=r.width/i.x,v=r.height/i.y;if(a){const t=Xs(a),e=o&&Js(o)?Xs(o):o;let s=t,r=yo(s);for(;r&&o&&e!==s;){const t=zo(r),e=r.getBoundingClientRect(),o=fo(r),a=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,i=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;h*=t.x,p*=t.y,g*=t.x,v*=t.y,h+=a,p+=i,s=Xs(r),r=yo(s)}}return Ns({width:g,height:v,x:h,y:p})}function Eo(t,e){const s=bo(t).scrollLeft;return e?e.left+s:Co(Zs(t)).left+s}function Ao(t,e){const s=t.getBoundingClientRect();return{x:s.left+e.scrollLeft-Eo(t,s),y:s.top+e.scrollTop}}const Oo=/* @__PURE__ */new Set(["absolute","fixed"]);function Po(t,e,s){let o;if("viewport"===e)o=function(t,e){const s=Xs(t),o=Zs(t),r=s.visualViewport;let a=o.clientWidth,i=o.clientHeight,d=0,n=0;if(r){a=r.width,i=r.height;const t=go();(!t||t&&"fixed"===e)&&(d=r.offsetLeft,n=r.offsetTop)}const l=Eo(o);if(l<=0){const t=o.ownerDocument,e=t.body,s=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(s.marginLeft)+parseFloat(s.marginRight)||0,i=Math.abs(o.clientWidth-e.clientWidth-r);i<=25&&(a-=i)}else l<=25&&(a+=l);return{width:a,height:i,x:d,y:n}}(t,s);else if("document"===e)o=function(t){const e=Zs(t),s=bo(t),o=t.ownerDocument.body,r=ks(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=ks(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let i=-s.scrollLeft+Eo(t);const d=-s.scrollTop;return"rtl"===fo(o).direction&&(i+=ks(e.clientWidth,o.clientWidth)-r),{width:r,height:a,x:i,y:d}}(Zs(t));else if(Js(e))o=function(t,e){const s=Co(t,!0,"fixed"===e),o=s.top+t.clientTop,r=s.left+t.clientLeft,a=to(t)?zo(t):Ss(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:r*a.x,y:o*a.y}}(e,s);else{const s=So(t);o={x:e.x-s.x,y:e.y-s.y,width:e.width,height:e.height}}return Ns(o)}function Lo(t,e){const s=mo(t);return!(s===e||!Js(s)||uo(s))&&("fixed"===fo(s).position||Lo(s,e))}function Do(t,e,s){const o=to(e),r=Zs(e),a="fixed"===s,i=Co(t,!0,a,e);let d={scrollLeft:0,scrollTop:0};const n=Ss(0);function l(){n.x=Eo(r)}if(o||!o&&!a)if(("body"!==Ys(e)||oo(r))&&(d=bo(e)),o){const t=Co(e,!0,a,e);n.x=t.x+e.clientLeft,n.y=t.y+e.clientTop}else r&&l();a&&!o&&r&&l();const c=!r||o||a?Ss(0):Ao(r,d);return{x:i.left+d.scrollLeft-n.x-c.x,y:i.top+d.scrollTop-n.y-c.y,width:i.width,height:i.height}}function qo(t){return"static"===fo(t).position}function To(t,e){if(!to(t)||"fixed"===fo(t).position)return null;if(e)return e(t);let s=t.offsetParent;return Zs(t)===s&&(s=s.ownerDocument.body),s}function Ro(t,e){const s=Xs(t);if(no(t))return s;if(!to(t)){let e=mo(t);for(;e&&!uo(e);){if(Js(e)&&!qo(e))return e;e=mo(e)}return s}let o=To(t,e);for(;o&&ao(o)&&qo(o);)o=To(o,e);return o&&uo(o)&&qo(o)&&!po(o)?s:o||function(t){let e=mo(t);for(;to(e)&&!uo(e);){if(po(e))return e;if(no(e))return null;e=mo(e)}return null}(t)||s}const Mo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:s,offsetParent:o,strategy:r}=t;const a="fixed"===r,i=Zs(o),d=!!e&&no(e.floating);if(o===i||d&&a)return s;let n={scrollLeft:0,scrollTop:0},l=Ss(1);const c=Ss(0),h=to(o);if((h||!h&&!a)&&(("body"!==Ys(o)||oo(i))&&(n=bo(o)),to(o))){const t=Co(o);l=zo(o),c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}const p=!i||h||a?Ss(0):Ao(i,n);return{width:s.width*l.x,height:s.height*l.y,x:s.x*l.x-n.scrollLeft*l.x+c.x+p.x,y:s.y*l.y-n.scrollTop*l.y+c.y+p.y}},getDocumentElement:Zs,getClippingRect:function(t){let{element:e,boundary:s,rootBoundary:o,strategy:r}=t;const a=[..."clippingAncestors"===s?no(e)?[]:function(t,e){const s=e.get(t);if(s)return s;let o=xo(t,[],!1).filter(t=>Js(t)&&"body"!==Ys(t)),r=null;const a="fixed"===fo(t).position;let i=a?mo(t):t;for(;Js(i)&&!uo(i);){const e=fo(i),s=po(i);s||"fixed"!==e.position||(r=null),(a?!s&&!r:!s&&"static"===e.position&&r&&Oo.has(r.position)||oo(i)&&!s&&Lo(t,i))?o=o.filter(t=>t!==i):r=e,i=mo(i)}return e.set(t,o),o}(e,this._c):[].concat(s),o],i=a[0],d=a.reduce((t,s)=>{const o=Po(e,s,r);return t.top=ks(o.top,t.top),t.right=ws(o.right,t.right),t.bottom=ws(o.bottom,t.bottom),t.left=ks(o.left,t.left),t},Po(e,i,r));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}},getOffsetParent:Ro,getElementRects:async function(t){const e=this.getOffsetParent||Ro,s=this.getDimensions,o=await s(t.floating);return{reference:Do(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:s}=wo(t);return{width:e,height:s}},getScale:zo,isElement:Js,isRTL:function(t){return"rtl"===fo(t).direction}};function Vo(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const Bo=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var s,o;const{x:r,y:a,placement:i,middlewareData:d}=e,n=await async function(t,e){const{placement:s,platform:o,elements:r}=t,a=await(null==o.isRTL?void 0:o.isRTL(r.floating)),i=Ps(s),d=Ls(s),n="y"===Rs(s),l=Ks.has(i)?-1:1,c=a&&n?-1:1,h=Os(e,t);let{mainAxis:p,crossAxis:g,alignmentAxis:v}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return d&&"number"==typeof v&&(g="end"===d?-1*v:v),n?{x:g*c,y:p*l}:{x:p*l,y:g*c}}(e,t);return i===(null==(s=d.offset)?void 0:s.placement)&&null!=(o=d.arrow)&&o.alignmentOffset?{}:{x:r+n.x,y:a+n.y,data:{...n,placement:i}}}}},Io=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:s,y:o,placement:r,platform:a}=e,{mainAxis:i=!0,crossAxis:d=!1,limiter:n={fn:t=>{let{x:e,y:s}=t;return{x:e,y:s}}},...l}=Os(t,e),c={x:s,y:o},h=await a.detectOverflow(e,l),p=Rs(Ps(r)),g=Ds(p);let v=c[g],u=c[p];if(i){const t="y"===g?"bottom":"right";v=As(v+h["y"===g?"top":"left"],v,v-h[t])}if(d){const t="y"===p?"bottom":"right";u=As(u+h["y"===p?"top":"left"],u,u-h[t])}const f=n.fn({...e,[g]:v,[p]:u});return{...f,data:{x:f.x-s,y:f.y-o,enabled:{[g]:i,[p]:d}}}}}},Fo=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var s,o;const{placement:r,middlewareData:a,rects:i,initialPlacement:d,platform:n,elements:l}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:u=!0,...f}=Os(t,e);if(null!=(s=a.arrow)&&s.alignmentOffset)return{};const b=Ps(r),m=Rs(d),_=Ps(d)===d,x=await(null==n.isRTL?void 0:n.isRTL(l.floating)),y=p||(_||!u?[Hs(d)]:function(t){const e=Hs(t);return[Vs(t),e,Vs(e)]}(d)),w="none"!==v;!p&&w&&y.push(...function(t,e,s,o){const r=Ls(t);let a=function(t,e,s){switch(t){case"top":case"bottom":return s?e?Is:Bs:e?Bs:Is;case"left":case"right":return e?Fs:js;default:return[]}}(Ps(t),"start"===s,o);return r&&(a=a.map(t=>t+"-"+r),e&&(a=a.concat(a.map(Vs)))),a}(d,u,v,x));const k=[d,...y],z=await n.detectOverflow(e,f),$=[];let S=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&$.push(z[b]),h){const t=function(t,e,s){void 0===s&&(s=!1);const o=Ls(t),r=Ms(t),a=qs(r);let i="x"===r?o===(s?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[a]>e.floating[a]&&(i=Hs(i)),[i,Hs(i)]}(r,i,x);$.push(z[t[0]],z[t[1]])}if(S=[...S,{placement:r,overflows:$}],!$.every(t=>t<=0)){var C,E;const t=((null==(C=a.flip)?void 0:C.index)||0)+1,e=k[t];if(e&&("alignment"!==h||m===Rs(e)||S.every(t=>Rs(t.placement)!==m||t.overflows[0]>0)))return{data:{index:t,overflows:S},reset:{placement:e}};let s=null==(E=S.filter(t=>t.overflows[0]<=0).sort((t,e)=>t.overflows[1]-e.overflows[1])[0])?void 0:E.placement;if(!s)switch(g){case"bestFit":{var A;const t=null==(A=S.filter(t=>{if(w){const e=Rs(t.placement);return e===m||"y"===e}return!0}).map(t=>[t.placement,t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)]).sort((t,e)=>t[1]-e[1])[0])?void 0:A[0];t&&(s=t);break}case"initialPlacement":s=d}if(r!==s)return{reset:{placement:s}}}return{}}}},jo=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var s,o;const{placement:r,rects:a,platform:i,elements:d}=e,{apply:n=()=>{},...l}=Os(t,e),c=await i.detectOverflow(e,l),h=Ps(r),p=Ls(r),g="y"===Rs(r),{width:v,height:u}=a.floating;let f,b;"top"===h||"bottom"===h?(f=h,b=p===(await(null==i.isRTL?void 0:i.isRTL(d.floating))?"start":"end")?"left":"right"):(b=h,f="end"===p?"top":"bottom");const m=u-c.top-c.bottom,_=v-c.left-c.right,x=ws(u-c[f],m),y=ws(v-c[b],_),w=!e.middlewareData.shift;let k=x,z=y;if(null!=(s=e.middlewareData.shift)&&s.enabled.x&&(z=_),null!=(o=e.middlewareData.shift)&&o.enabled.y&&(k=m),w&&!p){const t=ks(c.left,0),e=ks(c.right,0),s=ks(c.top,0),o=ks(c.bottom,0);g?z=v-2*(0!==t||0!==e?t+e:ks(c.left,c.right)):k=u-2*(0!==s||0!==o?s+o:ks(c.top,c.bottom))}await n({...e,availableWidth:z,availableHeight:k});const $=await i.getDimensions(d.floating);return v!==$.width||u!==$.height?{reset:{rects:!0}}:{}}}},Ho=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:s,y:o,placement:r,rects:a,middlewareData:i}=e,{offset:d=0,mainAxis:n=!0,crossAxis:l=!0}=Os(t,e),c={x:s,y:o},h=Rs(r),p=Ds(h);let g=c[p],v=c[h];const u=Os(d,e),f="number"==typeof u?{mainAxis:u,crossAxis:0}:{mainAxis:0,crossAxis:0,...u};if(n){const t="y"===p?"height":"width",e=a.reference[p]-a.floating[t]+f.mainAxis,s=a.reference[p]+a.reference[t]-f.mainAxis;g<e?g=e:g>s&&(g=s)}if(l){var b,m;const t="y"===p?"width":"height",e=Ks.has(Ps(r)),s=a.reference[h]-a.floating[t]+(e&&(null==(b=i.offset)?void 0:b[h])||0)+(e?0:f.crossAxis),o=a.reference[h]+a.reference[t]+(e?0:(null==(m=i.offset)?void 0:m[h])||0)-(e?f.crossAxis:0);v<s?v=s:v>o&&(v=o)}return{[p]:g,[h]:v}}}},No="data-placement",Uo="data-autoplacement",Wo=/* @__PURE__ */new Map;function Ko(t){let{newState:e,oldState:s,target:o,source:r=t.detail}=t,a=o instanceof HTMLElement&&Xo(o,"--_ds-floating");if(!a)return;if("closed"===e)return Wo.get(o)?.();if(!r){let t=o.getRootNode(),e=`[popovertarget="${o.id}"],[commandfor="${o.id}"]`;r=o.id&&t?.querySelector?.(e)||void 0}if(!r||r===o||s&&s===e)return;let i=Xo(o,"--_ds-floating-overscroll"),d=_s(o,No)||_s(r,No)||a,n=_s(o,Uo)||_s(r,Uo),l=parseFloat(getComputedStyle(o,"::before").height)||0,c=d.match(/left|right/gi)?"Height":"Width",h=r[`offset${c}`]/2+l;if("none"===d)return;let p={strategy:"absolute",placement:d,middleware:[Bo(l||0),Io({padding:10,limiter:Ho({offset:{mainAxis:h}})}),Zo(),..."false"===n?[]:[Fo({padding:10,crossAxis:!1})],...i?[jo({apply({availableHeight:t}){"fit"===i&&(o.style.width=`${r.clientWidth}px`),o.style.maxHeight=`${Math.max(50,t-20)}px`}})]:[]]},g=function(t,e,s,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:d="function"==typeof IntersectionObserver,animationFrame:n=!1}=o,l=ko(t),c=r||a?[...l?xo(l):[],...xo(e)]:[];c.forEach(t=>{r&&t.addEventListener("scroll",s,{passive:!0}),a&&t.addEventListener("resize",s)});const h=l&&d?function(t,e){let s,o=null;const r=Zs(t);function a(){var t;clearTimeout(s),null==(t=o)||t.disconnect(),o=null}return function i(d,n){void 0===d&&(d=!1),void 0===n&&(n=1),a();const l=t.getBoundingClientRect(),{left:c,top:h,width:p,height:g}=l;if(d||e(),!p||!g)return;const v={rootMargin:-$s(h)+"px "+-$s(r.clientWidth-(c+p))+"px "+-$s(r.clientHeight-(h+g))+"px "+-$s(c)+"px",threshold:ks(0,ws(1,n))||1};let u=!0;function f(e){const o=e[0].intersectionRatio;if(o!==n){if(!u)return i();o?i(!1,o):s=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||Vo(l,t.getBoundingClientRect())||i(),u=!1}try{o=new IntersectionObserver(f,{...v,root:r.ownerDocument})}catch(b){o=new IntersectionObserver(f,v)}o.observe(t)}(!0),a}(l,s):null;let p,g=-1,v=null;i&&(v=new ResizeObserver(t=>{let[o]=t;o&&o.target===l&&v&&(v.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var t;null==(t=v)||t.observe(e)})),s()}),l&&!n&&v.observe(l),v.observe(e));let u=n?Co(t):null;return n&&function e(){const o=Co(t);u&&!Vo(u,o)&&s(),u=o,p=requestAnimationFrame(e)}(),s(),()=>{var t;c.forEach(t=>{r&&t.removeEventListener("scroll",s),a&&t.removeEventListener("resize",s)}),null==h||h(),null==(t=v)||t.disconnect(),v=null,n&&cancelAnimationFrame(p)}}(r,o,async()=>{if(!r?.isConnected)return Wo.get(o)?.();let{x:t,y:e}=await((t,e,s)=>{const o=/* @__PURE__ */new Map,r={platform:Mo,...s},a={...r.platform,_c:o};return(async(t,e,s)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:i}=s,d=a.filter(Boolean),n=await(null==i.isRTL?void 0:i.isRTL(e));let l=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:c,y:h}=Us(l,o,n),p=o,g={},v=0;for(let f=0;f<d.length;f++){var u;const{name:s,fn:a}=d[f],{x:b,y:m,data:_,reset:x}=await a({x:c,y:h,initialPlacement:o,placement:p,strategy:r,middlewareData:g,rects:l,platform:{...i,detectOverflow:null!=(u=i.detectOverflow)?u:Ws},elements:{reference:t,floating:e}});c=null!=b?b:c,h=null!=m?m:h,g={...g,[s]:{...g[s],..._}},x&&v<=50&&(v++,"object"==typeof x&&(x.placement&&(p=x.placement),x.rects&&(l=!0===x.rects?await i.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:c,y:h}=Us(l,p,n))),f=-1)}return{x:c,y:h,placement:p,strategy:r,middlewareData:g}})(t,e,{...r,platform:a})})(r,o,p);o.style.translate=`${t}px ${e}px`});Wo.set(o,()=>Wo.delete(o)&&g())}let Go;const Yo=({type:t})=>{if("mousedown"===t&&(Go=!1),"scroll"===t&&!1===Go&&(Go=!0),"mouseup"===t&&Go)for(let[e]of Wo)e.showPopover()};(t=>{typeof window<"u"&&typeof document<"u"&&(window._dsHotReloadCleanup||(window._dsHotReloadCleanup=/* @__PURE__ */new Map),window._dsHotReloadCleanup?.get(t)?.map(t=>t()),window._dsHotReloadCleanup?.set(t,[xs(document,"mousedown scroll mouseup",Yo,!0),xs(document,"toggle ds-toggle-source",Ko,ms)]))})("popover");const Xo=(t,e)=>getComputedStyle(t).getPropertyValue(e).trim(),Zo=()=>({name:"arrowPseudo",fn(t){let e=t.elements.floating,s=t.rects.reference,o=`${Math.round(s.width/2+s.x-t.x)}px`,r=`${Math.round(s.height/2+s.y-t.y)}px`;return e.style.setProperty("--_ds-floating-arrow-x",o),e.style.setProperty("--_ds-floating-arrow-y",r),_s(e,"data-floating",t.placement),t}});var Qo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,tr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Jo(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Qo(e,s,a),a};let er=class extends ft{constructor(){super(...arguments),this.placement="top",this.autoPlacement=void 0,this.overscroll=void 0}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover","auto")}render(){return Q`<slot></slot>`}};er.styles=[bs],tr([S({type:String,attribute:"data-placement",reflect:!0})],er.prototype,"placement",2),tr([S({type:String,attribute:"data-autoplacement",reflect:!0})],er.prototype,"autoPlacement",2),tr([S({type:String,attribute:"data-overscroll",reflect:!0})],er.prototype,"overscroll",2),er=tr([P("sds-popover")],er);const sr=d`
1963
+ `,Os={passive:!0,capture:!0},Ps=(t,e,s)=>void 0===s?t.getAttribute(e)??null:(null===s?t.removeAttribute(e):t.getAttribute(e)!==s&&t.setAttribute(e,s),null),Ls=(t,...e)=>{let[s,...o]=e;for(let r of s.split(" "))t.addEventListener(r,...o);return()=>Ds(t,...e)},Ds=(t,...e)=>{let[s,...o]=e;for(let r of s.split(" "))t.removeEventListener(r,...o)};Date.now().toString(36),Math.random().toString(36).slice(2,5);const Ts=Math.min,qs=Math.max,Ms=Math.round,Rs=Math.floor,Vs=t=>({x:t,y:t}),Bs={left:"right",right:"left",bottom:"top",top:"bottom"},js={start:"end",end:"start"};function Is(t,e,s){return qs(t,Ts(e,s))}function Fs(t,e){return"function"==typeof t?t(e):t}function Hs(t){return t.split("-")[0]}function Ns(t){return t.split("-")[1]}function Us(t){return"x"===t?"y":"x"}function Ws(t){return"y"===t?"height":"width"}const Ks=/* @__PURE__ */new Set(["top","bottom"]);function Gs(t){return Ks.has(Hs(t))?"y":"x"}function Ys(t){return Us(Gs(t))}function Xs(t){return t.replace(/start|end/g,t=>js[t])}const Zs=["left","right"],Qs=["right","left"],Js=["top","bottom"],to=["bottom","top"];function eo(t){return t.replace(/left|right|bottom|top/g,t=>Bs[t])}function so(t){const{x:e,y:s,width:o,height:r}=t;return{width:o,height:r,top:s,left:e,right:e+o,bottom:s+r,x:e,y:s}}function oo(t,e,s){let{reference:o,floating:r}=t;const a=Gs(e),i=Ys(e),d=Ws(i),n=Hs(e),l="y"===a,c=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,p=o[d]/2-r[d]/2;let g;switch(n){case"top":g={x:c,y:o.y-r.height};break;case"bottom":g={x:c,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:h};break;case"left":g={x:o.x-r.width,y:h};break;default:g={x:o.x,y:o.y}}switch(Ns(e)){case"start":g[i]-=p*(s&&l?-1:1);break;case"end":g[i]+=p*(s&&l?-1:1)}return g}async function ro(t,e){var s;void 0===e&&(e={});const{x:o,y:r,platform:a,rects:i,elements:d,strategy:n}=t,{boundary:l="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:g=0}=Fs(e,t),v="number"!=typeof(y=g)?(w=y,{top:0,right:0,bottom:0,left:0,...w}):{top:y,right:y,bottom:y,left:y},u=d[p?"floating"===h?"reference":"floating":h],f=so(await a.getClippingRect({element:null==(s=await(null==a.isElement?void 0:a.isElement(u)))||s?u:u.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(d.floating)),boundary:l,rootBoundary:c,strategy:n})),b="floating"===h?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(d.floating)),_=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},x=so(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:b,offsetParent:m,strategy:n}):b);var y,w;return{top:(f.top-x.top+v.top)/_.y,bottom:(x.bottom-f.bottom+v.bottom)/_.y,left:(f.left-x.left+v.left)/_.x,right:(x.right-f.right+v.right)/_.x}}const ao=/* @__PURE__ */new Set(["left","top"]);function io(){return"undefined"!=typeof window}function no(t){return ho(t)?(t.nodeName||"").toLowerCase():"#document"}function lo(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function co(t){var e;return null==(e=(ho(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ho(t){return!!io()&&(t instanceof Node||t instanceof lo(t).Node)}function po(t){return!!io()&&(t instanceof Element||t instanceof lo(t).Element)}function go(t){return!!io()&&(t instanceof HTMLElement||t instanceof lo(t).HTMLElement)}function vo(t){return!(!io()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof lo(t).ShadowRoot)}const uo=/* @__PURE__ */new Set(["inline","contents"]);function fo(t){const{overflow:e,overflowX:s,overflowY:o,display:r}=Eo(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+s)&&!uo.has(r)}const bo=/* @__PURE__ */new Set(["table","td","th"]);function mo(t){return bo.has(no(t))}const _o=[":popover-open",":modal"];function xo(t){return _o.some(e=>{try{return t.matches(e)}catch(s){return!1}})}const yo=["transform","translate","scale","rotate","perspective"],wo=["transform","translate","scale","rotate","perspective","filter"],ko=["paint","layout","strict","content"];function zo(t){const e=$o(),s=po(t)?Eo(t):t;return yo.some(t=>!!s[t]&&"none"!==s[t])||!!s.containerType&&"normal"!==s.containerType||!e&&!!s.backdropFilter&&"none"!==s.backdropFilter||!e&&!!s.filter&&"none"!==s.filter||wo.some(t=>(s.willChange||"").includes(t))||ko.some(t=>(s.contain||"").includes(t))}function $o(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const So=/* @__PURE__ */new Set(["html","body","#document"]);function Co(t){return So.has(no(t))}function Eo(t){return lo(t).getComputedStyle(t)}function Ao(t){return po(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Oo(t){if("html"===no(t))return t;const e=t.assignedSlot||t.parentNode||vo(t)&&t.host||co(t);return vo(e)?e.host:e}function Po(t){const e=Oo(t);return Co(e)?t.ownerDocument?t.ownerDocument.body:t.body:go(e)&&fo(e)?e:Po(e)}function Lo(t,e,s){var o;void 0===e&&(e=[]),void 0===s&&(s=!0);const r=Po(t),a=r===(null==(o=t.ownerDocument)?void 0:o.body),i=lo(r);if(a){const t=Do(i);return e.concat(i,i.visualViewport||[],fo(r)?r:[],t&&s?Lo(t):[])}return e.concat(r,Lo(r,[],s))}function Do(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function To(t){const e=Eo(t);let s=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=go(t),a=r?t.offsetWidth:s,i=r?t.offsetHeight:o,d=Ms(s)!==a||Ms(o)!==i;return d&&(s=a,o=i),{width:s,height:o,$:d}}function qo(t){return po(t)?t:t.contextElement}function Mo(t){const e=qo(t);if(!go(e))return Vs(1);const s=e.getBoundingClientRect(),{width:o,height:r,$:a}=To(e);let i=(a?Ms(s.width):s.width)/o,d=(a?Ms(s.height):s.height)/r;return i&&Number.isFinite(i)||(i=1),d&&Number.isFinite(d)||(d=1),{x:i,y:d}}const Ro=Vs(0);function Vo(t){const e=lo(t);return $o()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Ro}function Bo(t,e,s,o){void 0===e&&(e=!1),void 0===s&&(s=!1);const r=t.getBoundingClientRect(),a=qo(t);let i=Vs(1);e&&(o?po(o)&&(i=Mo(o)):i=Mo(t));const d=(n=a,void 0===(l=s)&&(l=!1),!(c=o)||l&&c!==lo(n)||!l?Vs(0):Vo(a));var n,l,c;let h=(r.left+d.x)/i.x,p=(r.top+d.y)/i.y,g=r.width/i.x,v=r.height/i.y;if(a){const t=lo(a),e=o&&po(o)?lo(o):o;let s=t,r=Do(s);for(;r&&o&&e!==s;){const t=Mo(r),e=r.getBoundingClientRect(),o=Eo(r),a=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,i=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;h*=t.x,p*=t.y,g*=t.x,v*=t.y,h+=a,p+=i,s=lo(r),r=Do(s)}}return so({width:g,height:v,x:h,y:p})}function jo(t,e){const s=Ao(t).scrollLeft;return e?e.left+s:Bo(co(t)).left+s}function Io(t,e){const s=t.getBoundingClientRect();return{x:s.left+e.scrollLeft-jo(t,s),y:s.top+e.scrollTop}}const Fo=/* @__PURE__ */new Set(["absolute","fixed"]);function Ho(t,e,s){let o;if("viewport"===e)o=function(t,e){const s=lo(t),o=co(t),r=s.visualViewport;let a=o.clientWidth,i=o.clientHeight,d=0,n=0;if(r){a=r.width,i=r.height;const t=$o();(!t||t&&"fixed"===e)&&(d=r.offsetLeft,n=r.offsetTop)}const l=jo(o);if(l<=0){const t=o.ownerDocument,e=t.body,s=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(s.marginLeft)+parseFloat(s.marginRight)||0,i=Math.abs(o.clientWidth-e.clientWidth-r);i<=25&&(a-=i)}else l<=25&&(a+=l);return{width:a,height:i,x:d,y:n}}(t,s);else if("document"===e)o=function(t){const e=co(t),s=Ao(t),o=t.ownerDocument.body,r=qs(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=qs(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let i=-s.scrollLeft+jo(t);const d=-s.scrollTop;return"rtl"===Eo(o).direction&&(i+=qs(e.clientWidth,o.clientWidth)-r),{width:r,height:a,x:i,y:d}}(co(t));else if(po(e))o=function(t,e){const s=Bo(t,!0,"fixed"===e),o=s.top+t.clientTop,r=s.left+t.clientLeft,a=go(t)?Mo(t):Vs(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:r*a.x,y:o*a.y}}(e,s);else{const s=Vo(t);o={x:e.x-s.x,y:e.y-s.y,width:e.width,height:e.height}}return so(o)}function No(t,e){const s=Oo(t);return!(s===e||!po(s)||Co(s))&&("fixed"===Eo(s).position||No(s,e))}function Uo(t,e,s){const o=go(e),r=co(e),a="fixed"===s,i=Bo(t,!0,a,e);let d={scrollLeft:0,scrollTop:0};const n=Vs(0);function l(){n.x=jo(r)}if(o||!o&&!a)if(("body"!==no(e)||fo(r))&&(d=Ao(e)),o){const t=Bo(e,!0,a,e);n.x=t.x+e.clientLeft,n.y=t.y+e.clientTop}else r&&l();a&&!o&&r&&l();const c=!r||o||a?Vs(0):Io(r,d);return{x:i.left+d.scrollLeft-n.x-c.x,y:i.top+d.scrollTop-n.y-c.y,width:i.width,height:i.height}}function Wo(t){return"static"===Eo(t).position}function Ko(t,e){if(!go(t)||"fixed"===Eo(t).position)return null;if(e)return e(t);let s=t.offsetParent;return co(t)===s&&(s=s.ownerDocument.body),s}function Go(t,e){const s=lo(t);if(xo(t))return s;if(!go(t)){let e=Oo(t);for(;e&&!Co(e);){if(po(e)&&!Wo(e))return e;e=Oo(e)}return s}let o=Ko(t,e);for(;o&&mo(o)&&Wo(o);)o=Ko(o,e);return o&&Co(o)&&Wo(o)&&!zo(o)?s:o||function(t){let e=Oo(t);for(;go(e)&&!Co(e);){if(zo(e))return e;if(xo(e))return null;e=Oo(e)}return null}(t)||s}const Yo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:s,offsetParent:o,strategy:r}=t;const a="fixed"===r,i=co(o),d=!!e&&xo(e.floating);if(o===i||d&&a)return s;let n={scrollLeft:0,scrollTop:0},l=Vs(1);const c=Vs(0),h=go(o);if((h||!h&&!a)&&(("body"!==no(o)||fo(i))&&(n=Ao(o)),go(o))){const t=Bo(o);l=Mo(o),c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}const p=!i||h||a?Vs(0):Io(i,n);return{width:s.width*l.x,height:s.height*l.y,x:s.x*l.x-n.scrollLeft*l.x+c.x+p.x,y:s.y*l.y-n.scrollTop*l.y+c.y+p.y}},getDocumentElement:co,getClippingRect:function(t){let{element:e,boundary:s,rootBoundary:o,strategy:r}=t;const a=[..."clippingAncestors"===s?xo(e)?[]:function(t,e){const s=e.get(t);if(s)return s;let o=Lo(t,[],!1).filter(t=>po(t)&&"body"!==no(t)),r=null;const a="fixed"===Eo(t).position;let i=a?Oo(t):t;for(;po(i)&&!Co(i);){const e=Eo(i),s=zo(i);s||"fixed"!==e.position||(r=null),(a?!s&&!r:!s&&"static"===e.position&&r&&Fo.has(r.position)||fo(i)&&!s&&No(t,i))?o=o.filter(t=>t!==i):r=e,i=Oo(i)}return e.set(t,o),o}(e,this._c):[].concat(s),o],i=a[0],d=a.reduce((t,s)=>{const o=Ho(e,s,r);return t.top=qs(o.top,t.top),t.right=Ts(o.right,t.right),t.bottom=Ts(o.bottom,t.bottom),t.left=qs(o.left,t.left),t},Ho(e,i,r));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}},getOffsetParent:Go,getElementRects:async function(t){const e=this.getOffsetParent||Go,s=this.getDimensions,o=await s(t.floating);return{reference:Uo(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:s}=To(t);return{width:e,height:s}},getScale:Mo,isElement:po,isRTL:function(t){return"rtl"===Eo(t).direction}};function Xo(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const Zo=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var s,o;const{x:r,y:a,placement:i,middlewareData:d}=e,n=await async function(t,e){const{placement:s,platform:o,elements:r}=t,a=await(null==o.isRTL?void 0:o.isRTL(r.floating)),i=Hs(s),d=Ns(s),n="y"===Gs(s),l=ao.has(i)?-1:1,c=a&&n?-1:1,h=Fs(e,t);let{mainAxis:p,crossAxis:g,alignmentAxis:v}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return d&&"number"==typeof v&&(g="end"===d?-1*v:v),n?{x:g*c,y:p*l}:{x:p*l,y:g*c}}(e,t);return i===(null==(s=d.offset)?void 0:s.placement)&&null!=(o=d.arrow)&&o.alignmentOffset?{}:{x:r+n.x,y:a+n.y,data:{...n,placement:i}}}}},Qo=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:s,y:o,placement:r,platform:a}=e,{mainAxis:i=!0,crossAxis:d=!1,limiter:n={fn:t=>{let{x:e,y:s}=t;return{x:e,y:s}}},...l}=Fs(t,e),c={x:s,y:o},h=await a.detectOverflow(e,l),p=Gs(Hs(r)),g=Us(p);let v=c[g],u=c[p];if(i){const t="y"===g?"bottom":"right";v=Is(v+h["y"===g?"top":"left"],v,v-h[t])}if(d){const t="y"===p?"bottom":"right";u=Is(u+h["y"===p?"top":"left"],u,u-h[t])}const f=n.fn({...e,[g]:v,[p]:u});return{...f,data:{x:f.x-s,y:f.y-o,enabled:{[g]:i,[p]:d}}}}}},Jo=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var s,o;const{placement:r,middlewareData:a,rects:i,initialPlacement:d,platform:n,elements:l}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:u=!0,...f}=Fs(t,e);if(null!=(s=a.arrow)&&s.alignmentOffset)return{};const b=Hs(r),m=Gs(d),_=Hs(d)===d,x=await(null==n.isRTL?void 0:n.isRTL(l.floating)),y=p||(_||!u?[eo(d)]:function(t){const e=eo(t);return[Xs(t),e,Xs(e)]}(d)),w="none"!==v;!p&&w&&y.push(...function(t,e,s,o){const r=Ns(t);let a=function(t,e,s){switch(t){case"top":case"bottom":return s?e?Qs:Zs:e?Zs:Qs;case"left":case"right":return e?Js:to;default:return[]}}(Hs(t),"start"===s,o);return r&&(a=a.map(t=>t+"-"+r),e&&(a=a.concat(a.map(Xs)))),a}(d,u,v,x));const k=[d,...y],z=await n.detectOverflow(e,f),$=[];let S=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&$.push(z[b]),h){const t=function(t,e,s){void 0===s&&(s=!1);const o=Ns(t),r=Ys(t),a=Ws(r);let i="x"===r?o===(s?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[a]>e.floating[a]&&(i=eo(i)),[i,eo(i)]}(r,i,x);$.push(z[t[0]],z[t[1]])}if(S=[...S,{placement:r,overflows:$}],!$.every(t=>t<=0)){var C,E;const t=((null==(C=a.flip)?void 0:C.index)||0)+1,e=k[t];if(e&&("alignment"!==h||m===Gs(e)||S.every(t=>Gs(t.placement)!==m||t.overflows[0]>0)))return{data:{index:t,overflows:S},reset:{placement:e}};let s=null==(E=S.filter(t=>t.overflows[0]<=0).sort((t,e)=>t.overflows[1]-e.overflows[1])[0])?void 0:E.placement;if(!s)switch(g){case"bestFit":{var A;const t=null==(A=S.filter(t=>{if(w){const e=Gs(t.placement);return e===m||"y"===e}return!0}).map(t=>[t.placement,t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)]).sort((t,e)=>t[1]-e[1])[0])?void 0:A[0];t&&(s=t);break}case"initialPlacement":s=d}if(r!==s)return{reset:{placement:s}}}return{}}}},tr=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var s,o;const{placement:r,rects:a,platform:i,elements:d}=e,{apply:n=()=>{},...l}=Fs(t,e),c=await i.detectOverflow(e,l),h=Hs(r),p=Ns(r),g="y"===Gs(r),{width:v,height:u}=a.floating;let f,b;"top"===h||"bottom"===h?(f=h,b=p===(await(null==i.isRTL?void 0:i.isRTL(d.floating))?"start":"end")?"left":"right"):(b=h,f="end"===p?"top":"bottom");const m=u-c.top-c.bottom,_=v-c.left-c.right,x=Ts(u-c[f],m),y=Ts(v-c[b],_),w=!e.middlewareData.shift;let k=x,z=y;if(null!=(s=e.middlewareData.shift)&&s.enabled.x&&(z=_),null!=(o=e.middlewareData.shift)&&o.enabled.y&&(k=m),w&&!p){const t=qs(c.left,0),e=qs(c.right,0),s=qs(c.top,0),o=qs(c.bottom,0);g?z=v-2*(0!==t||0!==e?t+e:qs(c.left,c.right)):k=u-2*(0!==s||0!==o?s+o:qs(c.top,c.bottom))}await n({...e,availableWidth:z,availableHeight:k});const $=await i.getDimensions(d.floating);return v!==$.width||u!==$.height?{reset:{rects:!0}}:{}}}},er=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:s,y:o,placement:r,rects:a,middlewareData:i}=e,{offset:d=0,mainAxis:n=!0,crossAxis:l=!0}=Fs(t,e),c={x:s,y:o},h=Gs(r),p=Us(h);let g=c[p],v=c[h];const u=Fs(d,e),f="number"==typeof u?{mainAxis:u,crossAxis:0}:{mainAxis:0,crossAxis:0,...u};if(n){const t="y"===p?"height":"width",e=a.reference[p]-a.floating[t]+f.mainAxis,s=a.reference[p]+a.reference[t]-f.mainAxis;g<e?g=e:g>s&&(g=s)}if(l){var b,m;const t="y"===p?"width":"height",e=ao.has(Hs(r)),s=a.reference[h]-a.floating[t]+(e&&(null==(b=i.offset)?void 0:b[h])||0)+(e?0:f.crossAxis),o=a.reference[h]+a.reference[t]+(e?0:(null==(m=i.offset)?void 0:m[h])||0)-(e?f.crossAxis:0);v<s?v=s:v>o&&(v=o)}return{[p]:g,[h]:v}}}},sr="data-placement",or="data-autoplacement",rr=/* @__PURE__ */new Map;function ar(t){let{newState:e,oldState:s,target:o,source:r=t.detail}=t,a=o instanceof HTMLElement&&nr(o,"--_ds-floating");if(!a)return;if("closed"===e)return rr.get(o)?.();if(!r){let t=o.getRootNode(),e=`[popovertarget="${o.id}"],[commandfor="${o.id}"]`;r=o.id&&t?.querySelector?.(e)||void 0}if(!r||r===o||s&&s===e)return;let i=nr(o,"--_ds-floating-overscroll"),d=Ps(o,sr)||Ps(r,sr)||a,n=Ps(o,or)||Ps(r,or),l=parseFloat(getComputedStyle(o,"::before").height)||0,c=d.match(/left|right/gi)?"Height":"Width",h=r[`offset${c}`]/2+l;if("none"===d)return;let p={strategy:"absolute",placement:d,middleware:[Zo(l||0),Qo({padding:10,limiter:er({offset:{mainAxis:h}})}),lr(),..."false"===n?[]:[Jo({padding:10,crossAxis:!1})],...i?[tr({apply({availableHeight:t}){"fit"===i&&(o.style.width=`${r.clientWidth}px`),o.style.maxHeight=`${Math.max(50,t-20)}px`}})]:[]]},g=function(t,e,s,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:d="function"==typeof IntersectionObserver,animationFrame:n=!1}=o,l=qo(t),c=r||a?[...l?Lo(l):[],...Lo(e)]:[];c.forEach(t=>{r&&t.addEventListener("scroll",s,{passive:!0}),a&&t.addEventListener("resize",s)});const h=l&&d?function(t,e){let s,o=null;const r=co(t);function a(){var t;clearTimeout(s),null==(t=o)||t.disconnect(),o=null}return function i(d,n){void 0===d&&(d=!1),void 0===n&&(n=1),a();const l=t.getBoundingClientRect(),{left:c,top:h,width:p,height:g}=l;if(d||e(),!p||!g)return;const v={rootMargin:-Rs(h)+"px "+-Rs(r.clientWidth-(c+p))+"px "+-Rs(r.clientHeight-(h+g))+"px "+-Rs(c)+"px",threshold:qs(0,Ts(1,n))||1};let u=!0;function f(e){const o=e[0].intersectionRatio;if(o!==n){if(!u)return i();o?i(!1,o):s=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||Xo(l,t.getBoundingClientRect())||i(),u=!1}try{o=new IntersectionObserver(f,{...v,root:r.ownerDocument})}catch(b){o=new IntersectionObserver(f,v)}o.observe(t)}(!0),a}(l,s):null;let p,g=-1,v=null;i&&(v=new ResizeObserver(t=>{let[o]=t;o&&o.target===l&&v&&(v.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var t;null==(t=v)||t.observe(e)})),s()}),l&&!n&&v.observe(l),v.observe(e));let u=n?Bo(t):null;return n&&function e(){const o=Bo(t);u&&!Xo(u,o)&&s(),u=o,p=requestAnimationFrame(e)}(),s(),()=>{var t;c.forEach(t=>{r&&t.removeEventListener("scroll",s),a&&t.removeEventListener("resize",s)}),null==h||h(),null==(t=v)||t.disconnect(),v=null,n&&cancelAnimationFrame(p)}}(r,o,async()=>{if(!r?.isConnected)return rr.get(o)?.();let{x:t,y:e}=await((t,e,s)=>{const o=/* @__PURE__ */new Map,r={platform:Yo,...s},a={...r.platform,_c:o};return(async(t,e,s)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:i}=s,d=a.filter(Boolean),n=await(null==i.isRTL?void 0:i.isRTL(e));let l=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:c,y:h}=oo(l,o,n),p=o,g={},v=0;for(let f=0;f<d.length;f++){var u;const{name:s,fn:a}=d[f],{x:b,y:m,data:_,reset:x}=await a({x:c,y:h,initialPlacement:o,placement:p,strategy:r,middlewareData:g,rects:l,platform:{...i,detectOverflow:null!=(u=i.detectOverflow)?u:ro},elements:{reference:t,floating:e}});c=null!=b?b:c,h=null!=m?m:h,g={...g,[s]:{...g[s],..._}},x&&v<=50&&(v++,"object"==typeof x&&(x.placement&&(p=x.placement),x.rects&&(l=!0===x.rects?await i.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:c,y:h}=oo(l,p,n))),f=-1)}return{x:c,y:h,placement:p,strategy:r,middlewareData:g}})(t,e,{...r,platform:a})})(r,o,p);o.style.translate=`${t}px ${e}px`});rr.set(o,()=>rr.delete(o)&&g())}let ir;const dr=({type:t})=>{if("mousedown"===t&&(ir=!1),"scroll"===t&&!1===ir&&(ir=!0),"mouseup"===t&&ir)for(let[e]of rr)e.showPopover()};(t=>{typeof window<"u"&&typeof document<"u"&&(window._dsHotReloadCleanup||(window._dsHotReloadCleanup=/* @__PURE__ */new Map),window._dsHotReloadCleanup?.get(t)?.map(t=>t()),window._dsHotReloadCleanup?.set(t,[Ls(document,"mousedown scroll mouseup",dr,!0),Ls(document,"toggle ds-toggle-source",ar,Os)]))})("popover");const nr=(t,e)=>getComputedStyle(t).getPropertyValue(e).trim(),lr=()=>({name:"arrowPseudo",fn(t){let e=t.elements.floating,s=t.rects.reference,o=`${Math.round(s.width/2+s.x-t.x)}px`,r=`${Math.round(s.height/2+s.y-t.y)}px`;return e.style.setProperty("--_ds-floating-arrow-x",o),e.style.setProperty("--_ds-floating-arrow-y",r),Ps(e,"data-floating",t.placement),t}});var cr=Object.defineProperty,hr=Object.getOwnPropertyDescriptor,pr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?hr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&cr(e,s,a),a};let gr=class extends ft{constructor(){super(...arguments),this.placement="top",this.autoPlacement=void 0,this.overscroll=void 0}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover","auto")}render(){return Q`<slot></slot>`}};gr.styles=[As],pr([S({type:String,attribute:"data-placement",reflect:!0})],gr.prototype,"placement",2),pr([S({type:String,attribute:"data-autoplacement",reflect:!0})],gr.prototype,"autoPlacement",2),pr([S({type:String,attribute:"data-overscroll",reflect:!0})],gr.prototype,"overscroll",2),gr=pr([P("sds-popover")],gr);const vr=d`
1915
1964
  :host {
1916
1965
  --_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
1917
1966
  --_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
@@ -2113,7 +2162,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2113
2162
  margin-block-start: -1px;
2114
2163
  }
2115
2164
  }
2116
- `;var or=Object.defineProperty,rr=Object.getOwnPropertyDescriptor,ar=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?rr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&or(e,s,a),a};let ir=class extends(ee(St(ft))){constructor(){super(),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.readOnly=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleKeydown=t=>{if(!this.name||this.disabled||this.readOnly)return;const e=this.getRootNode(),s=Array.from(e.querySelectorAll(`sds-radio[name="${this.name}"]`)),o=s.indexOf(this);if(-1===o)return;let r=null;switch(t.key){case"ArrowUp":case"ArrowLeft":r=o>0?o-1:s.length-1;break;case"ArrowDown":case"ArrowRight":r=o<s.length-1?o+1:0;break;default:return}const a=s[r];a?.focus(),a?.click(),t.preventDefault()},this._handleChange=t=>{if(this.disabled||this.readOnly)return t.target.checked=this.checked??!1,void t.preventDefault();const e=t.target;this.checked=e.checked,this.checked&&this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")},this.internals=this.attachInternals()}get disabled(){return this._disabled}set disabled(t){const e=t??!1,s=this._disabled;s!==e&&(this._disabled=e,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=e))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const e=t??!1,s=this._parentRequestDisabled;s!==e&&(this._parentRequestDisabled=e,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this.internals.role="radio",this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}firstUpdated(t){super.firstUpdated(t),this._updateGroupValidation()}updated(t){super.updated(t),t.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),t.has("required")&&this.control&&(this.control.required=this.required??!1),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}_getGroupRadios(){if(!this.name)return[this];const t=this.getRootNode();return Array.from(t.querySelectorAll(`sds-radio[name="${this.name}"]`))}_updateGroupValidation(){const t=this._getGroupRadios(),e=t.some(t=>t.checked),s=t.some(t=>t.required);t.forEach(t=>{t.control&&(s?t.internals.setValidity(e?{}:{valueMissing:!0},e?"":t.control.validationMessage,t.control):t.internals.setValidity({}))})}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this.checked?this.value??"on":null),this._updateGroupValidation()}_uncheckSiblings(){if(!this.name)return;const t=this._getGroupRadios();for(const e of t)e!==this&&e.checked&&(e.checked=!1,e.internals.setFormValue(null))}get form(){return this.internals.form}get type(){return"radio"}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(t){this.internals.setValidity({customError:!!t},t)}formDisabledCallback(t){this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=t)}render(){const t={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},e={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return Q`
2165
+ `;var ur=Object.defineProperty,fr=Object.getOwnPropertyDescriptor,br=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?fr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ur(e,s,a),a};let mr=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleKeydown=t=>{if(!this.name||this.disabled||this.readOnly)return;const e=this.getRootNode(),s=Array.from(e.querySelectorAll(`sds-radio[name="${this.name}"]`)),o=s.indexOf(this);if(-1===o)return;let r=null;switch(t.key){case"ArrowUp":case"ArrowLeft":r=o>0?o-1:s.length-1;break;case"ArrowDown":case"ArrowRight":r=o<s.length-1?o+1:0;break;default:return}const a=s[r];a?.focus(),a?.click(),t.preventDefault()},this._handleChange=t=>{if(this.disabled||this.readOnly)return t.target.checked=this.checked??!1,void t.preventDefault();const e=t.target;this.checked=e.checked,this.checked&&this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")}}get disabled(){return this._disabled}set disabled(t){const e=t??!1,s=this._disabled;s!==e&&(this._disabled=e,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=e))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const e=t??!1,s=this._parentRequestDisabled;s!==e&&(this._parentRequestDisabled=e,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this.internals.role="radio",this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}firstUpdated(t){super.firstUpdated(t),this._updateGroupValidation()}updated(t){super.updated(t),t.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),t.has("required")&&this.control&&(this.control.required=this.required??!1),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}_getGroupRadios(){if(!this.name)return[this];const t=this.getRootNode();return Array.from(t.querySelectorAll(`sds-radio[name="${this.name}"]`))}_updateGroupValidation(){const t=this._getGroupRadios(),e=t.some(t=>t.checked),s=t.some(t=>t.required);t.forEach(t=>{t.control&&(s?t.internals.setValidity(e?{}:{valueMissing:!0},e?"":t.control.validationMessage,t.control):t.internals.setValidity({}))})}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this.checked?this.value??"on":null),this._updateGroupValidation()}_uncheckSiblings(){if(!this.name)return;const t=this._getGroupRadios();for(const e of t)e!==this&&e.checked&&(e.checked=!1,e.internals.setFormValue(null))}get type(){return"radio"}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(t){this.internals.setValidity({customError:!!t},t)}formDisabledCallback(t){this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=t)}render(){const t={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},e={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)},s=this.helpText?"help-text":void 0;return Q`
2117
2166
  <div class="${Zt(t)}">
2118
2167
  <input
2119
2168
  id="control"
@@ -2126,15 +2175,17 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2126
2175
  .disabled="${this.disabled??!1}"
2127
2176
  ?required="${this.required}"
2128
2177
  ?readonly="${this.readOnly}"
2178
+ aria-describedby="${Lt(s)}"
2179
+ aria-invalid="${this.error?"true":"false"}"
2129
2180
  @change="${this._handleChange}"
2130
2181
  @focus="${this._handleFocus}"
2131
2182
  @blur="${this._handleBlur}"
2132
2183
  class="${Zt(e)}"
2133
2184
  />
2134
2185
  ${this.label?Q`<label class="sds-radio__label" for="control">${this.label}</label>`:tt}
2135
- ${this.helpText?Q`<span class="sds-radio__help-text">${this.helpText}</span>`:tt}
2186
+ ${this.helpText?Q`<span id="help-text" class="sds-radio__help-text">${this.helpText}</span>`:tt}
2136
2187
  </div>
2137
- `}};ir.styles=[sr],ir.formAssociated=!0,ir.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},ar([S({type:Boolean,reflect:!0})],ir.prototype,"required",2),ar([S({type:String,reflect:!0})],ir.prototype,"label",2),ar([S({type:Boolean,reflect:!0,attribute:"hide-label"})],ir.prototype,"hideLabel",2),ar([S({type:String,reflect:!0})],ir.prototype,"name",2),ar([S({type:String})],ir.prototype,"value",2),ar([S({type:Boolean,reflect:!0})],ir.prototype,"checked",2),ar([S({type:Boolean,reflect:!0})],ir.prototype,"error",2),ar([S({type:Boolean,attribute:"readonly",reflect:!0})],ir.prototype,"readOnly",2),ar([S({type:String,reflect:!0})],ir.prototype,"size",2),ar([S({type:String,attribute:"help-text"})],ir.prototype,"helpText",2),ar([S({type:Boolean,reflect:!0})],ir.prototype,"disabled",1),ar([S({type:Boolean,attribute:!1})],ir.prototype,"parentRequestDisabled",1),ar([A("#control")],ir.prototype,"control",2),ir=ar([P("sds-radio")],ir);const dr=d`
2188
+ `}};mr.styles=[vr],br([S({type:Boolean,reflect:!0})],mr.prototype,"required",2),br([S({type:String,reflect:!0})],mr.prototype,"label",2),br([S({type:Boolean,reflect:!0,attribute:"hide-label"})],mr.prototype,"hideLabel",2),br([S({type:String})],mr.prototype,"value",2),br([S({type:Boolean,reflect:!0})],mr.prototype,"checked",2),br([S({type:Boolean,reflect:!0})],mr.prototype,"error",2),br([S({type:String,reflect:!0})],mr.prototype,"size",2),br([S({type:String,attribute:"help-text"})],mr.prototype,"helpText",2),br([S({type:Boolean,reflect:!0})],mr.prototype,"disabled",1),br([S({type:Boolean,attribute:!1})],mr.prototype,"parentRequestDisabled",1),br([A("#control")],mr.prototype,"control",2),mr=br([P("sds-radio")],mr);const _r=d`
2138
2189
  :host {
2139
2190
  --_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
2140
2191
  --_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
@@ -2232,18 +2283,18 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2232
2283
  --_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
2233
2284
  --_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
2234
2285
  }
2235
- `;var nr=Object.defineProperty,lr=Object.getOwnPropertyDescriptor,cr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?lr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&nr(e,s,a),a};const hr=["disabled","errorMessage","readOnly","required","size"];let pr=class extends(St(ft)){constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&"SDS-RADIO"===t.tagName);e&&(this._selectedValue=e.getAttribute("value")||null,this.dispatchSheriffEvent("sds-update"))},this._handleSlotChange=()=>{this._updateChildProps([...hr])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-RADIO"===t.tagName)??[]}_updateChildProps(t){const e=this._getChildRadios();for(const s of e)for(const e of t)switch(e){case"readOnly":s.readOnly=this.readOnly;break;case"disabled":s.parentRequestDisabled=this.disabled;break;case"errorMessage":s.error=Boolean(this.errorMessage);break;case"required":s.required=this.required;break;case"size":s.size=this.size}}updated(t){super.updated(t);const e=Array.from(t.keys());(e.includes("errorMessage")||e.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;hr.includes(o)&&this._updateChildProps([o])}render(){const t={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},e={"sds-radio-group__radios":!0,"sds-radio-group--column":"column"===this.direction,"sds-radio-group--row":"row"===this.direction};return Q`
2236
- <fieldset class="${Zt(t)}">
2286
+ `;var xr=Object.defineProperty,yr=Object.getOwnPropertyDescriptor,wr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?yr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&xr(e,s,a),a};const kr=["disabled","errorMessage","readOnly","required","size"];let zr=class extends(St(ft)){constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&"SDS-RADIO"===t.tagName);e&&(this._selectedValue=e.getAttribute("value")||null,this.dispatchSheriffEvent("sds-update"))},this._handleSlotChange=()=>{this._updateChildProps([...kr])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-RADIO"===t.tagName)??[]}_updateChildProps(t){const e=this._getChildRadios();for(const s of e)for(const e of t)switch(e){case"readOnly":s.readOnly=this.readOnly;break;case"disabled":s.parentRequestDisabled=this.disabled;break;case"errorMessage":s.error=Boolean(this.errorMessage);break;case"required":s.required=this.required;break;case"size":s.size=this.size}}updated(t){super.updated(t);const e=Array.from(t.keys());(e.includes("errorMessage")||e.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;kr.includes(o)&&this._updateChildProps([o])}render(){const t={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},e={"sds-radio-group__radios":!0,"sds-radio-group--column":"column"===this.direction,"sds-radio-group--row":"row"===this.direction},s=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
2287
+ <fieldset class="${Zt(t)}" aria-describedby="${Lt(s)}" aria-invalid="${this.errorMessage?"true":"false"}">
2237
2288
  ${this.legend?Q`<legend class="sds-radio-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:tt}${this.legend}</legend>`:tt}
2238
- ${this.helpText?Q`<p class="sds-radio-group__help-text">${this.helpText}</p>`:tt}
2289
+ ${this.helpText?Q`<p id="help-text" class="sds-radio-group__help-text">${this.helpText}</p>`:tt}
2239
2290
  <div class="${Zt(e)}" @change=${this._handleRadioChange}>
2240
2291
  <slot @slotchange=${this._handleSlotChange}></slot>
2241
2292
  </div>
2242
- ${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger">
2293
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger">
2243
2294
  <p slot="message">${this.errorMessage}</p>
2244
2295
  </sds-alert>`:tt}
2245
2296
  </fieldset>
2246
- `}get value(){return{selectedValue:this._selectedValue}}};pr.styles=[dr],cr([S({type:String})],pr.prototype,"legend",2),cr([S({type:String,attribute:"help-text"})],pr.prototype,"helpText",2),cr([S({type:String,attribute:"error-message"})],pr.prototype,"errorMessage",2),cr([S({type:Boolean,attribute:"readonly",reflect:!0})],pr.prototype,"readOnly",2),cr([S({type:String})],pr.prototype,"direction",2),cr([S({type:Boolean,reflect:!0})],pr.prototype,"disabled",2),cr([S({type:Boolean,reflect:!0})],pr.prototype,"required",2),cr([S({type:String,reflect:!0})],pr.prototype,"size",2),cr([C()],pr.prototype,"_selectedValue",2),cr([A("slot")],pr.prototype,"_slotElement",2),pr=cr([P("sds-radio-group")],pr);const gr=d`
2297
+ `}get value(){return{selectedValue:this._selectedValue}}};zr.styles=[_r],wr([S({type:String})],zr.prototype,"legend",2),wr([S({type:String,attribute:"help-text"})],zr.prototype,"helpText",2),wr([S({type:String,attribute:"error-message"})],zr.prototype,"errorMessage",2),wr([S({type:Boolean,attribute:"readonly",reflect:!0})],zr.prototype,"readOnly",2),wr([S({type:String})],zr.prototype,"direction",2),wr([S({type:Boolean,reflect:!0})],zr.prototype,"disabled",2),wr([S({type:Boolean,reflect:!0})],zr.prototype,"required",2),wr([S({type:String,reflect:!0})],zr.prototype,"size",2),wr([C()],zr.prototype,"_selectedValue",2),wr([A("slot")],zr.prototype,"_slotElement",2),zr=wr([P("sds-radio-group")],zr);const $r=d`
2247
2298
  :host {
2248
2299
  --_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
2249
2300
  --_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -2374,7 +2425,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2374
2425
  gap: var(--sds-spacing-3xs);
2375
2426
  }
2376
2427
 
2377
- :host([disabled]) .sds-select__control {
2428
+ :host(:disabled) .sds-select__control {
2378
2429
  opacity: var(--_sds-select-disabled-opacity);
2379
2430
  cursor: not-allowed;
2380
2431
  }
@@ -2419,10 +2470,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2419
2470
  --_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-lg));
2420
2471
  --_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
2421
2472
  }
2422
- `;var vr=Object.defineProperty,ur=Object.getOwnPropertyDescriptor,fr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ur(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&vr(e,s,a),a};let br=class extends(ee(St(ft))){constructor(){super(),this.disabled=!1,this.required=!1,this.readOnly=!1,this.size="md",this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleChange=t=>{t.stopImmediatePropagation(),t.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?t.target.value=this.value??"":(this.value=t.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchSheriffEvent("input"),this.dispatchSheriffEvent("change")))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{if(!this.readOnly)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(t.key)&&(t.preventDefault(),t.stopImmediatePropagation())},this.internals=this.attachInternals()}connectedCallback(){if(super.connectedCallback(),null==this.value){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);t&&(this.value=t.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const t=this.control?.value??"";this.value=this.value??this.defaultValue??t,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(t){this.control&&t.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(t){this.internals.setFormValue(null==t?null:t)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const t=this.getLightDomSelectedValue();void 0!==t&&t!==this.value&&(this.value=t),this.requestUpdate(),this.updateComplete.then(()=>{this.control&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())})}))}_startObservingLightDom(){this._lightDomObserver||(this._lightDomObserver=new MutationObserver(t=>{for(const e of t){if("childList"===e.type)return void this._scheduleLightDomSync();if("characterData"===e.type)return void this._scheduleLightDomSync();if("attributes"===e.type){const t=e.target;if(!(t instanceof HTMLElement))continue;const s=t.tagName;if("OPTION"===s||"OPTGROUP"===s||"HR"===s)return void this._scheduleLightDomSync()}}}),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}))}_stopObservingLightDom(){this._lightDomObserver?.disconnect(),this._lightDomObserver=void 0,this._pendingLightDomSync=!1}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}getLightDomSelectedValue(){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);return t?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control&&(this.control.value=t),this.value=this._defaultValue??"",this.updateValidity()}renderFromLightDom(){const t=this.children??[];return Array.from(t).filter(t=>t instanceof HTMLElement).map(t=>{switch(t.tagName){case"OPTION":return this.renderOption(t);case"OPTGROUP":return this.renderOptgroup(t);case"HR":return Q`<hr />`;default:return tt}})}renderOption(t){const e=t.getAttribute("value"),s=t.value,o=null!=this.value&&s===this.value;return Q` <option value=${Lt(null===e?void 0:e)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const e=Array.from(t.querySelectorAll("option"));return Q` <optgroup label=${Lt(t.label||void 0)} ?disabled=${t.disabled}>${e.map(t=>this.renderOption(t))}</optgroup> `}render(){const t={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)};return Q`
2473
+ `;var Sr=Object.defineProperty,Cr=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Sr(e,s,a),a};const Er=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this.required=!1,this.size="md",this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleChange=t=>{t.stopImmediatePropagation(),t.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?t.target.value=this.value??"":(this.value=t.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchSheriffEvent("input"),this.dispatchSheriffEvent("change")))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{if(!this.readOnly)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(t.key)&&(t.preventDefault(),t.stopImmediatePropagation())}}connectedCallback(){if(super.connectedCallback(),null==this.value){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);t&&(this.value=t.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const t=this.control?.value??"";this.value=this.value??this.defaultValue??t,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(t){super.updated(t),this.control&&t.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(t){this.internals.setFormValue(null==t?null:t)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const t=this.getLightDomSelectedValue();void 0!==t&&t!==this.value&&(this.value=t),this.requestUpdate(),this.updateComplete.then(()=>{this.control&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())})}))}_startObservingLightDom(){this._lightDomObserver||(this._lightDomObserver=new MutationObserver(t=>{for(const e of t){if("childList"===e.type)return void this._scheduleLightDomSync();if("characterData"===e.type)return void this._scheduleLightDomSync();if("attributes"===e.type){const t=e.target;if(!(t instanceof HTMLElement))continue;const s=t.tagName;if("OPTION"===s||"OPTGROUP"===s||"HR"===s)return void this._scheduleLightDomSync()}}}),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}))}_stopObservingLightDom(){this._lightDomObserver?.disconnect(),this._lightDomObserver=void 0,this._pendingLightDomSync=!1}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}getLightDomSelectedValue(){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);return t?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control&&(this.control.value=t),this.value=this._defaultValue??"",this.updateValidity()}renderFromLightDom(){const t=this.children??[];return Array.from(t).filter(t=>t instanceof HTMLElement).map(t=>{switch(t.tagName){case"OPTION":return this.renderOption(t);case"OPTGROUP":return this.renderOptgroup(t);case"HR":return Q`<hr />`;default:return tt}})}renderOption(t){const e=t.getAttribute("value"),s=t.value,o=null!=this.value&&s===this.value;return Q` <option value=${Lt(null===e?void 0:e)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const e=Array.from(t.querySelectorAll("option"));return Q` <optgroup label=${Lt(t.label||void 0)} ?disabled=${t.disabled}>${e.map(t=>this.renderOption(t))}</optgroup> `}render(){const t={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)},e=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
2423
2474
  <div class="${Zt(t)}">
2424
2475
  ${this.label?Q` <label for="control" class="sds-select__label"> ${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:tt} ${this.label} </label> `:tt}
2425
- ${this.helpText?Q`<p class="sds-select__help-text">${this.helpText}</p>`:tt}
2476
+ ${this.helpText?Q`<p id="help-text" class="sds-select__help-text">${this.helpText}</p>`:tt}
2426
2477
 
2427
2478
  <div hidden>
2428
2479
  <slot @slotchange=${this._handleSlotChange}></slot>
@@ -2436,6 +2487,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2436
2487
  ?required=${this.required}
2437
2488
  aria-readonly=${Lt(this.readOnly)}
2438
2489
  aria-invalid=${this.errorMessage?"true":"false"}
2490
+ aria-describedby=${Lt(e)}
2439
2491
  @keydown=${this._handleKeyDown}
2440
2492
  @change=${this._handleChange}
2441
2493
  @focus=${this._handleFocus}
@@ -2445,17 +2497,53 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2445
2497
  </select>
2446
2498
 
2447
2499
  ${this.errorMessage?Q`
2448
- <sds-alert variant="secondary" data-palette="danger">
2500
+ <sds-alert id="error-message" variant="secondary" data-palette="danger">
2449
2501
  <p slot="message">${this.errorMessage}</p>
2450
2502
  </sds-alert>
2451
2503
  `:tt}
2452
2504
  </div>
2453
- `}};br.styles=[gr],br.formAssociated=!0,br.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},fr([S({type:String,reflect:!0})],br.prototype,"name",2),fr([S({type:String,reflect:!0})],br.prototype,"label",2),fr([S({type:String,attribute:!1})],br.prototype,"value",2),fr([S({type:String,attribute:"default-value"})],br.prototype,"defaultValue",2),fr([S({type:String,attribute:"help-text",reflect:!0})],br.prototype,"helpText",2),fr([S({type:String,attribute:"error-message",reflect:!0})],br.prototype,"errorMessage",2),fr([S({type:Boolean,reflect:!0})],br.prototype,"disabled",2),fr([S({type:Boolean,reflect:!0})],br.prototype,"required",2),fr([S({type:Boolean,attribute:"readonly",reflect:!0})],br.prototype,"readOnly",2),fr([S({type:String,reflect:!0})],br.prototype,"size",2),fr([A("#control")],br.prototype,"control",2),br=fr([P("sds-select")],br);const mr=d`
2505
+ `}};Er.styles=[$r];let Ar=Er;Cr([S({type:String,reflect:!0})],Ar.prototype,"label"),Cr([S({type:String,attribute:!1})],Ar.prototype,"value"),Cr([S({type:String,attribute:"default-value"})],Ar.prototype,"defaultValue"),Cr([S({type:String,attribute:"help-text",reflect:!0})],Ar.prototype,"helpText"),Cr([S({type:String,attribute:"error-message",reflect:!0})],Ar.prototype,"errorMessage"),Cr([S({type:Boolean,reflect:!0})],Ar.prototype,"required"),Cr([S({type:String,reflect:!0})],Ar.prototype,"size"),Cr([A("#control")],Ar.prototype,"control");var Or=Object.getOwnPropertyDescriptor;let Pr=class extends Ar{};Pr=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Or(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-select")],Pr);const Lr=d`
2506
+ :host {
2507
+ display: flex;
2508
+ flex-direction: row;
2509
+ counter-reset: stepper;
2510
+ align-items: flex-start;
2511
+ text-align: center;
2512
+
2513
+ --sds-stepper-circle-size: 28px;
2514
+ }
2515
+
2516
+ :host([orientation='vertical']) {
2517
+ flex-direction: column;
2518
+
2519
+ --sds-stepper-step-grid-template-rows: [line-1] auto [step-start] var(--sds-stepper-circle-size) [line-2 step-end] auto;
2520
+ --sds-stepper-step-grid-template-columns: var(--sds-stepper-circle-size) auto;
2521
+
2522
+ --sds-stepper-step-step-grid-area: 2/1/-1/-1;
2523
+ --sds-stepper-step-step-grid-template-columns: [circle] var(--sds-stepper-circle-size) [content] auto;
2524
+ --sds-stepper-step-step-margin: 0 0 var(--sds-stepper-circle-size) 0;
2525
+
2526
+ --sds-stepper-step-counter-grid-area: circle / 1;
2527
+ --sds-stepper-step-label-grid-area: auto;
2528
+ --sds-stepper-step-label-padding-inline: 0;
2529
+
2530
+ --sds-stepper-step-divider-before-visibility: hidden;
2531
+ --sds-stepper-step-divider-width: 1px;
2532
+ --sds-stepper-step-divider-height: 100%;
2533
+ --sds-stepper-step-divider-min-height: 1rem;
2534
+ --sds-stepper-step-divider-grid-row: line-2;
2535
+ --sds-stepper-step-divider-after-grid-column: 1;
2536
+ --sds-stepper-step-divider-before-display: none;
2537
+
2538
+ --sds-stepper-step-step-gap: 0 var(--sds-spacing-3xs);
2539
+ }
2540
+ `;var Dr=Object.defineProperty,Tr=Object.getOwnPropertyDescriptor,qr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Tr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Dr(e,s,a),a};let Mr=class extends(St(ft)){constructor(){super(),this.orientation="horizontal",this._setActiveStep=(t,e)=>{t.forEach((t,s)=>{t.active=s===e})},this._handleChildClick=t=>{t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof Element&&"sds-stepper-step"===t.tagName.toLowerCase());if(!e)return;const s=this.steps.indexOf(e);-1!==s&&(this._setActiveStep(this.steps,s),this.dispatchSheriffEvent("change",{index:s}))},this.internals=this.attachInternals(),this.internals.role="tablist"}getActiveStep(){return this.steps.findIndex(t=>t.active)}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-label")||(this.ariaLabel="Steg")}goToStep(t){t<0||t>=this.steps.length||(this._setActiveStep(this.steps,t),this.dispatchSheriffEvent("change",{index:t}))}_applyStepNumbers(){this.steps.forEach((t,e)=>{t.style.setProperty("--sds-stepper-step-counter-content",`"${e+1}"`)})}firstUpdated(){const t=navigator.userAgent;if(/safari/i.test(t)&&!/chrome/i.test(t)&&!/crios/i.test(t)&&!/edgios/i.test(t)&&!/fxios/i.test(t)){this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>this._applyStepNumbers()),this._applyStepNumbers()}}render(){return Q`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};Mr.styles=[Lr],qr([S({type:String,reflect:!0})],Mr.prototype,"orientation",2),qr([O({selector:"sds-stepper-step",flatten:!0})],Mr.prototype,"steps",2),Mr=qr([P("sds-stepper")],Mr);const Rr=d`
2454
2541
  :host {
2455
2542
  /* Sizing */
2456
- --_sds-stepper-step-circle-size: var(--sds-stepper-circle-size, 32px);
2543
+ --_sds-stepper-step-circle-size: var(--sds-stepper-circle-size, 28px);
2457
2544
  --_sds-stepper-step-border-width: var(--sds-stepper-step-border-width, 2px);
2458
2545
  --_sds-stepper-step-radius: var(--sds-stepper-step-radius, var(--sds-radius-sm));
2546
+ --_sds-stepper-step-gap: var(--sds-stepper-step-gap, var(--sds-spacing-3xs));
2459
2547
 
2460
2548
  /* Layout */
2461
2549
  --_sds-stepper-step-grid-template-rows: var(--sds-stepper-step-grid-template-rows, var(--_sds-stepper-step-circle-size) auto);
@@ -2490,7 +2578,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2490
2578
  --_sds-stepper-step-label-text-underline-offset: var(--sds-stepper-step-label-text-underline-offset, var(--sds-typography-link-text-underline-offset));
2491
2579
  --_sds-stepper-step-label-max-width: var(--sds-stepper-step-label-max-width, 24ch);
2492
2580
  --_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
2493
- --_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, var(--sds-typography-link-text-decoration));
2581
+ --_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, none);
2582
+ --_sds-stepper-step-label-padding-inline: var(--sds-stepper-step-label-padding-inline, var(--sds-spacing-3xs));
2494
2583
 
2495
2584
  /* Counter */
2496
2585
  --_sds-stepper-step-counter-grid-area: var(--sds-stepper-step-counter-grid-area, circle / 2);
@@ -2524,7 +2613,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2524
2613
  display: grid;
2525
2614
  grid-template-columns: var(--_sds-stepper-step-grid-template-columns);
2526
2615
  grid-template-rows: var(--_sds-stepper-step-grid-template-rows);
2527
- gap: var(--sds-spacing-xs);
2616
+ gap: var(--_sds-stepper-step-gap);
2528
2617
  justify-items: flex-start;
2529
2618
  flex: 100%;
2530
2619
  padding-block-start: var(--_sds-stepper-step-border-width);
@@ -2592,6 +2681,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2592
2681
  min-width: fit-content;
2593
2682
  max-width: var(--_sds-stepper-step-label-max-width);
2594
2683
  text-align: left;
2684
+ padding-inline: var(--_sds-stepper-step-label-padding-inline);
2595
2685
 
2596
2686
  color: var(--_sds-stepper-step-label-text-color);
2597
2687
  font-family: var(--sds-typography-font-family);
@@ -2659,7 +2749,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2659
2749
  --_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
2660
2750
  --_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-main-action-contrast-default));
2661
2751
  --_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, none);
2662
- --_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
2752
+ --_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
2663
2753
 
2664
2754
  pointer-events: none;
2665
2755
  }
@@ -2667,7 +2757,6 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2667
2757
  :host(:not([active])) .sds-stepper-step__step:hover {
2668
2758
  --_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
2669
2759
  --_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, var(--sds-typography-link-text-decoration));
2670
- --_sds-stepper-step-label-text-decoration-thickness: var(--sds-stepper-step-label-text-decoration-thickness, calc(var(--sds-typography-link-text-decoration-thickness) + 1px));
2671
2760
  --_sds-stepper-step-counter-background-color: var(--sds-stepper-step-counter-background-color, var(--sds-color-action-contrast-subtle, var(--sds-color-main-action-contrast-subtle)));
2672
2761
  --_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
2673
2762
  --_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
@@ -2708,7 +2797,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2708
2797
  --_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-neutral-border-strong));
2709
2798
  --_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-neutral-text-default));
2710
2799
  }
2711
- `;var _r=Object.defineProperty,xr=Object.getOwnPropertyDescriptor,yr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?xr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&_r(e,s,a),a};let wr=class extends(St(ft)){constructor(){super(),this.complete=!1,this.interactive=!1,this.active=!1,this._handleClick=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.dispatchSheriffEvent("_sds-step-clicked")},this._renderNonInteractiveStep=()=>Q`<div class="sds-stepper-step__step--static">
2800
+ `;var Vr=Object.defineProperty,Br=Object.getOwnPropertyDescriptor,jr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Br(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Vr(e,s,a),a};let Ir=class extends(St(ft)){constructor(){super(),this.complete=!1,this.interactive=!1,this.active=!1,this._handleClick=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.dispatchSheriffEvent("_sds-step-clicked")},this._renderNonInteractiveStep=()=>Q`<div class="sds-stepper-step__step--static">
2712
2801
  <span class="sds-stepper-step__counter"></span>
2713
2802
  <div class="sds-stepper-step__label"><slot></slot></div>
2714
2803
  </div>`,this._renderInteractiveStep=()=>Q`<button type="button" role="tab" aria-selected="${this.active?"true":"false"}" id="button" class="sds-stepper-step__step" @click="${this._handleClick}">
@@ -2722,41 +2811,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2722
2811
  <span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
2723
2812
  ${this._renderNonInteractiveStep()}
2724
2813
  <span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
2725
- </div>`}};wr.styles=[mr],wr.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},yr([S({type:Boolean,reflect:!0})],wr.prototype,"complete",2),yr([S({type:Boolean,reflect:!0})],wr.prototype,"interactive",2),yr([S({type:Boolean,reflect:!0})],wr.prototype,"active",2),wr=yr([P("sds-stepper-step")],wr);const kr=d`
2726
- :host {
2727
- display: flex;
2728
- flex-direction: row;
2729
- counter-reset: stepper;
2730
- align-items: flex-start;
2731
- text-align: center;
2732
-
2733
- --sds-stepper-circle-size: 32px;
2734
- }
2735
-
2736
- :host([orientation='vertical']) {
2737
- flex-direction: column;
2738
-
2739
- --sds-stepper-step-grid-template-rows: [line-1] auto [step-start] var(--sds-stepper-circle-size) [line-2 step-end] auto;
2740
- --sds-stepper-step-grid-template-columns: var(--sds-stepper-circle-size) auto;
2741
-
2742
- --sds-stepper-step-step-grid-area: 2/1/-1/-1;
2743
- --sds-stepper-step-step-grid-template-columns: [circle] var(--sds-stepper-circle-size) [content] auto;
2744
- --sds-stepper-step-step-margin: 0 0 var(--sds-stepper-circle-size) 0;
2745
-
2746
- --sds-stepper-step-counter-grid-area: circle / 1;
2747
- --sds-stepper-step-label-grid-area: auto;
2748
-
2749
- --sds-stepper-step-divider-before-visibility: hidden;
2750
- --sds-stepper-step-divider-width: 1px;
2751
- --sds-stepper-step-divider-height: 100%;
2752
- --sds-stepper-step-divider-min-height: 1rem;
2753
- --sds-stepper-step-divider-grid-row: line-2;
2754
- --sds-stepper-step-divider-after-grid-column: 1;
2755
- --sds-stepper-step-divider-before-display: none;
2756
-
2757
- --sds-stepper-step-step-gap: 0 var(--sds-spacing-3xs);
2758
- }
2759
- `;var zr=Object.defineProperty,$r=Object.getOwnPropertyDescriptor,Sr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?$r(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&zr(e,s,a),a};let Cr=class extends(St(ft)){constructor(){super(),this.orientation="horizontal",this._setActiveStep=(t,e)=>{t.forEach((t,s)=>{t.active=s===e})},this._handleChildClick=t=>{t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof wr);if(!e)return;const s=this.steps.indexOf(e);-1!==s&&(this._setActiveStep(this.steps,s),this.dispatchSheriffEvent("change",{index:s}))},this.role="tablist",this.internals=this.attachInternals()}getActiveStep(){return this.steps.findIndex(t=>t.active)}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-label")||(this.ariaLabel="Steg")}goToStep(t){t<0||t>=this.steps.length||(this._setActiveStep(this.steps,t),this.dispatchSheriffEvent("change",{index:t}))}_applyStepNumbers(){this.steps.forEach((t,e)=>{t.style.setProperty("--sds-stepper-step-counter-content",`"${e+1}"`)})}firstUpdated(){const t=navigator.userAgent;if(/safari/i.test(t)&&!/chrome/i.test(t)&&!/crios/i.test(t)&&!/edgios/i.test(t)&&!/fxios/i.test(t)){this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>this._applyStepNumbers()),this._applyStepNumbers()}}render(){return Q`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};Cr.styles=[kr],Sr([S({type:String,reflect:!0})],Cr.prototype,"orientation",2),Sr([O({selector:"sds-stepper-step",flatten:!0})],Cr.prototype,"steps",2),Cr=Sr([P("sds-stepper")],Cr);const Er=d`
2814
+ </div>`}};Ir.styles=[Rr],Ir.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},jr([S({type:Boolean,reflect:!0})],Ir.prototype,"complete",2),jr([S({type:Boolean,reflect:!0})],Ir.prototype,"interactive",2),jr([S({type:Boolean,reflect:!0})],Ir.prototype,"active",2),Ir=jr([P("sds-stepper-step")],Ir);const Fr=d`
2760
2815
  :host {
2761
2816
  --_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
2762
2817
  --_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -2805,7 +2860,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2805
2860
  pointer-events: none;
2806
2861
  }
2807
2862
 
2808
- :host([disabled]) {
2863
+ :host(:disabled) {
2809
2864
  opacity: var(--_sds-switch-disabled-opacity);
2810
2865
  pointer-events: none;
2811
2866
  }
@@ -2906,7 +2961,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2906
2961
  .sds-switch__input:checked::before {
2907
2962
  --_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
2908
2963
  }
2909
- `;var Ar=Object.defineProperty,Or=Object.getOwnPropertyDescriptor,Pr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Or(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Ar(e,s,a),a};let Lr=class extends(St(ft)){constructor(){super(),this.disabled=!1,this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.readOnly=!1,this.size="md",this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),!this.disabled){const e=t.target;this.checked=e.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchSheriffEvent("change")}},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.disabled||this.dispatchSheriffEvent("blur")},this.getIconSize=()=>{switch(this.size){case"sm":case"md":case"lg":return this.size;case"l":return"lg";case"s":return"sm"}},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(t){t.has("checked")&&(this.control.checked=this.checked,this.internals.setFormValue(this.checked?"on":"off"))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this._initialChecked?"on":"off")}formStateRestoreCallback(t){this.checked=t}get value(){return this.checked?"on":"off"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},e=Q`<input
2964
+ `;var Hr=Object.defineProperty,Nr=Object.getOwnPropertyDescriptor,Ur=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Nr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Hr(e,s,a),a};let Wr=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.size="md",this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const e=t.target;this.checked=e.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchSheriffEvent("change")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("blur")},this.getIconSize=()=>{switch(this.size){case"sm":case"md":case"lg":return this.size;case"l":return"lg";case"s":return"sm"}}}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(t){super.updated(t),t.has("checked")&&(this.control.checked=this.checked,this.internals.setFormValue(this.checked?"on":"off"))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this._initialChecked?"on":"off")}formStateRestoreCallback(t){this.checked=t}get value(){return this.checked?"on":"off"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},e=Q`<input
2910
2965
  class="sds-switch__input"
2911
2966
  id="control"
2912
2967
  type="checkbox"
@@ -2919,7 +2974,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2919
2974
  @change="${this._handleChange}"
2920
2975
  @focus="${this._handleFocus}"
2921
2976
  @blur="${this._handleBlur}"
2922
- />`,s=this.readOnly?Q`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:tt,o=Q`<label class="${Zt(t)}" for="control">${s}${this.label}</label>`;return Q`<div class="${Zt({"sds-switch":!0})}">${this.reverse?[o,e]:[e,o]}</div>`}};Lr.styles=[Er],Lr.formAssociated=!0,Lr.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},Pr([S({type:Boolean,reflect:!0})],Lr.prototype,"disabled",2),Pr([S({type:String,reflect:!0})],Lr.prototype,"label",2),Pr([S({type:Boolean,reflect:!0,attribute:"hide-label"})],Lr.prototype,"hideLabel",2),Pr([S({type:String,reflect:!0})],Lr.prototype,"name",2),Pr([S({type:Boolean,reflect:!0})],Lr.prototype,"reverse",2),Pr([S({type:Boolean,reflect:!0})],Lr.prototype,"checked",2),Pr([S({type:Boolean,attribute:"readonly",reflect:!0})],Lr.prototype,"readOnly",2),Pr([S({type:String,reflect:!0})],Lr.prototype,"size",2),Pr([A("#control")],Lr.prototype,"control",2),Lr=Pr([P("sds-switch")],Lr);const Dr=d`
2977
+ />`,s=this.readOnly?Q`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:tt,o=Q`<label class="${Zt(t)}" for="control">${s}${this.label}</label>`;return Q`<div class="${Zt({"sds-switch":!0})}">${this.reverse?[o,e]:[e,o]}</div>`}};Wr.styles=[Fr],Ur([S({type:String,reflect:!0})],Wr.prototype,"label",2),Ur([S({type:Boolean,reflect:!0,attribute:"hide-label"})],Wr.prototype,"hideLabel",2),Ur([S({type:Boolean,reflect:!0})],Wr.prototype,"reverse",2),Ur([S({type:Boolean,reflect:!0})],Wr.prototype,"checked",2),Ur([S({type:String,reflect:!0})],Wr.prototype,"size",2),Ur([A("#control")],Wr.prototype,"control",2),Wr=Ur([P("sds-switch")],Wr);const Kr=d`
2923
2978
  :host {
2924
2979
  --_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
2925
2980
  --_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -2980,15 +3035,18 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2980
3035
  --_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
2981
3036
  --_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
2982
3037
  }
2983
- `;var qr=Object.defineProperty,Tr=Object.getOwnPropertyDescriptor,Rr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Tr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&qr(e,s,a),a};let Mr=class extends ft{constructor(){super(...arguments),this.size="md"}render(){return Q`<span class="${Zt({"sds-tag":!0})}">
3038
+ `;var Gr=Object.defineProperty,Yr=Object.getOwnPropertyDescriptor,Xr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Yr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Gr(e,s,a),a};let Zr=class extends ft{constructor(){super(...arguments),this.size="md"}render(){return Q`<span class="${Zt({"sds-tag":!0})}">
2984
3039
  <slot></slot>
2985
- </span>`}};Mr.styles=[Dr],Rr([S({type:String,reflect:!0})],Mr.prototype,"size",2),Mr=Rr([P("sds-tag")],Mr);const Vr=d`
3040
+ </span>`}};Zr.styles=[Kr],Xr([S({type:String,reflect:!0})],Zr.prototype,"size",2),Zr=Xr([P("sds-tag")],Zr);const Qr=d`
2986
3041
  :host {
2987
3042
  --_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
2988
3043
  --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
2989
3044
  --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-mobile-font-weight));
2990
3045
  --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-mobile-line-height));
2991
3046
  --_sds-text-color: var(--sds-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3047
+ --_sds-text-text-decoration: var(--sds-text-text-decoration, inherit);
3048
+ --_sds-text-text-decoration-thickness: var(--sds-text-text-decoration-thickness, var(--sds-typography-link-text-decoration-thickness));
3049
+ --_sds-text-text-underline-offset: var(--sds-text-text-underline-offset, var(--sds-typography-link-text-underline-offset));
2992
3050
 
2993
3051
  display: block;
2994
3052
  box-sizing: border-box;
@@ -3000,6 +3058,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3000
3058
  font-weight: var(--_sds-text-font-weight);
3001
3059
  line-height: var(--_sds-text-line-height);
3002
3060
  color: var(--_sds-text-color);
3061
+ display: inherit;
3062
+ text-decoration: var(--_sds-text-text-decoration);
3063
+ text-decoration-thickness: var(--_sds-text-text-decoration-thickness);
3064
+ text-underline-offset: var(--_sds-text-text-underline-offset);
3003
3065
  margin: 0;
3004
3066
  padding: 0;
3005
3067
  max-width: var(--sds-typography-max-line-width);
@@ -3028,36 +3090,60 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3028
3090
  --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-tall-mobile-line-height));
3029
3091
  }
3030
3092
 
3093
+ :host([strong][tall]) {
3094
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-strong-tall-mobile-font-size));
3095
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-strong-tall-mobile-font-weight));
3096
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-strong-tall-mobile-line-height));
3097
+ }
3098
+
3031
3099
  /* Extra small variants */
3032
3100
  :host([size='xs']) {
3033
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xs-mobile-font-size));
3034
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xs-mobile-font-weight));
3035
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xs-mobile-line-height));
3101
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-mobile-font-size));
3102
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-mobile-font-weight));
3103
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-mobile-line-height));
3036
3104
  }
3037
3105
 
3038
3106
  :host([size='xs'][strong]) {
3039
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xs-strong-mobile-font-weight));
3040
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xs-strong-mobile-font-size));
3041
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xs-strong-mobile-line-height));
3107
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-strong-mobile-font-weight));
3108
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-strong-mobile-font-size));
3109
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-strong-mobile-line-height));
3110
+ }
3111
+
3112
+ :host([size='xs'][tall]) {
3113
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-tall-mobile-font-size));
3114
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-tall-mobile-font-weight));
3115
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-tall-mobile-line-height));
3116
+ }
3117
+
3118
+ :host([size='xs'][strong][tall]) {
3119
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-strong-tall-mobile-font-size));
3120
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-strong-tall-mobile-font-weight));
3121
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-strong-tall-mobile-line-height));
3042
3122
  }
3043
3123
 
3044
3124
  /* Small variants */
3045
3125
  :host([size='sm']) {
3046
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-mobile-font-size));
3047
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-mobile-font-weight));
3048
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-mobile-line-height));
3126
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-mobile-font-size));
3127
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-mobile-font-weight));
3128
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-mobile-line-height));
3049
3129
  }
3050
3130
 
3051
3131
  :host([size='sm'][strong]) {
3052
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-strong-mobile-font-size));
3053
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-strong-mobile-font-weight));
3054
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-strong-mobile-line-height));
3132
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-strong-mobile-font-size));
3133
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-strong-mobile-font-weight));
3134
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-strong-mobile-line-height));
3055
3135
  }
3056
3136
 
3057
3137
  :host([size='sm'][tall]) {
3058
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-tall-mobile-font-size));
3059
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-tall-mobile-font-weight));
3060
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-tall-mobile-line-height));
3138
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-tall-mobile-font-size));
3139
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-tall-mobile-font-weight));
3140
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-tall-mobile-line-height));
3141
+ }
3142
+
3143
+ :host([size='sm'][strong][tall]) {
3144
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-strong-tall-mobile-font-size));
3145
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-strong-tall-mobile-font-weight));
3146
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-strong-tall-mobile-line-height));
3061
3147
  }
3062
3148
 
3063
3149
  /* Large variants */
@@ -3087,9 +3173,27 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3087
3173
 
3088
3174
  /* Extra large variant */
3089
3175
  :host([size='xl']) {
3090
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xl-mobile-font-size));
3091
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xl-mobile-font-weight));
3092
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-mobile-line-height));
3176
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-mobile-font-size));
3177
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-mobile-font-weight));
3178
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-mobile-line-height));
3179
+ }
3180
+
3181
+ :host([size='xl'][strong]) {
3182
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-strong-mobile-font-size));
3183
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-strong-mobile-font-weight));
3184
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-mobile-line-height));
3185
+ }
3186
+
3187
+ :host([size='xl'][tall]) {
3188
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-tall-mobile-font-size));
3189
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-tall-mobile-font-weight));
3190
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-tall-mobile-line-height));
3191
+ }
3192
+
3193
+ :host([size='xl'][strong][tall]) {
3194
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-strong-tall-mobile-font-size));
3195
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-strong-tall-mobile-font-weight));
3196
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-tall-mobile-line-height));
3093
3197
  }
3094
3198
 
3095
3199
  /* Tablet */
@@ -3113,36 +3217,60 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3113
3217
  --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-tall-tablet-line-height));
3114
3218
  }
3115
3219
 
3220
+ :host([strong][tall]) {
3221
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-strong-tall-tablet-font-size));
3222
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-strong-tall-tablet-font-weight));
3223
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-strong-tall-tablet-line-height));
3224
+ }
3225
+
3116
3226
  /* Extra small variants */
3117
3227
  :host([size='xs']) {
3118
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xs-tablet-font-size));
3119
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xs-tablet-font-weight));
3120
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xs-tablet-line-height));
3228
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-tablet-font-size));
3229
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-tablet-font-weight));
3230
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-tablet-line-height));
3121
3231
  }
3122
3232
 
3123
3233
  :host([size='xs'][strong]) {
3124
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xs-strong-tablet-font-weight));
3125
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xs-strong-tablet-font-size));
3126
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xs-strong-tablet-line-height));
3234
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-strong-tablet-font-weight));
3235
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-strong-tablet-font-size));
3236
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-strong-tablet-line-height));
3237
+ }
3238
+
3239
+ :host([size='xs'][tall]) {
3240
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-tall-tablet-font-size));
3241
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-tall-tablet-font-weight));
3242
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-tall-tablet-line-height));
3243
+ }
3244
+
3245
+ :host([size='xs'][strong][tall]) {
3246
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-strong-tall-tablet-font-size));
3247
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-strong-tall-tablet-font-weight));
3248
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-strong-tall-tablet-line-height));
3127
3249
  }
3128
3250
 
3129
3251
  /* Small variants */
3130
3252
  :host([size='sm']) {
3131
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-tablet-font-size));
3132
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-tablet-font-weight));
3133
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-tablet-line-height));
3253
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-tablet-font-size));
3254
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-tablet-font-weight));
3255
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-tablet-line-height));
3134
3256
  }
3135
3257
 
3136
3258
  :host([size='sm'][strong]) {
3137
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-strong-tablet-font-size));
3138
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-strong-tablet-font-weight));
3139
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-strong-tablet-line-height));
3259
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-strong-tablet-font-size));
3260
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-strong-tablet-font-weight));
3261
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-strong-tablet-line-height));
3140
3262
  }
3141
3263
 
3142
3264
  :host([size='sm'][tall]) {
3143
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-tall-tablet-font-size));
3144
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-tall-tablet-font-weight));
3145
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-tall-tablet-line-height));
3265
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-tall-tablet-font-size));
3266
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-tall-tablet-font-weight));
3267
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-tall-tablet-line-height));
3268
+ }
3269
+
3270
+ :host([size='sm'][strong][tall]) {
3271
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-strong-tall-tablet-font-size));
3272
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-strong-tall-tablet-font-weight));
3273
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-strong-tall-tablet-line-height));
3146
3274
  }
3147
3275
 
3148
3276
  /* Large variants */
@@ -3172,15 +3300,39 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3172
3300
 
3173
3301
  /* Extra large variant */
3174
3302
  :host([size='xl']) {
3175
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xl-tablet-font-size));
3176
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xl-tablet-font-weight));
3177
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-tablet-line-height));
3303
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-tablet-font-size));
3304
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-tablet-font-weight));
3305
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-tablet-line-height));
3306
+ }
3307
+
3308
+ :host([size='xl'][strong]) {
3309
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-strong-tablet-font-size));
3310
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-strong-tablet-font-weight));
3311
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-tablet-line-height));
3312
+ }
3313
+
3314
+ :host([size='xl'][tall]) {
3315
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-tall-tablet-font-size));
3316
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-tall-tablet-font-weight));
3317
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-tall-tablet-line-height));
3318
+ }
3319
+
3320
+ :host([size='xl'][strong][tall]) {
3321
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-strong-tall-tablet-font-size));
3322
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-strong-tall-tablet-font-weight));
3323
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-tall-tablet-line-height));
3178
3324
  }
3179
3325
  }
3180
3326
 
3181
3327
  /* Desktop */
3182
3328
  @media (min-width: 1024px) {
3183
3329
  /* Medium variants */
3330
+ :host {
3331
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-desktop-font-size));
3332
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
3333
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-desktop-line-height));
3334
+ }
3335
+
3184
3336
  :host([strong]) {
3185
3337
  --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-strong-desktop-font-size));
3186
3338
  --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-strong-desktop-font-weight));
@@ -3193,36 +3345,60 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3193
3345
  --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-tall-desktop-line-height));
3194
3346
  }
3195
3347
 
3348
+ :host([strong][tall]) {
3349
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-strong-tall-desktop-font-size));
3350
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-md-strong-tall-desktop-font-weight));
3351
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-md-strong-tall-desktop-line-height));
3352
+ }
3353
+
3196
3354
  /* Extra small variants */
3197
3355
  :host([size='xs']) {
3198
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xs-desktop-font-size));
3199
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xs-desktop-font-weight));
3200
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xs-desktop-line-height));
3356
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-desktop-font-size));
3357
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-desktop-font-weight));
3358
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-desktop-line-height));
3201
3359
  }
3202
3360
 
3203
3361
  :host([size='xs'][strong]) {
3204
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xs-strong-desktop-font-weight));
3205
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xs-strong-desktop-font-size));
3206
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xs-strong-desktop-line-height));
3362
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-strong-desktop-font-weight));
3363
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-strong-desktop-font-size));
3364
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-strong-desktop-line-height));
3365
+ }
3366
+
3367
+ :host([size='xs'][tall]) {
3368
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-tall-desktop-font-size));
3369
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-tall-desktop-font-weight));
3370
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-tall-desktop-line-height));
3371
+ }
3372
+
3373
+ :host([size='xs'][strong][tall]) {
3374
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-xs-strong-tall-desktop-font-size));
3375
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-xs-strong-tall-desktop-font-weight));
3376
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-xs-strong-tall-desktop-line-height));
3207
3377
  }
3208
3378
 
3209
3379
  /* Small variants */
3210
3380
  :host([size='sm']) {
3211
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-desktop-font-size));
3212
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-desktop-font-weight));
3213
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-desktop-line-height));
3381
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-desktop-font-size));
3382
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-desktop-font-weight));
3383
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-desktop-line-height));
3214
3384
  }
3215
3385
 
3216
3386
  :host([size='sm'][strong]) {
3217
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-strong-desktop-font-size));
3218
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-strong-desktop-font-weight));
3219
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-strong-desktop-line-height));
3387
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-strong-desktop-font-size));
3388
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-strong-desktop-font-weight));
3389
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-strong-desktop-line-height));
3220
3390
  }
3221
3391
 
3222
3392
  :host([size='sm'][tall]) {
3223
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-sm-tall-desktop-font-size));
3224
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-sm-tall-desktop-font-weight));
3225
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-sm-tall-desktop-line-height));
3393
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-tall-desktop-font-size));
3394
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-tall-desktop-font-weight));
3395
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-tall-desktop-line-height));
3396
+ }
3397
+
3398
+ :host([size='sm'][strong][tall]) {
3399
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-detail-sm-strong-tall-desktop-font-size));
3400
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-detail-sm-strong-tall-desktop-font-weight));
3401
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-detail-sm-strong-tall-desktop-line-height));
3226
3402
  }
3227
3403
 
3228
3404
  /* Large variants */
@@ -3252,12 +3428,30 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3252
3428
 
3253
3429
  /* Extra large variant */
3254
3430
  :host([size='xl']) {
3255
- --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-xl-desktop-font-size));
3256
- --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-body-xl-desktop-font-weight));
3257
- --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
3431
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-desktop-font-size));
3432
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-desktop-font-weight));
3433
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-desktop-line-height));
3434
+ }
3435
+
3436
+ :host([size='xl'][strong]) {
3437
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-strong-desktop-font-size));
3438
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-strong-desktop-font-weight));
3439
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-desktop-line-height));
3440
+ }
3441
+
3442
+ :host([size='xl'][tall]) {
3443
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-tall-desktop-font-size));
3444
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-tall-desktop-font-weight));
3445
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-tall-desktop-line-height));
3446
+ }
3447
+
3448
+ :host([size='xl'][strong][tall]) {
3449
+ --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-leadtext-xl-strong-tall-desktop-font-size));
3450
+ --_sds-text-font-weight: var(--sds-text-font-weight, var(--sds-typography-leadtext-xl-strong-tall-desktop-font-weight));
3451
+ --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-tall-desktop-line-height));
3258
3452
  }
3259
3453
  }
3260
- `;var Br=Object.defineProperty,Ir=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Br(e,s,a),a};const Fr=class extends ft{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Q`<p><slot></slot></p>`}};Fr.styles=[Vr];let jr=Fr;Ir([S({type:String,reflect:!0})],jr.prototype,"size"),Ir([S({type:Boolean,reflect:!0})],jr.prototype,"strong"),Ir([S({type:Boolean,reflect:!0})],jr.prototype,"tall");var Hr=Object.getOwnPropertyDescriptor;let Nr=class extends jr{};Nr=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Hr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-text")],Nr);const Ur=d`
3454
+ `;var Jr=Object.defineProperty,ta=(t,e,s,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(e,s,a)||a);return a&&Jr(e,s,a),a};const ea=class extends ft{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Q`<p><slot></slot></p>`}};ea.styles=[Qr];let sa=ea;ta([S({type:String,reflect:!0})],sa.prototype,"size"),ta([S({type:Boolean,reflect:!0})],sa.prototype,"strong"),ta([S({type:Boolean,reflect:!0})],sa.prototype,"tall");var oa=Object.getOwnPropertyDescriptor;let ra=class extends sa{};ra=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?oa(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([P("sds-text")],ra);const aa=d`
3261
3455
  :host {
3262
3456
  --_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
3263
3457
  --_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -3293,6 +3487,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3293
3487
  --_sds-textfield-focus-inner-color: var(--sds-textfield-focus-inner-color, var(--sds-color-states-focus-inner));
3294
3488
  --_sds-textfield-focus-spacing: var(--sds-textfield-focus-spacing, var(--sds-color-states-focus-spacing));
3295
3489
 
3490
+ --_sds-textfield-cursor: var(--sds-textfield-cursor, auto);
3491
+
3296
3492
  --_sds-textfield-icon-right: var(--sds-textfield-icon-right, var(--sds-spacing-xs));
3297
3493
  --_sds-textfield-icon-top: var(--sds-textfield-icon-top, var(--sds-spacing-3xs));
3298
3494
 
@@ -3325,6 +3521,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3325
3521
  border-radius: var(--_sds-textfield-border-radius);
3326
3522
  border: var(--_sds-textfield-border-width) solid var(--_sds-textfield-border-color);
3327
3523
  background: var(--_sds-textfield-background-color);
3524
+ cursor: var(--_sds-textfield-cursor);
3328
3525
  width: 100%;
3329
3526
 
3330
3527
  &:hover {
@@ -3373,9 +3570,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3373
3570
 
3374
3571
  :host([readonly]) {
3375
3572
  --_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
3573
+ --_sds-textfield-cursor: var(--sds-textfield-cursor, default);
3376
3574
  }
3377
3575
 
3378
- :host([disabled]) {
3576
+ :host(:disabled) {
3379
3577
  opacity: var(--_sds-textfield-disabled-opacity);
3380
3578
  pointer-events: none;
3381
3579
  }
@@ -3424,10 +3622,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3424
3622
  --sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
3425
3623
  }
3426
3624
  }
3427
- `;var Wr=Object.defineProperty,Kr=Object.getOwnPropertyDescriptor,Gr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Kr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Wr(e,s,a),a};let Yr=class extends(ee(St(ft))){constructor(){super(),this.type="text",this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this.hasIcon=!1,this._defaultValue=null,this.handleSlotChange=t=>{const e=t.target;this.hasIcon=e.assignedNodes({flatten:!0}).length>0},this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLInputElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{t.stopImmediatePropagation();if(this.dispatchKeyboardEvent("keydown",t)&&"Enter"===t.key){const t=this.internals?.form;t?.requestSubmit?t.requestSubmit():t?.submit()}},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,e,s){this.control&&this.control.setSelectionRange(t,e,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon};return Q`
3625
+ `;var ia=Object.defineProperty,da=Object.getOwnPropertyDescriptor,na=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?da(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ia(e,s,a),a};let la=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this.type="text",this.required=!1,this.size="md",this.hasIcon=!1,this._defaultValue=null,this.handleSlotChange=t=>{const e=t.target;this.hasIcon=e.assignedNodes({flatten:!0}).length>0},this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLInputElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=t=>{t.stopImmediatePropagation();if(this.dispatchKeyboardEvent("keydown",t)&&"Enter"===t.key){const t=this.form;t?.requestSubmit?t.requestSubmit():t?.submit()}}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,e,s){this.control&&this.control.setSelectionRange(t,e,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon},e=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
3428
3626
  <div class="${Zt(t)}">
3429
3627
  ${this.label?Q`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:tt}</sds-icon>${this.label}</label>`:tt}
3430
- ${this.helpText?Q`<p class="sds-textfield__help-text">${this.helpText}</p>`:tt}
3628
+ ${this.helpText?Q`<p id="help-text" class="sds-textfield__help-text">${this.helpText}</p>`:tt}
3431
3629
  <div class="sds-textfield__input-container">
3432
3630
  <input
3433
3631
  part="input"
@@ -3444,6 +3642,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3444
3642
  pattern="${Lt(this.pattern)}"
3445
3643
  minlength="${Lt(this.minlength)}"
3446
3644
  maxlength="${Lt(this.maxlength)}"
3645
+ aria-describedby="${Lt(e)}"
3646
+ aria-invalid="${this.errorMessage?"true":"false"}"
3447
3647
  @input="${this._handleInputChange}"
3448
3648
  @change="${this._handleInputChange}"
3449
3649
  @select="${this._handleSelect}"
@@ -3453,9 +3653,9 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3453
3653
  />
3454
3654
  <slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
3455
3655
  </div>
3456
- ${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:tt}
3656
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:tt}
3457
3657
  </div>
3458
- `}};Yr.styles=[Ur],Yr.formAssociated=!0,Yr.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},Gr([S({type:String,reflect:!0})],Yr.prototype,"type",2),Gr([S({type:String})],Yr.prototype,"value",2),Gr([S({type:String,reflect:!0})],Yr.prototype,"name",2),Gr([S({type:String,reflect:!0})],Yr.prototype,"label",2),Gr([S({type:String,reflect:!0})],Yr.prototype,"placeholder",2),Gr([S({type:String,attribute:"help-text",reflect:!0})],Yr.prototype,"helpText",2),Gr([S({type:String,attribute:"error-message",reflect:!0})],Yr.prototype,"errorMessage",2),Gr([S({type:Boolean,reflect:!0})],Yr.prototype,"disabled",2),Gr([S({type:Boolean,attribute:"readonly",reflect:!0})],Yr.prototype,"readOnly",2),Gr([S({type:String,reflect:!0})],Yr.prototype,"autocomplete",2),Gr([S({type:Boolean,reflect:!0})],Yr.prototype,"required",2),Gr([S({type:String,reflect:!0})],Yr.prototype,"pattern",2),Gr([S({type:Number,reflect:!0})],Yr.prototype,"minlength",2),Gr([S({type:Number,reflect:!0})],Yr.prototype,"maxlength",2),Gr([S({type:String,reflect:!0})],Yr.prototype,"size",2),Gr([C()],Yr.prototype,"hasIcon",2),Gr([A("#sds-textfield")],Yr.prototype,"control",2),Yr=Gr([P("sds-textfield")],Yr);const Xr=d`
3658
+ `}};la.styles=[aa],na([S({type:String,reflect:!0})],la.prototype,"type",2),na([S({type:String})],la.prototype,"value",2),na([S({type:String,reflect:!0})],la.prototype,"label",2),na([S({type:String,reflect:!0})],la.prototype,"placeholder",2),na([S({type:String,attribute:"help-text",reflect:!0})],la.prototype,"helpText",2),na([S({type:String,attribute:"error-message",reflect:!0})],la.prototype,"errorMessage",2),na([S({type:String,reflect:!0})],la.prototype,"autocomplete",2),na([S({type:Boolean,reflect:!0})],la.prototype,"required",2),na([S({type:String,reflect:!0})],la.prototype,"pattern",2),na([S({type:Number,reflect:!0})],la.prototype,"minlength",2),na([S({type:Number,reflect:!0})],la.prototype,"maxlength",2),na([S({type:String,reflect:!0})],la.prototype,"size",2),na([C()],la.prototype,"hasIcon",2),na([A("#sds-textfield")],la.prototype,"control",2),la=na([P("sds-textfield")],la);const ca=d`
3459
3659
  :host {
3460
3660
  --_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
3461
3661
  --_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -3492,6 +3692,9 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3492
3692
  --_sds-textarea-counter-font-weight: var(--sds-textarea-counter-font-weight, var(--sds-typography-font-weight-regular));
3493
3693
  --_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-md));
3494
3694
 
3695
+ --_sds-textarea-resize: var(--sds-textarea-resize, vertical);
3696
+ --_sds-textarea-cursor: var(--sds-textarea-cursor, auto);
3697
+
3495
3698
  --_sds-textarea-focus-color: var(--sds-textarea-focus-color, var(--sds-color-states-focus-outer));
3496
3699
  --_sds-textarea-focus-inner-color: var(--sds-textarea-focus-inner-color, var(--sds-color-states-focus-inner));
3497
3700
  --_sds-textarea-focus-spacing: var(--sds-textarea-focus-spacing, var(--sds-color-states-focus-spacing));
@@ -3524,10 +3727,11 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3524
3727
  border-radius: var(--_sds-textarea-border-radius);
3525
3728
  border: var(--_sds-textarea-border-width) solid var(--_sds-textarea-border-color);
3526
3729
  background: var(--_sds-textarea-background-color);
3730
+ cursor: var(--_sds-textarea-cursor);
3527
3731
  max-width: var(--sds-typography-max-line-width);
3528
3732
  width: 100%;
3529
3733
  min-height: var(--_sds-textarea-min-height);
3530
- resize: vertical;
3734
+ resize: var(--_sds-textarea-resize);
3531
3735
 
3532
3736
  &:hover {
3533
3737
  --_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
@@ -3600,12 +3804,11 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3600
3804
  :host([readonly]) {
3601
3805
  --_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
3602
3806
  --_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
3603
- .sds-textarea__input {
3604
- resize: none;
3605
- }
3807
+ --_sds-textarea-resize: var(--sds-textarea-resize, none);
3808
+ --_sds-textarea-cursor: var(--sds-textarea-cursor, default);
3606
3809
  }
3607
3810
 
3608
- :host([disabled]) {
3811
+ :host(:disabled) {
3609
3812
  opacity: var(--_sds-textarea-disabled-opacity);
3610
3813
  pointer-events: none;
3611
3814
  }
@@ -3639,13 +3842,13 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3639
3842
  --_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
3640
3843
  --_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
3641
3844
  }
3642
- `;var Zr=Object.defineProperty,Qr=Object.getOwnPropertyDescriptor,Jr=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Qr(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&Zr(e,s,a),a};let ta=class extends(ee(St(ft))){constructor(){super(),this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this._defaultValue=null,this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}hasTypedTooManyCharacters(){if(!this.counter)return!1;return(this.value?.length||0)>this.counter}renderCharacterCounter(){if(void 0===this.counter)return tt;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Q`<sds-alert variant="secondary" data-palette="danger"
3845
+ `;var ha=Object.defineProperty,pa=Object.getOwnPropertyDescriptor,ga=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?pa(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(e,s,a):r(a))||a);return o&&a&&ha(e,s,a),a};let va=class extends(Jt(St(se(ft)))){constructor(){super(...arguments),this.required=!1,this.size="md",this._defaultValue=null,this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(t.type))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(t){super.updated(t),t.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}hasTypedTooManyCharacters(){if(!this.counter)return!1;return(this.value?.length||0)>this.counter}renderCharacterCounter(){if(void 0===this.counter)return tt;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Q`<sds-alert variant="secondary" data-palette="danger"
3643
3846
  ><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
3644
- >`:Q`<p class="sds-textarea__character-counter">Du har ${this.counter-t} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,e,s){this.control&&this.control.setSelectionRange(t,e,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textarea":!0,"sds-textarea--error":Boolean(this.errorMessage||this.hasTypedTooManyCharacters())};return Q`
3645
- <div class="${Zt(t)}">
3847
+ >`:Q`<p class="sds-textarea__character-counter">Du har ${this.counter-t} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,e,s){this.control&&this.control.setSelectionRange(t,e,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t=Boolean(this.errorMessage||this.hasTypedTooManyCharacters()),e={"sds-textarea":!0,"sds-textarea--error":t},s=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
3848
+ <div class="${Zt(e)}">
3646
3849
  ${this.label||this.helpText?Q`<div>
3647
3850
  ${this.label?Q`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:tt}
3648
- ${this.helpText?Q`<p class="sds-textarea__help-text">${this.helpText}</p>`:tt}
3851
+ ${this.helpText?Q`<p id="help-text" class="sds-textarea__help-text">${this.helpText}</p>`:tt}
3649
3852
  </div>`:tt}
3650
3853
  <div class="sds-textarea__input-container">
3651
3854
  <textarea
@@ -3663,6 +3866,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3663
3866
  wrap="${Lt(this.wrap)}"
3664
3867
  minlength="${Lt(this.minlength)}"
3665
3868
  maxlength="${Lt(this.maxlength)}"
3869
+ aria-describedby="${Lt(s)}"
3870
+ aria-invalid="${t?"true":"false"}"
3666
3871
  @input="${this._handleInputChange}"
3667
3872
  @change="${this._handleInputChange}"
3668
3873
  @select="${this._handleSelect}"
@@ -3670,6 +3875,6 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3670
3875
  @blur="${this._handleBlur}"
3671
3876
  ></textarea>
3672
3877
  </div>
3673
- ${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:tt} ${this.renderCharacterCounter()}
3878
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:tt} ${this.renderCharacterCounter()}
3674
3879
  </div>
3675
- `}};ta.styles=[Xr],ta.formAssociated=!0,ta.shadowRootOptions={...ft.shadowRootOptions,delegatesFocus:!0},Jr([S({type:String})],ta.prototype,"value",2),Jr([S({type:String,reflect:!0})],ta.prototype,"name",2),Jr([S({type:String,reflect:!0})],ta.prototype,"label",2),Jr([S({type:String,reflect:!0})],ta.prototype,"placeholder",2),Jr([S({type:String,attribute:"help-text",reflect:!0})],ta.prototype,"helpText",2),Jr([S({type:String,attribute:"error-message",reflect:!0})],ta.prototype,"errorMessage",2),Jr([S({type:Boolean,reflect:!0})],ta.prototype,"disabled",2),Jr([S({type:Boolean,attribute:"readonly",reflect:!0})],ta.prototype,"readOnly",2),Jr([S({type:String,reflect:!0})],ta.prototype,"autocomplete",2),Jr([S({type:Boolean,reflect:!0})],ta.prototype,"required",2),Jr([S({type:Number,reflect:!0})],ta.prototype,"rows",2),Jr([S({type:Number,reflect:!0})],ta.prototype,"cols",2),Jr([S({type:String,reflect:!0})],ta.prototype,"wrap",2),Jr([S({type:Number,reflect:!0})],ta.prototype,"minlength",2),Jr([S({type:Number,reflect:!0})],ta.prototype,"maxlength",2),Jr([S({type:Number,reflect:!0})],ta.prototype,"counter",2),Jr([S({type:String,reflect:!0})],ta.prototype,"size",2),Jr([A("#sds-textarea")],ta.prototype,"control",2),ta=Jr([P("sds-textarea")],ta);export{le as SDSAlert,de as SDSButton,ue as SDSCard,xe as SDSCheckbox,Se as SDSCheckboxGroup,Pe as SDSChip,Re as SDSDetails,Fe as SDSDialog,Ge as SDSHeading,Xt as SDSIcon,Je as SDSLoader,is as SDSNotification,er as SDSPopover,hs as SDSProcess,fs as SDSProcessStep,ir as SDSRadio,pr as SDSRadioGroup,br as SDSSelect,Cr as SDSStepper,wr as SDSStepperStep,Lr as SDSSwitch,Mr as SDSTag,Nr as SDSText,ta as SDSTextArea,Yr as SDSTextField};
3880
+ `}};va.styles=[ca],ga([S({type:String})],va.prototype,"value",2),ga([S({type:String,reflect:!0})],va.prototype,"label",2),ga([S({type:String,reflect:!0})],va.prototype,"placeholder",2),ga([S({type:String,attribute:"help-text",reflect:!0})],va.prototype,"helpText",2),ga([S({type:String,attribute:"error-message",reflect:!0})],va.prototype,"errorMessage",2),ga([S({type:String,reflect:!0})],va.prototype,"autocomplete",2),ga([S({type:Boolean,reflect:!0})],va.prototype,"required",2),ga([S({type:Number,reflect:!0})],va.prototype,"rows",2),ga([S({type:Number,reflect:!0})],va.prototype,"cols",2),ga([S({type:String,reflect:!0})],va.prototype,"wrap",2),ga([S({type:Number,reflect:!0})],va.prototype,"minlength",2),ga([S({type:Number,reflect:!0})],va.prototype,"maxlength",2),ga([S({type:Number,reflect:!0})],va.prototype,"counter",2),ga([S({type:String,reflect:!0})],va.prototype,"size",2),ga([A("#sds-textarea")],va.prototype,"control",2),va=ga([P("sds-textarea")],va);export{ve as SDSAlert,pe as SDSButton,xe as SDSCard,$e as SDSCheckbox,Pe as SDSCheckboxGroup,Me as SDSChip,Ie as SDSDetails,We as SDSDetailsGroup,Je as SDSDialog,is as SDSHeading,Xt as SDSIcon,hs as SDSLoader,ms as SDSNotification,gr as SDSPopover,ks as SDSProcess,Es as SDSProcessStep,mr as SDSRadio,zr as SDSRadioGroup,Pr as SDSSelect,Mr as SDSStepper,Ir as SDSStepperStep,Wr as SDSSwitch,Zr as SDSTag,ra as SDSText,va as SDSTextArea,la as SDSTextField};