@politiet/sheriff-web-components 2.13.1 → 2.14.1

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 (159) hide show
  1. package/custom-elements.json +3942 -1450
  2. package/dist/controllers/index.d.ts +3 -0
  3. package/dist/controllers/index.d.ts.map +1 -0
  4. package/dist/controllers/index.js +3 -0
  5. package/dist/controllers/index.js.map +1 -0
  6. package/dist/controllers/sds-drag-drop-controller.d.ts +25 -0
  7. package/dist/controllers/sds-drag-drop-controller.d.ts.map +1 -0
  8. package/dist/controllers/sds-drag-drop-controller.js +52 -0
  9. package/dist/controllers/sds-drag-drop-controller.js.map +1 -0
  10. package/dist/controllers/sds-file-preview-controller.d.ts +38 -0
  11. package/dist/controllers/sds-file-preview-controller.d.ts.map +1 -0
  12. package/dist/controllers/sds-file-preview-controller.js +90 -0
  13. package/dist/controllers/sds-file-preview-controller.js.map +1 -0
  14. package/dist/frameworks/preact.d.ts +15 -1
  15. package/dist/frameworks/preact.d.ts.map +1 -1
  16. package/dist/frameworks/react.d.ts +33 -1
  17. package/dist/frameworks/react.d.ts.map +1 -1
  18. package/dist/frameworks/solidjs.d.ts +4 -0
  19. package/dist/frameworks/solidjs.d.ts.map +1 -1
  20. package/dist/frameworks/svelte.d.ts +4 -0
  21. package/dist/frameworks/svelte.d.ts.map +1 -1
  22. package/dist/frameworks/vue.d.ts +24 -1
  23. package/dist/frameworks/vue.d.ts.map +1 -1
  24. package/dist/index.d.ts +8 -0
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js +4 -0
  27. package/dist/index.js.map +1 -1
  28. package/dist/react-wrappers/SDSDialogWrapper.d.ts +1 -0
  29. package/dist/react-wrappers/SDSDialogWrapper.d.ts.map +1 -1
  30. package/dist/react-wrappers/SDSDialogWrapper.js +1 -0
  31. package/dist/react-wrappers/SDSDialogWrapper.js.map +1 -1
  32. package/dist/react-wrappers/SDSFileUploadFileListWrapper.d.ts +3 -0
  33. package/dist/react-wrappers/SDSFileUploadFileListWrapper.d.ts.map +1 -0
  34. package/dist/react-wrappers/SDSFileUploadFileListWrapper.js +10 -0
  35. package/dist/react-wrappers/SDSFileUploadFileListWrapper.js.map +1 -0
  36. package/dist/react-wrappers/SDSFileUploadItemWrapper.d.ts +6 -0
  37. package/dist/react-wrappers/SDSFileUploadItemWrapper.d.ts.map +1 -0
  38. package/dist/react-wrappers/SDSFileUploadItemWrapper.js +12 -0
  39. package/dist/react-wrappers/SDSFileUploadItemWrapper.js.map +1 -0
  40. package/dist/react-wrappers/SDSFileUploadWrapper.d.ts +12 -0
  41. package/dist/react-wrappers/SDSFileUploadWrapper.d.ts.map +1 -0
  42. package/dist/react-wrappers/SDSFileUploadWrapper.js +18 -0
  43. package/dist/react-wrappers/SDSFileUploadWrapper.js.map +1 -0
  44. package/dist/react-wrappers/SDSSearchWrapper.d.ts +15 -0
  45. package/dist/react-wrappers/SDSSearchWrapper.d.ts.map +1 -0
  46. package/dist/react-wrappers/SDSSearchWrapper.js +19 -0
  47. package/dist/react-wrappers/SDSSearchWrapper.js.map +1 -0
  48. package/dist/react-wrappers/SDSStepperStepWrapper.d.ts +4 -1
  49. package/dist/react-wrappers/SDSStepperStepWrapper.d.ts.map +1 -1
  50. package/dist/react-wrappers/SDSStepperStepWrapper.js +3 -1
  51. package/dist/react-wrappers/SDSStepperStepWrapper.js.map +1 -1
  52. package/dist/react-wrappers/index.d.ts +4 -0
  53. package/dist/react-wrappers/index.d.ts.map +1 -1
  54. package/dist/react-wrappers/index.js +4 -0
  55. package/dist/react-wrappers/index.js.map +1 -1
  56. package/dist/sds-alert/sds-alert.styles.js +1 -1
  57. package/dist/sds-alert/sds-alert.styles.js.map +1 -1
  58. package/dist/sds-button/sds-button.component.d.ts +0 -1
  59. package/dist/sds-button/sds-button.component.d.ts.map +1 -1
  60. package/dist/sds-button/sds-button.component.js +10 -16
  61. package/dist/sds-button/sds-button.component.js.map +1 -1
  62. package/dist/sds-checkbox/sds-checkbox.styles.d.ts.map +1 -1
  63. package/dist/sds-checkbox/sds-checkbox.styles.js +6 -0
  64. package/dist/sds-checkbox/sds-checkbox.styles.js.map +1 -1
  65. package/dist/sds-dialog/sds-dialog.component.d.ts.map +1 -1
  66. package/dist/sds-dialog/sds-dialog.component.js +11 -1
  67. package/dist/sds-dialog/sds-dialog.component.js.map +1 -1
  68. package/dist/sds-file-upload/sds-file-upload.d.ts +102 -0
  69. package/dist/sds-file-upload/sds-file-upload.d.ts.map +1 -0
  70. package/dist/sds-file-upload/sds-file-upload.js +384 -0
  71. package/dist/sds-file-upload/sds-file-upload.js.map +1 -0
  72. package/dist/sds-file-upload/sds-file-upload.styles.d.ts +2 -0
  73. package/dist/sds-file-upload/sds-file-upload.styles.d.ts.map +1 -0
  74. package/dist/sds-file-upload/sds-file-upload.styles.js +234 -0
  75. package/dist/sds-file-upload/sds-file-upload.styles.js.map +1 -0
  76. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.d.ts +14 -0
  77. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.d.ts.map +1 -0
  78. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.js +26 -0
  79. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.js.map +1 -0
  80. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.d.ts +2 -0
  81. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.d.ts.map +1 -0
  82. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.js +19 -0
  83. package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.js.map +1 -0
  84. package/dist/sds-file-upload-item/assets/u-progress.js +2 -0
  85. package/dist/sds-file-upload-item/sds-file-upload-item.d.ts +62 -0
  86. package/dist/sds-file-upload-item/sds-file-upload-item.d.ts.map +1 -0
  87. package/dist/sds-file-upload-item/sds-file-upload-item.js +205 -0
  88. package/dist/sds-file-upload-item/sds-file-upload-item.js.map +1 -0
  89. package/dist/sds-file-upload-item/sds-file-upload-item.styles.d.ts +2 -0
  90. package/dist/sds-file-upload-item/sds-file-upload-item.styles.d.ts.map +1 -0
  91. package/dist/sds-file-upload-item/sds-file-upload-item.styles.js +227 -0
  92. package/dist/sds-file-upload-item/sds-file-upload-item.styles.js.map +1 -0
  93. package/dist/sds-icon/sds-icon.system.js +7 -7
  94. package/dist/sds-icon/sds-icon.system.js.map +1 -1
  95. package/dist/sds-internal-header/sds-internal-header.component.js +1 -1
  96. package/dist/sds-internal-header/sds-internal-header.component.js.map +1 -1
  97. package/dist/sds-internal-header/sds-internal-header.styles.js +1 -1
  98. package/dist/sds-internal-header/sds-internal-header.styles.js.map +1 -1
  99. package/dist/sds-notification/sds-notification.styles.js +1 -1
  100. package/dist/sds-notification/sds-notification.styles.js.map +1 -1
  101. package/dist/sds-popover/assets/popover-styles.d.ts.map +1 -1
  102. package/dist/sds-popover/assets/popover-styles.js +1 -1
  103. package/dist/sds-popover/assets/popover-styles.js.map +1 -1
  104. package/dist/sds-radio/sds-radio.styles.d.ts.map +1 -1
  105. package/dist/sds-radio/sds-radio.styles.js +6 -1
  106. package/dist/sds-radio/sds-radio.styles.js.map +1 -1
  107. package/dist/sds-search/sds-search.component.d.ts +128 -0
  108. package/dist/sds-search/sds-search.component.d.ts.map +1 -0
  109. package/dist/sds-search/sds-search.component.js +345 -0
  110. package/dist/sds-search/sds-search.component.js.map +1 -0
  111. package/dist/sds-search/sds-search.d.ts +13 -0
  112. package/dist/sds-search/sds-search.d.ts.map +1 -0
  113. package/dist/sds-search/sds-search.js +18 -0
  114. package/dist/sds-search/sds-search.js.map +1 -0
  115. package/dist/sds-search/sds-search.styles.d.ts +2 -0
  116. package/dist/sds-search/sds-search.styles.d.ts.map +1 -0
  117. package/dist/sds-search/sds-search.styles.js +74 -0
  118. package/dist/sds-search/sds-search.styles.js.map +1 -0
  119. package/dist/sds-stepper-step/sds-stepper-step.d.ts +3 -0
  120. package/dist/sds-stepper-step/sds-stepper-step.d.ts.map +1 -1
  121. package/dist/sds-stepper-step/sds-stepper-step.js +4 -3
  122. package/dist/sds-stepper-step/sds-stepper-step.js.map +1 -1
  123. package/dist/sds-stepper-step/sds-stepper-step.styles.js +3 -3
  124. package/dist/sds-stepper-step/sds-stepper-step.styles.js.map +1 -1
  125. package/dist/sds-textfield/sds-textfield.component.d.ts +4 -1
  126. package/dist/sds-textfield/sds-textfield.component.d.ts.map +1 -1
  127. package/dist/sds-textfield/sds-textfield.component.js +20 -5
  128. package/dist/sds-textfield/sds-textfield.component.js.map +1 -1
  129. package/dist/sds-textfield/sds-textfield.styles.d.ts.map +1 -1
  130. package/dist/sds-textfield/sds-textfield.styles.js +11 -0
  131. package/dist/sds-textfield/sds-textfield.styles.js.map +1 -1
  132. package/dist/sds-tooltip/assets/tooltip-styles.d.ts.map +1 -1
  133. package/dist/sds-tooltip/assets/tooltip-styles.js +1 -1
  134. package/dist/sds-tooltip/assets/tooltip-styles.js.map +1 -1
  135. package/dist/sds-tooltip/sds-tooltip.d.ts.map +1 -1
  136. package/dist/sds-tooltip/sds-tooltip.js +1 -1
  137. package/dist/sds-tooltip/sds-tooltip.js.map +1 -1
  138. package/dist/shared/assets/positioning.js +1 -1
  139. package/dist/sheriff-web-components.js +1103 -371
  140. package/dist/skill/SKILL.md +61 -50
  141. package/dist/skill/references/components.md +91 -3
  142. package/dist/skill/references/react-wrappers.md +28 -19
  143. package/dist/utils/file-validation.d.ts +31 -0
  144. package/dist/utils/file-validation.d.ts.map +1 -0
  145. package/dist/utils/file-validation.js +57 -0
  146. package/dist/utils/file-validation.js.map +1 -0
  147. package/dist/utils/format-bytes.d.ts +6 -0
  148. package/dist/utils/format-bytes.d.ts.map +1 -0
  149. package/dist/utils/format-bytes.js +13 -0
  150. package/dist/utils/format-bytes.js.map +1 -0
  151. package/dist/utils/video-thumbnail.d.ts +8 -0
  152. package/dist/utils/video-thumbnail.d.ts.map +1 -0
  153. package/dist/utils/video-thumbnail.js +77 -0
  154. package/dist/utils/video-thumbnail.js.map +1 -0
  155. package/dist/version.d.ts +1 -1
  156. package/dist/version.js +1 -1
  157. package/dist/version.js.map +1 -1
  158. package/package.json +27 -7
  159. package/web-types.json +3437 -1120
@@ -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:"",_=u.reactiveElementPolyfillSupport,m=(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(m("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(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("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[m("elementProperties")]=/* @__PURE__ */new Map,k[m("finalized")]=/* @__PURE__ */new Map,_?.({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 L(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 O(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 P=globalThis,D=t=>t,T=P.trustedTypes,q=T?T.createPolicy("lit-html",{createHTML:t=>t}):void 0,M="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+V,R=`<${B}>`,j=document,I=()=>j.createComment(""),N=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,F="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,G=/-->/g,K=/>/g,W=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Z=/'/g,Y=/"/g,Q=/^(?:script|style|textarea|title)$/i,X=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),J=X(1),tt=X(2),et=/* @__PURE__ */Symbol.for("lit-noChange"),st=/* @__PURE__ */Symbol.for("lit-nothing"),ot=/* @__PURE__ */new WeakMap,rt=j.createTreeWalker(j,129);function at(t,e){if(!H(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==q?q.createHTML(e):e}class it{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((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=G:void 0!==n[1]?i=K:void 0!==n[2]?(Q.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=W):void 0!==n[3]&&(i=W):i===W?">"===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]?W:'"'===n[3]?Y:Z):i===Y||i===Z?i=W:i===G||i===K?i=U:(i=W,r=void 0);const h=i===W&&t[d+1].startsWith("/>")?" ":"";a+=i===U?e+R:l>=0?(o.push(s),e.slice(0,l)+M+e.slice(l)+V+h):e+V+(-2===l?d:h)}return[at(t,a+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]})(t,e);if(this.el=it.createElement(n,s),rt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=rt.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(M)){const e=l[a++],s=o.getAttribute(t).split(V),i=/([.?@])?(.*)/.exec(e);d.push({type:1,index:r,name:i[2],strings:s,ctor:"."===i[1]?ht:"?"===i[1]?pt:"@"===i[1]?gt:ct}),o.removeAttribute(t)}else t.startsWith(V)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(Q.test(o.tagName)){const t=o.textContent.split(V),e=t.length-1;if(e>0){o.textContent=T?T.emptyScript:"";for(let s=0;s<e;s++)o.append(t[s],I()),rt.nextNode(),d.push({type:2,index:++r});o.append(t[e],I())}}}else if(8===o.nodeType)if(o.data===B)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(V,t+1));)d.push({type:7,index:r}),t+=V.length-1}r++}}static createElement(t,e){const s=j.createElement("template");return s.innerHTML=t,s}}function dt(t,e,s=t,o){if(e===et)return e;let r=void 0!==o?s._$Co?.[o]:s._$Cl;const a=N(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=dt(t,r._$AS(t,e.values),r,o)),e}class nt{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);rt.currentNode=o;let r=rt.nextNode(),a=0,i=0,d=s[0];for(;void 0!==d;){if(a===d.index){let e;2===d.type?e=new lt(r,r.nextSibling,this,t):1===d.type?e=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(e=new vt(r,this,t)),this._$AV.push(e),d=s[++i]}a!==d?.index&&(r=rt.nextNode(),a++)}return rt.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++}}class lt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=st,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=dt(this,t,e),N(t)?t===st||null==t||""===t?(this._$AH!==st&&this._$AR(),this._$AH=st):t!==this._$AH&&t!==et&&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!==st&&N(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=it.createElement(at(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new nt(o,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=ot.get(t.strings);return void 0===e&&ot.set(t.strings,e=new it(t)),e}k(t){H(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const r of t)o===e.length?e.push(s=new lt(this.O(I()),this.O(I()),this,this.options)):s=e[o],s._$AI(r),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$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))}}class ct{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=st,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=st}_$AI(t,e=this,s,o){const r=this.strings;let a=!1;if(void 0===r)t=dt(this,t,e,0),a=!N(t)||t!==this._$AH&&t!==et,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=dt(this,o[s+i],e,i),d===et&&(d=this._$AH[i]),a||=!N(d)||d!==this._$AH[i],d===st?t=st:t!==st&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===st?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ht extends ct{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===st?void 0:t}}class pt extends ct{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==st)}}class gt extends ct{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=dt(this,t,e,0)??st)===et)return;const s=this._$AH,o=t===st&&s!==st||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==st&&(s===st||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)}}class vt{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){dt(this,t)}}const ut=P.litHtmlPolyfillSupport;ut?.(it,lt),(P.litHtmlVersions??=[]).push("3.3.3");const ft=globalThis;let bt=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 lt(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 et}};bt._$litElement$=!0,bt.finalized=!0,ft.litElementHydrateSupport?.({LitElement:bt});const _t=ft.litElementPolyfillSupport;_t?.({LitElement:bt}),(ft.litElementVersions??=[]).push("4.2.2");class mt extends bt{constructor(){super(...arguments),this.sheriffVersion="2.13.1"}}const xt=/* @__PURE__ */Symbol.for(""),yt=t=>{if(t?.r===xt)return t?._$litStatic$},wt=t=>({_$litStatic$:t,r:xt}),kt=(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:xt}),zt=/* @__PURE__ */new Map,$t=(St=J,(t,...e)=>{const s=e.length;let o,r;const a=[],i=[];let d,n=0,l=!1;for(;n<s;){for(d=t[n];n<s&&void 0!==(r=e[n],o=yt(r));)d+=o+t[++n],l=!0;n!==s&&i.push(r),a.push(d),n++}if(n===s&&a.push(t[s]),l){const s=a.join("$$lit$$");void 0===(t=zt.get(s))&&(a.raw=a,zt.set(s,t=a)),e=i}return St(t,...e)});var St;const Ct=d`
1
+ var e;const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=/* @__PURE__ */Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(s&&void 0===e){const s=void 0!==t&&1===t.length;s&&(e=r.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&r.set(t,e))}return e}toString(){return this.cssText}};const i=e=>new a("string"==typeof e?e:e+"",void 0,o),d=(e,...t)=>{const s=1===e.length?e[0]:t.reduce((t,s,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+e[o+1],e[0]);return new a(s,e,o)},n=s?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return i(t)})(e):e,{is:l,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:g,getPrototypeOf:v}=Object,u=globalThis,f=u.trustedTypes,b=f?f.emptyScript:"",_=u.reactiveElementPolyfillSupport,m=(e,t)=>e,x={toAttribute(e,t){switch(t){case Boolean:e=e?b:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=null!==e;break;case Number:s=null===e?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch(o){s=null}}return s}},y=(e,t)=>!l(e,t),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(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=w){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const s=/* @__PURE__ */Symbol(),o=this.getPropertyDescriptor(e,s,t);void 0!==o&&c(this.prototype,e,o)}}static getPropertyDescriptor(e,t,s){const{get:o,set:r}=h(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:o,set(t){const a=o?.call(this);r?.call(this,t),this.requestUpdate(e,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??w}static _$Ei(){if(this.hasOwnProperty(m("elementProperties")))return;const e=v(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("properties"))){const e=this.properties,t=[...p(e),...g(e)];for(const s of t)this.createProperty(s,e[s])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,s]of t)this.elementProperties.set(e,s)}this._$Eh=/* @__PURE__ */new Map;for(const[t,s]of this.elementProperties){const e=this._$Eu(t,s);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const s=new Set(e.flat(1/0).reverse());for(const e of s)t.unshift(n(e))}else void 0!==e&&t.push(n(e));return t}static _$Eu(e,t){const s=t.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof e?e.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(e=>this.enableUpdating=e),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=/* @__PURE__ */new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=/* @__PURE__ */new Map,t=this.constructor.elementProperties;for(const s of t.keys())this.hasOwnProperty(s)&&(e.set(s,this[s]),delete this[s]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,o)=>{if(s)e.adoptedStyleSheets=o.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const s of o){const o=document.createElement("style"),r=t.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=s.cssText,e.appendChild(o)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,s){this._$AK(e,s)}_$ET(e,t){const s=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,s);if(void 0!==o&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(t,s.type);this._$Em=e,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(e,t){const s=this.constructor,o=s._$Eh.get(e);if(void 0!==o&&this._$Em!==o){const e=s.getPropertyOptions(o),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:x;this._$Em=o;const a=r.fromAttribute(t,e.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(e,t,s,o=!1,r){if(void 0!==e){const a=this.constructor;if(!1===o&&(r=this[e]),s??=a.getPropertyOptions(e),!((s.hasChanged??y)(r,t)||s.useDefault&&s.reflect&&r===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,s))))return;this.C(e,t,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:s,reflect:o,wrapped:r},a){s&&!(this._$Ej??=/* @__PURE__ */new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==r||void 0!==a)||(this._$AL.has(e)||(this.hasUpdated||s||(t=void 0),this._$AL.set(e,t)),!0===o&&this._$Em!==e&&(this._$Eq??=/* @__PURE__ */new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,s]of e){const{wrapped:e}=s,o=this[t];!0!==e||this._$AL.has(t)||void 0===o||this.C(t,void 0,s,o)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[m("elementProperties")]=/* @__PURE__ */new Map,k[m("finalized")]=/* @__PURE__ */new Map,_?.({ReactiveElement:k}),(u.reactiveElementVersions??=[]).push("2.1.2");const z={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},$=(e=z,t,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&&((e=Object.create(e)).wrapped=!0),a.set(s.name,e),"accessor"===o){const{name:o}=s;return{set(s){const r=t.get.call(this);t.set.call(this,s),this.requestUpdate(o,r,e,!0,s)},init(t){return void 0!==t&&this.C(o,void 0,e,t),t}}}if("setter"===o){const{name:o}=s;return function(s){const r=this[o];t.call(this,s),this.requestUpdate(o,r,e,!0,s)}}throw Error("Unsupported decorator location: "+o)};function S(e){return(t,s)=>"object"==typeof s?$(e,t,s):((e,t,s)=>{const o=t.hasOwnProperty(s);return t.constructor.createProperty(s,e),o?Object.getOwnPropertyDescriptor(t,s):void 0})(e,t,s)}function C(e){return S({...e,state:!0,attribute:!1})}const E=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,s),s);function L(e,t){return(t,s,o)=>E(t,s,{get(){return t=this,t.renderRoot?.querySelector(e)??null;var t}})}function O(e){return(t,s)=>{const{slot:o,selector:r}=e??{},a="slot"+(o?`[name=${o}]`:":not([name])");return E(t,s,{get(){const t=this.renderRoot?.querySelector(a),s=t?.assignedElements(e)??[];return void 0===r?s:s.filter(e=>e.matches(r))}})}}function A(e){return t=>{var s;customElements.get(e)||(s=e,(e,t)=>{void 0!==t?t.addInitializer(()=>{customElements.define(s,e)}):customElements.define(s,e)})(t)}}const T=globalThis,D=e=>e,P=T.trustedTypes,q=P?P.createPolicy("lit-html",{createHTML:e=>e}):void 0,M="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+V,I=`<${B}>`,R=document,j=()=>R.createComment(""),F=e=>null===e||"object"!=typeof e&&"function"!=typeof e,N=Array.isArray,U="[ \t\n\f\r]",H=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,K=/-->/g,G=/>/g,W=RegExp(`>|${U}(?:([^\\s"'>=/]+)(${U}*=${U}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Z=/'/g,Y=/"/g,X=/^(?:script|style|textarea|title)$/i,J=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),Q=J(1),ee=J(2),te=/* @__PURE__ */Symbol.for("lit-noChange"),se=/* @__PURE__ */Symbol.for("lit-nothing"),oe=/* @__PURE__ */new WeakMap,re=R.createTreeWalker(R,129);function ae(e,t){if(!N(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==q?q.createHTML(t):t}class ie{constructor({strings:e,_$litType$:t},s){let o;this.parts=[];let r=0,a=0;const i=e.length-1,d=this.parts,[n,l]=((e,t)=>{const s=e.length-1,o=[];let r,a=2===t?"<svg>":3===t?"<math>":"",i=H;for(let d=0;d<s;d++){const t=e[d];let s,n,l=-1,c=0;for(;c<t.length&&(i.lastIndex=c,n=i.exec(t),null!==n);)c=i.lastIndex,i===H?"!--"===n[1]?i=K:void 0!==n[1]?i=G:void 0!==n[2]?(X.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=W):void 0!==n[3]&&(i=W):i===W?">"===n[0]?(i=r??H,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,s=n[1],i=void 0===n[3]?W:'"'===n[3]?Y:Z):i===Y||i===Z?i=W:i===K||i===G?i=H:(i=W,r=void 0);const h=i===W&&e[d+1].startsWith("/>")?" ":"";a+=i===H?t+I:l>=0?(o.push(s),t.slice(0,l)+M+t.slice(l)+V+h):t+V+(-2===l?d:h)}return[ae(e,a+(e[s]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),o]})(e,t);if(this.el=ie.createElement(n,s),re.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=re.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith(M)){const t=l[a++],s=o.getAttribute(e).split(V),i=/([.?@])?(.*)/.exec(t);d.push({type:1,index:r,name:i[2],strings:s,ctor:"."===i[1]?he:"?"===i[1]?pe:"@"===i[1]?ge:ce}),o.removeAttribute(e)}else e.startsWith(V)&&(d.push({type:6,index:r}),o.removeAttribute(e));if(X.test(o.tagName)){const e=o.textContent.split(V),t=e.length-1;if(t>0){o.textContent=P?P.emptyScript:"";for(let s=0;s<t;s++)o.append(e[s],j()),re.nextNode(),d.push({type:2,index:++r});o.append(e[t],j())}}}else if(8===o.nodeType)if(o.data===B)d.push({type:2,index:r});else{let e=-1;for(;-1!==(e=o.data.indexOf(V,e+1));)d.push({type:7,index:r}),e+=V.length-1}r++}}static createElement(e,t){const s=R.createElement("template");return s.innerHTML=e,s}}function de(e,t,s=e,o){if(t===te)return t;let r=void 0!==o?s._$Co?.[o]:s._$Cl;const a=F(t)?void 0:t._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(e),r._$AT(e,s,o)),void 0!==o?(s._$Co??=[])[o]=r:s._$Cl=r),void 0!==r&&(t=de(e,r._$AS(e,t.values),r,o)),t}class ne{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:s}=this._$AD,o=(e?.creationScope??R).importNode(t,!0);re.currentNode=o;let r=re.nextNode(),a=0,i=0,d=s[0];for(;void 0!==d;){if(a===d.index){let t;2===d.type?t=new le(r,r.nextSibling,this,e):1===d.type?t=new d.ctor(r,d.name,d.strings,this,e):6===d.type&&(t=new ve(r,this,e)),this._$AV.push(t),d=s[++i]}a!==d?.index&&(r=re.nextNode(),a++)}return re.currentNode=R,o}p(e){let t=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}}class le{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,s,o){this.type=2,this._$AH=se,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=de(this,e,t),F(e)?e===se||null==e||""===e?(this._$AH!==se&&this._$AR(),this._$AH=se):e!==this._$AH&&e!==te&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>N(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==se&&F(this._$AH)?this._$AA.nextSibling.data=e:this.T(R.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:s}=e,o="number"==typeof s?this._$AC(e):(void 0===s.el&&(s.el=ie.createElement(ae(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(t);else{const e=new ne(o,this),s=e.u(this.options);e.p(t),this.T(s),this._$AH=e}}_$AC(e){let t=oe.get(e.strings);return void 0===t&&oe.set(e.strings,t=new ie(e)),t}k(e){N(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let s,o=0;for(const r of e)o===t.length?t.push(s=new le(this.O(j()),this.O(j()),this,this.options)):s=t[o],s._$AI(r),o++;o<t.length&&(this._$AR(s&&s._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=D(e).nextSibling;D(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ce{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,o,r){this.type=1,this._$AH=se,this._$AN=void 0,this.element=e,this.name=t,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=se}_$AI(e,t=this,s,o){const r=this.strings;let a=!1;if(void 0===r)e=de(this,e,t,0),a=!F(e)||e!==this._$AH&&e!==te,a&&(this._$AH=e);else{const o=e;let i,d;for(e=r[0],i=0;i<r.length-1;i++)d=de(this,o[s+i],t,i),d===te&&(d=this._$AH[i]),a||=!F(d)||d!==this._$AH[i],d===se?e=se:e!==se&&(e+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(e)}j(e){e===se?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class he extends ce{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===se?void 0:e}}class pe extends ce{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==se)}}class ge extends ce{constructor(e,t,s,o,r){super(e,t,s,o,r),this.type=5}_$AI(e,t=this){if((e=de(this,e,t,0)??se)===te)return;const s=this._$AH,o=e===se&&s!==se||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,r=e!==se&&(s===se||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ve{constructor(e,t,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){de(this,e)}}const ue=T.litHtmlPolyfillSupport;ue?.(ie,le),(T.litHtmlVersions??=[]).push("3.3.3");const fe=globalThis;let be=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,s)=>{const o=s?.renderBefore??t;let r=o._$litPart$;if(void 0===r){const e=s?.renderBefore??null;o._$litPart$=r=new le(t.insertBefore(j(),e),e,void 0,s??{})}return r._$AI(e),r})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return te}};be._$litElement$=!0,be.finalized=!0,fe.litElementHydrateSupport?.({LitElement:be});const _e=fe.litElementPolyfillSupport;_e?.({LitElement:be}),(fe.litElementVersions??=[]).push("4.2.2");class me extends be{constructor(){super(...arguments),this.sheriffVersion="2.14.1"}}const xe=/* @__PURE__ */Symbol.for(""),ye=e=>{if(e?.r===xe)return e?._$litStatic$},we=e=>({_$litStatic$:e,r:xe}),ke=(e,...t)=>({_$litStatic$:t.reduce((t,s,o)=>t+(e=>{if(void 0!==e._$litStatic$)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(s)+e[o+1],e[0]),r:xe}),ze=/* @__PURE__ */new Map,$e=(Se=Q,(e,...t)=>{const s=t.length;let o,r;const a=[],i=[];let d,n=0,l=!1;for(;n<s;){for(d=e[n];n<s&&void 0!==(r=t[n],o=ye(r));)d+=o+e[++n],l=!0;n!==s&&i.push(r),a.push(d),n++}if(n===s&&a.push(e[s]),l){const s=a.join("$$lit$$");void 0===(e=ze.get(s))&&(a.raw=a,ze.set(s,e=a)),t=i}return Se(e,...t)});var Se;const Ce=d`
2
2
  :host {
3
3
  --_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
4
4
 
@@ -20,7 +20,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
20
20
  --_sds-alert-title-font-weight: var(--sds-alert-title-font-weight, var(--sds-typography-body-lg-strong-tall-desktop-font-weight));
21
21
  --_sds-alert-title-line-height: var(--sds-alert-title-line-height, var(--sds-components-line-height-tall-title-md));
22
22
 
23
- --_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-info-text-subtle));
23
+ --_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-info-border-strong));
24
24
  --_sds-alert-icon-color-background: var(--sds-alert-icon-color-background, var(--sds-color-action-contrast-default, white));
25
25
  --_sds-alert-max-line-width: var(--sds-alert-max-line-width, var(--sds-typography-max-line-width));
26
26
  --_sds-alert-padding: var(--sds-alert-padding, var(--sds-spacing-sm));
@@ -174,23 +174,23 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
174
174
  margin: 0 !important;
175
175
  max-width: var(--_sds-alert-max-line-width) !important;
176
176
  }
177
- `,Et=/* @__PURE__ */new Set(["focus","blur","focusin","focusout","input","change","play","pause","ended","volumechange","timeupdate","durationchange","loadeddata","loadedmetadata","loadstart","canplay","canplaythrough","playing","seeked","stalled","suspend","waiting","ratechange","close","load","unload","abort","error","resize","scroll","keyup","select"]);function At(t){return class extends t{dispatchSheriffEvent(t,e,s=!Et.has(t)){return this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0,cancelable:s}))}dispatchKeyboardEvent(t,e){return this.dispatchEvent(new KeyboardEvent(t,{key:e.key,code:e.code,bubbles:!0,composed:!0,cancelable:!Et.has(t),ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,repeat:e.repeat,isComposing:e.isComposing,location:e.location}))}}}var Lt=Object.defineProperty,Ot=(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&&Lt(e,s,a),a};const Pt={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},Dt=class extends(At(mt)){constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=kt`sds-icon`,this.buttonTag=kt`sds-button`,this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},this._renderIcon=(t,e)=>$t`<${this.iconTag} name="${t}" size=${e}></${this.iconTag}>`,this._renderRemoveButton=t=>$t`<${this.buttonTag}
177
+ `,Ee=/* @__PURE__ */new Set(["focus","blur","focusin","focusout","input","change","play","pause","ended","volumechange","timeupdate","durationchange","loadeddata","loadedmetadata","loadstart","canplay","canplaythrough","playing","seeked","stalled","suspend","waiting","ratechange","close","load","unload","abort","error","resize","scroll","keyup","select"]);function Le(e){return class extends e{dispatchSheriffEvent(e,t,s=!Ee.has(e)){return this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0,cancelable:s}))}dispatchKeyboardEvent(e,t){return this.dispatchEvent(new KeyboardEvent(e,{key:t.key,code:t.code,bubbles:!0,composed:!0,cancelable:!Ee.has(e),ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,repeat:t.repeat,isComposing:t.isComposing,location:t.location}))}}}var Oe=Object.defineProperty,Ae=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Oe(t,s,a),a};const Te={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},De=class extends(Le(me)){constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=ke`sds-icon`,this.buttonTag=ke`sds-button`,this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},this._renderIcon=(e,t)=>$e`<${this.iconTag} name="${e}" size=${t}></${this.iconTag}>`,this._renderRemoveButton=e=>$e`<${this.buttonTag}
178
178
  class="sds-alert__remove-btn"
179
179
  variant="tertiary"
180
180
  size="sm"
181
181
  ?icon=${!0}
182
- label=${t}
182
+ label=${e}
183
183
  @click=${this._remove}
184
184
  >
185
185
  ${this._renderIcon("close-material-outlined","sm")}
186
- </${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",e=Pt[this.palette]??Pt.info;return J`<div class="sds-alert">
187
- <div class="sds-alert__type">${this._renderIcon(e,t)}</div>
186
+ </${this.buttonTag}>`}render(){const e="primary"===this.variant?"md":this.size??"md",t=Te[this.palette]??Te.info;return Q`<div class="sds-alert">
187
+ <div class="sds-alert__type">${this._renderIcon(t,e)}</div>
188
188
  <div class="sds-alert__content">
189
189
  <slot name="title"></slot>
190
190
  <slot name="message"></slot>
191
191
  </div>
192
- ${this.removableLabel&&"primary"===this.variant?J`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:st}
193
- </div>`}};Dt.styles=[Ct];let Tt=Dt;Ot([S({type:String,reflect:!0})],Tt.prototype,"variant"),Ot([S({type:String,reflect:!0})],Tt.prototype,"size"),Ot([S({type:String,attribute:"removable-label",reflect:!0})],Tt.prototype,"removableLabel"),Ot([S({type:String,attribute:"data-palette",reflect:!0})],Tt.prototype,"palette");const qt=t=>t??st,Mt=1,Vt=2,Bt=t=>(...e)=>({_$litDirective$:t,values:e});class Rt{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)}}let jt=class extends Rt{constructor(t){if(super(t),this.it=st,t.type!==Vt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===st||null==t)return this._t=void 0,this.it=t;if(t===et)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:[]}}};jt.directiveName="unsafeHTML",jt.resultType=1;let It=class extends jt{};It.directiveName="unsafeSVG",It.resultType=2;const Nt=Bt(It),Ht=["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>'},Ut=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t),Gt=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 Kt=d`
192
+ ${this.removableLabel&&"primary"===this.variant?Q`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:se}
193
+ </div>`}};De.styles=[Ce];let Pe=De;Ae([S({type:String,reflect:!0})],Pe.prototype,"variant"),Ae([S({type:String,reflect:!0})],Pe.prototype,"size"),Ae([S({type:String,attribute:"removable-label",reflect:!0})],Pe.prototype,"removableLabel"),Ae([S({type:String,attribute:"data-palette",reflect:!0})],Pe.prototype,"palette");const qe=e=>e??se,Me=1,Ve=2,Be=3,Ie=4,Re=e=>(...t)=>({_$litDirective$:e,values:t});class je{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,s){this._$Ct=e,this._$AM=t,this._$Ci=s}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}let Fe=class extends je{constructor(e){if(super(e),this.it=se,e.type!==Ve)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===se||null==e)return this._t=void 0,this.it=e;if(e===te)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};Fe.directiveName="unsafeHTML",Fe.resultType=1;let Ne=class extends Fe{};Ne.directiveName="unsafeSVG",Ne.resultType=2;const Ue=Re(Ne),He=["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"],Ke={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5T197-197t-85.5-127T80-480t31.5-156T197-763t127-85.5T480-880t156 31.5T763-763t85.5 127T880-480t-31.5 156T763-197t-127 85.5T480-80"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M330-120 120-330v-300l210-210h300l210 210v300L630-120zm36-190 114-114 114 114 56-56-114-114 114-114-56-56-114 114-114-114-56 56 114 114-114 114z"/></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="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920t141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80zm240-200q33 0 56.5-23.5T560-360t-23.5-56.5T480-440t-56.5 23.5T400-360t23.5 56.5T480-280M360-640h240v-80q0-50-35-85t-85-35-85 35-35 85z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580t75.5-184.5T380-840t184.5 75.5T640-580q0 44-14 83t-38 69l252 252zM380-400q75 0 127.5-52.5T560-580t-52.5-127.5T380-760t-127.5 52.5T200-580t52.5 127.5T380-400"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m40-120 440-760 440 760zm440-120q17 0 28.5-11.5T520-280t-11.5-28.5T480-320t-28.5 11.5T440-280t11.5 28.5T480-240m-40-120h80v-200h-80z"/></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>'},Ge=e=>import(`@politiet/sheriff-icons/dist/assets/${e}.js`).then(({default:e})=>e),We=e=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${e}.svg`).then(t=>{if(!t.ok)throw new TypeError(`Sheriff: unknown icon: '${e}'`);return t.text()});const Ze=d`
194
194
  :host {
195
195
  --_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
196
196
  --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
@@ -223,11 +223,11 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
223
223
  height: 100%;
224
224
  overflow: hidden;
225
225
  }
226
- `;var Wt=Object.defineProperty,Zt=(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&&Wt(e,s,a),a};const Yt=((t=class extends mt{constructor(){super(...arguments),this.name="",this.color="",this.label="",this.svg=""}static setLoadLocal(t){this.iconLoader.loadLocal=t}static registerResolver(t){this.iconLoader.resolver=t}render(){return J`
227
- <div class="sds-icon" role="${qt(this.label?"img":void 0)}" style="${qt(this.color?`color:${this.color}`:void 0)}" aria-label="${qt(this.label)}">
228
- ${this.name?J`<slot aria-hidden="true">${Nt(this.svg)}</slot>`:J`<slot aria-hidden="true"></slot>`}
226
+ `;var Ye=Object.defineProperty,Xe=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Ye(t,s,a),a};const Je=((e=class extends me{constructor(){super(...arguments),this.name="",this.color="",this.label="",this.svg=""}static setLoadLocal(e){this.iconLoader.loadLocal=e}static registerResolver(e){this.iconLoader.resolver=e}render(){return Q`
227
+ <div class="sds-icon" role="${qe(this.label?"img":void 0)}" style="${qe(this.color?`color:${this.color}`:void 0)}" aria-label="${qe(this.label)}">
228
+ ${this.name?Q`<slot aria-hidden="true">${Ue(this.svg)}</slot>`:Q`<slot aria-hidden="true"></slot>`}
229
229
  </div>
230
- `}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=[Kt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this.pending=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Ut:Gt}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?Ut:Gt}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,e){if(!this._disableSystemIcons&&(t=>Ht.includes(t))(t))return void e(Ft[t]);const s=this.cache.get(t);if("string"==typeof s)e(s);else{const s=this.pending.get(t);if(s)return void s.then(e);const o=this.resolver(t).then(e=>(this.cache.set(t,e),e)).catch(()=>"").finally(()=>{this.pending.delete(t)});this.pending.set(t,o),o.then(e)}}clear(){this.cache.clear(),this.pending.clear()}get currentLoader(){return this.resolver}},t);Zt([S({type:String,reflect:!0})],Yt.prototype,"name"),Zt([S({type:String,reflect:!0})],Yt.prototype,"size"),Zt([S({type:String,reflect:!0})],Yt.prototype,"color"),Zt([S({type:String,reflect:!0})],Yt.prototype,"label"),Zt([C()],Yt.prototype,"svg");let Qt=Yt;var Xt=Object.getOwnPropertyDescriptor;let Jt=class extends Qt{};Jt=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Xt(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-icon")],Jt);const te=Bt(class extends Rt{constructor(t){if(super(t),t.type!==Mt||"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 et}}),ee=d`
230
+ `}async fetchIcon(){if(!this.name)return void(this.svg="");const t=await new Promise(t=>{e.iconLoader.resolve(this.name,t)});this.svg=t}updated(e){super.updated(e),e.has("name")&&this.name&&this.fetchIcon()}}).styles=[Ze],e.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this.pending=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Ge:We}get loadLocal(){return this._loadLocal}set loadLocal(e){this._loadLocal=e,this.resolver=e?Ge:We}set disableSystemIcons(e){this._disableSystemIcons=e}resolve(e,t){if(!this._disableSystemIcons&&(e=>He.includes(e))(e))return void t(Ke[e]);const s=this.cache.get(e);if("string"==typeof s)t(s);else{const s=this.pending.get(e);if(s)return void s.then(t);const o=this.resolver(e).then(t=>(this.cache.set(e,t),t)).catch(()=>"").finally(()=>{this.pending.delete(e)});this.pending.set(e,o),o.then(t)}}clear(){this.cache.clear(),this.pending.clear()}get currentLoader(){return this.resolver}},e);Xe([S({type:String,reflect:!0})],Je.prototype,"name"),Xe([S({type:String,reflect:!0})],Je.prototype,"size"),Xe([S({type:String,reflect:!0})],Je.prototype,"color"),Xe([S({type:String,reflect:!0})],Je.prototype,"label"),Xe([C()],Je.prototype,"svg");let Qe=Je;var et=Object.getOwnPropertyDescriptor;let tt=class extends Qe{};tt=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?et(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-icon")],tt);const st=Re(class extends je{constructor(e){if(super(e),e.type!==Me||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const s=e.element.classList;for(const o of this.st)o in t||(s.remove(o),this.st.delete(o));for(const o in t){const e=!!t[o];e===this.st.has(o)||this.nt?.has(o)||(e?(s.add(o),this.st.add(o)):(s.remove(o),this.st.delete(o)))}return te}}),ot=d`
231
231
  :host {
232
232
  --_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
233
233
  --_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
@@ -484,27 +484,28 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
484
484
  --_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-contrast-default, var(--sds-color-neutral-action-contrast-default)));
485
485
  }
486
486
  }
487
- `;function se(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 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};function ae(t){const e=class extends t{constructor(...t){super(...t),this.disabled=!1,this.readOnly=!1,this.internals=this.attachInternals()}get readonly(){return this.readOnly}set readonly(t){this.readOnly=t??!1}get form(){return this.internals.form}formDisabledCallback(t){this.disabled=t}firstUpdated(t){super.firstUpdated(t),this.updateValidity()}updateValidity(){}};e.formAssociated=!0,e.shadowRootOptions={...bt.shadowRootOptions,delegatesFocus:!0};let s=e;return re([S({type:String,reflect:!0})],s.prototype,"name"),re([S({type:Boolean,reflect:!0})],s.prototype,"disabled"),re([S({type:Boolean,attribute:"readonly",reflect:!0})],s.prototype,"readOnly"),s}var ie=Object.defineProperty,de=(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&&ie(e,s,a),a};var ne=Object.defineProperty,le=(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&&ne(e,s,a),a};var ce=Object.defineProperty,he=(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&&ce(e,s,a),a};const pe=class extends(function(t){class e extends t{get effectiveCommand(){return this.command??this.dataCommand}get effectiveCommandFor(){return this.commandFor??this.dataCommandFor}updated(t){super.updated(t),(t.has("command")||t.has("commandFor")||t.has("dataCommand")||t.has("dataCommandFor"))&&this._updateCommandTarget()}connectedCallback(){super.connectedCallback(),this.hasUpdated&&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._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;const e=this.effectiveCommand,s=this.effectiveCommandFor;if(!s||!e)return void this._clearAriaFields(t);const o=this.getRootNode(),r=o.getElementById?.(s)??document.getElementById(s);var a;null!=(a=r)&&"showModal"in a&&"requestClose"in a&&"close"in a&&"open"in a?(this._dialogElement=r,"show-modal"===e?(t.setAttribute("aria-haspopup","dialog"),t.setAttribute("aria-expanded",String(r.open)),t.setAttribute("aria-controls",s),this._observeDialog(t,r)):this._clearAriaFields(t)):this._clearAriaFields(t)}runDialogCommand(){if(this._dialogElement?.isConnected||this._updateCommandTarget(),this._dialogElement)switch(this.effectiveCommand){case"show-modal":this._dialogElement.showModal();break;case"close":this._dialogElement.close();break;case"request-close":this._dialogElement.requestClose()}}}return de([S({type:String,attribute:"command",reflect:!0})],e.prototype,"command"),de([S({type:String,attribute:"commandfor",reflect:!0})],e.prototype,"commandFor"),de([S({type:String,attribute:"data-command"})],e.prototype,"dataCommand"),de([S({type:String,attribute:"data-commandfor"})],e.prototype,"dataCommandFor"),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 le([S({type:String,attribute:"popovertarget"})],e.prototype,"popoverTarget"),le([S({type:String,attribute:"popovertargetaction"})],e.prototype,"popoverTargetAction"),e}(se(At(mt))))){constructor(){super(),this.disabled=!1,this.icon=!1,this.inverted=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this.label=void 0,this._handleClick=t=>{this.popoverTarget?this._handlePopoverClick(t):(t.preventDefault(),t.stopImmediatePropagation(),this.disabled||(this.effectiveCommandFor&&this.effectiveCommand?this._handleDialogCommandClick():"submit"===this.type?this._handleSubmitClick():"reset"===this.type?this._handleResetClick():this.dispatchSheriffEvent("click")))},this.internals=this.attachInternals()}updated(t){super.updated(t),t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}_resolveForm(){if(this.form){return this.getRootNode().querySelector(`form#${this.form}`)}return this.internals.form}_handlePopoverClick(t){t.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("click")}_handleDialogCommandClick(){this.runDialogCommand(),this.dispatchSheriffEvent("click")}_handleSubmitClick(){this.dispatchSheriffEvent("submit")&&this._resolveForm()?.requestSubmit()}_handleResetClick(){this.dispatchSheriffEvent("reset")&&this._resolveForm()?.reset()}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?J` <a id="link" class="${te(t)}" href="${this.href}" target="${qt(this.target)}">
487
+ `;function rt(e){return class extends e{focus(){this.disabled||this.control?.focus()}blur(){this.disabled||this.control?.blur()}click(){this.disabled||this.readOnly||this.control?.click()}}}var at=Object.defineProperty,it=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&at(t,s,a),a};function dt(e){const t=class extends e{constructor(...e){super(...e),this.disabled=!1,this.readOnly=!1,this.internals=this.attachInternals()}get readonly(){return this.readOnly}set readonly(e){this.readOnly=e??!1}get form(){return this.internals.form}formDisabledCallback(e){this.disabled=e}firstUpdated(e){super.firstUpdated(e),this.updateValidity()}updateValidity(){}};t.formAssociated=!0,t.shadowRootOptions={...be.shadowRootOptions,delegatesFocus:!0};let s=t;return it([S({type:String,reflect:!0})],s.prototype,"name"),it([S({type:Boolean,reflect:!0})],s.prototype,"disabled"),it([S({type:Boolean,attribute:"readonly",reflect:!0})],s.prototype,"readOnly"),s}var nt=Object.defineProperty,lt=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&nt(t,s,a),a};var ct=Object.defineProperty,ht=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&ct(t,s,a),a};var pt=Object.defineProperty,gt=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&pt(t,s,a),a};const vt=class extends(function(e){class t extends e{get effectiveCommand(){return this.command??this.dataCommand}get effectiveCommandFor(){return this.commandFor??this.dataCommandFor}updated(e){super.updated(e),(e.has("command")||e.has("commandFor")||e.has("dataCommand")||e.has("dataCommandFor"))&&this._updateCommandTarget()}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this._updateCommandTarget()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDialogObserver()}_cleanupDialogObserver(){this._dialogOpenObserver&&(this._dialogOpenObserver.disconnect(),this._dialogOpenObserver=void 0),this._dialogElement=void 0}_observeDialog(e,t){this._dialogOpenObserver=new MutationObserver(s=>{for(const o of s)if("open"===o.attributeName){const s=t.hasAttribute("open");e.setAttribute("aria-expanded",String(s))}}),this._dialogOpenObserver.observe(t,{attributes:!0,attributeFilter:["open"]})}_clearAriaFields(e){e.removeAttribute("aria-haspopup"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls")}_updateCommandTarget(){this._cleanupDialogObserver();const e=this.shadowRoot?.querySelector("#control");if(!e)return;const t=this.effectiveCommand,s=this.effectiveCommandFor;if(!s||!t)return void this._clearAriaFields(e);const o=this.getRootNode(),r=o.getElementById?.(s)??document.getElementById(s);var a;null!=(a=r)&&"showModal"in a&&"requestClose"in a&&"close"in a&&"open"in a?(this._dialogElement=r,"show-modal"===t?(e.setAttribute("aria-haspopup","dialog"),e.setAttribute("aria-expanded",String(r.open)),e.setAttribute("aria-controls",s),this._observeDialog(e,r)):this._clearAriaFields(e)):this._clearAriaFields(e)}runDialogCommand(){if(this._dialogElement?.isConnected||this._updateCommandTarget(),this._dialogElement)switch(this.effectiveCommand){case"show-modal":this._dialogElement.showModal();break;case"close":this._dialogElement.close();break;case"request-close":this._dialogElement.requestClose()}}}return lt([S({type:String,attribute:"command",reflect:!0})],t.prototype,"command"),lt([S({type:String,attribute:"commandfor",reflect:!0})],t.prototype,"commandFor"),lt([S({type:String,attribute:"data-command"})],t.prototype,"dataCommand"),lt([S({type:String,attribute:"data-commandfor"})],t.prototype,"dataCommandFor"),t}(function(e){class t extends e{updated(e){super.updated(e),(e.has("popoverTarget")||e.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 e=this.shadowRoot?.querySelector("#control");if(e)if(this._cleanupPopoverListener(),this.popoverTarget){const t=this.getRootNode(),s=t.getElementById?.(this.popoverTarget)??document.getElementById(this.popoverTarget);if(s){e.popoverTargetElement=s,this._popoverElement=s;const t=s.getAttribute("role");"tooltip"===t?e.setAttribute("aria-describedby",this.popoverTarget):(this._popoverToggleHandler=t=>{const s="open"===t.newState;e.setAttribute("aria-expanded",String(s))},s.addEventListener("toggle",this._popoverToggleHandler),e.setAttribute("aria-haspopup",t||"dialog"),e.setAttribute("aria-expanded","false"),e.setAttribute("aria-controls",this.popoverTarget))}this.popoverTargetAction&&(e.popoverTargetAction=this.popoverTargetAction)}else e.popoverTargetElement=null,e.popoverTargetAction="",e.removeAttribute("aria-haspopup"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-describedby")}}return ht([S({type:String,attribute:"popovertarget"})],t.prototype,"popoverTarget"),ht([S({type:String,attribute:"popovertargetaction"})],t.prototype,"popoverTargetAction"),t}(rt(Le(me))))){constructor(){super(),this.disabled=!1,this.icon=!1,this.inverted=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this.label=void 0,this._handleClick=e=>{if(this.popoverTarget)return void this._handlePopoverClick(e);if(e.preventDefault(),e.stopImmediatePropagation(),this.disabled)return;const t=this.internals.form;t&&"submit"===this.type?this._handleSubmitClick():t&&"reset"===this.type?this._handleResetClick():this.effectiveCommandFor&&this.effectiveCommand?this._handleDialogCommandClick():this.dispatchSheriffEvent("click")},this.internals=this.attachInternals()}updated(e){super.updated(e),e.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}_handlePopoverClick(e){e.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("click")}_handleDialogCommandClick(){this.runDialogCommand(),this.dispatchSheriffEvent("click")}_handleSubmitClick(){this.dispatchSheriffEvent("submit")&&this.internals.form?.requestSubmit()}_handleResetClick(){this.dispatchSheriffEvent("reset")&&this.internals.form?.reset()}render(){const e={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?Q` <a id="link" class="${st(e)}" href="${this.href}" target="${qe(this.target)}">
488
488
  <slot name="before"></slot>
489
489
  <slot></slot>
490
490
  <slot name="after"></slot>
491
- </a>`:J`
491
+ </a>`:Q`
492
492
  <button
493
493
  id="control"
494
- form="${qt(this.form)}"
495
- class="${te(t)}"
494
+ form="${qe(this.form)}"
495
+ class="${st(e)}"
496
496
  type="${this.type}"
497
- name="${qt(this.name)}"
498
- value="${qt(this.value)}"
497
+ name="${qe(this.name)}"
498
+ value="${qe(this.value)}"
499
499
  ?disabled="${this.disabled}"
500
500
  @click="${this._handleClick}"
501
- aria-label="${qt(this.label)}"
501
+ aria-label="${qe(this.label)}"
502
502
  >
503
- ${this.loading?J`<sds-loader slot="before" ?contrast="${this.inverted||"primary"!==this.variant}"></sds-loader>`:st} ${this.loading?st:J`<slot name="before"></slot>`}
503
+ ${this.loading?Q`<sds-loader slot="before" ?contrast="${this.inverted||"primary"!==this.variant}"></sds-loader>`:se}
504
+ ${this.loading?se:Q`<slot name="before"></slot>`}
504
505
  <slot></slot>
505
- ${this.loading?st:J`<slot name="after"></slot>`}
506
+ ${this.loading?se:Q`<slot name="after"></slot>`}
506
507
  </button>
507
- `}};pe.styles=[ee],pe.formAssociated=!0,pe.shadowRootOptions={...mt.shadowRootOptions,delegatesFocus:!0};let ge=pe;he([S({type:Boolean,reflect:!0})],ge.prototype,"disabled"),he([S({type:Boolean,reflect:!0})],ge.prototype,"icon"),he([S({type:Boolean,reflect:!0})],ge.prototype,"inverted"),he([S({type:Boolean,reflect:!0})],ge.prototype,"loading"),he([S({type:String,reflect:!0})],ge.prototype,"form"),he([S({type:String,reflect:!0})],ge.prototype,"href"),he([S({type:String,reflect:!0})],ge.prototype,"name"),he([S({type:String,reflect:!0})],ge.prototype,"size"),he([S({type:String,reflect:!0})],ge.prototype,"target"),he([S({type:String,reflect:!0})],ge.prototype,"type"),he([S({type:String,reflect:!0})],ge.prototype,"value"),he([S({type:String,reflect:!0})],ge.prototype,"variant"),he([S({type:String,reflect:!0})],ge.prototype,"label"),he([A("#control")],ge.prototype,"control");var ve=Object.getOwnPropertyDescriptor;let ue=class extends ge{};ue=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?ve(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-button")],ue);var fe=Object.getOwnPropertyDescriptor;let be=class extends Tt{};function _e(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)}be=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?fe(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-alert")],be);const me=d`
508
+ `}};vt.styles=[ot],vt.formAssociated=!0,vt.shadowRootOptions={...me.shadowRootOptions,delegatesFocus:!0};let ut=vt;gt([S({type:Boolean,reflect:!0})],ut.prototype,"disabled"),gt([S({type:Boolean,reflect:!0})],ut.prototype,"icon"),gt([S({type:Boolean,reflect:!0})],ut.prototype,"inverted"),gt([S({type:Boolean,reflect:!0})],ut.prototype,"loading"),gt([S({type:String,reflect:!0})],ut.prototype,"form"),gt([S({type:String,reflect:!0})],ut.prototype,"href"),gt([S({type:String,reflect:!0})],ut.prototype,"name"),gt([S({type:String,reflect:!0})],ut.prototype,"size"),gt([S({type:String,reflect:!0})],ut.prototype,"target"),gt([S({type:String,reflect:!0})],ut.prototype,"type"),gt([S({type:String,reflect:!0})],ut.prototype,"value"),gt([S({type:String,reflect:!0})],ut.prototype,"variant"),gt([S({type:String,reflect:!0})],ut.prototype,"label"),gt([L("#control")],ut.prototype,"control");var ft=Object.getOwnPropertyDescriptor;let bt=class extends ut{};bt=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?ft(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-button")],bt);var _t=Object.getOwnPropertyDescriptor;let mt=class extends Pe{};function xt(e,t,s,o){const r=e?.assignedNodes({flatten:!0}).filter(e=>{if(e.nodeType===Node.TEXT_NODE){return(e.textContent?.trim()??"").length>0}if(e.nodeType===Node.ELEMENT_NODE){const s=e,o=s.tagName.toUpperCase();if(!t.includes(o))return!0;return Array.from(s.childNodes).some(e=>e.nodeType===Node.ELEMENT_NODE)}return!1});r?.length>0&&console.warn(o,...r)}mt=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?_t(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-alert")],mt);const yt=d`
508
509
  :host {
509
510
  --_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
510
511
  --_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
@@ -639,11 +640,11 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
639
640
  --_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
640
641
  }
641
642
  }
642
- `;var xe=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,we=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ye(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 ke=class extends mt{constructor(){super(...arguments),this._textSlotEmpty=!1,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&&_e(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{_e(this.textSlot,["P"],0,this._contentWarning),this._textSlotEmpty=0===this.textSlot.assignedElements({flatten:!0}).length}}firstUpdated(){_e(this.textSlot,["P"],0,this._contentWarning),this._textSlotEmpty=0===this.textSlot.assignedElements({flatten:!0}).length;this.headingSlot.assignedNodes({flatten:!0}).length>0&&_e(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=J`
643
+ `;var wt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,zt=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?kt(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&wt(t,s,a),a};let $t=class extends me{constructor(){super(...arguments),this._textSlotEmpty=!1,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&&xt(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{xt(this.textSlot,["P"],0,this._contentWarning),this._textSlotEmpty=0===this.textSlot.assignedElements({flatten:!0}).length}}firstUpdated(){xt(this.textSlot,["P"],0,this._contentWarning),this._textSlotEmpty=0===this.textSlot.assignedElements({flatten:!0}).length;this.headingSlot.assignedNodes({flatten:!0}).length>0&&xt(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const e=Q`
643
644
  <slot name="heading" id="heading" @slotchange=${this._handleHeadingSlotChange}></slot>
644
645
  <slot name="text" id="content" @slotchange=${this._handleTextSlotChange}></slot>
645
646
  <sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon" role="presentation"></sds-icon>
646
- `,e={"sds-card__content":!0,"sds-card__content--no-text":this._textSlotEmpty};return J`<article class="sds-card">${this.link?J`<a href="${this.link}" class=${te(e)}>${t}</a>`:J`<div class=${te(e)}>${t}</div>`}</article>`}};ke.styles=[me],we([S({type:String,reflect:!0})],ke.prototype,"link",2),we([A("slot#heading")],ke.prototype,"headingSlot",2),we([A("slot#content")],ke.prototype,"textSlot",2),we([C()],ke.prototype,"_textSlotEmpty",2),ke=we([O("sds-card")],ke);const ze=d`
647
+ `,t={"sds-card__content":!0,"sds-card__content--no-text":this._textSlotEmpty};return Q`<article class="sds-card">${this.link?Q`<a href="${this.link}" class=${st(t)}>${e}</a>`:Q`<div class=${st(t)}>${e}</div>`}</article>`}};$t.styles=[yt],zt([S({type:String,reflect:!0})],$t.prototype,"link",2),zt([L("slot#heading")],$t.prototype,"headingSlot",2),zt([L("slot#content")],$t.prototype,"textSlot",2),zt([C()],$t.prototype,"_textSlotEmpty",2),$t=zt([A("sds-card")],$t);const St=d`
647
648
  :host {
648
649
  --_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
649
650
  --_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
@@ -663,6 +664,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
663
664
  --_sds-checkbox-input-aspect-ratio: var(--sds-checkbox-input-aspect-ratio, 1);
664
665
  --_sds-checkbox-input-icon-color: var(--sds-checkbox-input-text-color, var(--sds-color-main-action-contrast-default));
665
666
 
667
+ --_sds-checkbox-max-line-width: var(--sds-checkbox-max-line-width, var(--sds-typography-max-line-width));
668
+
666
669
  --_sds-checkbox-help-text-color: var(--sds-checkbox-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
667
670
  --_sds-checkbox-help-text-font-size: var(--sds-checkbox-help-text-font-size, var(--sds-components-font-size-content-md));
668
671
  --_sds-checkbox-help-text-font-weight: var(--sds-checkbox-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
@@ -840,6 +843,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
840
843
  :host([size='sm']) {
841
844
  --_sds-checkbox-label-font-size: var(--sds-checkbox-label-font-size, var(--sds-components-font-size-content-sm));
842
845
  --_sds-checkbox-label-line-height: var(--sds-checkbox-label-line-height, var(--sds-components-line-height-tall-content-sm));
846
+ --_sds-checkbox-help-text-font-size: var(--sds-checkbox-help-text-font-size, var(--sds-components-font-size-content-sm));
847
+ --_sds-checkbox-help-text-line-height: var(--sds-checkbox-help-text-line-height, var(--sds-components-line-height-squeezed-sm));
843
848
  --_sds-checkbox-input-size: var(--sds-checkbox-input-size, var(--sds-components-icon-sm));
844
849
 
845
850
  .sds-checkbox__input:checked::after {
@@ -856,6 +861,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
856
861
  :host([size='lg']) {
857
862
  --_sds-checkbox-label-font-size: var(--sds-checkbox-label-font-size, var(--sds-components-font-size-content-lg));
858
863
  --_sds-checkbox-label-line-height: var(--sds-checkbox-label-line-height, var(--sds-components-line-height-tall-content-lg));
864
+ --_sds-checkbox-help-text-font-size: var(--sds-checkbox-help-text-font-size, var(--sds-components-font-size-content-lg));
865
+ --_sds-checkbox-help-text-line-height: var(--sds-checkbox-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
859
866
  --_sds-checkbox-input-size: var(--sds-checkbox-input-size, var(--sds-components-icon-lg));
860
867
 
861
868
  .sds-checkbox__input:checked::after {
@@ -868,31 +875,31 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
868
875
  margin-block-start: -1px;
869
876
  }
870
877
  }
871
- `;var $e=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Ce=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Se(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&&$e(e,s,a),a};let Ee=class extends(se(At(ae(mt)))){constructor(){super(...arguments),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this._hasSlottedLabel=!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._handleLabelSlotChange=t=>{this._hasSlottedLabel=t.target.assignedNodes().length>0}}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=this._hasSlottedLabel||Boolean(this.label),s={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)},o=this.helpText?"help-text":void 0;return J`
872
- <div class="${te(t)}">
878
+ `;var Ct=Object.defineProperty,Et=Object.getOwnPropertyDescriptor,Lt=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?Et(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&Ct(t,s,a),a};let Ot=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this._hasSlottedLabel=!1,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=e=>{if(e.stopImmediatePropagation(),this.disabled||this.readOnly)return e.target.checked=this.checked,void e.preventDefault();const t=e.target;this.checked=t.checked,this.internals.setFormValue(t.checked?t.value:null),this._validate(),this.dispatchSheriffEvent("change")},this._handleFocus=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")},this._handleLabelSlotChange=e=>{this._hasSlottedLabel=e.target.assignedNodes().length>0}}get disabled(){return this._disabled}set disabled(e){const t=e??!1,s=this._disabled;s!==t&&(this._disabled=t,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=t))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(e){const t=e??!1,s=this._parentRequestDisabled;s!==t&&(this._parentRequestDisabled=t,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="none",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(e){super.firstUpdated(e),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const e=this.checked?this.value??"on":null;this.internals.setFormValue(e),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}updated(e){super.updated(e),e.has("required")&&this.control&&(this.control.required=this.required),e.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 e={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},t=this._hasSlottedLabel||Boolean(this.label),s={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)},o=this.helpText?"help-text":void 0;return Q`
879
+ <div class="${st(e)}">
873
880
  <input
874
881
  id="control"
875
882
  type="checkbox"
876
- name="${qt(this.name)}"
877
- value="${qt(this.value)}"
883
+ name="${qe(this.name)}"
884
+ value="${qe(this.value)}"
878
885
  .checked="${this.checked}"
879
886
  ?checked="${this.checked}"
880
887
  ?disabled="${this.disabled}"
881
888
  ?required="${this.required}"
882
889
  ?readonly="${this.readOnly}"
883
- aria-describedby="${qt(o)}"
890
+ aria-describedby="${qe(o)}"
884
891
  aria-invalid="${this.error?"true":"false"}"
885
892
  @change="${this._handleChange}"
886
893
  @focus="${this._handleFocus}"
887
894
  @blur="${this._handleBlur}"
888
- class="${te(s)}"
895
+ class="${st(s)}"
889
896
  />
890
- <label for="control" class="sds-checkbox__label" ?hidden="${!e}">
897
+ <label for="control" class="sds-checkbox__label" ?hidden="${!t}">
891
898
  <slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
892
899
  </label>
893
- ${this.helpText?J`<span id="help-text" class="sds-checkbox__help-text">${this.helpText}</span>`:st}
900
+ ${this.helpText?Q`<span id="help-text" class="sds-checkbox__help-text">${this.helpText}</span>`:se}
894
901
  </div>
895
- `}};Ee.styles=[ze],Ce([S({type:String,reflect:!0})],Ee.prototype,"label",2),Ce([S({type:String})],Ee.prototype,"value",2),Ce([S({type:Boolean,reflect:!0})],Ee.prototype,"checked",2),Ce([S({type:Boolean,reflect:!0})],Ee.prototype,"error",2),Ce([S({type:Boolean,reflect:!0})],Ee.prototype,"required",2),Ce([S({type:String,reflect:!0})],Ee.prototype,"size",2),Ce([S({type:String,attribute:"help-text"})],Ee.prototype,"helpText",2),Ce([S({type:Boolean,reflect:!0})],Ee.prototype,"disabled",1),Ce([S({type:Boolean,attribute:!1})],Ee.prototype,"parentRequestDisabled",1),Ce([A("#control")],Ee.prototype,"control",2),Ce([C()],Ee.prototype,"_hasSlottedLabel",2),Ee=Ce([O("sds-checkbox")],Ee);const Ae=d`
902
+ `}};Ot.styles=[St],Lt([S({type:String,reflect:!0})],Ot.prototype,"label",2),Lt([S({type:String})],Ot.prototype,"value",2),Lt([S({type:Boolean,reflect:!0})],Ot.prototype,"checked",2),Lt([S({type:Boolean,reflect:!0})],Ot.prototype,"error",2),Lt([S({type:Boolean,reflect:!0})],Ot.prototype,"required",2),Lt([S({type:String,reflect:!0})],Ot.prototype,"size",2),Lt([S({type:String,attribute:"help-text"})],Ot.prototype,"helpText",2),Lt([S({type:Boolean,reflect:!0})],Ot.prototype,"disabled",1),Lt([S({type:Boolean,attribute:!1})],Ot.prototype,"parentRequestDisabled",1),Lt([L("#control")],Ot.prototype,"control",2),Lt([C()],Ot.prototype,"_hasSlottedLabel",2),Ot=Lt([A("sds-checkbox")],Ot);const At=d`
896
903
  :host {
897
904
  --_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
898
905
  --_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
@@ -984,16 +991,16 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
984
991
  --_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
985
992
  --_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
986
993
  }
987
- `;var Le=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Pe=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Oe(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&&Le(e,s,a),a};const De=["disabled","errorMessage","readOnly","size"];let Te=class extends(At(mt)){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([...De])}}_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;De.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 J`
988
- <fieldset class="${te(t)}" aria-describedby="${qt(e)}" aria-invalid="${this.errorMessage?"true":"false"}">
989
- ${this.legend?J`<legend class="sds-checkbox-group__legend">${this.readOnly?J`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:st}</sds-icon>${this.legend}</legend>`:st}
990
- ${this.helpText?J`<p id="help-text" class="sds-checkbox-group__help-text">${this.helpText}</p>`:st}
994
+ `;var Tt=Object.defineProperty,Dt=Object.getOwnPropertyDescriptor,Pt=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?Dt(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&Tt(t,s,a),a};const qt=["disabled","errorMessage","readOnly","size"];let Mt=class extends(Le(me)){constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=e=>{const t=e.target,s=t.value,o=t.checked;this._selectedValues=o?[...this._selectedValues,s]:this._selectedValues.filter(e=>e!==s),this.dispatchSheriffEvent("sds-update")},this._handleSlotChange=()=>{this._updateChildProps([...qt])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter(e=>"SDS-CHECKBOX"===e.tagName)??[]}_updateChildProps(e){const t=this._getChildCheckboxes();for(const s of t)for(const t of e)switch(t){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(e){super.updated(e);const t=Array.from(e.keys());(t.includes("errorMessage")||t.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(e,t,s){if(super.attributeChangedCallback(e,t,s),"readonly"===e)return void this._updateChildProps(["readOnly"]);const o=e;qt.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const e={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)},t=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
995
+ <fieldset class="${st(e)}" aria-describedby="${qe(t)}" aria-invalid="${this.errorMessage?"true":"false"}">
996
+ ${this.legend?Q`<legend class="sds-checkbox-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:se}</sds-icon>${this.legend}</legend>`:se}
997
+ ${this.helpText?Q`<p id="help-text" class="sds-checkbox-group__help-text">${this.helpText}</p>`:se}
991
998
  <div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
992
999
  <slot @slotchange=${this._handleSlotChange}></slot>
993
1000
  </div>
994
- ${this.errorMessage?J`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:st}
1001
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:se}
995
1002
  </fieldset>
996
- `}};Te.styles=[Ae],Pe([S({type:String,reflect:!0})],Te.prototype,"legend",2),Pe([S({type:String,attribute:"help-text",reflect:!0})],Te.prototype,"helpText",2),Pe([S({type:String,attribute:"error-message",reflect:!0})],Te.prototype,"errorMessage",2),Pe([S({type:Boolean,attribute:"readonly",reflect:!0})],Te.prototype,"readOnly",2),Pe([S({type:Boolean,reflect:!0})],Te.prototype,"disabled",2),Pe([S({type:String,reflect:!0})],Te.prototype,"size",2),Pe([C()],Te.prototype,"_selectedValues",2),Pe([A("slot")],Te.prototype,"_slotElement",2),Te=Pe([O("sds-checkbox-group")],Te);const qe=d`
1003
+ `}};Mt.styles=[At],Pt([S({type:String,reflect:!0})],Mt.prototype,"legend",2),Pt([S({type:String,attribute:"help-text",reflect:!0})],Mt.prototype,"helpText",2),Pt([S({type:String,attribute:"error-message",reflect:!0})],Mt.prototype,"errorMessage",2),Pt([S({type:Boolean,attribute:"readonly",reflect:!0})],Mt.prototype,"readOnly",2),Pt([S({type:Boolean,reflect:!0})],Mt.prototype,"disabled",2),Pt([S({type:String,reflect:!0})],Mt.prototype,"size",2),Pt([C()],Mt.prototype,"_selectedValues",2),Pt([L("slot")],Mt.prototype,"_slotElement",2),Mt=Pt([A("sds-checkbox-group")],Mt);const Vt=d`
997
1004
  :host {
998
1005
  --_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
999
1006
  --_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
@@ -1138,16 +1145,16 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1138
1145
  white-space: nowrap;
1139
1146
  }
1140
1147
  }
1141
- `;var Me=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Be=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ve(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&&Me(e,s,a),a};let Re=class extends(se(At(ae(mt)))){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)}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)}get type(){return"checkbox"}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?J`<button class="${te(e)}" @click=${this._remove} @keyup="${this._keypress}">
1148
+ `;var Bt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,Rt=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?It(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&Bt(t,s,a),a};let jt=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this._initialChecked=!1,this._readOnly=!1,this._slotLabel="",this.variant="selectable",this.size="md",this.checked=!1,this._handleSlotChange=e=>{const t=e.target;this._slotLabel=t.assignedNodes().map(e=>e.textContent).join("").trim()},this._handleChange=e=>{if(e.stopImmediatePropagation(),!(e.target instanceof HTMLInputElement))return;if(this.disabled||this.readOnly)return void(e.target.checked=this.checked??!1);const t=e.target;this.checked=t.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=e=>{" "!==e.key&&"Enter"!==e.key||this._remove()}}get readOnly(){return this._readOnly}set readOnly(e){const t=this._readOnly;this._readOnly=e??!1,this.requestUpdate("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)}get type(){return"checkbox"}render(){const e="removable"===this.variant&&!this.readOnly&&!this.disabled,t={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":e};return e?Q`<button class="${st(t)}" @click=${this._remove} @keyup="${this._keypress}">
1142
1149
  <slot></slot>
1143
1150
  <sds-icon name="close-material-outlined" size="s"></sds-icon>
1144
- </button>`:J`<label class="${te(e)}">
1151
+ </button>`:Q`<label class="${st(t)}">
1145
1152
  <input
1146
1153
  id="control"
1147
1154
  type="checkbox"
1148
1155
  aria-label="${this._slotLabel}"
1149
- name="${qt(this.name)}"
1150
- value="${qt(this.value)}"
1156
+ name="${qe(this.name)}"
1157
+ value="${qe(this.value)}"
1151
1158
  .checked="${this.checked??!1}"
1152
1159
  ?checked="${this.checked}"
1153
1160
  ?disabled="${this.disabled}"
@@ -1155,7 +1162,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1155
1162
  @change="${this._handleChange}"
1156
1163
  />
1157
1164
  <span aria-hidden="true"><slot @slotchange="${this._handleSlotChange}"></slot></span>
1158
- </label>`}};Re.styles=[qe],Be([A("#control")],Re.prototype,"control",2),Be([C()],Re.prototype,"_slotLabel",2),Be([S({type:String,reflect:!0})],Re.prototype,"variant",2),Be([S({type:String,reflect:!0})],Re.prototype,"size",2),Be([S({type:Boolean,reflect:!0})],Re.prototype,"checked",2),Be([S({type:String})],Re.prototype,"value",2),Be([S({type:Boolean,attribute:"readonly",reflect:!0})],Re.prototype,"readOnly",1),Re=Be([O("sds-chip")],Re);const je=d`
1165
+ </label>`}};jt.styles=[Vt],Rt([L("#control")],jt.prototype,"control",2),Rt([C()],jt.prototype,"_slotLabel",2),Rt([S({type:String,reflect:!0})],jt.prototype,"variant",2),Rt([S({type:String,reflect:!0})],jt.prototype,"size",2),Rt([S({type:Boolean,reflect:!0})],jt.prototype,"checked",2),Rt([S({type:String})],jt.prototype,"value",2),Rt([S({type:Boolean,attribute:"readonly",reflect:!0})],jt.prototype,"readOnly",1),jt=Rt([A("sds-chip")],jt);const Ft=d`
1159
1166
  :host {
1160
1167
  --_sds-env-banner-background-color: var(--sds-env-banner-background-color, var(--sds-color-alert-info-surface-active));
1161
1168
  --_sds-env-banner-text-color: var(--sds-env-banner-text-color, var(--sds-color-alert-info-text-default));
@@ -1250,12 +1257,605 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1250
1257
  --_sds-env-banner-build-grid-column: var(--sds-env-banner-build-grid-column, 3 / 4);
1251
1258
  }
1252
1259
  }
1253
- `;var Ie=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&&Ie(e,s,a),a};const He={opplaering:"Opplæring",local:"Local",dev:"Dev",test:"Test",stage:"Stage",prod:"Prod"},Fe=class extends bt{render(){const t=this.env?He[this.env]:st;return J`
1260
+ `;var Nt=Object.defineProperty,Ut=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Nt(t,s,a),a};const Ht={opplaering:"Opplæring",local:"Local",dev:"Dev",test:"Test",stage:"Stage",prod:"Prod"},Kt=class extends be{render(){const e=this.env?Ht[this.env]:se;return Q`
1254
1261
  <div class="sds-env-banner">
1255
- ${t?J`<span class="sds-env-banner__env">${t}</span>`:st}
1256
- ${this.build?J`<span class="sds-env-banner__build">${this.build}</span>`:st}
1262
+ ${e?Q`<span class="sds-env-banner__env">${e}</span>`:se}
1263
+ ${this.build?Q`<span class="sds-env-banner__build">${this.build}</span>`:se}
1264
+ </div>
1265
+ `}};Kt.styles=[Ft];let Gt=Kt;Ut([S({type:String,reflect:!0})],Gt.prototype,"env"),Ut([S({type:String,reflect:!0})],Gt.prototype,"build");var Wt=Object.getOwnPropertyDescriptor;let Zt=class extends Gt{};function Yt(e){if(0===e)return"0 B";const t=["B","kB","MB","GB"],s=Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1);return`${(e/1024**s).toFixed(0===s?0:1).replace(".",",")} ${t[s]}`}function Xt(e,t){if(!t)return!0;const s=t.split(",").map(e=>e.trim().toLowerCase()).filter(Boolean);if(0===s.length)return!0;const o=e.name.toLowerCase(),r=e.type.toLowerCase();return s.some(e=>e.startsWith(".")?o.endsWith(e):e.endsWith("/*")?r.startsWith(e.slice(0,-1)):r===e)}function Jt(e,t){return e===t||e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified}Zt=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?Wt(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-environment-banner")],Zt);class Qt{constructor(e,t,s=()=>!1){this.host=e,this.onFiles=t,this.isDisabled=s,this._dragging=!1,this.handleDragOver=e=>{this.isDisabled()||(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"),this._setDragging(!0))},this.handleDragLeave=()=>{this._setDragging(!1)},this.handleDrop=e=>{if(this._setDragging(!1),this.isDisabled())return;e.preventDefault();const t=Array.from(e.dataTransfer?.files??[]);t.length&&this.onFiles(t)},e.addController(this)}get dragging(){return this._dragging}hostDisconnected(){this._dragging=!1}_setDragging(e){this._dragging!==e&&(this._dragging=e,this.host.requestUpdate())}}let es;function ts(e){return new Promise((t,s)=>{const o=URL.createObjectURL(e),r=document.createElement("video");let a=!1;const i=()=>{clearTimeout(n),r.removeAttribute("src"),r.load(),URL.revokeObjectURL(o)},d=e=>{a||(a=!0,i(),s(e instanceof Error?e:new Error(String(e))))},n=setTimeout(()=>d(new Error("Video thumbnail generation timed out")),5e3);r.muted=!0,r.playsInline=!0,r.preload="auto",r.addEventListener("error",()=>d(new Error("Video could not be decoded"))),r.addEventListener("loadeddata",()=>{r.currentTime=Math.min(.1,(r.duration||0)/2)},{once:!0}),r.addEventListener("seeked",()=>{try{const e=r.videoWidth,s=r.videoHeight;if(!e||!s)throw new Error("Video has no dimensions");const o=document.createElement("canvas");o.width=e,o.height=s;const n=o.getContext("2d");if(!n)throw new Error("Canvas 2D context unavailable");n.drawImage(r,0,0,e,s);const l=function(){if(void 0===es){const e=document.createElement("canvas");e.width=e.height=1,es=e.toDataURL("image/webp").startsWith("data:image/webp")}return es}()?"image/webp":"image/jpeg";o.toBlob(e=>{return e?(s=URL.createObjectURL(e),void(a?URL.revokeObjectURL(s):(a=!0,i(),t(s)))):d(new Error("Canvas toBlob returned null"));var s},l,.75)}catch(e){d(e)}},{once:!0}),r.src=o})}class ss{constructor(e,t){this.host=e,this.onReady=t,this._urls=/* @__PURE__ */new Map,this._pending=/* @__PURE__ */new Set,this._files=[],e.addController(this)}hostConnected(){this.sync(this._files)}hostDisconnected(){for(const e of this._urls.values())URL.revokeObjectURL(e);this._urls.clear(),this._pending.clear()}sync(e){this._files=e;for(const[t,s]of this._urls)e.includes(t)||(URL.revokeObjectURL(s),this._urls.delete(t));for(const t of e)if(!this._urls.has(t))if(t.type.startsWith("image/")){const e=URL.createObjectURL(t);this._urls.set(t,e),queueMicrotask(()=>{this.host.isConnected&&this._urls.get(t)===e&&this.onReady(t,e)})}else t.type.startsWith("video/")&&!this._pending.has(t)&&this._generateVideoPreview(t)}get(e){const t=this._urls.get(e);if(t)return t;const s=this._files.find(t=>Jt(t,e));return s?this._urls.get(s):void 0}_generateVideoPreview(e){this._pending.add(e),ts(e).then(t=>{this.host.isConnected&&this._files.includes(e)?(this._urls.set(e,t),this.host.requestUpdate(),this.onReady(e,t)):URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>this._pending.delete(e))}}const os=d`
1266
+ :host {
1267
+ --_sds-file-upload-gap: var(--sds-file-upload-gap, var(--sds-spacing-4xs));
1268
+ --_sds-file-upload-font-family: var(--sds-file-upload-font-family, var(--sds-typography-font-family));
1269
+ --_sds-file-upload-margin-block-end: var(--sds-file-upload-margin-block-end, var(--sds-spacing-3xs));
1270
+
1271
+ --_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-md));
1272
+ --_sds-file-upload-label-font-weight: var(--sds-file-upload-label-font-weight, var(--sds-typography-font-weight-medium));
1273
+ --_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-md));
1274
+ --_sds-file-upload-label-text-color: var(--sds-file-upload-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
1275
+
1276
+ --_sds-file-upload-helptext-text-color: var(--sds-file-upload-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
1277
+ --_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-md));
1278
+ --_sds-file-upload-helptext-font-weight: var(--sds-file-upload-helptext-font-weight, var(--sds-typography-font-weight-regular));
1279
+ --_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-md));
1280
+
1281
+ --_sds-file-upload-file-limitation-text-font-size: var(--sds-file-upload-file-limitation-text-font-size, var(--sds-typography-detail-xs-desktop-font-size));
1282
+ --_sds-file-upload-file-limitation-text-font-weight: var(--sds-file-upload-file-limitation-text-font-weight, var(--sds-typography-detail-xs-desktop-font-weight));
1283
+ --_sds-file-upload-file-limitation-text-line-height: var(--sds-file-upload-file-limitation-text-line-height, var(--sds-typography-detail-xs-desktop-line-height));
1284
+ --_sds-file-upload-file-limitation-text-color: var(--sds-file-upload-file-limitation-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
1285
+
1286
+ --_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
1287
+ --_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
1288
+ --_sds-file-upload-dropzone-border-width: var(--sds-file-upload-dropzone-border-width, var(--sds-border-sm));
1289
+ --_sds-file-upload-dropzone-border-radius: var(--sds-file-upload-dropzone-border-radius, var(--sds-radius-md));
1290
+ --_sds-file-upload-dropzone-padding: var(--sds-file-upload-dropzone-padding, var(--sds-spacing-sm));
1291
+ --_sds-file-upload-dropzone-margin-block-start: var(--sds-file-upload-dropzone-margin-block-start, var(--sds-spacing-3xs));
1292
+ --_sds-file-upload-dropzone-gap: var(--sds-file-upload-dropzone-gap, var(--sds-spacing-xs));
1293
+ --_sds-file-upload-dropzone-dragging-filter: var(--sds-file-upload-dropzone-dragging-filter, blur(8px));
1294
+ --_sds-file-upload-dropzone-drop-hint-display: var(--sds-file-upload-dropzone-drop-hint-display, none);
1295
+
1296
+ --_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-md));
1297
+ --_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-md));
1298
+ --_sds-file-upload-drop-text-font-weight: var(--sds-file-upload-drop-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
1299
+ --_sds-file-upload-drop-text-color: var(--sds-file-upload-drop-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
1300
+
1301
+ --_sds-file-upload-error-border-color: var(--sds-file-upload-error-border-color, var(--sds-color-alert-danger-border-default));
1302
+
1303
+ --_sds-file-upload-focus-color-outer: var(--sds-file-upload-focus-color-outer, var(--sds-color-states-focus-outer));
1304
+ --_sds-file-upload-focus-color-inner: var(--sds-file-upload-focus-color-inner, var(--sds-color-states-focus-inner));
1305
+ --_sds-file-upload-focus-spacing: var(--sds-file-upload-focus-spacing, var(--sds-color-states-focus-spacing));
1306
+ --_sds-file-upload-focus-outline-size: var(--sds-file-upload-focus-outline-size, var(--sds-color-states-focus-outline-size));
1307
+
1308
+ --_sds-file-upload-disabled-opacity: var(--sds-file-upload-disabled-opacity, var(--sds-color-states-disabled-opacity));
1309
+
1310
+ --sds-icon-color: var(--sds-file-upload-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
1311
+
1312
+ all: unset;
1313
+ display: block;
1314
+ }
1315
+
1316
+ :host([size='sm']) {
1317
+ --_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-sm));
1318
+ --_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-sm));
1319
+ --_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-sm));
1320
+ --_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-sm));
1321
+ --_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-sm));
1322
+ --_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-sm));
1323
+ }
1324
+
1325
+ :host([size='lg']) {
1326
+ --_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-lg));
1327
+ --_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-lg));
1328
+ --_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-lg));
1329
+ --_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
1330
+ --_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-lg));
1331
+ --_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-lg));
1332
+ }
1333
+
1334
+ :host([hidden]) {
1335
+ display: none;
1336
+ }
1337
+
1338
+ :host([disabled]) {
1339
+ opacity: var(--_sds-file-upload-disabled-opacity);
1340
+ pointer-events: none;
1341
+ }
1342
+
1343
+ .sds-file-upload {
1344
+ display: flex;
1345
+ flex-direction: column;
1346
+ gap: var(--_sds-file-upload-gap);
1347
+ font-family: var(--_sds-file-upload-font-family);
1348
+ margin-block-end: var(--_sds-file-upload-margin-block-end);
1349
+ }
1350
+
1351
+ .sds-file-upload__label {
1352
+ font-size: var(--_sds-file-upload-label-font-size);
1353
+ font-weight: var(--_sds-file-upload-label-font-weight);
1354
+ line-height: var(--_sds-file-upload-label-line-height);
1355
+ color: var(--_sds-file-upload-label-text-color);
1356
+
1357
+ &[hidden] {
1358
+ display: none;
1359
+ }
1360
+ }
1361
+
1362
+ .sds-file-upload__help-text {
1363
+ display: block;
1364
+ color: var(--_sds-file-upload-helptext-text-color);
1365
+ font-size: var(--_sds-file-upload-helptext-font-size);
1366
+ font-weight: var(--_sds-file-upload-helptext-font-weight);
1367
+ line-height: var(--_sds-file-upload-helptext-line-height);
1368
+ margin: 0;
1369
+ }
1370
+
1371
+ .sds-file-upload__file-limitation-text {
1372
+ margin: 0;
1373
+ font-size: var(--_sds-file-upload-file-limitation-text-font-size);
1374
+ font-weight: var(--_sds-file-upload-file-limitation-text-font-weight);
1375
+ line-height: var(--_sds-file-upload-file-limitation-text-line-height);
1376
+ color: var(--_sds-file-upload-file-limitation-text-color);
1377
+ }
1378
+
1379
+ .sds-file-upload__input {
1380
+ position: absolute;
1381
+ inset: 0;
1382
+ width: 100%;
1383
+ height: 100%;
1384
+ margin: 0;
1385
+ opacity: 0;
1386
+ cursor: pointer;
1387
+ }
1388
+
1389
+ .sds-file-upload__dropzone:has(.sds-file-upload__input:focus-visible) {
1390
+ box-shadow: 0 0 0 var(--_sds-file-upload-focus-spacing) var(--_sds-file-upload-focus-color-inner);
1391
+ outline: var(--_sds-file-upload-focus-outline-size) solid var(--_sds-file-upload-focus-color-outer);
1392
+ outline-offset: var(--_sds-file-upload-focus-spacing);
1393
+ }
1394
+
1395
+ .sds-file-upload__dropzone {
1396
+ display: flex;
1397
+ flex-direction: column;
1398
+ align-items: center;
1399
+ justify-content: center;
1400
+ gap: var(--_sds-file-upload-dropzone-gap);
1401
+ padding: var(--_sds-file-upload-dropzone-padding);
1402
+ margin-block-start: var(--_sds-file-upload-dropzone-margin-block-start);
1403
+ text-align: center;
1404
+ cursor: pointer;
1405
+ background: var(--_sds-file-upload-dropzone-background);
1406
+ border: var(--_sds-file-upload-dropzone-border-width) dashed var(--_sds-file-upload-dropzone-border-color);
1407
+ border-radius: var(--_sds-file-upload-dropzone-border-radius);
1408
+ box-sizing: border-box;
1409
+ position: relative;
1410
+ transition:
1411
+ background-color 0.1s ease-in-out,
1412
+ border-color 0.1s ease-in-out;
1413
+
1414
+ &:hover {
1415
+ --_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
1416
+ --_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-strong, var(--sds-color-main-border-strong)));
1417
+ }
1418
+
1419
+ &:hover .sds-file-upload__trigger {
1420
+ --sds-button-background-color: transparent;
1421
+ --sds-button-border-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
1422
+ --sds-button-text-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
1423
+ }
1424
+
1425
+ &:active .sds-file-upload__trigger {
1426
+ --sds-button-background-color: var(--sds-color-surface-active, var(--sds-color-main-surface-active));
1427
+ --sds-button-border-color: var(--sds-color-action-active, var(--sds-color-main-action-active));
1428
+ }
1429
+
1430
+ .sds-file-upload__drop-hint {
1431
+ backdrop-filter: var(--_sds-file-upload-dropzone-dragging-filter);
1432
+ display: var(--_sds-file-upload-dropzone-drop-hint-display);
1433
+ flex-direction: column;
1434
+ align-items: center;
1435
+ justify-content: center;
1436
+ gap: var(--_sds-file-upload-dropzone-gap);
1437
+ position: absolute;
1438
+ inset: var(--_sds-file-upload-dropzone-border-width);
1439
+ border-radius: var(--_sds-file-upload-dropzone-border-radius);
1440
+ pointer-events: none;
1441
+
1442
+ .sds-file-upload__drop-hint-text {
1443
+ font-size: var(--_sds-file-upload-drop-text-font-size);
1444
+ font-weight: var(--_sds-file-upload-drop-text-font-weight);
1445
+ line-height: var(--_sds-file-upload-drop-text-line-height);
1446
+ }
1447
+ }
1448
+ }
1449
+
1450
+ .sds-file-upload__dropzone--dragging {
1451
+ --_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
1452
+ --_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-strong, var(--sds-color-main-border-strong)));
1453
+
1454
+ .sds-file-upload__trigger {
1455
+ --sds-button-background-color: transparent;
1456
+ --sds-button-border-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
1457
+ --sds-button-text-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
1458
+ }
1459
+
1460
+ .sds-file-upload__drop-hint {
1461
+ --_sds-file-upload-dropzone-drop-hint-display: var(--sds-file-upload-dropzone-drop-hint-display, flex);
1462
+ }
1463
+ }
1464
+
1465
+ .sds-file-upload__dropzone--error {
1466
+ border-color: var(--_sds-file-upload-error-border-color);
1467
+ }
1468
+
1469
+ :host([variant='compact']) .sds-file-upload__dropzone {
1470
+ --_sds-file-upload-dropzone-gap: var(--sds-file-upload-dropzone-gap, var(--sds-spacing-3xs));
1471
+ flex-direction: row;
1472
+ flex-wrap: wrap;
1473
+
1474
+ .sds-file-upload__drop-hint {
1475
+ flex-direction: row;
1476
+ }
1477
+ }
1478
+
1479
+ .sds-file-upload__trigger {
1480
+ --sds-button-background-color: transparent;
1481
+ --sds-button-border-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));
1482
+ --sds-button-text-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));
1483
+ }
1484
+
1485
+ .sds-file-upload__drop-text {
1486
+ margin: 0;
1487
+ font-size: var(--_sds-file-upload-drop-text-font-size);
1488
+ font-weight: var(--_sds-file-upload-drop-text-font-weight);
1489
+ line-height: var(--_sds-file-upload-drop-text-line-height);
1490
+ color: var(--_sds-file-upload-drop-text-color);
1491
+ }
1492
+
1493
+ .sds-file-upload__error-message {
1494
+ margin-block-end: var(--_sds-file-upload-margin-block-end);
1495
+ }
1496
+ `,rs=d`
1497
+ :host {
1498
+ --_sds-file-upload-item-background: var(--sds-file-upload-item-background, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
1499
+ --_sds-file-upload-item-border-color: var(--sds-file-upload-item-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
1500
+ --_sds-file-upload-item-border-width: var(--sds-file-upload-item-border-width, var(--sds-border-sm));
1501
+ --_sds-file-upload-item-border-radius: var(--sds-file-upload-item-border-radius, var(--sds-radius-md));
1502
+ --_sds-file-upload-item-padding: var(--sds-file-upload-item-padding, var(--sds-spacing-3xs) var(--sds-spacing-xs));
1503
+ --_sds-file-upload-item-gap: var(--sds-file-upload-item-gap, var(--sds-spacing-2xs));
1504
+ --_sds-file-upload-item-actions-gap: var(--sds-file-upload-item-actions-gap, var(--sds-spacing-5xs));
1505
+
1506
+ --_sds-file-upload-item-content-gap: var(--sds-file-upload-item-content-gap, var(--sds-spacing-3xs));
1507
+ --_sds-file-upload-item-content-data-gap: var(--sds-file-upload-item-content-data-gap, var(--sds-spacing-5xs));
1508
+ --_sds-file-upload-item-content-icon-color: var(--sds-file-upload-item-content-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
1509
+ --_sds-file-upload-item-content-preview-size: var(--sds-file-upload-item-content-preview-size, var(--sds-spacing-lg));
1510
+ --_sds-file-upload-item-content-preview-radius: var(--sds-file-upload-item-content-preview-radius, var(--sds-radius-xs));
1511
+ --_sds-file-upload-item-content-preview-background: var(--sds-file-upload-item-content-preview-background, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
1512
+ --_sds-file-upload-item-content-preview-highlight: var(--sds-file-upload-item-content-preview-highlight, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
1513
+ --_sds-file-upload-item-content-preview-loading-duration: var(--sds-file-upload-item-content-preview-loading-duration, 5500ms);
1514
+ --_sds-file-upload-item-content-file-name-font-size: var(--sds-file-upload-item-content-file-name-font-size, var(--sds-typography-body-md-desktop-font-size));
1515
+ --_sds-file-upload-item-content-file-name-font-weight: var(--sds-file-upload-item-content-file-name-font-weight, var(--sds-typography-body-md-desktop-font-weight));
1516
+ --_sds-file-upload-item-content-file-name-line-height: var(--sds-file-upload-item-content-file-name-line-height, var(--sds-typography-body-md-desktop-line-height));
1517
+ --_sds-file-upload-item-content-file-name-text-color: var(--sds-file-upload-item-content-file-name-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
1518
+ --_sds-file-upload-item-content-file-detail-font-size: var(--sds-file-upload-item-content-file-detail-font-size, var(--sds-typography-detail-xs-desktop-font-size));
1519
+ --_sds-file-upload-item-content-file-detail-font-weight: var(--sds-file-upload-item-content-file-detail-font-weight, var(--sds-typography-detail-xs-desktop-font-weight));
1520
+ --_sds-file-upload-item-content-file-detail-line-height: var(--sds-file-upload-item-content-file-detail-line-height, var(--sds-typography-detail-xs-desktop-line-height));
1521
+ --_sds-file-upload-item-content-file-detail-color: var(--sds-file-upload-item-content-file-detail-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
1522
+
1523
+ --_sds-file-upload-item-progress-track-color: var(--sds-file-upload-item-progress-track-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
1524
+ --_sds-file-upload-item-progress-value-color: var(--sds-file-upload-item-progress-value-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
1525
+ --_sds-file-upload-item-progress-height: var(--sds-file-upload-item-progress-height, 0.375rem);
1526
+ --_sds-file-upload-item-progress-radius: var(--sds-file-upload-item-progress-radius, var(--sds-radius-full));
1527
+ --_sds-file-upload-item-progress-gap: var(--sds-file-upload-item-progress-gap, var(--sds-spacing-4xs));
1528
+ --_sds-file-upload-item-progress-spacing: var(--sds-file-upload-item-progress-spacing, var(--sds-spacing-2xs));
1529
+
1530
+ --_sds-file-upload-item-error-alert-spacing: var(--sds-file-upload-item-error-alert-spacing, var(--sds-spacing-3xs));
1531
+
1532
+ --_sds-file-upload-item-disabled-opacity: var(--sds-file-upload-item-disabled-opacity, var(--sds-color-states-disabled-opacity));
1533
+
1534
+ display: block;
1535
+ }
1536
+
1537
+ :host([hidden]) {
1538
+ display: none;
1539
+ }
1540
+
1541
+ :host([disabled]) {
1542
+ opacity: var(--_sds-file-upload-item-disabled-opacity);
1543
+ }
1544
+
1545
+ :host([error-message]) {
1546
+ --_sds-file-upload-item-border-color: var(--sds-file-upload-item-border-color, var(--sds-color-alert-danger-border-default));
1547
+ --_sds-file-upload-item-content-icon-color: var(--sds-file-upload-item-content-icon-color, var(--sds-color-alert-danger-text-default));
1548
+ --_sds-file-upload-item-content-file-detail-color: var(--sds-file-upload-item-content-file-detail-color, var(--sds-color-alert-danger-text-default));
1549
+ }
1550
+
1551
+ .sds-file-upload-item {
1552
+ display: flex;
1553
+ flex-direction: column;
1554
+ gap: var(--_sds-file-upload-item-progress-spacing);
1555
+ padding: var(--_sds-file-upload-item-padding);
1556
+ border: var(--_sds-file-upload-item-border-width) solid var(--_sds-file-upload-item-border-color);
1557
+ border-radius: var(--_sds-file-upload-item-border-radius);
1558
+ background: var(--_sds-file-upload-item-background);
1559
+ }
1560
+
1561
+ .sds-file-upload-item__row {
1562
+ display: flex;
1563
+ align-items: center;
1564
+ gap: var(--_sds-file-upload-item-gap);
1565
+ }
1566
+
1567
+ .sds-file-upload-item__content {
1568
+ display: flex;
1569
+ flex-grow: 1;
1570
+ min-width: 0;
1571
+ align-items: center;
1572
+ gap: var(--_sds-file-upload-item-content-gap);
1573
+ }
1574
+
1575
+ .sds-file-upload-item__actions {
1576
+ display: flex;
1577
+ flex: 0 0 auto;
1578
+ align-items: center;
1579
+ gap: var(--_sds-file-upload-item-actions-gap);
1580
+ }
1581
+
1582
+ .sds-file-upload-item__content-icon {
1583
+ color: var(--_sds-file-upload-item-content-icon-color);
1584
+ }
1585
+
1586
+ .sds-file-upload-item__content-preview {
1587
+ position: relative;
1588
+ flex: 0 0 auto;
1589
+ width: var(--_sds-file-upload-item-content-preview-size);
1590
+ height: var(--_sds-file-upload-item-content-preview-size);
1591
+ border-radius: var(--_sds-file-upload-item-content-preview-radius);
1592
+ overflow: hidden;
1593
+ background-color: var(--_sds-file-upload-item-content-preview-background);
1594
+
1595
+ &::before {
1596
+ content: '';
1597
+ position: absolute;
1598
+ inset: 0;
1599
+ background-color: var(--_sds-file-upload-item-content-preview-highlight);
1600
+ opacity: 0;
1601
+ will-change: opacity;
1602
+ animation: sds-file-upload-item-preview-breathe var(--_sds-file-upload-item-content-preview-loading-duration) ease-in-out infinite;
1603
+ }
1604
+ }
1605
+
1606
+ .sds-file-upload-item__content-preview-image {
1607
+ position: relative;
1608
+ display: block;
1609
+ width: 100%;
1610
+ height: 100%;
1611
+ object-fit: cover;
1612
+ }
1613
+
1614
+ .sds-file-upload-item__content-preview[data-loaded] {
1615
+ background-color: transparent;
1616
+
1617
+ &::before {
1618
+ content: none;
1619
+ }
1620
+ }
1621
+
1622
+ @keyframes sds-file-upload-item-preview-breathe {
1623
+ 0% { opacity: 0.15; }
1624
+ 40% { opacity: 1; }
1625
+ 55% { opacity: 1; }
1626
+ 100%{ opacity: 0.15; }
1627
+ }
1628
+
1629
+ @media (prefers-reduced-motion: reduce) {
1630
+ .sds-file-upload-item__content-preview::before {
1631
+ animation: none;
1632
+ opacity: 0;
1633
+ }
1634
+ }
1635
+
1636
+ .sds-file-upload-item__content-data {
1637
+ display: flex;
1638
+ flex-direction: column;
1639
+ min-width: 0;
1640
+ gap: var(--_sds-file-upload-item-content-data-gap);
1641
+ }
1642
+
1643
+ .sds-file-upload-item__content-file-name {
1644
+ overflow: hidden;
1645
+ text-overflow: ellipsis;
1646
+ white-space: nowrap;
1647
+ font-size: var(--_sds-file-upload-item-content-file-name-font-size);
1648
+ font-weight: var(--_sds-file-upload-item-content-file-name-font-weight);
1649
+ line-height: var(--_sds-file-upload-item-content-file-name-line-height);
1650
+ color: var(--_sds-file-upload-item-content-file-name-text-color);
1651
+ }
1652
+
1653
+ .sds-file-upload-item__content-file-detail {
1654
+ font-size: var(--_sds-file-upload-item-content-file-detail-font-size);
1655
+ font-weight: var(--_sds-file-upload-item-content-file-detail-font-weight);
1656
+ line-height: var(--_sds-file-upload-item-content-file-detail-line-height);
1657
+ color: var(--_sds-file-upload-item-content-file-detail-color);
1658
+ }
1659
+
1660
+ .sds-file-upload-item__content-file-error {
1661
+ font-size: var(--_sds-file-upload-item-content-file-detail-font-size);
1662
+ font-weight: var(--_sds-file-upload-item-content-file-detail-font-weight);
1663
+ line-height: var(--_sds-file-upload-item-content-file-detail-line-height);
1664
+ color: var(--_sds-file-upload-item-content-file-detail-color);
1665
+ }
1666
+
1667
+ .sds-file-upload-item__error-alert {
1668
+ display: block;
1669
+ margin-block-start: var(--_sds-file-upload-item-error-alert-spacing);
1670
+ }
1671
+
1672
+ .sds-file-upload-item__progress {
1673
+ display: flex;
1674
+ flex-direction: column;
1675
+ gap: var(--_sds-file-upload-item-progress-gap);
1676
+ }
1677
+
1678
+ /* The track is the <u-progress> host; the fill is its ::before (width + 0.2s transition come from u-progress). */
1679
+ .sds-file-upload-item__progress-track {
1680
+ display: block;
1681
+ inline-size: 100%;
1682
+ block-size: var(--_sds-file-upload-item-progress-height);
1683
+ border: none;
1684
+ border-radius: var(--_sds-file-upload-item-progress-radius);
1685
+ background-color: var(--_sds-file-upload-item-progress-track-color);
1686
+ overflow: hidden;
1687
+ }
1688
+
1689
+ .sds-file-upload-item__progress-track::before {
1690
+ border-radius: inherit;
1691
+ background-color: var(--_sds-file-upload-item-progress-value-color);
1692
+ }
1693
+
1694
+ .sds-file-upload-item__progress-meta {
1695
+ display: flex;
1696
+ gap: var(--_sds-file-upload-item-content-data-gap);
1697
+ font-size: var(--_sds-file-upload-item-content-file-detail-font-size);
1698
+ font-weight: var(--_sds-file-upload-item-content-file-detail-font-weight);
1699
+ line-height: var(--_sds-file-upload-item-content-file-detail-line-height);
1700
+ color: var(--_sds-file-upload-item-content-file-detail-color);
1701
+ }
1702
+
1703
+ .sds-file-upload-item__progress-percent {
1704
+ margin-inline-start: auto;
1705
+ }
1706
+
1707
+ sds-button {
1708
+ --sds-button-text-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));
1709
+
1710
+ &:hover {
1711
+ --sds-button-text-color: var(--sds-color-action-hover, var(--sds-color-neutral-action-hover));
1712
+ --sds-button-background-color: var(--sds-color-surface-hover, var(--sds-color-neutral-surface-hover));
1713
+ }
1714
+
1715
+ &:active {
1716
+ --sds-button-text-color: var(--sds-color-action-active, var(--sds-color-neutral-action-active));
1717
+ --sds-button-background-color: var(--sds-color-surface-active, var(--sds-color-neutral-surface-active));
1718
+ }
1719
+ }
1720
+ `;var as=Object.defineProperty,is=Object.getOwnPropertyDescriptor,ds=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?is(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&as(t,s,a),a};let ns=class extends(Le(me)){constructor(){super(),this.disabled=!1,this._previewLoaded=!1,this._handleRemove=e=>{if(e.stopPropagation(),this.disabled)return;this.dispatchSheriffEvent("sds-remove")&&this._removeFromAssociatedUpload()},this._renderThumbnail=()=>this.preview&&!this._hasError?Q`<span class="sds-file-upload-item__content-preview" ?data-loaded="${this._previewLoaded}">
1721
+ <img class="sds-file-upload-item__content-preview-image" src="${this.preview}" alt="" />
1722
+ </span>`:Q`<sds-icon
1723
+ class="sds-file-upload-item__content-icon"
1724
+ name="${this._hasError?"scan_delete-material-outlined":"draft-material-outlined"}"
1725
+ size="md"
1726
+ ></sds-icon>`,this._renderFileData=()=>{const e=void 0!==this.sizeInBytes?Yt(this.sizeInBytes):void 0;return Q`
1727
+ <span class="sds-file-upload-item__content-data">
1728
+ <span class="sds-file-upload-item__content-file-name">${this.file}</span>
1729
+ ${this._hasError?Q`<span class="sds-file-upload-item__content-file-error">Feil ved opplasting</span>`:e?Q`<span class="sds-file-upload-item__content-file-detail">${e}</span>`:se}
1730
+ </span>
1731
+ `},this._renderRemoveButton=()=>Q`
1732
+ <sds-button
1733
+ class="sds-file-upload-item__remove"
1734
+ icon
1735
+ variant="tertiary"
1736
+ size="sm"
1737
+ type="button"
1738
+ label="${this.file?`Fjern ${this.file}`:"Fjern fil"}"
1739
+ ?disabled="${this.disabled}"
1740
+ @click="${this._handleRemove}"
1741
+ >
1742
+ <sds-icon name="delete-material-outlined" size="md"></sds-icon>
1743
+ </sds-button>
1744
+ `,this._renderProgress=()=>{const e=Math.max(0,Math.min(100,Math.round(this.uploadedPercent??0)));return Q`
1745
+ <div class="sds-file-upload-item__progress">
1746
+ <u-progress class="sds-file-upload-item__progress-track" value="${e}" max="100" aria-label="Laster opp ${this.file??""}"></u-progress>
1747
+ <div class="sds-file-upload-item__progress-meta">
1748
+ ${void 0!==this.uploadedSizeInBytes?Q`<span class="sds-file-upload-item__progress-uploaded">${Yt(this.uploadedSizeInBytes)}</span>`:se}
1749
+ <span class="sds-file-upload-item__progress-percent">${e}%</span>
1750
+ </div>
1751
+ </div>
1752
+ `},this._renderErrorAlert=()=>Q`
1753
+ <sds-alert class="sds-file-upload-item__error-alert" size="sm" variant="secondary" data-palette="danger">
1754
+ <p slot="message">${this.errorMessage}</p>
1755
+ </sds-alert>
1756
+ `,this.internals=this.attachInternals(),this.internals.role="listitem"}willUpdate(e){e.has("preview")&&(this._previewLoaded=!1)}updated(e){if(!e.has("preview"))return;const t=this._previewImg;if(!this.preview||this.errorMessage||!t)return;const s=t.src,o=()=>{t.src===s&&(this._previewLoaded=!0)};t.decode?t.decode().then(o).catch(()=>{}):o()}focus(e){this._removeButton?.focus(e)}get _hasError(){return Boolean(this.errorMessage)}_removeFromAssociatedUpload(){if(!this.htmlFor)return;const e=this.getRootNode(),t=e.getElementById?.(this.htmlFor)??document.getElementById(this.htmlFor);if(!t||!("removeFile"in t)||!("dismissRejected"in t))return;const s=t,o=(e,t)=>e===this.file&&(void 0===this.sizeInBytes||t===this.sizeInBytes);if(this.errorMessage){const e=s.rejectedFiles.find(({file:e})=>o(e.name,e.size));e&&s.dismissRejected(e.file)}else{const e=s.files.find(e=>o(e.name,e.size));e&&s.removeFile(e)}this.remove()}render(){const e={"sds-file-upload-item":!0,"sds-file-upload-item--error":this._hasError},t=void 0!==this.uploadedPercent&&!this._hasError;return Q`
1757
+ <div class="${st(e)}">
1758
+ <div class="sds-file-upload-item__row">
1759
+ <div class="sds-file-upload-item__content">
1760
+ ${this._renderThumbnail()}
1761
+ ${this._renderFileData()}
1762
+ </div>
1763
+ <div class="sds-file-upload-item__actions">
1764
+ <slot name="actions-end"></slot>
1765
+ ${this._renderRemoveButton()}
1766
+ </div>
1767
+ </div>
1768
+ ${t?this._renderProgress():se}
1769
+ </div>
1770
+ ${this._hasError?this._renderErrorAlert():se}
1771
+ `}};ns.styles=[rs],ds([S({type:String,reflect:!0})],ns.prototype,"file",2),ds([S({type:Number,attribute:"size-in-bytes",reflect:!0})],ns.prototype,"sizeInBytes",2),ds([S({type:String,attribute:"error-message",reflect:!0})],ns.prototype,"errorMessage",2),ds([S({type:String,reflect:!0})],ns.prototype,"preview",2),ds([S({type:Number,attribute:"uploaded-percent",reflect:!0})],ns.prototype,"uploadedPercent",2),ds([S({type:Number,attribute:"uploaded-size-in-bytes",reflect:!0})],ns.prototype,"uploadedSizeInBytes",2),ds([S({type:Boolean,reflect:!0})],ns.prototype,"disabled",2),ds([S({type:String,attribute:"for",reflect:!0})],ns.prototype,"htmlFor",2),ds([L(".sds-file-upload-item__content-preview-image")],ns.prototype,"_previewImg",2),ds([L(".sds-file-upload-item__remove")],ns.prototype,"_removeButton",2),ds([C()],ns.prototype,"_previewLoaded",2),ns=ds([A("sds-file-upload-item")],ns);const ls=d`
1772
+ :host {
1773
+ display: block;
1774
+ }
1775
+
1776
+ :host([hidden]) {
1777
+ display: none;
1778
+ }
1779
+
1780
+ .sds-file-upload-file-list__items {
1781
+ --_sds-file-upload-file-list-gap: var(--sds-file-upload-file-list-gap, var(--sds-spacing-3xs));
1782
+
1783
+ display: flex;
1784
+ flex-direction: column;
1785
+ gap: var(--_sds-file-upload-file-list-gap);
1786
+ }
1787
+ `;var cs=Object.getOwnPropertyDescriptor;let hs=class extends me{constructor(){super(),this.internals=this.attachInternals(),this.internals.role="list"}render(){return Q`<div class="sds-file-upload-file-list__items" role="presentation"><slot></slot></div>`}};hs.styles=[ls],hs=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?cs(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-file-upload-file-list")],hs);var ps=Object.defineProperty,gs=Object.getOwnPropertyDescriptor,vs=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?gs(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&ps(t,s,a),a};let us=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.multiple=!1,this.required=!1,this.variant="default",this.size="md",this.hideFileList=!1,this._files=[],this._rejectedFiles=[],this._hasSlottedLabel=!1,this._previews=new ss(this,(e,t)=>this.dispatchSheriffEvent("sds-preview-ready",{file:e,url:t})),this._dragDrop=new Qt(this,e=>this._processFiles(e),()=>Boolean(this.disabled)),this._handleInputChange=e=>{e.stopImmediatePropagation();const t=e.target;this._processFiles(Array.from(t.files??[]))},this._handleNativeInput=e=>{e.stopImmediatePropagation()},this._handleInputCancel=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("cancel",void 0,!1)},this._handleItemRemove=async(e,t,s)=>{const o=this._builtInItems().indexOf(e.currentTarget);s?this.dismissRejected(t):this.removeFile(t),await this.updateComplete;const r=this._builtInItems();(r[o]??r[o-1]??this).focus()},this._handleLabelSlotChange=e=>{this._hasSlottedLabel=e.target.assignedNodes().length>0},this._handleFocus=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("blur")},this._renderItem=(e,t)=>Q`
1788
+ <sds-file-upload-item
1789
+ file="${e.name}"
1790
+ size-in-bytes="${e.size}"
1791
+ preview="${qe(t?void 0:this._previews.get(e))}"
1792
+ error-message="${qe(t?.reason)}"
1793
+ ?disabled="${!t&&this.disabled}"
1794
+ @sds-remove="${s=>this._handleItemRemove(s,e,t)}"
1795
+ ></sds-file-upload-item>
1796
+ `,this._renderFileList=()=>Q`
1797
+ <sds-file-upload-file-list aria-label="Valgte filer" aria-live="polite">
1798
+ ${this._files.map(e=>this._renderItem(e))}
1799
+ ${this._rejectedFiles.map(e=>this._renderItem(e.file,e))}
1800
+ </sds-file-upload-file-list>
1801
+ `,this._renderInput=()=>{const e=[this.errorMessage?"error-message":null,this.helpText?"help-text":null,this.fileLimitationText?"file-limitation-text":null].filter(Boolean).join(" ")||void 0;return Q`
1802
+ <input
1803
+ id="control"
1804
+ class="sds-file-upload__input"
1805
+ type="file"
1806
+ accept="${qe(this.accept)}"
1807
+ name="${qe(this.name)}"
1808
+ ?multiple="${this.multiple}"
1809
+ ?required="${this.required}"
1810
+ ?disabled="${this.disabled}"
1811
+ aria-label="${qe(this._showLabel?void 0:this._triggerText)}"
1812
+ aria-describedby="${qe(e)}"
1813
+ aria-invalid="${this.errorMessage?"true":"false"}"
1814
+ @input="${this._handleNativeInput}"
1815
+ @change="${this._handleInputChange}"
1816
+ @cancel="${this._handleInputCancel}"
1817
+ @focus="${this._handleFocus}"
1818
+ @blur="${this._handleBlur}"
1819
+ />
1820
+ `},this._renderDropzone=()=>{const e={"sds-file-upload__dropzone":!0,"sds-file-upload__dropzone--dragging":this._dragDrop.dragging,"sds-file-upload__dropzone--error":Boolean(this.errorMessage)},t="compact"===this.variant?this.size:"lg";return Q`
1821
+ <div
1822
+ class="${st(e)}"
1823
+ @dragover="${this._dragDrop.handleDragOver}"
1824
+ @dragleave="${this._dragDrop.handleDragLeave}"
1825
+ @drop="${this._dragDrop.handleDrop}"
1826
+ >
1827
+ ${this._renderInput()}
1828
+ <sds-icon name="upload-material-outlined" size="${t}"></sds-icon>
1829
+ <p class="sds-file-upload__drop-text" aria-hidden="true">${this.multiple?"Dra og slipp filene her eller":"Dra og slipp filen her eller"}</p>
1830
+ <sds-button
1831
+ class="sds-file-upload__trigger"
1832
+ variant="secondary"
1833
+ size="${"compact"===this.variant?"sm":this.size}"
1834
+ type="button"
1835
+ ?disabled="${this.disabled}"
1836
+ inert
1837
+ >
1838
+ <span class="sds-file-upload__button-label">${this._triggerText}</span>
1839
+ </sds-button>
1840
+ <div class="sds-file-upload__drop-hint" aria-hidden="true">
1841
+ <sds-icon name="upload-material-outlined" size="${t}"></sds-icon>
1842
+ <span class="sds-file-upload__drop-hint-text">Slipp fil</span>
1843
+ </div>
1257
1844
  </div>
1258
- `}};Fe.styles=[je];let Ue=Fe;Ne([S({type:String,reflect:!0})],Ue.prototype,"env"),Ne([S({type:String,reflect:!0})],Ue.prototype,"build");var Ge=Object.getOwnPropertyDescriptor;let Ke=class extends Ue{};Ke=((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})([O("sds-environment-banner")],Ke);const We=d`
1845
+ `}}get files(){return this._files}get rejectedFiles(){return this._rejectedFiles}get value(){return this._files[0]?`C:\\fakepath\\${this._files[0].name}`:""}set value(e){if(""!==e)throw new DOMException("Failed to set the 'value' property on sds-file-upload: only the empty string may be assigned.","InvalidStateError");this._reset()}removeFile(e){const t=this._files;this._files=t.filter(t=>!Jt(t,e)),this._commitSelection(t)}clear(){const e=this._files;this._files=[],this._rejectedFiles=[],this._commitSelection(e)}dismissRejected(e){this._rejectedFiles=this._rejectedFiles.filter(t=>!Jt(t.file,e))}getPreviewUrl(e){return this._previews.get(e)}focus(e){this.disabled||this.control?.focus(e)}blur(){this.disabled||this.control?.blur()}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(e){this.errorMessage=e||void 0,this.updateValidity()}connectedCallback(){super.connectedCallback(),this._updateFormValue()}formResetCallback(){this._reset()}updated(e){super.updated(e),(e.has("required")||e.has("errorMessage")||e.has("disabled"))&&this.updateValidity(),e.has("name")&&this._updateFormValue()}updateValidity(){if(this.control)if(this.disabled)this.internals.setValidity({});else if(this.errorMessage)this.internals.setValidity({customError:!0},this.errorMessage,this.control);else{if(this.required&&0===this._files.length){const e=this.control.validationMessage;if(!e)return;return void this.internals.setValidity({valueMissing:!0},e,this.control)}this.internals.setValidity({})}}_reset(){this._files=[],this._rejectedFiles=[],this.control&&(this.control.value=""),this._previews.sync(this._files),this._updateFormValue(),this.updateValidity()}get type(){return"file"}get _showLabel(){return this._hasSlottedLabel||Boolean(this.label)}get _triggerText(){return this.multiple?"Velg filer":"Velg fil"}_processFiles(e){if(0===e.length)return;const t=this._files,{accepted:s,rejected:o}=function(e,t){const{accept:s,maxSizeInBytes:o,multiple:r=!1}=t,a=[],i=[],d=r?e:e.slice(0,1);for(const n of d)Xt(n,s)?o&&n.size>o?i.push({file:n,reason:`Filen er for stor. Maks ${Yt(o)}.`,errorCode:"too-large"}):a.some(e=>Jt(e,n))||a.push(n):i.push({file:n,reason:"Filtypen støttes ikke.",errorCode:"type-mismatch"});return{accepted:a,rejected:i}}(e,{accept:this.accept,maxSizeInBytes:this.maxSizeInBytes,multiple:this.multiple});this._files=s,this._rejectedFiles=o,this._commitSelection(t),o.length&&this.dispatchSheriffEvent("sds-reject",{rejected:o})}_builtInItems(){return Array.from(this.renderRoot.querySelectorAll("sds-file-upload-file-list > sds-file-upload-item"))}_isSameSelection(e,t){return e.length===t.length&&e.every((e,s)=>{const o=t[s];return void 0!==o&&Jt(e,o)})}_syncSelection(){this._previews.sync(this._files),this._syncNativeInput(),this._updateFormValue(),this.updateValidity()}_commitSelection(e){this._syncSelection(),this._isSameSelection(e,this._files)||(this.dispatchSheriffEvent("input"),this.dispatchSheriffEvent("change"))}_syncNativeInput(){if(!this.control)return;const e=new DataTransfer;for(const t of this._files)e.items.add(t);this.control.files=e.files}_updateFormValue(){if(!this.name)return void this.internals.setFormValue(null);const e=new FormData;0===this._files.length&&e.append(this.name,new File([],"",{type:"application/octet-stream"}));for(const t of this._files)e.append(this.name,t,t.name);this.internals.setFormValue(e)}render(){return Q`
1846
+ <div class="sds-file-upload">
1847
+ <label for="control" class="sds-file-upload__label" ?hidden="${!this._showLabel}">
1848
+ <slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
1849
+ </label>
1850
+ ${this.helpText?Q`<p id="help-text" class="sds-file-upload__help-text">${this.helpText}</p>`:se}
1851
+
1852
+ ${this._renderDropzone()}
1853
+
1854
+ ${this.fileLimitationText?Q`<p id="file-limitation-text" class="sds-file-upload__file-limitation-text">${this.fileLimitationText}</p>`:se}
1855
+ </div>
1856
+ ${this.errorMessage?Q`<sds-alert class="sds-file-upload__error-message" id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:se}
1857
+ ${this.hideFileList?se:this._renderFileList()}
1858
+ `}};us.styles=[os],vs([S({type:String,reflect:!0})],us.prototype,"accept",2),vs([S({type:String,reflect:!0})],us.prototype,"label",2),vs([S({type:Boolean,reflect:!0})],us.prototype,"multiple",2),vs([S({type:Boolean,reflect:!0})],us.prototype,"required",2),vs([S({type:Number,attribute:"max-size-in-bytes",reflect:!0})],us.prototype,"maxSizeInBytes",2),vs([S({type:String,attribute:"help-text",reflect:!0})],us.prototype,"helpText",2),vs([S({type:String,attribute:"error-message",reflect:!0})],us.prototype,"errorMessage",2),vs([S({type:String,attribute:"file-limitation-text",reflect:!0})],us.prototype,"fileLimitationText",2),vs([S({type:String,reflect:!0})],us.prototype,"variant",2),vs([S({type:String,reflect:!0})],us.prototype,"size",2),vs([S({type:Boolean,attribute:"hide-file-list",reflect:!0})],us.prototype,"hideFileList",2),vs([L("#control")],us.prototype,"control",2),vs([C()],us.prototype,"_files",2),vs([C()],us.prototype,"_rejectedFiles",2),vs([C()],us.prototype,"_hasSlottedLabel",2),us=vs([A("sds-file-upload")],us);const fs=d`
1259
1859
  :host {
1260
1860
  --_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
1261
1861
 
@@ -1393,7 +1993,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1393
1993
  display: inline;
1394
1994
  margin: 0;
1395
1995
  }
1396
- `;var Ze=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,Qe=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ye(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&&Ze(e,s,a),a};let Xe=class extends(At(mt)){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 J`
1996
+ `;var bs=Object.defineProperty,_s=Object.getOwnPropertyDescriptor,ms=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?_s(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&bs(t,s,a),a};let xs=class extends(Le(me)){constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._initialized=!1,this._handleToggle=e=>{const t=e.currentTarget;this.open!==t.open&&(this.open=t.open)}}updated(e){this._initialized?e.has("open")&&this.dispatchSheriffEvent("toggle",{open:!!this.open}):this._initialized=!0}render(){return Q`
1397
1997
  <details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
1398
1998
  <summary class="sds-details__summary">
1399
1999
  <sds-icon name="chevron_up-material-filled" role="presentation"></sds-icon>
@@ -1405,7 +2005,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1405
2005
  <slot></slot>
1406
2006
  </div>
1407
2007
  </details>
1408
- `}};Xe.styles=[We],Qe([S({type:Boolean,reflect:!0})],Xe.prototype,"open",2),Qe([S({type:Boolean,reflect:!0})],Xe.prototype,"standalone",2),Qe([S({type:String,reflect:!0})],Xe.prototype,"name",2),Xe=Qe([O("sds-details")],Xe);const Je=d`
2008
+ `}};xs.styles=[fs],ms([S({type:Boolean,reflect:!0})],xs.prototype,"open",2),ms([S({type:Boolean,reflect:!0})],xs.prototype,"standalone",2),ms([S({type:String,reflect:!0})],xs.prototype,"name",2),xs=ms([A("sds-details")],xs);const ys=d`
1409
2009
  :host {
1410
2010
  display: block;
1411
2011
  }
@@ -1442,7 +2042,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1442
2042
  :host([outlined]) div ::slotted(sds-details:only-child[open]) {
1443
2043
  --sds-details-summary-border-radius: var(--sds-radius-md) var(--sds-radius-md) 0 0;
1444
2044
  }
1445
- `;var ts=Object.defineProperty,es=Object.getOwnPropertyDescriptor,ss=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?es(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&&ts(e,s,a),a};let os=class extends mt{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 J`<div><slot @slotchange="${this._handleSlotChange}"></slot></div>`}};os.styles=[Je],ss([S({type:Boolean,reflect:!0})],os.prototype,"outlined",2),ss([S({type:String,reflect:!0})],os.prototype,"name",2),ss([L({selector:"sds-details"})],os.prototype,"_detailsChildren",2),os=ss([O("sds-details-group")],os);const rs=d`
2045
+ `;var ws=Object.defineProperty,ks=Object.getOwnPropertyDescriptor,zs=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?ks(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&ws(t,s,a),a};let $s=class extends me{constructor(){super(...arguments),this.outlined=!1,this._toggleListeners=/* @__PURE__ */new Map}updated(e){e.has("name")&&this._syncChildren()}disconnectedCallback(){super.disconnectedCallback(),this._removeListeners()}_handleSlotChange(){this._syncChildren()}_syncChildren(){this._removeListeners();const e=this._detailsChildren;e.forEach(t=>{if(t.name=this.name,this.name){const s=s=>{const{open:o}=s.detail;o&&e.forEach(e=>{e!==t&&e.open&&(e.open=!1)})};t.addEventListener("toggle",s),this._toggleListeners.set(t,s)}})}_removeListeners(){this._toggleListeners.forEach((e,t)=>{t.removeEventListener("toggle",e)}),this._toggleListeners.clear()}render(){return Q`<div><slot @slotchange="${this._handleSlotChange}"></slot></div>`}};$s.styles=[ys],zs([S({type:Boolean,reflect:!0})],$s.prototype,"outlined",2),zs([S({type:String,reflect:!0})],$s.prototype,"name",2),zs([O({selector:"sds-details"})],$s.prototype,"_detailsChildren",2),$s=zs([A("sds-details-group")],$s);const Ss=d`
1446
2046
  :host {
1447
2047
  --_sds-dialog-background-color: var(--sds-dialog-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
1448
2048
  --_sds-dialog-backdrop-color: var(--sds-dialog-backdrop-color, rgba(0, 0, 0, 0.5));
@@ -1562,20 +2162,20 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1562
2162
  --_sds-dialog-animation-duration: 0ms;
1563
2163
  }
1564
2164
  }
1565
- `;var as=Object.defineProperty,is=(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&&as(e,s,a),a};let ds=!1;const ns=class extends(At(mt)){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("close"),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()}}addEventListener(t,e,s){"sds-close"!==t||ds||(ds=!0,console.warn("[Sheriff] The 'sds-close' event on sds-dialog is deprecated and will be removed in the next major release. Listen for the 'close' event instead.")),super.addEventListener(t,e,s)}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 J`
2165
+ `;var Cs=Object.defineProperty,Es=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Cs(t,s,a),a};let Ls=!1;const Os=class extends(Le(me)){constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._isHeaderSlotEmpty=!0,this._pointerDownInside=!1,this._handleClose=e=>{e.target===this._dialog&&(this.open=!1,this.dispatchSheriffEvent("close"),this.dispatchSheriffEvent("sds-close"))},this._handleClick=e=>{const t=e.target;t?.closest('[data-command="close"],[command="close"]')&&this._closeDialog()},this._handlePointerDown=e=>{const t=this._dialog.getBoundingClientRect(),{clientX:s,clientY:o}=e;this._pointerDownInside=t.top<=o&&o<=t.bottom&&t.left<=s&&s<=t.right},this._handlePointerUp=e=>{const t=this._pointerDownInside;this._pointerDownInside=!1,"any"!==this.closedby||t||e.target===this._dialog&&requestAnimationFrame(()=>{this._dialog&&this._dialog.open&&this._closeDialog()})},this._handleCancel=e=>{e.target===this._dialog&&("none"!==this.closedby&&this.dispatchEvent(new CustomEvent("cancel",{cancelable:e.cancelable}))||e.preventDefault())},this._handleHeaderSlotChange=e=>{const t=e.target;this._isHeaderSlotEmpty=0===t.assignedElements().length},this._handleAutoFocus=()=>{const e=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!e||0===e.length)return;const t=e.find(e=>null!=e.getAttribute("autofocus"));t instanceof HTMLElement&&document.activeElement!==t&&t.focus()}}addEventListener(e,t,s){"sds-close"!==e||Ls||(Ls=!0,console.warn("[Sheriff] The 'sds-close' event on sds-dialog is deprecated and will be removed in the next major release. Listen for the 'close' event instead.")),super.addEventListener(e,t,s)}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(e){e.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`
1566
2166
  <dialog .closedBy="${this.closedby}" class=${this._isHeaderSlotEmpty?"sds-dialog__empty-header":""}>
1567
2167
  <div class="sds-dialog__header">
1568
2168
  <slot name="header" @slotchange=${this._handleHeaderSlotChange}></slot>
1569
- ${this.closeButtonLabel?J`
2169
+ ${this.closeButtonLabel?Q`
1570
2170
  <sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" command="close" label="${this.closeButtonLabel}">
1571
2171
  <sds-icon name="close-material-outlined" size="md"></sds-icon>
1572
2172
  </sds-button>
1573
- `:st}
2173
+ `:se}
1574
2174
  </div>
1575
2175
  <slot></slot>
1576
2176
  <slot name="footer"></slot>
1577
2177
  </dialog>
1578
- `}};ns.styles=[rs];let ls=ns;is([S({type:Boolean,reflect:!0})],ls.prototype,"open"),is([S({type:Boolean,reflect:!0})],ls.prototype,"modal"),is([S({type:String,reflect:!0})],ls.prototype,"closedby"),is([S({type:String,attribute:"close-button-label"})],ls.prototype,"closeButtonLabel"),is([A("dialog")],ls.prototype,"_dialog"),is([C()],ls.prototype,"_isHeaderSlotEmpty");var cs=Object.getOwnPropertyDescriptor;let hs=class extends ls{};hs=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?cs(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-dialog")],hs);const ps=d`
2178
+ `}};Os.styles=[Ss];let As=Os;Es([S({type:Boolean,reflect:!0})],As.prototype,"open"),Es([S({type:Boolean,reflect:!0})],As.prototype,"modal"),Es([S({type:String,reflect:!0})],As.prototype,"closedby"),Es([S({type:String,attribute:"close-button-label"})],As.prototype,"closeButtonLabel"),Es([L("dialog")],As.prototype,"_dialog"),Es([C()],As.prototype,"_isHeaderSlotEmpty");var Ts=Object.getOwnPropertyDescriptor;let Ds=class extends As{};Ds=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?Ts(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-dialog")],Ds);const Ps=d`
1579
2179
  :host {
1580
2180
  --_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
1581
2181
  --_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -1734,7 +2334,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1734
2334
  --_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
1735
2335
  }
1736
2336
  }
1737
- `;var gs=Object.defineProperty,vs=(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&&gs(e,s,a),a};const us=class extends mt{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 J`<h1 class=${te(t)}><slot></slot></h1>`;case"h2":return J`<h2 class=${te(t)}><slot></slot></h2>`;case"h3":return J`<h3 class=${te(t)}><slot></slot></h3>`;case"h4":return J`<h4 class=${te(t)}><slot></slot></h4>`;case"h5":return J`<h5 class=${te(t)}><slot></slot></h5>`;case"h6":return J`<h6 class=${te(t)}><slot></slot></h6>`}}};us.styles=[ps];let fs=us;vs([S({type:String,reflect:!0})],fs.prototype,"level"),vs([S({type:String,reflect:!0})],fs.prototype,"size");var bs=Object.getOwnPropertyDescriptor;let _s=class extends fs{};_s=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?bs(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-heading")],_s);const ms=d`
2337
+ `;var qs=Object.defineProperty,Ms=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&qs(t,s,a),a};const Vs=class extends me{constructor(){super(...arguments),this.level="h1"}render(){const e={"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=${st(e)}><slot></slot></h1>`;case"h2":return Q`<h2 class=${st(e)}><slot></slot></h2>`;case"h3":return Q`<h3 class=${st(e)}><slot></slot></h3>`;case"h4":return Q`<h4 class=${st(e)}><slot></slot></h4>`;case"h5":return Q`<h5 class=${st(e)}><slot></slot></h5>`;case"h6":return Q`<h6 class=${st(e)}><slot></slot></h6>`}}};Vs.styles=[Ps];let Bs=Vs;Ms([S({type:String,reflect:!0})],Bs.prototype,"level"),Ms([S({type:String,reflect:!0})],Bs.prototype,"size");var Is=Object.getOwnPropertyDescriptor;let Rs=class extends Bs{};Rs=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?Is(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-heading")],Rs);const js=d`
1738
2338
  :host {
1739
2339
  --_sds-internal-header-background-color: var(--sds-internal-header-background-color, var(--sds-color-action-default, var(--sds-color-accent-action-default)));
1740
2340
  --_sds-internal-header-text-color: var(--sds-internal-header-text-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
@@ -1752,7 +2352,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1752
2352
  --_sds-internal-header-slots-flex: var(--sds-internal-header-slots-flex, 1 1 auto);
1753
2353
  --_sds-internal-header-slots-justify: var(--sds-internal-header-slots-justify, space-between);
1754
2354
 
1755
- --_sds-internal-header-internal-color: var(--sds-internal-header-internal-color, var(--sds-color-support-3-action-default));
2355
+ --_sds-internal-header-internal-color: var(--sds-internal-header-internal-color, var(--sds-color-support-3-surface-hover));
1756
2356
  --_sds-internal-header-internal-width: var(--sds-internal-header-internal-width, 1.625rem);
1757
2357
 
1758
2358
  --_sds-internal-header-title-font-family: var(--sds-internal-header-title-font-family, var(--sds-typography-font-family-roboto));
@@ -1853,12 +2453,12 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1853
2453
  --_sds-internal-header-title-line-height: var(--sds-internal-header-title-line-height, var(--sds-typography-heading-sm-desktop-line-height));
1854
2454
  }
1855
2455
  }
1856
- `;var xs=Object.defineProperty,ys=(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&&xs(e,s,a),a};const ws=class extends bt{constructor(){super(...arguments),this.appName="",this.homeHref=""}get internalLogo(){return tt`
2456
+ `;var Fs=Object.defineProperty,Ns=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Fs(t,s,a),a};const Us=class extends be{constructor(){super(...arguments),this.appName="",this.homeHref=""}get internalLogo(){return ee`
1857
2457
  <svg class="sds-internal-header__internal-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 32" fill="currentColor" aria-hidden="true">
1858
- <path d="M6.5 24.3333H0L13.6667 0H20L6.5 24.3333Z" fill="var(--sds-color-support-3-action-default)" />
2458
+ <path d="M6.5 24.3333H0L13.6667 0H20L6.5 24.3333Z" />
1859
2459
  <path d="M12.5 32H6L19.6667 7.66663H26L12.5 32Z" fill="var(--sds-color-neutral-border-default)" />
1860
2460
  </svg>
1861
- `}get appNameElement(){if(!this.appName)return st;const t=J`<span class="sds-internal-header__title">${this.appName}</span>`;return this.homeHref?J`<a class="sds-internal-header__home" href=${this.homeHref}>${t}</a>`:t}render(){return J`
2461
+ `}get appNameElement(){if(!this.appName)return se;const e=Q`<span class="sds-internal-header__title">${this.appName}</span>`;return this.homeHref?Q`<a class="sds-internal-header__home" href=${this.homeHref}>${e}</a>`:e}render(){return Q`
1862
2462
  <header class="sds-internal-header">
1863
2463
  <div class="sds-internal-header__brand">${this.internalLogo} ${this.appNameElement}</div>
1864
2464
  <div class="sds-internal-header__slots">
@@ -1870,7 +2470,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1870
2470
  </div>
1871
2471
  </div>
1872
2472
  </header>
1873
- `}};ws.styles=[ms];let ks=ws;ys([S({type:String,attribute:"app-name",reflect:!0})],ks.prototype,"appName"),ys([S({type:String,attribute:"home-href",reflect:!0})],ks.prototype,"homeHref");var zs=Object.getOwnPropertyDescriptor;let $s=class extends ks{};$s=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?zs(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-internal-header")],$s);const Ss=d`
2473
+ `}};Us.styles=[js];let Hs=Us;Ns([S({type:String,attribute:"app-name",reflect:!0})],Hs.prototype,"appName"),Ns([S({type:String,attribute:"home-href",reflect:!0})],Hs.prototype,"homeHref");var Ks=Object.getOwnPropertyDescriptor;let Gs=class extends Hs{};Gs=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?Ks(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-internal-header")],Gs);const Ws=d`
1874
2474
  :host {
1875
2475
  --_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
1876
2476
  --_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
@@ -1946,10 +2546,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1946
2546
  stroke-dashoffset: -120px;
1947
2547
  }
1948
2548
  }
1949
- `;var Cs=Object.defineProperty,Es=Object.getOwnPropertyDescriptor,As=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Es(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&&Cs(e,s,a),a};let Ls=class extends mt{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return J`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
2549
+ `;var Zs=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,Xs=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?Ys(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&Zs(t,s,a),a};let Js=class extends me{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">
1950
2550
  <circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
1951
2551
  <circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
1952
- </svg>`}};Ls.styles=[Ss],As([S({type:String,reflect:!0})],Ls.prototype,"size",2),As([S({type:Boolean,reflect:!0})],Ls.prototype,"contrast",2),Ls=As([O("sds-loader")],Ls);const Os=d`
2552
+ </svg>`}};Js.styles=[Ws],Xs([S({type:String,reflect:!0})],Js.prototype,"size",2),Xs([S({type:Boolean,reflect:!0})],Js.prototype,"contrast",2),Js=Xs([A("sds-loader")],Js);const Qs=d`
1953
2553
  :host {
1954
2554
  --_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
1955
2555
 
@@ -1970,7 +2570,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
1970
2570
  --_sds-notification-title-font-weight: var(--sds-notification-title-font-weight, var(--sds-typography-body-lg-strong-tall-desktop-font-weight));
1971
2571
  --_sds-notification-title-line-height: var(--sds-notification-title-line-height, var(--sds-typography-body-lg-strong-tall-desktop-line-height));
1972
2572
 
1973
- --_sds-notification-icon-color: var(--sds-notification-icon-color, var(--sds-color-alert-info-text-subtle));
2573
+ --_sds-notification-icon-color: var(--sds-notification-icon-color, var(--sds-color-alert-info-border-strong));
1974
2574
  --_sds-notification-max-line-width: var(--sds-notification-max-line-width, var(--sds-typography-max-line-width));
1975
2575
  --_sds-notification-padding: var(--sds-notification-padding, var(--sds-spacing-sm));
1976
2576
  --_sds-notification-remove-btn-radius: var(--sds-notification-remove-btn-radius, var(--sds-radius-xs));
@@ -2086,25 +2686,25 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2086
2686
  margin: 0 !important;
2087
2687
  max-width: var(--_sds-notification-max-line-width) !important;
2088
2688
  }
2089
- `;var Ps=Object.defineProperty,Ds=Object.getOwnPropertyDescriptor,Ts=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Ds(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&&Ps(e,s,a),a};const qs={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 Ms=!1,Vs=class extends(At(mt)){constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},Ms||(Ms=!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 J`<div class="${te({"sds-notification":!0})}">
2689
+ `;var eo=Object.defineProperty,to=Object.getOwnPropertyDescriptor,so=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?to(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&eo(t,s,a),a};const oo={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 ro=!1,ao=class extends(Le(me)){constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchSheriffEvent("sds-remove")},ro||(ro=!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(e){e.has("variant")&&"critical"===this.variant?this.variant="danger":e.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const e="danger"===this.variant||"critical"===this.variant?"danger":"accent";return Q`<div class="${st({"sds-notification":!0})}">
2090
2690
  <div class="sds-notification__type">
2091
- <sds-icon class="sds-notification__icon" name="${qs[this.variant]}" size="md"></sds-icon>
2691
+ <sds-icon class="sds-notification__icon" name="${oo[this.variant]}" size="md"></sds-icon>
2092
2692
  </div>
2093
2693
  <div class="sds-notification__content">
2094
2694
  <slot name="title"></slot>
2095
2695
  <slot name="message"></slot>
2096
2696
  </div>
2097
- ${this.removableLabel?J`<div class="sds-notification__actions">
2098
- <sds-button icon variant="tertiary" color="${t}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
2697
+ ${this.removableLabel?Q`<div class="sds-notification__actions">
2698
+ <sds-button icon variant="tertiary" color="${e}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
2099
2699
  <sds-icon name="close-material-outlined" size="sm"></sds-icon>
2100
2700
  </sds-button>
2101
- </div>`:st}
2102
- </div>`}};Vs.styles=[Os],Ts([S({type:String,reflect:!0})],Vs.prototype,"variant",2),Ts([S({type:String,attribute:"removable-label",reflect:!0})],Vs.prototype,"removableLabel",2),Vs=Ts([O("sds-notification")],Vs);const Bs=d`
2701
+ </div>`:se}
2702
+ </div>`}};ao.styles=[Qs],so([S({type:String,reflect:!0})],ao.prototype,"variant",2),so([S({type:String,attribute:"removable-label",reflect:!0})],ao.prototype,"removableLabel",2),ao=so([A("sds-notification")],ao);const io=d`
2103
2703
  :host {
2104
2704
  display: flex;
2105
2705
  flex-direction: column;
2106
2706
  }
2107
- `;var Rs=Object.defineProperty,js=Object.getOwnPropertyDescriptor,Is=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?js(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&&Rs(e,s,a),a};let Ns=class extends mt{constructor(){super(),this.internals=this.attachInternals(),this.internals.role="list"}render(){return J`<slot></slot>`}};Ns.styles=[Bs],Is([S({type:String,reflect:!0,attribute:"heading-level"})],Ns.prototype,"headingLevel",2),Ns=Is([O("sds-process")],Ns);const Hs=d`
2707
+ `;var no=Object.defineProperty,lo=Object.getOwnPropertyDescriptor,co=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?lo(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&no(t,s,a),a};let ho=class extends me{constructor(){super(),this.internals=this.attachInternals(),this.internals.role="list"}render(){return Q`<slot></slot>`}};ho.styles=[io],co([S({type:String,reflect:!0,attribute:"heading-level"})],ho.prototype,"headingLevel",2),ho=co([A("sds-process")],ho);const po=d`
2108
2708
  :host {
2109
2709
  --_sds-process-step-border-width: var(--sds-process-step-border-width, 2px);
2110
2710
  --_sds-process-step-border-color: var(--sds-process-step-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
@@ -2248,22 +2848,22 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2248
2848
  :host(:last-of-type) {
2249
2849
  --_sds-process-step-line-display: none;
2250
2850
  }
2251
- `;var Fs=Object.defineProperty,Us=Object.getOwnPropertyDescriptor,Gs=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Us(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&&Fs(e,s,a),a};let Ks=class extends mt{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 $t`
2851
+ `;var go=Object.defineProperty,vo=Object.getOwnPropertyDescriptor,uo=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?vo(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&go(t,s,a),a};let fo=class extends me{constructor(){super(),this._headingLevel="h2",this._handleMarkerSlotChange=()=>{if(!this.markerSlot||!this.step)return;const e=0===this.markerSlot.assignedNodes({flatten:!0}).length;this.step.classList.toggle("sds-process-step--sub-step",e)},this.internals=this.attachInternals(),this.internals.role="listitem"}connectedCallback(){super.connectedCallback();const e=this.closest("sds-process");e&&e.headingLevel&&(this._headingLevel=e.headingLevel)}firstUpdated(){this._handleMarkerSlotChange()}get safeHeadingLevel(){return["h2","h3","h4","h5","h6"].includes(this._headingLevel)?this._headingLevel:"h2"}render(){return $e`
2252
2852
  <div class="sds-process-step">
2253
2853
  <div class="sds-process-step__item">
2254
2854
  <div class="sds-process-step__marker" aria-hidden="true">
2255
2855
  <slot name="marker" @slotchange=${this._handleMarkerSlotChange}></slot>
2256
2856
  </div>
2257
2857
  <div class="sds-process-step__content">
2258
- ${this.heading?$t`<${wt(this.safeHeadingLevel)} class="sds-process-step__heading">${this.heading}</${wt(this.safeHeadingLevel)}>`:st}
2259
- ${this.timestamp?$t`<div class="sds-process-step__timestamp">${this.timestamp}</div>`:st}
2858
+ ${this.heading?$e`<${we(this.safeHeadingLevel)} class="sds-process-step__heading">${this.heading}</${we(this.safeHeadingLevel)}>`:se}
2859
+ ${this.timestamp?$e`<div class="sds-process-step__timestamp">${this.timestamp}</div>`:se}
2260
2860
  <div class="sds-process-step__slot-content"><slot></slot></div>
2261
2861
  </div>
2262
2862
  </div>
2263
2863
  <span class="sds-process-step__line"></span>
2264
2864
  </div>
2265
- `}};Ks.styles=[Hs],Gs([S({type:String,reflect:!0})],Ks.prototype,"heading",2),Gs([S({type:String,reflect:!0})],Ks.prototype,"timestamp",2),Gs([A('slot[name="marker"]')],Ks.prototype,"markerSlot",2),Gs([A(".sds-process-step")],Ks.prototype,"step",2),Ks=Gs([O("sds-process-step")],Ks);const Ws=d`
2266
- ${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;overscroll-behavior:contain;overflow:auto}:host{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_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-radius:var(--dsc-popover-border-radius);border-width:var(--dsc-popover-border-width);border-style:var(--dsc-popover-border-style);border-color:var(--dsc-popover-border-color);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)}: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;text-decoration:underline dotted;text-underline-offset:.27em;font-size:inherit}[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: }')}
2865
+ `}};fo.styles=[po],uo([S({type:String,reflect:!0})],fo.prototype,"heading",2),uo([S({type:String,reflect:!0})],fo.prototype,"timestamp",2),uo([L('slot[name="marker"]')],fo.prototype,"markerSlot",2),uo([L(".sds-process-step")],fo.prototype,"step",2),fo=uo([A("sds-process-step")],fo);const bo=d`
2866
+ ${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;overscroll-behavior:contain;overflow:auto}:host{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_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-radius:var(--dsc-popover-border-radius);border-width:var(--dsc-popover-border-width);border-style:var(--dsc-popover-border-style);border-color:var(--dsc-popover-border-color);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)}: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;text-decoration:underline dotted;text-underline-offset:.27em;font-size:inherit}[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:}')}
2267
2867
 
2268
2868
  :host {
2269
2869
  --dsc-popover-background: var(--sds-popover-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
@@ -2310,7 +2910,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2310
2910
  animation: none;
2311
2911
  }
2312
2912
  }
2313
- `;var Zs=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,Qs=(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&&Zs(e,s,a),a};let Xs=class extends mt{constructor(){super(...arguments),this.placement="top",this.autoPlacement=void 0,this.overscroll=void 0}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover","auto"),this.syncDataAttributes()}updated(t){(t.has("placement")||t.has("autoPlacement")||t.has("overscroll"))&&this.syncDataAttributes()}syncDataAttributes(){this.placement&&(this.dataset.placement=this.placement),this.autoPlacement&&(this.dataset.autoplacement=this.autoPlacement),this.overscroll&&(this.dataset.overscroll=this.overscroll)}render(){return J`<slot></slot>`}};Xs.styles=[Ws],Qs([S({type:String,reflect:!0})],Xs.prototype,"placement",2),Qs([S({type:String,reflect:!0})],Xs.prototype,"autoPlacement",2),Qs([S({type:String,reflect:!0})],Xs.prototype,"overscroll",2),Xs=Qs([O("sds-popover")],Xs);const Js=d`
2913
+ `;var _o=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,xo=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?mo(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&_o(t,s,a),a};let yo=class extends me{constructor(){super(...arguments),this.placement="top",this.autoPlacement=void 0,this.overscroll=void 0}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover","auto"),this.syncDataAttributes()}updated(e){(e.has("placement")||e.has("autoPlacement")||e.has("overscroll"))&&this.syncDataAttributes()}syncDataAttributes(){this.placement&&(this.dataset.placement=this.placement),this.autoPlacement&&(this.dataset.autoplacement=this.autoPlacement),this.overscroll&&(this.dataset.overscroll=this.overscroll)}render(){return Q`<slot></slot>`}};yo.styles=[bo],xo([S({type:String,reflect:!0})],yo.prototype,"placement",2),xo([S({type:String,reflect:!0})],yo.prototype,"autoPlacement",2),xo([S({type:String,reflect:!0})],yo.prototype,"overscroll",2),yo=xo([A("sds-popover")],yo);const wo=d`
2314
2914
  :host {
2315
2915
  --_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
2316
2916
  --_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
@@ -2325,7 +2925,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2325
2925
  --_sds-radio-help-text-color: var(--sds-radio-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
2326
2926
  --_sds-radio-help-text-font-size: var(--sds-radio-help-text-font-size, var(--sds-components-font-size-content-md));
2327
2927
  --_sds-radio-help-text-font-weight: var(--sds-radio-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
2328
- --_sds-radio-help-text-line-height: var(--sds-radio-help-text-line-height, var(--sds-components-line-height-tall-content-md));
2928
+ --_sds-radio-help-text-line-height: var(--sds-radio-help-text-line-height, var(--sds-components-line-height-squeezed-md));
2929
+ --_sds-radio-max-line-width: var(--sds-radio-max-line-width, var(--sds-typography-max-line-width));
2329
2930
 
2330
2931
  --_sds-radio-input-size: var(--sds-radio-input-size, var(--sds-components-icon-md));
2331
2932
  --_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
@@ -2501,6 +3102,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2501
3102
  :host([size='sm']) {
2502
3103
  --_sds-radio-label-font-size: var(--sds-radio-label-font-size, var(--sds-components-font-size-content-sm));
2503
3104
  --_sds-radio-label-line-height: var(--sds-radio-label-line-height, var(--sds-components-line-height-tall-content-sm));
3105
+ --_sds-radio-help-text-font-size: var(--sds-radio-help-text-font-size, var(--sds-components-font-size-content-sm));
3106
+ --_sds-radio-help-text-line-height: var(--sds-radio-help-text-line-height, var(--sds-components-line-height-squeezed-sm));
2504
3107
  --_sds-radio-input-size: var(--sds-radio-input-size, var(--sds-components-icon-sm));
2505
3108
  --_sds-radio-input-dot-size: var(--sds-radio-input-dot-size, 3.5px);
2506
3109
 
@@ -2512,6 +3115,8 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2512
3115
  :host([size='lg']) {
2513
3116
  --_sds-radio-label-font-size: var(--sds-radio-label-font-size, var(--sds-components-font-size-content-lg));
2514
3117
  --_sds-radio-label-line-height: var(--sds-radio-label-line-height, var(--sds-components-line-height-tall-content-lg));
3118
+ --_sds-radio-help-text-font-size: var(--sds-radio-help-text-font-size, var(--sds-components-font-size-content-lg));
3119
+ --_sds-radio-help-text-line-height: var(--sds-radio-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
2515
3120
  --_sds-radio-input-size: var(--sds-radio-input-size, var(--sds-components-icon-lg));
2516
3121
  --_sds-radio-input-dot-size: var(--sds-radio-input-dot-size, 4.5px);
2517
3122
 
@@ -2519,13 +3124,13 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2519
3124
  margin-block-start: -1px;
2520
3125
  }
2521
3126
  }
2522
- `;var to=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,so=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?eo(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&&to(e,s,a),a};let oo=class extends(se(At(ae(mt)))){constructor(){super(...arguments),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.size="md",this._hasSlottedLabel=!1,this._slottedLabelText="",this._rootNode=null,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._pendingGroupSync=!1,this._handleMouseDown=()=>{this.disabled||this.focus()},this._handleClick=()=>this._select(),this._handleKeydown=t=>{if(this.disabled)return;if(t.altKey||t.ctrlKey||t.shiftKey||t.metaKey)return;if(" "===t.key)return t.preventDefault(),void this.click();if(!this.name)return;const e=this._getGroupRadios().filter(t=>!t.disabled),s=e.indexOf(this);if(-1===s)return;let o;switch(t.key){case"ArrowUp":case"ArrowLeft":o=e[s>0?s-1:e.length-1];break;case"ArrowDown":case"ArrowRight":o=e[s<e.length-1?s+1:0];break;default:return}t.preventDefault(),e.length<2||(o?.focus(),o?.click())},this._handleFocus=t=>{t instanceof CustomEvent||(t.stopImmediatePropagation(),this.dispatchSheriffEvent("focus"))},this._handleBlur=t=>{t instanceof CustomEvent||(t.stopImmediatePropagation(),this.dispatchSheriffEvent("blur"))},this._handleLabelSlotChange=t=>{const e=t.target.assignedNodes();this._hasSlottedLabel=e.length>0,this._slottedLabelText=e.map(t=>t.textContent??"").join("").trim()}}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(){this._rootNode=this.getRootNode(),super.connectedCallback(),this.setAttribute("role","radio"),this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("mousedown",this._handleMouseDown),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur),this._scheduleGroupSync()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown),this.removeEventListener("mousedown",this._handleMouseDown),this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur),this._syncGroup(this._getGroupRadios()),this._rootNode=null}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),t.has("name")&&(this._syncGroup(this._getGroupRadios(t.get("name"))),this._syncGroup(this.name?this._getGroupRadios():[this])),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1),(t.has("checked")||t.has("disabled"))&&this._updateGroupTabStops(this.name?this._getGroupRadios():[this]),this._syncHostAria()}_getGroupRadios(t=this.name,e=this._rootNode??this.getRootNode()){return t&&e?Array.from(e.querySelectorAll("sds-radio")).filter(e=>e.name===t):[]}_syncHostAria(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("aria-invalid",this.error?"true":"false"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),this.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required");const t=this._hasSlottedLabel?this._slottedLabelText:this.label??"";t?this.setAttribute("aria-label",t):this.removeAttribute("aria-label"),oo._supportsAriaElementReferences&&(this.internals.ariaDescribedByElements=this._helpTextElement?[this._helpTextElement]:[])}_select(){this.disabled||this.readOnly||this.checked||(this.checked=!0,this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchSheriffEvent("change"))}_updateGroupPositions(t){t.forEach((e,s)=>{e.setAttribute("aria-posinset",String(s+1)),e.setAttribute("aria-setsize",String(t.length))})}_updateGroupTabStops(t){const e=t.filter(t=>!t.disabled),s=e.find(t=>t.checked)??e[0];for(const o of t)o.disabled?o.removeAttribute("tabindex"):o.tabIndex=o===s?0:-1}_syncGroup(t){this._updateGroupPositions(t),this._updateGroupTabStops(t)}_scheduleGroupSync(){this._pendingGroupSync||(this._pendingGroupSync=!0,queueMicrotask(()=>{this._pendingGroupSync=!1,this.isConnected&&this._syncGroup(this.name?this._getGroupRadios():[this])}))}_updateGroupValidation(){const t=this.name?this._getGroupRadios():[this],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))}focus(t){this.disabled||HTMLElement.prototype.focus.call(this,t)}blur(){HTMLElement.prototype.blur.call(this)}click(){this.disabled||this.readOnly||HTMLElement.prototype.click.call(this)}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=this._hasSlottedLabel||Boolean(this.label),s={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return J`
2523
- <div class="${te(t)}">
3127
+ `;var ko=Object.defineProperty,zo=Object.getOwnPropertyDescriptor,$o=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?zo(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&ko(t,s,a),a};let So=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.size="md",this._hasSlottedLabel=!1,this._slottedLabelText="",this._rootNode=null,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._pendingGroupSync=!1,this._handleMouseDown=()=>{this.disabled||this.focus()},this._handleClick=()=>this._select(),this._handleKeydown=e=>{if(this.disabled)return;if(e.altKey||e.ctrlKey||e.shiftKey||e.metaKey)return;if(" "===e.key)return e.preventDefault(),void this.click();if(!this.name)return;const t=this._getGroupRadios().filter(e=>!e.disabled),s=t.indexOf(this);if(-1===s)return;let o;switch(e.key){case"ArrowUp":case"ArrowLeft":o=t[s>0?s-1:t.length-1];break;case"ArrowDown":case"ArrowRight":o=t[s<t.length-1?s+1:0];break;default:return}e.preventDefault(),t.length<2||(o?.focus(),o?.click())},this._handleFocus=e=>{e instanceof CustomEvent||(e.stopImmediatePropagation(),this.dispatchSheriffEvent("focus"))},this._handleBlur=e=>{e instanceof CustomEvent||(e.stopImmediatePropagation(),this.dispatchSheriffEvent("blur"))},this._handleLabelSlotChange=e=>{const t=e.target.assignedNodes();this._hasSlottedLabel=t.length>0,this._slottedLabelText=t.map(e=>e.textContent??"").join("").trim()}}get disabled(){return this._disabled}set disabled(e){const t=e??!1,s=this._disabled;s!==t&&(this._disabled=t,this.requestUpdate("disabled",s),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=t))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(e){const t=e??!1,s=this._parentRequestDisabled;s!==t&&(this._parentRequestDisabled=t,this.requestUpdate("parentRequestDisabled",s),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1))}connectedCallback(){this._rootNode=this.getRootNode(),super.connectedCallback(),this.setAttribute("role","radio"),this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("mousedown",this._handleMouseDown),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur),this._scheduleGroupSync()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown),this.removeEventListener("mousedown",this._handleMouseDown),this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur),this._syncGroup(this._getGroupRadios()),this._rootNode=null}firstUpdated(e){super.firstUpdated(e),this._updateGroupValidation()}updated(e){super.updated(e),e.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),e.has("required")&&this.control&&(this.control.required=this.required??!1),e.has("name")&&(this._syncGroup(this._getGroupRadios(e.get("name"))),this._syncGroup(this.name?this._getGroupRadios():[this])),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1),(e.has("checked")||e.has("disabled"))&&this._updateGroupTabStops(this.name?this._getGroupRadios():[this]),this._syncHostAria()}_getGroupRadios(e=this.name,t=this._rootNode??this.getRootNode()){return e&&t?Array.from(t.querySelectorAll("sds-radio")).filter(t=>t.name===e):[]}_syncHostAria(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("aria-invalid",this.error?"true":"false"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),this.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required");const e=this._hasSlottedLabel?this._slottedLabelText:this.label??"";e?this.setAttribute("aria-label",e):this.removeAttribute("aria-label"),So._supportsAriaElementReferences&&(this.internals.ariaDescribedByElements=this._helpTextElement?[this._helpTextElement]:[])}_select(){this.disabled||this.readOnly||this.checked||(this.checked=!0,this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchSheriffEvent("change"))}_updateGroupPositions(e){e.forEach((t,s)=>{t.setAttribute("aria-posinset",String(s+1)),t.setAttribute("aria-setsize",String(e.length))})}_updateGroupTabStops(e){const t=e.filter(e=>!e.disabled),s=t.find(e=>e.checked)??t[0];for(const o of e)o.disabled?o.removeAttribute("tabindex"):o.tabIndex=o===s?0:-1}_syncGroup(e){this._updateGroupPositions(e),this._updateGroupTabStops(e)}_scheduleGroupSync(){this._pendingGroupSync||(this._pendingGroupSync=!0,queueMicrotask(()=>{this._pendingGroupSync=!1,this.isConnected&&this._syncGroup(this.name?this._getGroupRadios():[this])}))}_updateGroupValidation(){const e=this.name?this._getGroupRadios():[this],t=e.some(e=>e.checked),s=e.some(e=>e.required);e.forEach(e=>{e.control&&(s?e.internals.setValidity(t?{}:{valueMissing:!0},t?"":e.control.validationMessage,e.control):e.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 e=this._getGroupRadios();for(const t of e)t!==this&&t.checked&&(t.checked=!1,t.internals.setFormValue(null))}focus(e){this.disabled||HTMLElement.prototype.focus.call(this,e)}blur(){HTMLElement.prototype.blur.call(this)}click(){this.disabled||this.readOnly||HTMLElement.prototype.click.call(this)}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(e){this.internals.setValidity({customError:!!e},e)}formDisabledCallback(e){this._settingDisabledFromParent=!0,this.disabled=e,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=e)}render(){const e={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},t=this._hasSlottedLabel||Boolean(this.label),s={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return Q`
3128
+ <div class="${st(e)}">
2524
3129
  <input
2525
3130
  id="control"
2526
3131
  type="radio"
2527
- name="${qt(this.name)}"
2528
- value="${qt(this.value)}"
3132
+ name="${qe(this.name)}"
3133
+ value="${qe(this.value)}"
2529
3134
  ?checked="${this.checked??!1}"
2530
3135
  .checked="${this.checked??!1}"
2531
3136
  ?disabled="${this.disabled??!1}"
@@ -2533,14 +3138,14 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2533
3138
  ?required="${this.required}"
2534
3139
  ?readonly="${this.readOnly}"
2535
3140
  inert
2536
- class="${te(s)}"
3141
+ class="${st(s)}"
2537
3142
  />
2538
- <label class="sds-radio__label" ?hidden="${!e}">
3143
+ <label class="sds-radio__label" ?hidden="${!t}">
2539
3144
  <slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
2540
3145
  </label>
2541
- ${this.helpText?J`<span id="help-text" class="sds-radio__help-text">${this.helpText}</span>`:st}
3146
+ ${this.helpText?Q`<span id="help-text" class="sds-radio__help-text">${this.helpText}</span>`:se}
2542
3147
  </div>
2543
- `}};oo.styles=[Js],oo.shadowRootOptions={...bt.shadowRootOptions,delegatesFocus:!1},oo._supportsAriaElementReferences="undefined"!=typeof ElementInternals&&"ariaDescribedByElements"in ElementInternals.prototype,so([S({type:Boolean,reflect:!0})],oo.prototype,"required",2),so([S({type:String,reflect:!0})],oo.prototype,"label",2),so([S({type:Boolean,reflect:!0,attribute:"hide-label"})],oo.prototype,"hideLabel",2),so([S({type:String})],oo.prototype,"value",2),so([S({type:Boolean,reflect:!0})],oo.prototype,"checked",2),so([S({type:Boolean,reflect:!0})],oo.prototype,"error",2),so([S({type:String,reflect:!0})],oo.prototype,"size",2),so([S({type:String,attribute:"help-text"})],oo.prototype,"helpText",2),so([S({type:Boolean,reflect:!0})],oo.prototype,"disabled",1),so([S({type:Boolean,attribute:!1})],oo.prototype,"parentRequestDisabled",1),so([A("#control")],oo.prototype,"control",2),so([A("#help-text")],oo.prototype,"_helpTextElement",2),so([C()],oo.prototype,"_hasSlottedLabel",2),so([C()],oo.prototype,"_slottedLabelText",2),oo=so([O("sds-radio")],oo);const ro=d`
3148
+ `}};So.styles=[wo],So.shadowRootOptions={...be.shadowRootOptions,delegatesFocus:!1},So._supportsAriaElementReferences="undefined"!=typeof ElementInternals&&"ariaDescribedByElements"in ElementInternals.prototype,$o([S({type:Boolean,reflect:!0})],So.prototype,"required",2),$o([S({type:String,reflect:!0})],So.prototype,"label",2),$o([S({type:Boolean,reflect:!0,attribute:"hide-label"})],So.prototype,"hideLabel",2),$o([S({type:String})],So.prototype,"value",2),$o([S({type:Boolean,reflect:!0})],So.prototype,"checked",2),$o([S({type:Boolean,reflect:!0})],So.prototype,"error",2),$o([S({type:String,reflect:!0})],So.prototype,"size",2),$o([S({type:String,attribute:"help-text"})],So.prototype,"helpText",2),$o([S({type:Boolean,reflect:!0})],So.prototype,"disabled",1),$o([S({type:Boolean,attribute:!1})],So.prototype,"parentRequestDisabled",1),$o([L("#control")],So.prototype,"control",2),$o([L("#help-text")],So.prototype,"_helpTextElement",2),$o([C()],So.prototype,"_hasSlottedLabel",2),$o([C()],So.prototype,"_slottedLabelText",2),So=$o([A("sds-radio")],So);const Co=d`
2544
3149
  :host {
2545
3150
  --_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
2546
3151
  --_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
@@ -2638,49 +3243,386 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2638
3243
  --_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
2639
3244
  --_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
2640
3245
  }
2641
- `;var ao=Object.defineProperty,io=Object.getOwnPropertyDescriptor,no=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?io(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&&ao(e,s,a),a};const lo=["disabled","errorMessage","readOnly","required","size"];let co=class extends(At(mt)){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([...lo])}}_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;lo.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 J`
2642
- <fieldset class="${te(t)}" role="none">
2643
- ${this.legend?J`<legend id="group-legend" class="sds-radio-group__legend">${this.readOnly?J`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:st}${this.legend}</legend>`:st}
2644
- ${this.helpText?J`<p id="help-text" class="sds-radio-group__help-text">${this.helpText}</p>`:st}
3246
+ `;var Eo=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Oo=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?Lo(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&Eo(t,s,a),a};const Ao=["disabled","errorMessage","readOnly","required","size"];let To=class extends(Le(me)){constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=e=>{const t=e.composedPath().find(e=>e instanceof HTMLElement&&"SDS-RADIO"===e.tagName);t&&(this._selectedValue=t.getAttribute("value")||null,this.dispatchSheriffEvent("sds-update"))},this._handleSlotChange=()=>{this._updateChildProps([...Ao])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter(e=>"SDS-RADIO"===e.tagName)??[]}_updateChildProps(e){const t=this._getChildRadios();for(const s of t)for(const t of e)switch(t){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(e){super.updated(e);const t=Array.from(e.keys());(t.includes("errorMessage")||t.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(e,t,s){if(super.attributeChangedCallback(e,t,s),"readonly"===e)return void this._updateChildProps(["readOnly"]);const o=e;Ao.includes(o)&&this._updateChildProps([o])}render(){const e={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},t={"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`
3247
+ <fieldset class="${st(e)}" role="none">
3248
+ ${this.legend?Q`<legend id="group-legend" class="sds-radio-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:se}${this.legend}</legend>`:se}
3249
+ ${this.helpText?Q`<p id="help-text" class="sds-radio-group__help-text">${this.helpText}</p>`:se}
2645
3250
  <div
2646
- class="${te(e)}"
3251
+ class="${st(t)}"
2647
3252
  role="radiogroup"
2648
- aria-labelledby="${qt(this.legend?"group-legend":void 0)}"
2649
- aria-describedby="${qt(s)}"
3253
+ aria-labelledby="${qe(this.legend?"group-legend":void 0)}"
3254
+ aria-describedby="${qe(s)}"
2650
3255
  aria-invalid="${this.errorMessage?"true":"false"}"
2651
3256
  @change=${this._handleRadioChange}
2652
3257
  >
2653
3258
  <slot @slotchange=${this._handleSlotChange}></slot>
2654
3259
  </div>
2655
- ${this.errorMessage?J`<sds-alert id="error-message" variant="secondary" data-palette="danger">
3260
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger">
2656
3261
  <p slot="message">${this.errorMessage}</p>
2657
- </sds-alert>`:st}
3262
+ </sds-alert>`:se}
2658
3263
  </fieldset>
2659
- `}get value(){return{selectedValue:this._selectedValue}}};co.styles=[ro],no([S({type:String})],co.prototype,"legend",2),no([S({type:String,attribute:"help-text"})],co.prototype,"helpText",2),no([S({type:String,attribute:"error-message"})],co.prototype,"errorMessage",2),no([S({type:Boolean,attribute:"readonly",reflect:!0})],co.prototype,"readOnly",2),no([S({type:String})],co.prototype,"direction",2),no([S({type:Boolean,reflect:!0})],co.prototype,"disabled",2),no([S({type:Boolean,reflect:!0})],co.prototype,"required",2),no([S({type:String,reflect:!0})],co.prototype,"size",2),no([C()],co.prototype,"_selectedValue",2),no([A("slot")],co.prototype,"_slotElement",2),co=no([O("sds-radio-group")],co);const ho=d`
3264
+ `}get value(){return{selectedValue:this._selectedValue}}};To.styles=[Co],Oo([S({type:String})],To.prototype,"legend",2),Oo([S({type:String,attribute:"help-text"})],To.prototype,"helpText",2),Oo([S({type:String,attribute:"error-message"})],To.prototype,"errorMessage",2),Oo([S({type:Boolean,attribute:"readonly",reflect:!0})],To.prototype,"readOnly",2),Oo([S({type:String})],To.prototype,"direction",2),Oo([S({type:Boolean,reflect:!0})],To.prototype,"disabled",2),Oo([S({type:Boolean,reflect:!0})],To.prototype,"required",2),Oo([S({type:String,reflect:!0})],To.prototype,"size",2),Oo([C()],To.prototype,"_selectedValue",2),Oo([L("slot")],To.prototype,"_slotElement",2),To=Oo([A("sds-radio-group")],To);const Do=d`
3265
+ /*
3266
+ * The search controls radius and border of inner button and textfield.
3267
+ */
2660
3268
  :host {
2661
- --_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
2662
- --_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3269
+ --_sds-search-radius: var(--sds-search-radius, var(--sds-radius-sm));
3270
+ --_sds-search-border-width: var(--sds-search-border-width, var(--sds-border-sm));
2663
3271
 
2664
- --_sds-select-border-color: var(--sds-select-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
2665
- --_sds-select-border-width: var(--sds-select-border-width, var(--sds-border-sm));
2666
- --_sds-select-border-radius: var(--sds-select-border-radius, var(--sds-radius-sm));
3272
+ display: block;
3273
+ text-align: start;
3274
+ }
2667
3275
 
2668
- --_sds-select-font-family: var(--sds-select-font-family, var(--sds-typography-font-family-roboto));
2669
- --_sds-select-font-size: var(--sds-select-font-size, var(--sds-components-font-size-content-md));
2670
- --_sds-select-font-weight: var(--sds-select-font-weight, var(--sds-typography-font-weight-regular));
2671
- --_sds-select-line-height: var(--sds-select-line-height, var(--sds-components-line-height-squeezed-md));
2672
- --_sds-select-min-height: var(--sds-select-height, var(--sds-components-button-md));
3276
+ .sds-search {
3277
+ display: flex;
3278
+ /* Align to the top; the button is nudged down to the input row in JS so a
3279
+ stacked label, help text, or an error message never drags it out of line. */
3280
+ align-items: flex-start;
3281
+ inline-size: 100%;
3282
+ }
2673
3283
 
2674
- --_sds-select-gap: var(--sds-select-gap, var(--sds-spacing-3xs));
2675
- --_sds-select-padding-block: var(--sds-select-padding-block, 0);
2676
- --_sds-select-padding-inline: var(--sds-select-padding-inline, var(--sds-spacing-xs));
2677
- --_sds-select-padding-icon-inline-end: var(--sds-spacing-lg);
3284
+ /*
3285
+ * The field keeps its rounded corners on the inline-start side and squares the
3286
+ * edge that meets the button; the button mirrors it.
3287
+ */
3288
+ .sds-search__field {
3289
+ flex: 1 1 auto;
3290
+ /* Allow the field to shrink below its intrinsic min-width inside flex. */
3291
+ min-inline-size: 0;
3292
+ /* Let the surrounding container govern the width instead of the
3293
+ textfield's default 60ch cap. */
3294
+ --sds-textfield-input-max-width: none;
3295
+ --sds-textfield-border-width: var(--_sds-search-border-width);
3296
+ --sds-textfield-border-radius: var(--_sds-search-radius) 0 0 var(--_sds-search-radius);
3297
+ }
2678
3298
 
2679
- --_sds-select-disabled-opacity: var(--sds-select-disabled-opacity, var(--sds-color-states-disabled-opacity));
2680
- --_sds-select-max-width: var(--sds-select-max-width, var(--sds-typography-max-line-width, 60ch));
2681
- --_sds-select-width: var(--sds-select-width, fit-content);
3299
+ .sds-search__button,
3300
+ ::slotted([slot='button']) {
3301
+ --sds-button-border-width: var(--_sds-search-border-width);
3302
+ --sds-button-radius: 0 var(--_sds-search-radius) var(--_sds-search-radius) 0;
3303
+ }
2682
3304
 
2683
- --_sds-select-label-text-color: var(--sds-select-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3305
+ .sds-search__button-col {
3306
+ display: flex;
3307
+ flex-direction: column;
3308
+ /* Keep the button at its intrinsic size instead of stretching it. */
3309
+ align-items: flex-start;
3310
+ flex: 0 0 auto;
3311
+ /* Overlap the borders so the field and button share a single border. */
3312
+ margin-inline-start: calc(-1 * var(--_sds-search-border-width));
3313
+ }
3314
+
3315
+ /* Raise whichever control is focused so its focus outline is painted on
3316
+ top of the neighbouring control and never clipped by it. */
3317
+ .sds-search__field:focus-within,
3318
+ .sds-search__button-col:focus-within {
3319
+ position: relative;
3320
+ z-index: 1;
3321
+ }
3322
+
3323
+ /*
3324
+ * border-radius is physical, so mirror the rounded corners for RTL. Logical
3325
+ * layout (DOM order, logical margins) already flips on its own.
3326
+ */
3327
+ :host(:dir(rtl)) .sds-search__field {
3328
+ --sds-textfield-border-radius: 0 var(--_sds-search-radius) var(--_sds-search-radius) 0;
3329
+ }
3330
+
3331
+ :host(:dir(rtl)) .sds-search__button,
3332
+ :host(:dir(rtl)) ::slotted([slot='button']) {
3333
+ --sds-button-radius: var(--_sds-search-radius) 0 0 var(--_sds-search-radius);
3334
+ }
3335
+ `,Po={},qo=Re(class extends je{constructor(e){if(super(e),e.type!==Be&&e.type!==Me&&e.type!==Ie)throw Error("The `live` directive is not allowed on child or event bindings");if(void 0!==e.strings)throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===te||t===se)return t;const s=e.element,o=e.name;if(e.type===Be){if(t===s[o])return te}else if(e.type===Ie){if(!!t===s.hasAttribute(o))return te}else if(e.type===Me&&s.getAttribute(o)===t+"")return te;return((e,t=Po)=>{e._$AH=t})(e),t}}),Mo=d`
3336
+ :host {
3337
+ --_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
3338
+ --_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3339
+
3340
+ --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
3341
+ --_sds-textfield-border-width: var(--sds-textfield-border-width, var(--sds-border-sm));
3342
+ --_sds-textfield-border-radius: var(--sds-textfield-border-radius, var(--sds-radius-sm));
3343
+
3344
+ --_sds-textfield-font-family: var(--sds-textfield-font-family, var(--sds-typography-font-family-roboto));
3345
+ --_sds-textfield-font-size: var(--sds-textfield-font-size, var(--sds-components-font-size-content-md));
3346
+ --_sds-textfield-font-weight: var(--sds-textfield-font-weight, var(--sds-typography-font-weight-regular));
3347
+ --_sds-textfield-line-height: var(--sds-textfield-line-height, var(--sds-components-line-height-squeezed-md));
3348
+ --_sds-textfield-min-height: var(--sds-textfield-height, var(--sds-components-button-md));
3349
+
3350
+ --_sds-textfield-gap: var(--sds-textfield-gap, var(--sds-spacing-3xs));
3351
+ --_sds-textfield-padding-block: var(--sds-textfield-padding-block, 0);
3352
+ --_sds-textfield-padding-inline: var(--sds-textfield-padding-inline, var(--sds-spacing-xs));
3353
+ --_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-md)));
3354
+ --_sds-textfield-disabled-opacity: var(--sds-textfield-disabled-opacity, var(--sds-color-states-disabled-opacity));
3355
+ --_sds-textfield-max-width: var(--sds-textfield-input-max-width, var(--sds-typography-max-line-width, 60ch));
3356
+
3357
+ --_sds-textfield-label-text-color: var(--sds-textfield-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3358
+ --_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-md));
3359
+ --_sds-textfield-label-font-weight: var(--sds-textfield-label-font-weight, var(--sds-typography-font-weight-medium));
3360
+ --_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-md));
3361
+
3362
+ --_sds-textfield-helptext-text-color: var(--sds-textfield-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
3363
+ --_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-md));
3364
+ --_sds-textfield-helptext-font-weight: var(--sds-textfield-helptext-font-weight, var(--sds-typography-font-weight-regular));
3365
+ --_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-md));
3366
+
3367
+ --_sds-textfield-focus-color: var(--sds-textfield-focus-color, var(--sds-color-states-focus-outer));
3368
+ --_sds-textfield-focus-inner-color: var(--sds-textfield-focus-inner-color, var(--sds-color-states-focus-inner));
3369
+ --_sds-textfield-focus-spacing: var(--sds-textfield-focus-spacing, var(--sds-color-states-focus-spacing));
3370
+ --_sds-textfield-focus-outline-size: var(--sds-textfield-focus-outline-size, var(--sds-color-states-focus-outline-size));
3371
+
3372
+ --_sds-textfield-cursor: var(--sds-textfield-cursor, auto);
3373
+
3374
+ --_sds-textfield-icon-right: var(--sds-textfield-icon-right, var(--sds-spacing-xs));
3375
+ --_sds-textfield-icon-top: var(--sds-textfield-icon-top, var(--sds-spacing-3xs));
3376
+
3377
+ all: unset;
3378
+ display: block;
3379
+ text-align: start;
3380
+ }
3381
+
3382
+ .sds-textfield {
3383
+ display: flex;
3384
+ flex-direction: column;
3385
+ gap: var(--_sds-textfield-gap);
3386
+ font-family: var(--_sds-textfield-font-family);
3387
+
3388
+ .sds-textfield__input-container {
3389
+ position: relative;
3390
+ font-size: var(--_sds-textfield-font-size);
3391
+ max-width: var(--_sds-textfield-max-width);
3392
+ }
3393
+
3394
+ .sds-textfield__input {
3395
+ box-sizing: border-box;
3396
+ color: var(--_sds-textfield-text-color);
3397
+ padding: var(--_sds-textfield-padding-block) var(--_sds-textfield-padding-inline);
3398
+ line-height: var(--_sds-textfield-line-height);
3399
+ font-size: var(--_sds-textfield-font-size);
3400
+ font-weight: var(--_sds-textfield-font-weight);
3401
+ font-family: var(--_sds-textfield-font-family);
3402
+ min-height: var(--_sds-textfield-min-height);
3403
+ border-radius: var(--_sds-textfield-border-radius);
3404
+ border: var(--_sds-textfield-border-width) solid var(--_sds-textfield-border-color);
3405
+ background: var(--_sds-textfield-background-color);
3406
+ cursor: var(--_sds-textfield-cursor);
3407
+ width: 100%;
3408
+
3409
+ &:hover {
3410
+ --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-border-strong, var(--sds-color-neutral-border-strong)));
3411
+ }
3412
+
3413
+ &:focus-visible {
3414
+ box-shadow: 0 0 0 var(--_sds-textfield-focus-spacing) var(--_sds-textfield-focus-inner-color);
3415
+ outline: var(--_sds-textfield-focus-outline-size) solid var(--_sds-textfield-focus-color);
3416
+ outline-offset: var(--_sds-textfield-focus-spacing);
3417
+ }
3418
+ }
3419
+
3420
+ .sds-textfield__label {
3421
+ color: var(--_sds-textfield-text-color);
3422
+ font-size: var(--_sds-textfield-label-font-size);
3423
+ font-weight: var(--_sds-textfield-label-font-weight);
3424
+ line-height: var(--_sds-textfield-label-line-height);
3425
+ }
3426
+
3427
+ .sds-textfield__label:has(sds-icon) {
3428
+ display: flex;
3429
+ flex-direction: row;
3430
+ align-items: center;
3431
+ gap: var(--_sds-textfield-gap);
3432
+ }
3433
+
3434
+ /* Visually hidden, but still the input's accessible name. Taking the label out of
3435
+ the flex flow also drops the gap above the input. */
3436
+ .sds-textfield__label--hidden {
3437
+ clip-path: inset(50%);
3438
+ height: 1px;
3439
+ overflow: hidden;
3440
+ position: absolute;
3441
+ white-space: nowrap;
3442
+ width: 1px;
3443
+ }
3444
+
3445
+ .sds-textfield__help-text {
3446
+ display: block;
3447
+ color: var(--_sds-textfield-helptext-text-color);
3448
+ font-size: var(--_sds-textfield-helptext-font-size);
3449
+ font-weight: var(--_sds-textfield-helptext-font-weight);
3450
+ line-height: var(--_sds-textfield-helptext-line-height);
3451
+ margin: 0;
3452
+ }
3453
+ }
3454
+
3455
+ .sds-textfield--error {
3456
+ --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-alert-danger-border-default));
3457
+
3458
+ & .sds-textfield__input:hover,
3459
+ & .sds-textfield__input:hover {
3460
+ --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-alert-danger-border-default));
3461
+ }
3462
+ }
3463
+
3464
+ :host([readonly]) {
3465
+ --_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
3466
+ --_sds-textfield-cursor: var(--sds-textfield-cursor, default);
3467
+ }
3468
+
3469
+ :host(:disabled) {
3470
+ opacity: var(--_sds-textfield-disabled-opacity);
3471
+ pointer-events: none;
3472
+ }
3473
+
3474
+ .sds-textfield--has-icon {
3475
+ .sds-textfield__input {
3476
+ padding-right: var(--_sds-textfield-padding-icon);
3477
+ }
3478
+ }
3479
+
3480
+ ::slotted([slot='after']) {
3481
+ position: absolute;
3482
+ top: var(--_sds-textfield-icon-top);
3483
+ right: var(--_sds-textfield-icon-right);
3484
+ pointer-events: none;
3485
+ }
3486
+
3487
+ :host([size='sm']) {
3488
+ --_sds-textfield-min-height: var(--sds-textfield-height, var(--sds-components-button-sm));
3489
+ --_sds-textfield-font-size: var(--sds-textfield-font-size, var(--sds-components-font-size-content-sm));
3490
+ --_sds-textfield-line-height: var(--sds-textfield-line-height, var(--sds-components-line-height-squeezed-sm));
3491
+ --_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-sm));
3492
+ --_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-sm));
3493
+ --_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-sm));
3494
+ --_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-sm));
3495
+ --_sds-textfield-icon-top: var(--sds-textfield-icon-top, calc((var(--_sds-textfield-min-height) - var(--sds-components-icon-sm)) / 2));
3496
+ --_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-sm)));
3497
+
3498
+ &:has(sds-icon:not([size])) {
3499
+ --sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-sm));
3500
+ }
3501
+ }
3502
+
3503
+ :host([size='lg']) {
3504
+ --_sds-textfield-min-height: var(--sds-textfield-height, var(--sds-components-button-lg));
3505
+ --_sds-textfield-font-size: var(--sds-textfield-font-size, var(--sds-components-font-size-content-lg));
3506
+ --_sds-textfield-line-height: var(--sds-textfield-line-height, var(--sds-components-line-height-squeezed-lg));
3507
+ --_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-lg));
3508
+ --_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-lg));
3509
+ --_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-lg));
3510
+ --_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
3511
+ --_sds-textfield-icon-top: var(--sds-textfield-icon-top, var(--sds-spacing-3xs));
3512
+ --_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-lg)));
3513
+
3514
+ &:has(sds-icon:not([size])) {
3515
+ --sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
3516
+ }
3517
+ }
3518
+ `;var Vo=Object.defineProperty,Bo=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Vo(t,s,a),a};const Io=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.type="text",this.hideLabel=!1,this.required=!1,this.size="md",this.hasIcon=!1,this._hasSlottedLabel=!1,this._defaultValue=null,this.handleSlotChange=e=>{const t=e.target;this.hasIcon=t.assignedNodes({flatten:!0}).length>0},this._handleLabelSlotChange=e=>{const t=e.currentTarget;this._hasSlottedLabel=t.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE||Boolean(e.textContent?.trim()))},this._handleInputChange=e=>{e.stopImmediatePropagation(),!this.disabled&&e.target instanceof HTMLInputElement&&(this.value=e.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(e.type))},this._handleSelect=e=>{e.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=e=>{e.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=e=>{e.stopImmediatePropagation();if(this.dispatchKeyboardEvent("keydown",e)&&"Enter"===e.key){for(const e of Array.from(this.form?.elements??[]))if(e instanceof HTMLButtonElement||e instanceof HTMLInputElement){if("submit"!==e.type)continue;if(e.disabled)return;return void e.click()}this.form?.requestSubmit()}}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(e){super.updated(e),e.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&this.control.value!==(this.value??"")&&(this.control.value=this.value??""))}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}formResetCallback(){this.internals.setFormValue(this._defaultValue);const e=this._defaultValue??"";this.control.value=e,this.value=e,this.updateValidity()}select(){this.disabled||this.control.select()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(e){this.control&&null!==e&&(this.control.selectionStart=e)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(e){this.control&&null!==e&&(this.control.selectionEnd=e)}setSelectionRange(e,t,s){this.control&&this.control.setSelectionRange(e,t,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(e){this.control.setCustomValidity(e),this.updateValidity()}render(){const e={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon},t=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0,s=this._hasSlottedLabel||Boolean(this.label),o={"sds-textfield__label":!0,"sds-textfield__label--hidden":Boolean(this.hideLabel)};return Q`
3519
+ <div class="${st(e)}">
3520
+ <label for="sds-textfield" class="${st(o)}" ?hidden="${!s}">
3521
+ ${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:se}
3522
+ <slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
3523
+ </label>
3524
+ ${this.helpText?Q`<p id="help-text" class="sds-textfield__help-text">${this.helpText}</p>`:se}
3525
+ <div class="sds-textfield__input-container">
3526
+ <input
3527
+ part="input"
3528
+ class="sds-textfield__input"
3529
+ type="${qe(this.type)}"
3530
+ id="sds-textfield"
3531
+ ?disabled="${this.disabled}"
3532
+ ?readonly="${this.readOnly}"
3533
+ placeholder="${qe(this.placeholder)}"
3534
+ .value="${qo(this.value??"")}"
3535
+ name="${qe(this.name)}"
3536
+ autocomplete="${qe(this.autocomplete)}"
3537
+ ?required="${this.required}"
3538
+ pattern="${qe(this.pattern)}"
3539
+ min="${qe(this.min)}"
3540
+ minlength="${qe(this.minlength)}"
3541
+ max="${qe(this.max)}"
3542
+ maxlength="${qe(this.maxlength)}"
3543
+ aria-describedby="${qe(t)}"
3544
+ aria-invalid="${this.errorMessage?"true":"false"}"
3545
+ @input="${this._handleInputChange}"
3546
+ @change="${this._handleInputChange}"
3547
+ @select="${this._handleSelect}"
3548
+ @focus="${this._handleFocus}"
3549
+ @blur="${this._handleBlur}"
3550
+ @keydown="${this._handleKeyDown}"
3551
+ />
3552
+ <slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
3553
+ </div>
3554
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:se}
3555
+ </div>
3556
+ `}};Io.styles=[Mo];let Ro=Io;Bo([S({type:String,reflect:!0})],Ro.prototype,"type"),Bo([S({type:String})],Ro.prototype,"value"),Bo([S({type:String,reflect:!0})],Ro.prototype,"label"),Bo([S({type:Boolean,attribute:"hide-label",reflect:!0})],Ro.prototype,"hideLabel"),Bo([S({type:String,reflect:!0})],Ro.prototype,"placeholder"),Bo([S({type:String,attribute:"help-text",reflect:!0})],Ro.prototype,"helpText"),Bo([S({type:String,attribute:"error-message",reflect:!0})],Ro.prototype,"errorMessage"),Bo([S({type:String,reflect:!0})],Ro.prototype,"autocomplete"),Bo([S({type:Boolean,reflect:!0})],Ro.prototype,"required"),Bo([S({type:String,reflect:!0})],Ro.prototype,"pattern"),Bo([S({type:Number,reflect:!0})],Ro.prototype,"minlength"),Bo([S({type:Number,reflect:!0})],Ro.prototype,"maxlength"),Bo([S({type:String,reflect:!0})],Ro.prototype,"min"),Bo([S({type:String,reflect:!0})],Ro.prototype,"max"),Bo([S({type:String,reflect:!0})],Ro.prototype,"size"),Bo([C()],Ro.prototype,"hasIcon"),Bo([C()],Ro.prototype,"_hasSlottedLabel"),Bo([L("#sds-textfield")],Ro.prototype,"control");var jo=Object.getOwnPropertyDescriptor;let Fo=class extends Ro{};Fo=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?jo(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-textfield")],Fo);var No=Object.defineProperty,Uo=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&No(t,s,a),a};const Ho=class extends(Le(dt(me))){constructor(){super(),this.value="",this.hideLabel=!1,this.size="md",this.buttonLabel="Søk",this.buttonVariant="primary",this.required=!1,this._defaultValue="",this._customValidityMessage="",this._handleFocusIn=e=>{this._isOwnNode(e.relatedTarget)||this.dispatchEvent(new FocusEvent("focus",{composed:!0,relatedTarget:e.relatedTarget}))},this._handleFocusOut=e=>{this._isOwnNode(e.relatedTarget)||this.dispatchEvent(new FocusEvent("blur",{composed:!0,relatedTarget:e.relatedTarget}))},this._stopChildEvent=e=>{e.stopImmediatePropagation()},this._reemitChildEvent=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent(e.type)},this._handleInput=e=>{e.stopImmediatePropagation();const t=e.target;t&&"value"in t&&"string"==typeof t.value?this.value=t.value:this.value="",this.updateValidity(),this.dispatchSheriffEvent("input")},this._handleButtonClick=()=>{this._submit()},this._handleKeydown=e=>{e.stopImmediatePropagation(),this.dispatchKeyboardEvent("keydown",e)?"Enter"!==e.key||e.isComposing||(e.preventDefault(),this._submit()):e.preventDefault()},this.addEventListener("focusin",this._handleFocusIn),this.addEventListener("focusout",this._handleFocusOut)}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value,this.internals.setFormValue(this.value);const e=new ResizeObserver(()=>this._alignButtonToInput());this._resizeObserver=e,this.updateComplete.then(()=>{this._resizeObserver===e&&this._field&&e.observe(this._field)})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=void 0}updated(e){super.updated(e),e.has("value")&&this.internals.setFormValue(this.value),this._field?.updateComplete.then(()=>this.updateValidity());1===e.size&&e.has("value")||this._alignButtonToInput()}updateValidity(){const e=this._field,t=e?.control;e&&t&&(e.setCustomValidity(this._customValidityMessage),this.internals.setValidity(t.validity,t.validationMessage,t))}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(e){this._customValidityMessage=e,this.updateValidity()}select(){this._field?.select()}get selectionStart(){return this._field?.selectionStart??null}set selectionStart(e){this._field&&(this._field.selectionStart=e)}get selectionEnd(){return this._field?.selectionEnd??null}set selectionEnd(e){this._field&&(this._field.selectionEnd=e)}setSelectionRange(e,t,s){this._field?.setSelectionRange(e,t,s)}formResetCallback(){this.value=this._defaultValue}formStateRestoreCallback(e){"string"==typeof e&&(this.value=e)}async _alignButtonToInput(){const e=this._field,t=this._buttonCol;if(!e||!t)return;await e.updateComplete;const s=e.control;if(!s)return;const o=s.getBoundingClientRect().top-e.getBoundingClientRect().top;t.style.marginBlockStart=o>0?`${o}px`:""}_submit(){if(this.disabled)return;if(!this.form?.noValidate&&!this.reportValidity())return;this.dispatchSheriffEvent("search",{value:this.value})&&this.form?.requestSubmit()}_isOwnNode(e){return e instanceof Node&&(e===this||this.contains(e)||Boolean(this.shadowRoot?.contains(e)))}_renderField(){return Q`
3557
+ <sds-textfield
3558
+ class="sds-search__field"
3559
+ type="search"
3560
+ size="${this.size??"md"}"
3561
+ .value="${this.value}"
3562
+ ?hide-label="${this.hideLabel}"
3563
+ placeholder="${qe(this.placeholder)}"
3564
+ help-text="${qe(this.helpText)}"
3565
+ error-message="${qe(this.errorMessage)}"
3566
+ ?disabled="${this.disabled}"
3567
+ ?readonly="${this.readOnly}"
3568
+ autocomplete="${qe(this.autocomplete)}"
3569
+ ?required="${this.required}"
3570
+ minlength="${qe(this.minlength)}"
3571
+ maxlength="${qe(this.maxlength)}"
3572
+ pattern="${qe(this.pattern)}"
3573
+ @input="${this._handleInput}"
3574
+ @change="${this._reemitChildEvent}"
3575
+ @select="${this._reemitChildEvent}"
3576
+ @keydown="${this._handleKeydown}"
3577
+ @focus="${this._stopChildEvent}"
3578
+ @blur="${this._stopChildEvent}"
3579
+ >
3580
+ <slot name="label" slot="label">${this.label}</slot>
3581
+ </sds-textfield>
3582
+ `}_renderButtonColumn(){return Q`
3583
+ <div class="sds-search__button-col">
3584
+ <slot name="button">
3585
+ <sds-button
3586
+ class="sds-search__button"
3587
+ icon
3588
+ type="button"
3589
+ size="${this.size??"md"}"
3590
+ variant="${this.buttonVariant}"
3591
+ label="${this.buttonLabel}"
3592
+ ?disabled="${this.disabled}"
3593
+ @click="${this._handleButtonClick}"
3594
+ @focus="${this._stopChildEvent}"
3595
+ @blur="${this._stopChildEvent}"
3596
+ >
3597
+ <sds-icon name="search-material-outlined" size="${this.size}"></sds-icon>
3598
+ </sds-button>
3599
+ </slot>
3600
+ </div>
3601
+ `}render(){return Q`<div class="sds-search">${this._renderField()} ${this._renderButtonColumn()}</div>`}};Ho.styles=[Do];let Ko=Ho;Uo([S({type:String})],Ko.prototype,"value"),Uo([S({type:String,reflect:!0})],Ko.prototype,"label"),Uo([S({type:Boolean,attribute:"hide-label",reflect:!0})],Ko.prototype,"hideLabel"),Uo([S({type:String,reflect:!0})],Ko.prototype,"placeholder"),Uo([S({type:String,attribute:"help-text",reflect:!0})],Ko.prototype,"helpText"),Uo([S({type:String,attribute:"error-message",reflect:!0})],Ko.prototype,"errorMessage"),Uo([S({type:String,reflect:!0})],Ko.prototype,"size"),Uo([S({type:String,attribute:"button-label",reflect:!0})],Ko.prototype,"buttonLabel"),Uo([S({type:String,attribute:"button-variant",reflect:!0})],Ko.prototype,"buttonVariant"),Uo([S({type:String,reflect:!0})],Ko.prototype,"autocomplete"),Uo([S({type:Boolean,reflect:!0})],Ko.prototype,"required"),Uo([S({type:Number,reflect:!0})],Ko.prototype,"minlength"),Uo([S({type:Number,reflect:!0})],Ko.prototype,"maxlength"),Uo([S({type:String,reflect:!0})],Ko.prototype,"pattern"),Uo([L(".sds-search__field")],Ko.prototype,"_field"),Uo([L(".sds-search__button-col")],Ko.prototype,"_buttonCol");var Go=Object.getOwnPropertyDescriptor;let Wo=class extends Ko{};Wo=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?Go(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-search")],Wo);const Zo=d`
3602
+ :host {
3603
+ --_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
3604
+ --_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3605
+
3606
+ --_sds-select-border-color: var(--sds-select-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
3607
+ --_sds-select-border-width: var(--sds-select-border-width, var(--sds-border-sm));
3608
+ --_sds-select-border-radius: var(--sds-select-border-radius, var(--sds-radius-sm));
3609
+
3610
+ --_sds-select-font-family: var(--sds-select-font-family, var(--sds-typography-font-family-roboto));
3611
+ --_sds-select-font-size: var(--sds-select-font-size, var(--sds-components-font-size-content-md));
3612
+ --_sds-select-font-weight: var(--sds-select-font-weight, var(--sds-typography-font-weight-regular));
3613
+ --_sds-select-line-height: var(--sds-select-line-height, var(--sds-components-line-height-squeezed-md));
3614
+ --_sds-select-min-height: var(--sds-select-height, var(--sds-components-button-md));
3615
+
3616
+ --_sds-select-gap: var(--sds-select-gap, var(--sds-spacing-3xs));
3617
+ --_sds-select-padding-block: var(--sds-select-padding-block, 0);
3618
+ --_sds-select-padding-inline: var(--sds-select-padding-inline, var(--sds-spacing-xs));
3619
+ --_sds-select-padding-icon-inline-end: var(--sds-spacing-lg);
3620
+
3621
+ --_sds-select-disabled-opacity: var(--sds-select-disabled-opacity, var(--sds-color-states-disabled-opacity));
3622
+ --_sds-select-max-width: var(--sds-select-max-width, var(--sds-typography-max-line-width, 60ch));
3623
+ --_sds-select-width: var(--sds-select-width, fit-content);
3624
+
3625
+ --_sds-select-label-text-color: var(--sds-select-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
2684
3626
  --_sds-select-label-font-size: var(--sds-select-label-font-size, var(--sds-components-font-size-content-md));
2685
3627
  --_sds-select-label-font-weight: var(--sds-select-label-font-weight, var(--sds-typography-font-weight-medium));
2686
3628
  --_sds-select-label-line-height: var(--sds-select-label-line-height, var(--sds-components-line-height-squeezed-md));
@@ -2827,12 +3769,12 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2827
3769
  --_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
2828
3770
  --_sds-select-icon-background-size: var(--sds-select-icon-background-size, var(--sds-components-icon-lg));
2829
3771
  }
2830
- `;var po=Object.defineProperty,go=(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&&po(e,s,a),a};const vo=class extends(se(At(ae(mt)))){constructor(){super(...arguments),this.required=!1,this.size="md",this._hasSlottedLabel=!1,this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleLabelSlotChange=t=>{this._hasSlottedLabel=t.target.assignedNodes().length>0},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;if(t.altKey||t.ctrlKey||t.shiftKey||t.metaKey)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 J`<hr />`;default:return st}})}renderOption(t){const e=t.getAttribute("value"),s=t.value,o=null!=this.value&&s===this.value;return J` <option value=${qt(null===e?void 0:e)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const e=Array.from(t.querySelectorAll("option"));return J` <optgroup label=${qt(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,s=this._hasSlottedLabel||Boolean(this.label);return J`
2831
- <div class="${te(t)}">
3772
+ `;var Yo=Object.defineProperty,Xo=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Yo(t,s,a),a};const Jo=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.required=!1,this.size="md",this._hasSlottedLabel=!1,this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const e=this.getLightDomSelectedValue();null!=e&&(this.value=e)}this._scheduleLightDomSync()},this._handleLabelSlotChange=e=>{this._hasSlottedLabel=e.target.assignedNodes().length>0},this._handleChange=e=>{e.stopImmediatePropagation(),e.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?e.target.value=this.value??"":(this.value=e.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchSheriffEvent("input"),this.dispatchSheriffEvent("change")))},this._handleFocus=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=e=>{e.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleKeyDown=e=>{if(!this.readOnly)return;if(e.altKey||e.ctrlKey||e.shiftKey||e.metaKey)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(e.key)&&(e.preventDefault(),e.stopImmediatePropagation())}}connectedCallback(){if(super.connectedCallback(),null==this.value){const e=Array.from(this.querySelectorAll("option")).find(e=>e.hasAttribute("selected")||e.defaultSelected);e&&(this.value=e.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const e=this.control?.value??"";this.value=this.value??this.defaultValue??e,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(e){super.updated(e),this.control&&e.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(e){this.internals.setFormValue(null==e?null:e)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const e=this.getLightDomSelectedValue();void 0!==e&&e!==this.value&&(this.value=e),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(e=>{for(const t of e){if("childList"===t.type)return void this._scheduleLightDomSync();if("characterData"===t.type)return void this._scheduleLightDomSync();if("attributes"===t.type){const e=t.target;if(!(e instanceof HTMLElement))continue;const s=e.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 e=Array.from(this.querySelectorAll("option")).find(e=>e.hasAttribute("selected")||e.defaultSelected);return e?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const e=this._defaultValue??"";this.control&&(this.control.value=e),this.value=this._defaultValue??"",this.updateValidity()}renderFromLightDom(){const e=this.children??[];return Array.from(e).filter(e=>e instanceof HTMLElement).map(e=>{switch(e.tagName){case"OPTION":return this.renderOption(e);case"OPTGROUP":return this.renderOptgroup(e);case"HR":return Q`<hr />`;default:return se}})}renderOption(e){const t=e.getAttribute("value"),s=e.value,o=null!=this.value&&s===this.value;return Q` <option value=${qe(null===t?void 0:t)} ?disabled=${e.disabled} .selected=${o}>${e.text}</option> `}renderOptgroup(e){const t=Array.from(e.querySelectorAll("option"));return Q` <optgroup label=${qe(e.label||void 0)} ?disabled=${e.disabled}>${t.map(e=>this.renderOption(e))}</optgroup> `}render(){const e={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)},t=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0,s=this._hasSlottedLabel||Boolean(this.label);return Q`
3773
+ <div class="${st(e)}">
2832
3774
  <label for="control" class="sds-select__label" ?hidden="${!s}">
2833
- ${this.readOnly?J`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:st}<slot name="label" @slotchange=${this._handleLabelSlotChange}>${this.label}</slot>
3775
+ ${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:se}<slot name="label" @slotchange=${this._handleLabelSlotChange}>${this.label}</slot>
2834
3776
  </label>
2835
- ${this.helpText?J`<p id="help-text" class="sds-select__help-text">${this.helpText}</p>`:st}
3777
+ ${this.helpText?Q`<p id="help-text" class="sds-select__help-text">${this.helpText}</p>`:se}
2836
3778
 
2837
3779
  <div hidden>
2838
3780
  <slot @slotchange=${this._handleSlotChange}></slot>
@@ -2841,12 +3783,12 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2841
3783
  <select
2842
3784
  id="control"
2843
3785
  class="sds-select__control"
2844
- name=${qt(this.name)}
3786
+ name=${qe(this.name)}
2845
3787
  ?disabled=${this.disabled}
2846
3788
  ?required=${this.required}
2847
- aria-readonly=${qt(this.readOnly)}
3789
+ aria-readonly=${qe(this.readOnly)}
2848
3790
  aria-invalid=${this.errorMessage?"true":"false"}
2849
- aria-describedby=${qt(e)}
3791
+ aria-describedby=${qe(t)}
2850
3792
  @keydown=${this._handleKeyDown}
2851
3793
  @change=${this._handleChange}
2852
3794
  @focus=${this._handleFocus}
@@ -2855,13 +3797,13 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2855
3797
  ${this.renderFromLightDom()}
2856
3798
  </select>
2857
3799
 
2858
- ${this.errorMessage?J`
3800
+ ${this.errorMessage?Q`
2859
3801
  <sds-alert id="error-message" variant="secondary" data-palette="danger">
2860
3802
  <p slot="message">${this.errorMessage}</p>
2861
3803
  </sds-alert>
2862
- `:st}
3804
+ `:se}
2863
3805
  </div>
2864
- `}};vo.styles=[ho];let uo=vo;go([S({type:String,reflect:!0})],uo.prototype,"label"),go([S({type:String,attribute:!1})],uo.prototype,"value"),go([S({type:String,attribute:"default-value"})],uo.prototype,"defaultValue"),go([S({type:String,attribute:"help-text",reflect:!0})],uo.prototype,"helpText"),go([S({type:String,attribute:"error-message",reflect:!0})],uo.prototype,"errorMessage"),go([S({type:Boolean,reflect:!0})],uo.prototype,"required"),go([S({type:String,reflect:!0})],uo.prototype,"size"),go([A("#control")],uo.prototype,"control"),go([C()],uo.prototype,"_hasSlottedLabel");var fo=Object.getOwnPropertyDescriptor;let bo=class extends uo{};bo=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?fo(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-select")],bo);const _o=d`
3806
+ `}};Jo.styles=[Zo];let Qo=Jo;Xo([S({type:String,reflect:!0})],Qo.prototype,"label"),Xo([S({type:String,attribute:!1})],Qo.prototype,"value"),Xo([S({type:String,attribute:"default-value"})],Qo.prototype,"defaultValue"),Xo([S({type:String,attribute:"help-text",reflect:!0})],Qo.prototype,"helpText"),Xo([S({type:String,attribute:"error-message",reflect:!0})],Qo.prototype,"errorMessage"),Xo([S({type:Boolean,reflect:!0})],Qo.prototype,"required"),Xo([S({type:String,reflect:!0})],Qo.prototype,"size"),Xo([L("#control")],Qo.prototype,"control"),Xo([C()],Qo.prototype,"_hasSlottedLabel");var er=Object.getOwnPropertyDescriptor;let tr=class extends Qo{};tr=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?er(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-select")],tr);const sr=d`
2865
3807
  :host {
2866
3808
  display: flex;
2867
3809
  flex-direction: row;
@@ -2896,7 +3838,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
2896
3838
 
2897
3839
  --sds-stepper-step-step-gap: 0 var(--sds-spacing-3xs);
2898
3840
  }
2899
- `;var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,yo=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?xo(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&&mo(e,s,a),a};let wo=class extends(At(mt)){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 J`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};wo.styles=[_o],yo([S({type:String,reflect:!0})],wo.prototype,"orientation",2),yo([L({selector:"sds-stepper-step",flatten:!0})],wo.prototype,"steps",2),wo=yo([O("sds-stepper")],wo);const ko=d`
3841
+ `;var or=Object.defineProperty,rr=Object.getOwnPropertyDescriptor,ar=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?rr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&or(t,s,a),a};let ir=class extends(Le(me)){constructor(){super(),this.orientation="horizontal",this._setActiveStep=(e,t)=>{e.forEach((e,s)=>{e.active=s===t})},this._handleChildClick=e=>{e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof Element&&"sds-stepper-step"===e.tagName.toLowerCase());if(!t)return;const s=this.steps.indexOf(t);-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(e=>e.active)}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-label")||(this.ariaLabel="Steg")}goToStep(e){e<0||e>=this.steps.length||(this._setActiveStep(this.steps,e),this.dispatchSheriffEvent("change",{index:e}))}_applyStepNumbers(){this.steps.forEach((e,t)=>{e.style.setProperty("--sds-stepper-step-counter-content",`"${t+1}"`)})}firstUpdated(){const e=navigator.userAgent;if(/safari/i.test(e)&&!/chrome/i.test(e)&&!/crios/i.test(e)&&!/edgios/i.test(e)&&!/fxios/i.test(e)){this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>this._applyStepNumbers()),this._applyStepNumbers()}}render(){return Q`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};ir.styles=[sr],ar([S({type:String,reflect:!0})],ir.prototype,"orientation",2),ar([O({selector:"sds-stepper-step",flatten:!0})],ir.prototype,"steps",2),ir=ar([A("sds-stepper")],ir);const dr=d`
2900
3842
  :host {
2901
3843
  /* Sizing */
2902
3844
  --_sds-stepper-step-circle-size: var(--sds-stepper-circle-size, 28px);
@@ -3099,7 +4041,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3099
4041
  --_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
3100
4042
  --_sds-stepper-step-counter-mask: var(
3101
4043
  --sds-stepper-step-counter-mask,
3102
- url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-232.43 140.43-470l57.14-57.13L378-346.7l383.43-383.43L818.57-673z'/%3E%3C/svg%3E")
4044
+ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57z'/%3E%3C/svg%3E")
3103
4045
  no-repeat center / 24px 24px
3104
4046
  );
3105
4047
  }
@@ -3126,7 +4068,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3126
4068
  --_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
3127
4069
  --_sds-stepper-step-counter-mask: var(
3128
4070
  --sds-stepper-step-counter-mask,
3129
- url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-232.43 140.43-470l57.14-57.13L378-346.7l383.43-383.43L818.57-673z'/%3E%3C/svg%3E")
4071
+ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57z'/%3E%3C/svg%3E")
3130
4072
  no-repeat center / 24px 24px
3131
4073
  );
3132
4074
  }
@@ -3141,7 +4083,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3141
4083
  --_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
3142
4084
  --_sds-stepper-step-counter-mask: var(
3143
4085
  --sds-stepper-step-counter-mask,
3144
- url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-232.43 140.43-470l57.14-57.13L378-346.7l383.43-383.43L818.57-673z'/%3E%3C/svg%3E")
4086
+ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57z'/%3E%3C/svg%3E")
3145
4087
  no-repeat center / 24px 24px
3146
4088
  );
3147
4089
  }
@@ -3157,21 +4099,21 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3157
4099
  --_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-neutral-border-strong));
3158
4100
  --_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-neutral-text-default));
3159
4101
  }
3160
- `;var zo=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,So=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?$o(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&&zo(e,s,a),a};let Co=class extends(At(mt)){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=()=>J`<div class="sds-stepper-step__step--static">
4102
+ `;var nr=Object.defineProperty,lr=Object.getOwnPropertyDescriptor,cr=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?lr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&nr(t,s,a),a};let hr=class extends(Le(me)){constructor(){super(),this.complete=!1,this.interactive=!1,this.active=!1,this._handleClick=()=>{this.dispatchSheriffEvent("_sds-step-clicked")},this._renderNonInteractiveStep=()=>Q`<div class="sds-stepper-step__step--static">
3161
4103
  <span class="sds-stepper-step__counter"></span>
3162
4104
  <div class="sds-stepper-step__label"><slot></slot></div>
3163
- </div>`,this._renderInteractiveStep=()=>J`<button type="button" role="tab" aria-selected="${this.active?"true":"false"}" id="button" class="sds-stepper-step__step" @click="${this._handleClick}">
4105
+ </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}">
3164
4106
  <span class="sds-stepper-step__counter"></span>
3165
4107
  <div class="sds-stepper-step__label"><slot></slot></div>
3166
- </button>`,this.internals=this.attachInternals()}render(){return this.interactive?J`<div class="sds-stepper-step">
4108
+ </button>`,this.internals=this.attachInternals()}render(){return this.interactive?Q`<div class="sds-stepper-step">
3167
4109
  <span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
3168
4110
  ${this._renderInteractiveStep()}
3169
4111
  <span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
3170
- </div>`:J`<div class="sds-stepper-step" role="tab" aria-disabled="true" tabindex="-1" aria-selected="false">
4112
+ </div>`:Q`<div class="sds-stepper-step" role="tab" aria-disabled="true" tabindex="-1" aria-selected="false">
3171
4113
  <span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
3172
4114
  ${this._renderNonInteractiveStep()}
3173
4115
  <span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
3174
- </div>`}};Co.styles=[ko],Co.shadowRootOptions={...mt.shadowRootOptions,delegatesFocus:!0},So([S({type:Boolean,reflect:!0})],Co.prototype,"complete",2),So([S({type:Boolean,reflect:!0})],Co.prototype,"interactive",2),So([S({type:Boolean,reflect:!0})],Co.prototype,"active",2),Co=So([O("sds-stepper-step")],Co);const Eo=d`
4116
+ </div>`}};hr.styles=[dr],hr.shadowRootOptions={...me.shadowRootOptions,delegatesFocus:!0},cr([S({type:Boolean,reflect:!0})],hr.prototype,"complete",2),cr([S({type:Boolean,reflect:!0})],hr.prototype,"interactive",2),cr([S({type:Boolean,reflect:!0})],hr.prototype,"active",2),hr=cr([A("sds-stepper-step")],hr);const pr=d`
3175
4117
  :host {
3176
4118
  --_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
3177
4119
  --_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -3321,7 +4263,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3321
4263
  .sds-switch__input:checked::before {
3322
4264
  --_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
3323
4265
  }
3324
- `;var Ao=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Oo=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?Lo(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&&Ao(e,s,a),a};let Po=class extends(se(At(ae(mt)))){constructor(){super(...arguments),this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.size="md",this._hasSlottedLabel=!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(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"}},this._handleLabelSlotChange=t=>{this._hasSlottedLabel=t.target.assignedNodes().length>0}}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"}get type(){return"checkbox"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},e=J`<input
4266
+ `;var gr=Object.defineProperty,vr=Object.getOwnPropertyDescriptor,ur=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?vr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&gr(t,s,a),a};let fr=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.size="md",this._hasSlottedLabel=!1,this._initialChecked=!1,this._handleChange=e=>{if(e.stopImmediatePropagation(),this.disabled||this.readOnly)return e.target.checked=this.checked,void e.preventDefault();const t=e.target;this.checked=t.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchSheriffEvent("change")},this._handleFocus=e=>{e.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("focus")},this._handleBlur=e=>{e.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"}},this._handleLabelSlotChange=e=>{this._hasSlottedLabel=e.target.assignedNodes().length>0}}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(e){super.updated(e),e.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(e){this.checked=e}get value(){return this.checked?"on":"off"}get type(){return"checkbox"}render(){const e={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},t=Q`<input
3325
4267
  class="sds-switch__input"
3326
4268
  id="control"
3327
4269
  type="checkbox"
@@ -3330,13 +4272,13 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3330
4272
  ?disabled="${this.disabled}"
3331
4273
  .checked="${this.checked}"
3332
4274
  ?checked="${this.checked}"
3333
- name="${qt(this.name)}"
4275
+ name="${qe(this.name)}"
3334
4276
  @change="${this._handleChange}"
3335
4277
  @focus="${this._handleFocus}"
3336
4278
  @blur="${this._handleBlur}"
3337
- />`,s=this.readOnly?J`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:st,o=this._hasSlottedLabel||Boolean(this.label),r=J`<label class="${te(t)}" for="control" ?hidden="${!o}">
4279
+ />`,s=this.readOnly?Q`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:se,o=this._hasSlottedLabel||Boolean(this.label),r=Q`<label class="${st(e)}" for="control" ?hidden="${!o}">
3338
4280
  ${s}<slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
3339
- </label>`;return J`<div class="${te({"sds-switch":!0})}">${this.reverse?[r,e]:[e,r]}</div>`}};Po.styles=[Eo],Oo([S({type:String,reflect:!0})],Po.prototype,"label",2),Oo([S({type:Boolean,reflect:!0,attribute:"hide-label"})],Po.prototype,"hideLabel",2),Oo([S({type:Boolean,reflect:!0})],Po.prototype,"reverse",2),Oo([S({type:Boolean,reflect:!0})],Po.prototype,"checked",2),Oo([S({type:String,reflect:!0})],Po.prototype,"size",2),Oo([A("#control")],Po.prototype,"control",2),Oo([C()],Po.prototype,"_hasSlottedLabel",2),Po=Oo([O("sds-switch")],Po);const Do=d`
4281
+ </label>`;return Q`<div class="${st({"sds-switch":!0})}">${this.reverse?[r,t]:[t,r]}</div>`}};fr.styles=[pr],ur([S({type:String,reflect:!0})],fr.prototype,"label",2),ur([S({type:Boolean,reflect:!0,attribute:"hide-label"})],fr.prototype,"hideLabel",2),ur([S({type:Boolean,reflect:!0})],fr.prototype,"reverse",2),ur([S({type:Boolean,reflect:!0})],fr.prototype,"checked",2),ur([S({type:String,reflect:!0})],fr.prototype,"size",2),ur([L("#control")],fr.prototype,"control",2),ur([C()],fr.prototype,"_hasSlottedLabel",2),fr=ur([A("sds-switch")],fr);const br=d`
3340
4282
  :host {
3341
4283
  --_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
3342
4284
  --_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -3397,10 +4339,10 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3397
4339
  --_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
3398
4340
  --_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
3399
4341
  }
3400
- `;var To=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,Mo=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?qo(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&&To(e,s,a),a};let Vo=class extends mt{constructor(){super(...arguments),this.size="md"}render(){return J`<span class="${te({"sds-tag":!0})}">
4342
+ `;var _r=Object.defineProperty,mr=Object.getOwnPropertyDescriptor,xr=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?mr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&_r(t,s,a),a};let yr=class extends me{constructor(){super(...arguments),this.size="md"}render(){return Q`<span class="${st({"sds-tag":!0})}">
3401
4343
  <slot></slot>
3402
- </span>`}};Vo.styles=[Do],Mo([S({type:String,reflect:!0})],Vo.prototype,"size",2),Vo=Mo([O("sds-tag")],Vo);const Bo=d`
3403
- ${i('[data-tooltip]{--ds-tooltip:"";--_ds-data-tooltip:var(--ds-tooltip)}: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;overscroll-behavior:contain;overflow:auto}:host{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-tooltip-placement);--_ds-floating-arrow-size:var(--dsc-tooltip-arrow-size);--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;--dsc-tooltip-placement:top;background:var(--dsc-tooltip-background);border-radius:var(--dsc-tooltip-border-radius);border:0;box-sizing:border-box;color:var(--dsc-tooltip-color);line-height:var(--ds-line-height-sm);padding:var(--dsc-tooltip-padding);view-transition-name:ds-tooltip}:host:after{content:"";box-sizing:border-box;height:var(--_dsc-tooltip-safearea-height,0);width:var(--_dsc-tooltip-safearea-width,0);translate:var(--_dsc-tooltip-safearea-translate);position:absolute;left:var(--_ds-floating-arrow-x,50%);top:var(--_ds-floating-arrow-y,100%)}:host[data-floating=bottom]:after,:host[data-floating=top]:after{top:100%;left:0;width:100%;height:var(--dsc-tooltip-arrow-size)}:host[data-floating=left]:after,:host[data-floating=right]:after{top:0;left:100%;width:var(--dsc-tooltip-arrow-size);height:100%}:host[data-floating=bottom]:after{top:calc(var(--dsc-tooltip-arrow-size)*-1)}:host[data-floating=right]:after{left:calc(var(--dsc-tooltip-arrow-size)*-1)}:host:not([popover]){display:none}@media (forced-colors:active){:host{background:CanvasText}}')}
4344
+ </span>`}};yr.styles=[br],xr([S({type:String,reflect:!0})],yr.prototype,"size",2),yr=xr([A("sds-tag")],yr);const wr=d`
4345
+ ${i('[data-tooltip]{--ds-tooltip:"";--_ds-data-tooltip:var(--ds-tooltip)}: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;overscroll-behavior:contain;overflow:auto}:host{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-tooltip-placement);--_ds-floating-arrow-size:var(--dsc-tooltip-arrow-size);--dsc-tooltip-background:var(--ds-color-neutral-text-default);--dsc-tooltip-color:var(--ds-color-neutral-background-default);--dsc-tooltip-border-radius:var(--ds-border-radius-default);--dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);--dsc-tooltip-arrow-size:var(--ds-size-2);--dsc-tooltip-transition-duration:0.2s;--dsc-tooltip-transition-delay:150ms;--dsc-tooltip-placement:top;background:var(--dsc-tooltip-background);border:none;border-radius:var(--dsc-tooltip-border-radius);box-sizing:border-box;color:var(--dsc-tooltip-color);line-height:var(--ds-line-height-sm);padding:var(--dsc-tooltip-padding);view-transition-name:ds-tooltip}:host:after{content:"";box-sizing:border-box;height:var(--_dsc-tooltip-safearea-height,0);width:var(--_dsc-tooltip-safearea-width,0);translate:var(--_dsc-tooltip-safearea-translate);position:absolute;left:var(--_ds-floating-arrow-x,50%);top:var(--_ds-floating-arrow-y,100%)}:host[data-floating=bottom]:after,:host[data-floating=top]:after{top:100%;left:0;width:100%;height:var(--dsc-tooltip-arrow-size)}:host[data-floating=left]:after,:host[data-floating=right]:after{top:0;left:100%;width:var(--dsc-tooltip-arrow-size);height:100%}:host[data-floating=bottom]:after{top:calc(-1 * var(--dsc-tooltip-arrow-size))}:host[data-floating=right]:after{left:calc(-1 * var(--dsc-tooltip-arrow-size))}:host:not([popover]){display:none}')}
3404
4346
 
3405
4347
  :host {
3406
4348
  --dsc-tooltip-background: var(--sds-tooltip-background, var(--sds-color-neutral-text-default));
@@ -3482,7 +4424,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3482
4424
  border: 1px solid CanvasText;
3483
4425
  }
3484
4426
  }
3485
- `;var Ro=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,Io=(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&&Ro(e,s,a),a};let No=class extends(At(mt)){constructor(){super(...arguments),this.placement="top",this.triggers=[],this.cleanups=[],this.onSelfMouseEnter=()=>{clearTimeout(this.hoverTimeout)},this.onSelfMouseLeave=()=>this.hide(),this.onKeyDown=t=>{"Escape"===t.key&&this.hide()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tooltip"),this.setAttribute("popover","manual"),this.setAttribute("aria-hidden","true"),this.dataset.placement=this.placement,this.bindTriggers(),requestAnimationFrame(()=>this.syncTriggerLabels())}updated(t){t.has("placement")&&(this.dataset.placement=this.placement)}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.hoverTimeout),document.removeEventListener("keydown",this.onKeyDown);for(const t of this.cleanups)t();this.cleanups=[],this.triggers=[],this.activeTrigger=void 0}render(){return J`<slot @slotchange=${this.syncTriggerLabels}></slot>`}syncTriggerLabels(){const t=this.textContent?.trim()??"";t&&this.triggers.map(e=>{const s=e.shadowRoot?.querySelector("button, a")??e;this.cleanups.push(()=>s.removeAttribute("aria-label")),s.setAttribute("aria-label",t)})}bindTriggers(){if(this.id){this.triggers=[...document.querySelectorAll("[aria-describedby]")].filter(t=>{const e=t.getAttribute("aria-describedby");return e?.split(/\s+/).includes(this.id)??!1});for(const t of this.triggers){const e=()=>this.show(t),s=()=>this.scheduleHide(),o=()=>this.show(t),r=()=>this.hide();t.addEventListener("mouseenter",e),t.addEventListener("mouseleave",s),t.addEventListener("focusin",o),t.addEventListener("focusout",r),this.cleanups.push(()=>{t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",s),t.removeEventListener("focusin",o),t.removeEventListener("focusout",r)})}this.addEventListener("mouseenter",this.onSelfMouseEnter),this.addEventListener("mouseleave",this.onSelfMouseLeave),this.cleanups.push(()=>{this.removeEventListener("mouseenter",this.onSelfMouseEnter),this.removeEventListener("mouseleave",this.onSelfMouseLeave)})}}show(t){clearTimeout(this.hoverTimeout),this.matches(":popover-open")||this.showPopover(),this.activeTrigger!==t&&(this.activeTrigger=t,this.dispatchSheriffEvent("toggle",t)),document.addEventListener("keydown",this.onKeyDown)}hide(){clearTimeout(this.hoverTimeout);try{this.hidePopover()}catch{}this.activeTrigger=void 0,document.removeEventListener("keydown",this.onKeyDown)}scheduleHide(){clearTimeout(this.hoverTimeout),this.hoverTimeout=setTimeout(()=>this.hide(),200)}};No.styles=[Bo],Io([S({type:String,reflect:!0})],No.prototype,"placement",2),No=Io([O("sds-tooltip")],No);const Ho=d`
4427
+ `;var kr=Object.defineProperty,zr=Object.getOwnPropertyDescriptor,$r=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?zr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&kr(t,s,a),a};let Sr=class extends(Le(me)){constructor(){super(...arguments),this.placement="top",this.triggers=[],this.cleanups=[],this.onSelfMouseEnter=()=>{clearTimeout(this.hoverTimeout)},this.onSelfMouseLeave=()=>this.hide(),this.onKeyDown=e=>{"Escape"===e.key&&this.hide()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tooltip"),this.setAttribute("popover","manual"),this.setAttribute("aria-hidden","true"),this.dataset.placement=this.placement,this.bindTriggers(),requestAnimationFrame(()=>this.syncTriggerLabels())}updated(e){e.has("placement")&&(this.dataset.placement=this.placement)}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.hoverTimeout),document.removeEventListener("keydown",this.onKeyDown);for(const e of this.cleanups)e();this.cleanups=[],this.triggers=[],this.activeTrigger=void 0}render(){return Q`<slot @slotchange=${this.syncTriggerLabels}></slot>`}syncTriggerLabels(){const e=this.textContent?.trim()??"";e&&this.triggers.map(t=>{const s=t.shadowRoot?.querySelector("button, a")??t;this.cleanups.push(()=>s.removeAttribute("aria-label")),s.setAttribute("aria-label",e)})}bindTriggers(){if(this.id){this.triggers=[...document.querySelectorAll("[aria-describedby]")].filter(e=>{const t=e.getAttribute("aria-describedby");return t?.split(/\s+/).includes(this.id)??!1});for(const e of this.triggers){const t=()=>this.show(e),s=()=>this.scheduleHide(),o=()=>this.show(e),r=()=>this.hide();e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",s),e.addEventListener("focusin",o),e.addEventListener("focusout",r),this.cleanups.push(()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",s),e.removeEventListener("focusin",o),e.removeEventListener("focusout",r)})}this.addEventListener("mouseenter",this.onSelfMouseEnter),this.addEventListener("mouseleave",this.onSelfMouseLeave),this.cleanups.push(()=>{this.removeEventListener("mouseenter",this.onSelfMouseEnter),this.removeEventListener("mouseleave",this.onSelfMouseLeave)})}}show(e){clearTimeout(this.hoverTimeout),this.matches(":popover-open")||this.showPopover.call(this,{source:e}),this.activeTrigger!==e&&(this.activeTrigger=e,this.dispatchSheriffEvent("toggle",e)),document.addEventListener("keydown",this.onKeyDown)}hide(){clearTimeout(this.hoverTimeout);try{this.hidePopover()}catch{}this.activeTrigger=void 0,document.removeEventListener("keydown",this.onKeyDown)}scheduleHide(){clearTimeout(this.hoverTimeout),this.hoverTimeout=setTimeout(()=>this.hide(),200)}};Sr.styles=[wr],$r([S({type:String,reflect:!0})],Sr.prototype,"placement",2),Sr=$r([A("sds-tooltip")],Sr);const Cr=d`
3486
4428
  :host {
3487
4429
  --_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
3488
4430
  --_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
@@ -3901,217 +4843,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
3901
4843
  --_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-leadtext-xl-strong-tall-desktop-line-height));
3902
4844
  }
3903
4845
  }
3904
- `;var Fo=Object.defineProperty,Uo=(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&&Fo(e,s,a),a};const Go=class extends mt{constructor(){super(...arguments),this.size="md",this.strong=!1,this.subtle=!1,this.tall=!1}render(){return J`<p><slot></slot></p>`}};Go.styles=[Ho];let Ko=Go;Uo([S({type:String,reflect:!0})],Ko.prototype,"size"),Uo([S({type:Boolean,reflect:!0})],Ko.prototype,"strong"),Uo([S({type:Boolean,reflect:!0})],Ko.prototype,"subtle"),Uo([S({type:Boolean,reflect:!0})],Ko.prototype,"tall");var Wo=Object.getOwnPropertyDescriptor;let Zo=class extends Ko{};Zo=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?Wo(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-text")],Zo);const Yo=d`
3905
- :host {
3906
- --_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
3907
- --_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3908
-
3909
- --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
3910
- --_sds-textfield-border-width: var(--sds-textfield-border-width, var(--sds-border-sm));
3911
- --_sds-textfield-border-radius: var(--sds-textfield-border-radius, var(--sds-radius-sm));
3912
-
3913
- --_sds-textfield-font-family: var(--sds-textfield-font-family, var(--sds-typography-font-family-roboto));
3914
- --_sds-textfield-font-size: var(--sds-textfield-font-size, var(--sds-components-font-size-content-md));
3915
- --_sds-textfield-font-weight: var(--sds-textfield-font-weight, var(--sds-typography-font-weight-regular));
3916
- --_sds-textfield-line-height: var(--sds-textfield-line-height, var(--sds-components-line-height-squeezed-md));
3917
- --_sds-textfield-min-height: var(--sds-textfield-height, var(--sds-components-button-md));
3918
-
3919
- --_sds-textfield-gap: var(--sds-textfield-gap, var(--sds-spacing-3xs));
3920
- --_sds-textfield-padding-block: var(--sds-textfield-padding-block, 0);
3921
- --_sds-textfield-padding-inline: var(--sds-textfield-padding-inline, var(--sds-spacing-xs));
3922
- --_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-md)));
3923
- --_sds-textfield-disabled-opacity: var(--sds-textfield-disabled-opacity, var(--sds-color-states-disabled-opacity));
3924
- --_sds-textfield-max-width: var(--sds-textfield-input-max-width, var(--sds-typography-max-line-width, 60ch));
3925
-
3926
- --_sds-textfield-label-text-color: var(--sds-textfield-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
3927
- --_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-md));
3928
- --_sds-textfield-label-font-weight: var(--sds-textfield-label-font-weight, var(--sds-typography-font-weight-medium));
3929
- --_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-md));
3930
-
3931
- --_sds-textfield-helptext-text-color: var(--sds-textfield-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
3932
- --_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-md));
3933
- --_sds-textfield-helptext-font-weight: var(--sds-textfield-helptext-font-weight, var(--sds-typography-font-weight-regular));
3934
- --_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-md));
3935
-
3936
- --_sds-textfield-focus-color: var(--sds-textfield-focus-color, var(--sds-color-states-focus-outer));
3937
- --_sds-textfield-focus-inner-color: var(--sds-textfield-focus-inner-color, var(--sds-color-states-focus-inner));
3938
- --_sds-textfield-focus-spacing: var(--sds-textfield-focus-spacing, var(--sds-color-states-focus-spacing));
3939
- --_sds-textfield-focus-outline-size: var(--sds-textfield-focus-outline-size, var(--sds-color-states-focus-outline-size));
3940
-
3941
- --_sds-textfield-cursor: var(--sds-textfield-cursor, auto);
3942
-
3943
- --_sds-textfield-icon-right: var(--sds-textfield-icon-right, var(--sds-spacing-xs));
3944
- --_sds-textfield-icon-top: var(--sds-textfield-icon-top, var(--sds-spacing-3xs));
3945
-
3946
- all: unset;
3947
- display: block;
3948
- text-align: start;
3949
- }
3950
-
3951
- .sds-textfield {
3952
- display: flex;
3953
- flex-direction: column;
3954
- gap: var(--_sds-textfield-gap);
3955
- font-family: var(--_sds-textfield-font-family);
3956
-
3957
- .sds-textfield__input-container {
3958
- position: relative;
3959
- font-size: var(--_sds-textfield-font-size);
3960
- max-width: var(--_sds-textfield-max-width);
3961
- }
3962
-
3963
- .sds-textfield__input {
3964
- box-sizing: border-box;
3965
- color: var(--_sds-textfield-text-color);
3966
- padding: var(--_sds-textfield-padding-block) var(--_sds-textfield-padding-inline);
3967
- line-height: var(--_sds-textfield-line-height);
3968
- font-size: var(--_sds-textfield-font-size);
3969
- font-weight: var(--_sds-textfield-font-weight);
3970
- font-family: var(--_sds-textfield-font-family);
3971
- min-height: var(--_sds-textfield-min-height);
3972
- border-radius: var(--_sds-textfield-border-radius);
3973
- border: var(--_sds-textfield-border-width) solid var(--_sds-textfield-border-color);
3974
- background: var(--_sds-textfield-background-color);
3975
- cursor: var(--_sds-textfield-cursor);
3976
- width: 100%;
3977
-
3978
- &:hover {
3979
- --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-border-strong, var(--sds-color-neutral-border-strong)));
3980
- }
3981
-
3982
- &:focus-visible {
3983
- box-shadow: 0 0 0 var(--_sds-textfield-focus-spacing) var(--_sds-textfield-focus-inner-color);
3984
- outline: var(--_sds-textfield-focus-outline-size) solid var(--_sds-textfield-focus-color);
3985
- outline-offset: var(--_sds-textfield-focus-spacing);
3986
- }
3987
- }
3988
-
3989
- .sds-textfield__label {
3990
- color: var(--_sds-textfield-text-color);
3991
- font-size: var(--_sds-textfield-label-font-size);
3992
- font-weight: var(--_sds-textfield-label-font-weight);
3993
- line-height: var(--_sds-textfield-label-line-height);
3994
- }
3995
-
3996
- .sds-textfield__label:has(sds-icon) {
3997
- display: flex;
3998
- flex-direction: row;
3999
- align-items: center;
4000
- gap: var(--_sds-textfield-gap);
4001
- }
4002
-
4003
- .sds-textfield__help-text {
4004
- display: block;
4005
- color: var(--_sds-textfield-helptext-text-color);
4006
- font-size: var(--_sds-textfield-helptext-font-size);
4007
- font-weight: var(--_sds-textfield-helptext-font-weight);
4008
- line-height: var(--_sds-textfield-helptext-line-height);
4009
- margin: 0;
4010
- }
4011
- }
4012
-
4013
- .sds-textfield--error {
4014
- --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-alert-danger-border-default));
4015
-
4016
- & .sds-textfield__input:hover,
4017
- & .sds-textfield__input:hover {
4018
- --_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-alert-danger-border-default));
4019
- }
4020
- }
4021
-
4022
- :host([readonly]) {
4023
- --_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
4024
- --_sds-textfield-cursor: var(--sds-textfield-cursor, default);
4025
- }
4026
-
4027
- :host(:disabled) {
4028
- opacity: var(--_sds-textfield-disabled-opacity);
4029
- pointer-events: none;
4030
- }
4031
-
4032
- .sds-textfield--has-icon {
4033
- .sds-textfield__input {
4034
- padding-right: var(--_sds-textfield-padding-icon);
4035
- }
4036
- }
4037
-
4038
- ::slotted([slot='after']) {
4039
- position: absolute;
4040
- top: var(--_sds-textfield-icon-top);
4041
- right: var(--_sds-textfield-icon-right);
4042
- pointer-events: none;
4043
- }
4044
-
4045
- :host([size='sm']) {
4046
- --_sds-textfield-min-height: var(--sds-textfield-height, var(--sds-components-button-sm));
4047
- --_sds-textfield-font-size: var(--sds-textfield-font-size, var(--sds-components-font-size-content-sm));
4048
- --_sds-textfield-line-height: var(--sds-textfield-line-height, var(--sds-components-line-height-squeezed-sm));
4049
- --_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-sm));
4050
- --_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-sm));
4051
- --_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-sm));
4052
- --_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-sm));
4053
- --_sds-textfield-icon-top: var(--sds-textfield-icon-top, calc((var(--_sds-textfield-min-height) - var(--sds-components-icon-sm)) / 2));
4054
- --_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-sm)));
4055
-
4056
- &:has(sds-icon:not([size])) {
4057
- --sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-sm));
4058
- }
4059
- }
4060
-
4061
- :host([size='lg']) {
4062
- --_sds-textfield-min-height: var(--sds-textfield-height, var(--sds-components-button-lg));
4063
- --_sds-textfield-font-size: var(--sds-textfield-font-size, var(--sds-components-font-size-content-lg));
4064
- --_sds-textfield-line-height: var(--sds-textfield-line-height, var(--sds-components-line-height-squeezed-lg));
4065
- --_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-lg));
4066
- --_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-lg));
4067
- --_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-lg));
4068
- --_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
4069
- --_sds-textfield-icon-top: var(--sds-textfield-icon-top, var(--sds-spacing-3xs));
4070
- --_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-lg)));
4071
-
4072
- &:has(sds-icon:not([size])) {
4073
- --sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
4074
- }
4075
- }
4076
- `;var Qo=Object.defineProperty,Xo=(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&&Qo(e,s,a),a};const Jo=class extends(se(At(ae(mt)))){constructor(){super(...arguments),this.type="text",this.required=!1,this.size="md",this.hasIcon=!1,this._hasSlottedLabel=!1,this._defaultValue=null,this.handleSlotChange=t=>{const e=t.target;this.hasIcon=e.assignedNodes({flatten:!0}).length>0},this._handleLabelSlotChange=t=>{this._hasSlottedLabel=t.target.assignedNodes().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){for(const t of Array.from(this.form?.elements??[]))if(t instanceof HTMLButtonElement||t instanceof HTMLInputElement){if("submit"!==t.type)continue;if(t.disabled)return;return void t.click()}this.form?.requestSubmit()}}}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&&(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,s=this._hasSlottedLabel||Boolean(this.label);return J`
4077
- <div class="${te(t)}">
4078
- <label for="sds-textfield" class="sds-textfield__label" ?hidden="${!s}">
4079
- ${this.readOnly?J`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:st}
4080
- <slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
4081
- </label>
4082
- ${this.helpText?J`<p id="help-text" class="sds-textfield__help-text">${this.helpText}</p>`:st}
4083
- <div class="sds-textfield__input-container">
4084
- <input
4085
- part="input"
4086
- class="sds-textfield__input"
4087
- type="${qt(this.type)}"
4088
- id="sds-textfield"
4089
- ?disabled="${this.disabled}"
4090
- ?readonly="${this.readOnly}"
4091
- placeholder="${qt(this.placeholder)}"
4092
- .value="${this.value??""}"
4093
- name="${qt(this.name)}"
4094
- autocomplete="${qt(this.autocomplete)}"
4095
- ?required="${this.required}"
4096
- pattern="${qt(this.pattern)}"
4097
- min="${qt(this.min)}"
4098
- minlength="${qt(this.minlength)}"
4099
- max="${qt(this.max)}"
4100
- maxlength="${qt(this.maxlength)}"
4101
- aria-describedby="${qt(e)}"
4102
- aria-invalid="${this.errorMessage?"true":"false"}"
4103
- @input="${this._handleInputChange}"
4104
- @change="${this._handleInputChange}"
4105
- @select="${this._handleSelect}"
4106
- @focus="${this._handleFocus}"
4107
- @blur="${this._handleBlur}"
4108
- @keydown="${this._handleKeyDown}"
4109
- />
4110
- <slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
4111
- </div>
4112
- ${this.errorMessage?J`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:st}
4113
- </div>
4114
- `}};Jo.styles=[Yo];let tr=Jo;Xo([S({type:String,reflect:!0})],tr.prototype,"type"),Xo([S({type:String})],tr.prototype,"value"),Xo([S({type:String,reflect:!0})],tr.prototype,"label"),Xo([S({type:String,reflect:!0})],tr.prototype,"placeholder"),Xo([S({type:String,attribute:"help-text",reflect:!0})],tr.prototype,"helpText"),Xo([S({type:String,attribute:"error-message",reflect:!0})],tr.prototype,"errorMessage"),Xo([S({type:String,reflect:!0})],tr.prototype,"autocomplete"),Xo([S({type:Boolean,reflect:!0})],tr.prototype,"required"),Xo([S({type:String,reflect:!0})],tr.prototype,"pattern"),Xo([S({type:Number,reflect:!0})],tr.prototype,"minlength"),Xo([S({type:Number,reflect:!0})],tr.prototype,"maxlength"),Xo([S({type:String,reflect:!0})],tr.prototype,"min"),Xo([S({type:String,reflect:!0})],tr.prototype,"max"),Xo([S({type:String,reflect:!0})],tr.prototype,"size"),Xo([C()],tr.prototype,"hasIcon"),Xo([C()],tr.prototype,"_hasSlottedLabel"),Xo([A("#sds-textfield")],tr.prototype,"control");var er=Object.getOwnPropertyDescriptor;let sr=class extends tr{};sr=((t,e,s,o)=>{for(var r,a=o>1?void 0:o?er(e,s):e,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-textfield")],sr);const or=d`
4846
+ `;var Er=Object.defineProperty,Lr=(e,t,s,o)=>{for(var r,a=void 0,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(t,s,a)||a);return a&&Er(t,s,a),a};const Or=class extends me{constructor(){super(...arguments),this.size="md",this.strong=!1,this.subtle=!1,this.tall=!1}render(){return Q`<p><slot></slot></p>`}};Or.styles=[Cr];let Ar=Or;Lr([S({type:String,reflect:!0})],Ar.prototype,"size"),Lr([S({type:Boolean,reflect:!0})],Ar.prototype,"strong"),Lr([S({type:Boolean,reflect:!0})],Ar.prototype,"subtle"),Lr([S({type:Boolean,reflect:!0})],Ar.prototype,"tall");var Tr=Object.getOwnPropertyDescriptor;let Dr=class extends Ar{};Dr=((e,t,s,o)=>{for(var r,a=o>1?void 0:o?Tr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=r(a)||a);return a})([A("sds-text")],Dr);const Pr=d`
4115
4847
  :host {
4116
4848
  --_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
4117
4849
  --_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
@@ -4314,16 +5046,16 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
4314
5046
  --_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
4315
5047
  --_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
4316
5048
  }
4317
- `;var rr=Object.defineProperty,ar=Object.getOwnPropertyDescriptor,ir=(t,e,s,o)=>{for(var r,a=o>1?void 0:o?ar(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&&rr(e,s,a),a};let dr=class extends(se(At(ae(mt)))){constructor(){super(...arguments),this.autosize=!1,this.required=!1,this.size="md",this._hasSlottedLabel=!1,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._handleLabelSlotChange=t=>{this._hasSlottedLabel=t.target.assignedNodes().length>0}}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&&(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 st;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?J`<sds-alert variant="secondary" data-palette="danger"
4318
- ><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
4319
- >`:J`<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=this._hasSlottedLabel||Boolean(this.label),s={"sds-textarea":!0,"sds-textarea--error":t},o=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return J`
4320
- <div class="${te(s)}">
4321
- <div style="${e||this.helpText?st:"display: none"}">
4322
- <label for="sds-textarea" class="sds-textarea__label" ?hidden="${!e}">
4323
- ${this.readOnly?J`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:st}
5049
+ `;var qr=Object.defineProperty,Mr=Object.getOwnPropertyDescriptor,Vr=(e,t,s,o)=>{for(var r,a=o>1?void 0:o?Mr(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(o?r(t,s,a):r(a))||a);return o&&a&&qr(t,s,a),a};let Br=class extends(rt(Le(dt(me)))){constructor(){super(...arguments),this.autosize=!1,this.required=!1,this.size="md",this._hasSlottedLabel=!1,this._defaultValue=null,this._handleInputChange=e=>{e.stopImmediatePropagation(),!this.disabled&&e.target instanceof HTMLTextAreaElement&&(this.value=e.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchSheriffEvent(e.type))},this._handleSelect=e=>{e.stopImmediatePropagation(),this.disabled||this.dispatchSheriffEvent("select")},this._handleFocus=e=>{e.stopImmediatePropagation(),this.dispatchSheriffEvent("focus")},this._handleBlur=e=>{e.stopImmediatePropagation(),this.updateValidity(),this.dispatchSheriffEvent("blur")},this._handleLabelSlotChange=e=>{this._hasSlottedLabel=e.target.assignedNodes().length>0}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updated(e){super.updated(e),e.has("value")&&(this.internals.setFormValue(this.value??""),this.control&&(this.control.value=this.value??""))}updateValidity(){this.control&&(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 se;const e=this.value?.length||0;return this.hasTypedTooManyCharacters()?Q`<sds-alert variant="secondary" data-palette="danger"
5050
+ ><p class="sds-textarea__character-counter" slot="message">Du har ${e-this.counter} tegn for mye</p></sds-alert
5051
+ >`:Q`<p class="sds-textarea__character-counter">Du har ${this.counter-e} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const e=this._defaultValue??"";this.control.value=e,this.value=e,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(e){this.control&&null!==e&&(this.control.selectionStart=e)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(e){this.control&&null!==e&&(this.control.selectionEnd=e)}setSelectionRange(e,t,s){this.control&&this.control.setSelectionRange(e,t,s)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(e){this.control.setCustomValidity(e),this.updateValidity()}render(){const e=Boolean(this.errorMessage||this.hasTypedTooManyCharacters()),t=this._hasSlottedLabel||Boolean(this.label),s={"sds-textarea":!0,"sds-textarea--error":e},o=[this.errorMessage?"error-message":null,this.helpText?"help-text":null].filter(Boolean).join(" ")||void 0;return Q`
5052
+ <div class="${st(s)}">
5053
+ <div style="${t||this.helpText?se:"display: none"}">
5054
+ <label for="sds-textarea" class="sds-textarea__label" ?hidden="${!t}">
5055
+ ${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:se}
4324
5056
  <slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
4325
5057
  </label>
4326
- ${this.helpText?J`<p id="help-text" class="sds-textarea__help-text">${this.helpText}</p>`:st}
5058
+ ${this.helpText?Q`<p id="help-text" class="sds-textarea__help-text">${this.helpText}</p>`:se}
4327
5059
  </div>
4328
5060
  <div class="sds-textarea__input-container">
4329
5061
  <textarea
@@ -4331,18 +5063,18 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
4331
5063
  id="sds-textarea"
4332
5064
  ?disabled="${this.disabled}"
4333
5065
  ?readonly="${this.readOnly}"
4334
- placeholder="${qt(this.placeholder)}"
5066
+ placeholder="${qe(this.placeholder)}"
4335
5067
  .value="${this.value??""}"
4336
5068
  .autocomplete="${this.autocomplete}"
4337
- name="${qt(this.name)}"
5069
+ name="${qe(this.name)}"
4338
5070
  ?required="${this.required}"
4339
- rows="${qt(this.rows)}"
4340
- cols="${qt(this.cols)}"
4341
- wrap="${qt(this.wrap)}"
4342
- minlength="${qt(this.minlength)}"
4343
- maxlength="${qt(this.maxlength)}"
4344
- aria-describedby="${qt(o)}"
4345
- aria-invalid="${t?"true":"false"}"
5071
+ rows="${qe(this.rows)}"
5072
+ cols="${qe(this.cols)}"
5073
+ wrap="${qe(this.wrap)}"
5074
+ minlength="${qe(this.minlength)}"
5075
+ maxlength="${qe(this.maxlength)}"
5076
+ aria-describedby="${qe(o)}"
5077
+ aria-invalid="${e?"true":"false"}"
4346
5078
  @input="${this._handleInputChange}"
4347
5079
  @change="${this._handleInputChange}"
4348
5080
  @select="${this._handleSelect}"
@@ -4350,7 +5082,7 @@ var t;const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.native
4350
5082
  @blur="${this._handleBlur}"
4351
5083
  ></textarea>
4352
5084
  </div>
4353
- ${this.errorMessage?J`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:st}
5085
+ ${this.errorMessage?Q`<sds-alert id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:se}
4354
5086
  ${this.renderCharacterCounter()}
4355
5087
  </div>
4356
- `}};dr.styles=[or],ir([S({type:String})],dr.prototype,"value",2),ir([S({type:String,reflect:!0})],dr.prototype,"label",2),ir([S({type:String,reflect:!0})],dr.prototype,"placeholder",2),ir([S({type:String,attribute:"help-text",reflect:!0})],dr.prototype,"helpText",2),ir([S({type:String,attribute:"error-message",reflect:!0})],dr.prototype,"errorMessage",2),ir([S({type:String,reflect:!0})],dr.prototype,"autocomplete",2),ir([S({type:Boolean,reflect:!0})],dr.prototype,"autosize",2),ir([S({type:Boolean,reflect:!0})],dr.prototype,"required",2),ir([S({type:Number,reflect:!0})],dr.prototype,"rows",2),ir([S({type:Number,reflect:!0})],dr.prototype,"cols",2),ir([S({type:String,reflect:!0})],dr.prototype,"wrap",2),ir([S({type:Number,reflect:!0})],dr.prototype,"minlength",2),ir([S({type:Number,reflect:!0})],dr.prototype,"maxlength",2),ir([S({type:Number,reflect:!0})],dr.prototype,"counter",2),ir([S({type:String,reflect:!0})],dr.prototype,"size",2),ir([A("#sds-textarea")],dr.prototype,"control",2),ir([C()],dr.prototype,"_hasSlottedLabel",2),dr=ir([O("sds-textarea")],dr);export{be as SDSAlert,ue as SDSButton,ke as SDSCard,Ee as SDSCheckbox,Te as SDSCheckboxGroup,Re as SDSChip,Xe as SDSDetails,os as SDSDetailsGroup,hs as SDSDialog,Ke as SDSEnvironmentBanner,_s as SDSHeading,Jt as SDSIcon,$s as SDSInternalHeader,Ls as SDSLoader,Vs as SDSNotification,Xs as SDSPopover,Ns as SDSProcess,Ks as SDSProcessStep,oo as SDSRadio,co as SDSRadioGroup,bo as SDSSelect,wo as SDSStepper,Co as SDSStepperStep,Po as SDSSwitch,Vo as SDSTag,Zo as SDSText,dr as SDSTextArea,sr as SDSTextField,No as SDSTooltip};
5088
+ `}};Br.styles=[Pr],Vr([S({type:String})],Br.prototype,"value",2),Vr([S({type:String,reflect:!0})],Br.prototype,"label",2),Vr([S({type:String,reflect:!0})],Br.prototype,"placeholder",2),Vr([S({type:String,attribute:"help-text",reflect:!0})],Br.prototype,"helpText",2),Vr([S({type:String,attribute:"error-message",reflect:!0})],Br.prototype,"errorMessage",2),Vr([S({type:String,reflect:!0})],Br.prototype,"autocomplete",2),Vr([S({type:Boolean,reflect:!0})],Br.prototype,"autosize",2),Vr([S({type:Boolean,reflect:!0})],Br.prototype,"required",2),Vr([S({type:Number,reflect:!0})],Br.prototype,"rows",2),Vr([S({type:Number,reflect:!0})],Br.prototype,"cols",2),Vr([S({type:String,reflect:!0})],Br.prototype,"wrap",2),Vr([S({type:Number,reflect:!0})],Br.prototype,"minlength",2),Vr([S({type:Number,reflect:!0})],Br.prototype,"maxlength",2),Vr([S({type:Number,reflect:!0})],Br.prototype,"counter",2),Vr([S({type:String,reflect:!0})],Br.prototype,"size",2),Vr([L("#sds-textarea")],Br.prototype,"control",2),Vr([C()],Br.prototype,"_hasSlottedLabel",2),Br=Vr([A("sds-textarea")],Br);export{mt as SDSAlert,bt as SDSButton,$t as SDSCard,Ot as SDSCheckbox,Mt as SDSCheckboxGroup,jt as SDSChip,xs as SDSDetails,$s as SDSDetailsGroup,Ds as SDSDialog,Zt as SDSEnvironmentBanner,us as SDSFileUpload,hs as SDSFileUploadFileList,ns as SDSFileUploadItem,Rs as SDSHeading,tt as SDSIcon,Gs as SDSInternalHeader,Js as SDSLoader,ao as SDSNotification,yo as SDSPopover,ho as SDSProcess,fo as SDSProcessStep,So as SDSRadio,To as SDSRadioGroup,Wo as SDSSearch,tr as SDSSelect,ir as SDSStepper,hr as SDSStepperStep,fr as SDSSwitch,yr as SDSTag,Dr as SDSText,Br as SDSTextArea,Fo as SDSTextField,Sr as SDSTooltip};