@govtechsg/sgds-web-component 3.27.0-rc.0 → 3.27.0-rc.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 (48) hide show
  1. package/components/DataTable/data-table.js +1 -1
  2. package/components/DataTable/index.umd.min.js +289 -274
  3. package/components/DataTable/index.umd.min.js.map +1 -1
  4. package/components/DataTable/sgds-data-table-cell.d.ts +4 -4
  5. package/components/DataTable/sgds-data-table-cell.js +4 -4
  6. package/components/DataTable/sgds-data-table-cell.js.map +1 -1
  7. package/components/DataTable/sgds-data-table-head.d.ts +5 -5
  8. package/components/DataTable/sgds-data-table-head.js +7 -7
  9. package/components/DataTable/sgds-data-table-head.js.map +1 -1
  10. package/components/DataTable/sgds-data-table-row.js +8 -8
  11. package/components/DataTable/sgds-data-table-row.js.map +1 -1
  12. package/components/DataTable/sgds-data-table.d.ts +6 -4
  13. package/components/DataTable/sgds-data-table.js +53 -20
  14. package/components/DataTable/sgds-data-table.js.map +1 -1
  15. package/components/Textarea/index.umd.min.js +1 -1
  16. package/components/Textarea/index.umd.min.js.map +1 -1
  17. package/components/Textarea/textarea.js +1 -1
  18. package/components/index.umd.min.js +252 -247
  19. package/components/index.umd.min.js.map +1 -1
  20. package/css/fouc.css +2 -2
  21. package/custom-elements.json +2661 -2722
  22. package/index.umd.min.js +84 -79
  23. package/index.umd.min.js.map +1 -1
  24. package/package.json +1 -1
  25. package/react/components/DataTable/data-table.cjs.js +1 -1
  26. package/react/components/DataTable/data-table.js +1 -1
  27. package/react/components/DataTable/sgds-data-table-cell.cjs.js +4 -4
  28. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +1 -1
  29. package/react/components/DataTable/sgds-data-table-cell.js +4 -4
  30. package/react/components/DataTable/sgds-data-table-cell.js.map +1 -1
  31. package/react/components/DataTable/sgds-data-table-head.cjs.js +7 -7
  32. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +1 -1
  33. package/react/components/DataTable/sgds-data-table-head.js +7 -7
  34. package/react/components/DataTable/sgds-data-table-head.js.map +1 -1
  35. package/react/components/DataTable/sgds-data-table-row.cjs.js +8 -8
  36. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +1 -1
  37. package/react/components/DataTable/sgds-data-table-row.js +8 -8
  38. package/react/components/DataTable/sgds-data-table-row.js.map +1 -1
  39. package/react/components/DataTable/sgds-data-table.cjs.js +53 -20
  40. package/react/components/DataTable/sgds-data-table.cjs.js.map +1 -1
  41. package/react/components/DataTable/sgds-data-table.js +53 -20
  42. package/react/components/DataTable/sgds-data-table.js.map +1 -1
  43. package/react/components/Textarea/textarea.cjs.js +1 -1
  44. package/react/components/Textarea/textarea.js +1 -1
  45. package/react/index.cjs.js +18 -18
  46. package/react/index.d.ts +2 -2
  47. package/react/index.js +2 -2
  48. package/types/react.d.ts +107 -115
@@ -4,13 +4,13 @@
4
4
  * Copyright 2019 Google LLC
5
5
  * SPDX-License-Identifier: BSD-3-Clause
6
6
  */
7
- const s=globalThis,i=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),o=new WeakMap;class n{constructor(e,t,s){if(this._$cssResult$=!0,s!==a)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this._strings=t}get styleSheet(){let e=this._styleSheet;const t=this._strings;if(i&&void 0===e){const s=void 0!==t&&1===t.length;s&&(e=o.get(t)),void 0===e&&((this._styleSheet=e=new CSSStyleSheet).replaceSync(this.cssText),s&&o.set(t,e))}return e}toString(){return this.cssText}}const r=(e,...t)=>{const s=1===e.length?e[0]:t.reduce((t,s,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw new 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[i+1],e[0]);return new n(s,e,a)},l=e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return new n("string"==typeof(s=t)?s:String(s),void 0,a);var s},d=i?e=>e:e=>e instanceof CSSStyleSheet?l(e):e,{is:c,defineProperty:h,getOwnPropertyDescriptor:p,getOwnPropertyNames:u,getOwnPropertySymbols:g,getPrototypeOf:v}=Object,m=globalThis;let f;const b=m.trustedTypes,w=b?b.emptyScript:"",y=m.reactiveElementPolyfillSupportDevMode;m.litIssuedWarnings??=new Set,f=(e,t)=>{t+=` See https://lit.dev/msg/${e} for more information.`,m.litIssuedWarnings.has(t)||m.litIssuedWarnings.has(e)||(console.warn(t),m.litIssuedWarnings.add(t))},queueMicrotask(()=>{f("dev-mode","Lit is in dev mode. Not recommended for production!"),m.ShadyDOM?.inUse&&void 0===y&&f("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")});const x=(e,t)=>e,_={toAttribute(e,t){switch(t){case Boolean:e=e?w: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(e){s=null}}return s}},k=(e,t)=>!c(e,t),C={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:k};Symbol.metadata??=Symbol("metadata"),m.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(e){this.__prepare(),(this._initializers??=[]).push(e)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(e,t=C){if(t.state&&(t.attribute=!1),this.__prepare(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const s=Symbol.for(`${String(e)} (@property() cache)`),i=this.getPropertyDescriptor(e,s,t);void 0!==i&&h(this.prototype,e,i)}}static getPropertyDescriptor(e,t,s){const{get:i,set:a}=p(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};if(null==i){if("value"in(p(this.prototype,e)??{}))throw new Error(`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);f("reactive-property-without-getter",`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get:i,set(t){const o=i?.call(this);a?.call(this,t),this.requestUpdate(e,o,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??C}static __prepare(){if(this.hasOwnProperty(x("elementProperties")))return;const e=v(this);e.finalize(),void 0!==e._initializers&&(this._initializers=[...e._initializers]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(x("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(x("properties"))){const e=this.properties,t=[...u(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.__attributeToPropertyMap=new Map;for(const[e,t]of this.elementProperties){const s=this.__attributeNameForProperty(e,t);void 0!==s&&this.__attributeToPropertyMap.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&f("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&f("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}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(d(e))}else void 0!==e&&t.push(d(e));return t}static __attributeNameForProperty(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.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise(e=>this.enableUpdating=e),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach(e=>e(this))}addController(e){(this.__controllers??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this.__controllers?.delete(e)}__saveInstanceProperties(){const e=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.__instanceProperties=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(i)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),a=s.litNonce;void 0!==a&&t.setAttribute("nonce",a),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this.__controllers?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,s){this._$attributeToProperty(e,s)}__propertyToAttribute(e,t){const s=this.constructor.elementProperties.get(e),i=this.constructor.__attributeNameForProperty(e,s);if(void 0!==i&&!0===s.reflect){const a=(void 0!==s.converter?.toAttribute?s.converter:_).toAttribute(t,s.type);this.constructor.enabledWarnings.includes("migration")&&void 0===a&&f("undefined-attribute-value",`The attribute value for the ${e} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=e,null==a?this.removeAttribute(i):this.setAttribute(i,a),this.__reflectingProperty=null}}_$attributeToProperty(e,t){const s=this.constructor,i=s.__attributeToPropertyMap.get(e);if(void 0!==i&&this.__reflectingProperty!==i){const e=s.getPropertyOptions(i),a="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:_;this.__reflectingProperty=i;const o=a.fromAttribute(t,e.type);this[i]=o??this.__defaultValues?.get(i)??o,this.__reflectingProperty=null}}requestUpdate(e,t,s,i=!1,a){if(void 0!==e){e instanceof Event&&f("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()");const o=this.constructor;!1===i&&(a=this[e]),s??=o.getPropertyOptions(e);if(!((s.hasChanged??k)(a,t)||s.useDefault&&s.reflect&&a===this.__defaultValues?.get(e)&&!this.hasAttribute(o.__attributeNameForProperty(e,s))))return;this._$changeProperty(e,t,s)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(e,t,{useDefault:s,reflect:i,wrapped:a},o){s&&!(this.__defaultValues??=new Map).has(e)&&(this.__defaultValues.set(e,o??t??this[e]),!0!==a||void 0!==o)||(this._$changedProperties.has(e)||(this.hasUpdated||s||(t=void 0),this._$changedProperties.set(e,t)),!0===i&&this.__reflectingProperty!==e&&(this.__reflectingProperties??=new Set).add(e))}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){const e=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof e?.then&&f("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),e}performUpdate(){if(!this.isUpdatePending)return;var e;if(e={kind:"update"},m.emitLitDebugLogEvents&&m.dispatchEvent(new CustomEvent("lit-debug",{detail:e})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const e=[...this.constructor.elementProperties.keys()].filter(e=>this.hasOwnProperty(e)&&e in v(this));if(e.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${e.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[e,t]of this.__instanceProperties)this[e]=t;this.__instanceProperties=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,s]of e){const{wrapped:e}=s,i=this[t];!0!==e||this._$changedProperties.has(t)||void 0===i||this._$changeProperty(t,void 0,s,i)}}let t=!1;const s=this._$changedProperties;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this.__controllers?.forEach(e=>e.hostUpdate?.()),this.update(s)):this.__markUpdated()}catch(e){throw t=!1,this.__markUpdated(),e}t&&this._$didUpdate(s)}willUpdate(e){}_$didUpdate(e){this.__controllers?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&f("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(e){return!0}update(e){this.__reflectingProperties&&=this.__reflectingProperties.forEach(e=>this.__propertyToAttribute(e,this[e])),this.__markUpdated()}updated(e){}firstUpdated(e){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[x("elementProperties")]=new Map,$[x("finalized")]=new Map,y?.({ReactiveElement:$});{$.enabledWarnings=["change-in-update","async-perform-update"];const e=function(e){e.hasOwnProperty(x("enabledWarnings"))||(e.enabledWarnings=e.enabledWarnings.slice())};$.enableWarning=function(t){e(this),this.enabledWarnings.includes(t)||this.enabledWarnings.push(t)},$.disableWarning=function(t){e(this);const s=this.enabledWarnings.indexOf(t);s>=0&&this.enabledWarnings.splice(s,1)}}(m.reactiveElementVersions??=[]).push("2.1.2"),m.reactiveElementVersions.length>1&&queueMicrotask(()=>{f("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});
7
+ const s=globalThis,i=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),o=new WeakMap;class n{constructor(e,t,s){if(this._$cssResult$=!0,s!==a)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this._strings=t}get styleSheet(){let e=this._styleSheet;const t=this._strings;if(i&&void 0===e){const s=void 0!==t&&1===t.length;s&&(e=o.get(t)),void 0===e&&((this._styleSheet=e=new CSSStyleSheet).replaceSync(this.cssText),s&&o.set(t,e))}return e}toString(){return this.cssText}}const r=(e,...t)=>{const s=1===e.length?e[0]:t.reduce((t,s,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw new 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[i+1],e[0]);return new n(s,e,a)},l=e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return new n("string"==typeof(s=t)?s:String(s),void 0,a);var s},d=i?e=>e:e=>e instanceof CSSStyleSheet?l(e):e,{is:c,defineProperty:h,getOwnPropertyDescriptor:p,getOwnPropertyNames:g,getOwnPropertySymbols:u,getPrototypeOf:v}=Object,m=globalThis;let f;const b=m.trustedTypes,w=b?b.emptyScript:"",y=m.reactiveElementPolyfillSupportDevMode;m.litIssuedWarnings??=new Set,f=(e,t)=>{t+=` See https://lit.dev/msg/${e} for more information.`,m.litIssuedWarnings.has(t)||m.litIssuedWarnings.has(e)||(console.warn(t),m.litIssuedWarnings.add(t))},queueMicrotask(()=>{f("dev-mode","Lit is in dev mode. Not recommended for production!"),m.ShadyDOM?.inUse&&void 0===y&&f("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")});const x=(e,t)=>e,_={toAttribute(e,t){switch(t){case Boolean:e=e?w: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(e){s=null}}return s}},k=(e,t)=>!c(e,t),C={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:k};Symbol.metadata??=Symbol("metadata"),m.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(e){this.__prepare(),(this._initializers??=[]).push(e)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(e,t=C){if(t.state&&(t.attribute=!1),this.__prepare(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const s=Symbol.for(`${String(e)} (@property() cache)`),i=this.getPropertyDescriptor(e,s,t);void 0!==i&&h(this.prototype,e,i)}}static getPropertyDescriptor(e,t,s){const{get:i,set:a}=p(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};if(null==i){if("value"in(p(this.prototype,e)??{}))throw new Error(`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);f("reactive-property-without-getter",`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get:i,set(t){const o=i?.call(this);a?.call(this,t),this.requestUpdate(e,o,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??C}static __prepare(){if(this.hasOwnProperty(x("elementProperties")))return;const e=v(this);e.finalize(),void 0!==e._initializers&&(this._initializers=[...e._initializers]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(x("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(x("properties"))){const e=this.properties,t=[...g(e),...u(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.__attributeToPropertyMap=new Map;for(const[e,t]of this.elementProperties){const s=this.__attributeNameForProperty(e,t);void 0!==s&&this.__attributeToPropertyMap.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&f("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&f("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}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(d(e))}else void 0!==e&&t.push(d(e));return t}static __attributeNameForProperty(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.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise(e=>this.enableUpdating=e),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach(e=>e(this))}addController(e){(this.__controllers??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this.__controllers?.delete(e)}__saveInstanceProperties(){const e=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.__instanceProperties=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(i)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),a=s.litNonce;void 0!==a&&t.setAttribute("nonce",a),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this.__controllers?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,s){this._$attributeToProperty(e,s)}__propertyToAttribute(e,t){const s=this.constructor.elementProperties.get(e),i=this.constructor.__attributeNameForProperty(e,s);if(void 0!==i&&!0===s.reflect){const a=(void 0!==s.converter?.toAttribute?s.converter:_).toAttribute(t,s.type);this.constructor.enabledWarnings.includes("migration")&&void 0===a&&f("undefined-attribute-value",`The attribute value for the ${e} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=e,null==a?this.removeAttribute(i):this.setAttribute(i,a),this.__reflectingProperty=null}}_$attributeToProperty(e,t){const s=this.constructor,i=s.__attributeToPropertyMap.get(e);if(void 0!==i&&this.__reflectingProperty!==i){const e=s.getPropertyOptions(i),a="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:_;this.__reflectingProperty=i;const o=a.fromAttribute(t,e.type);this[i]=o??this.__defaultValues?.get(i)??o,this.__reflectingProperty=null}}requestUpdate(e,t,s,i=!1,a){if(void 0!==e){e instanceof Event&&f("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()");const o=this.constructor;!1===i&&(a=this[e]),s??=o.getPropertyOptions(e);if(!((s.hasChanged??k)(a,t)||s.useDefault&&s.reflect&&a===this.__defaultValues?.get(e)&&!this.hasAttribute(o.__attributeNameForProperty(e,s))))return;this._$changeProperty(e,t,s)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(e,t,{useDefault:s,reflect:i,wrapped:a},o){s&&!(this.__defaultValues??=new Map).has(e)&&(this.__defaultValues.set(e,o??t??this[e]),!0!==a||void 0!==o)||(this._$changedProperties.has(e)||(this.hasUpdated||s||(t=void 0),this._$changedProperties.set(e,t)),!0===i&&this.__reflectingProperty!==e&&(this.__reflectingProperties??=new Set).add(e))}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){const e=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof e?.then&&f("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),e}performUpdate(){if(!this.isUpdatePending)return;var e;if(e={kind:"update"},m.emitLitDebugLogEvents&&m.dispatchEvent(new CustomEvent("lit-debug",{detail:e})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const e=[...this.constructor.elementProperties.keys()].filter(e=>this.hasOwnProperty(e)&&e in v(this));if(e.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${e.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[e,t]of this.__instanceProperties)this[e]=t;this.__instanceProperties=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,s]of e){const{wrapped:e}=s,i=this[t];!0!==e||this._$changedProperties.has(t)||void 0===i||this._$changeProperty(t,void 0,s,i)}}let t=!1;const s=this._$changedProperties;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this.__controllers?.forEach(e=>e.hostUpdate?.()),this.update(s)):this.__markUpdated()}catch(e){throw t=!1,this.__markUpdated(),e}t&&this._$didUpdate(s)}willUpdate(e){}_$didUpdate(e){this.__controllers?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&f("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(e){return!0}update(e){this.__reflectingProperties&&=this.__reflectingProperties.forEach(e=>this.__propertyToAttribute(e,this[e])),this.__markUpdated()}updated(e){}firstUpdated(e){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[x("elementProperties")]=new Map,$[x("finalized")]=new Map,y?.({ReactiveElement:$});{$.enabledWarnings=["change-in-update","async-perform-update"];const e=function(e){e.hasOwnProperty(x("enabledWarnings"))||(e.enabledWarnings=e.enabledWarnings.slice())};$.enableWarning=function(t){e(this),this.enabledWarnings.includes(t)||this.enabledWarnings.push(t)},$.disableWarning=function(t){e(this);const s=this.enabledWarnings.indexOf(t);s>=0&&this.enabledWarnings.splice(s,1)}}(m.reactiveElementVersions??=[]).push("2.1.2"),m.reactiveElementVersions.length>1&&queueMicrotask(()=>{f("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});
8
8
  /**
9
9
  * @license
10
10
  * Copyright 2017 Google LLC
11
11
  * SPDX-License-Identifier: BSD-3-Clause
12
12
  */
13
- const S=globalThis,M=e=>{S.emitLitDebugLogEvents&&S.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let Z,z=0;S.litIssuedWarnings??=new Set,Z=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",S.litIssuedWarnings.has(t)||S.litIssuedWarnings.has(e)||(console.warn(t),S.litIssuedWarnings.add(t))},queueMicrotask(()=>{Z("dev-mode","Lit is in dev mode. Not recommended for production!")});const V=S.ShadyDOM?.inUse&&!0===S.ShadyDOM?.noPatch?S.ShadyDOM.wrap:e=>e,P=S.trustedTypes,I=P?P.createPolicy("lit-html",{createHTML:e=>e}):void 0,L=e=>e,D=(e,t,s)=>L,A=e=>{if(re!==D)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");re=e},E=()=>{re=D},B=(e,t,s)=>re(e,t,s),H="$lit$",O=`lit$${Math.random().toFixed(9).slice(2)}$`,T="?"+O,R=`<${T}>`,F=document,N=()=>F.createComment(""),j=e=>null===e||"object"!=typeof e&&"function"!=typeof e,U=Array.isArray,q=e=>U(e)||"function"==typeof e?.[Symbol.iterator],Y="[ \t\n\f\r]",K=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,W=/-->/g,G=/>/g,J=new RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),X=/'/g,Q=/"/g,ee=/^(?:script|style|textarea|title)$/i,te=(se=1,(e,...t)=>(e.some(e=>void 0===e)&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),t.some(e=>e?._$litStatic$)&&Z("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:se,strings:e,values:t}));var se;const ie=Symbol.for("lit-noChange"),ae=Symbol.for("lit-nothing"),oe=new WeakMap,ne=F.createTreeWalker(F,129);let re=D;function le(e,t){if(!U(e)||!e.hasOwnProperty("raw")){let e="invalid template strings array";throw e="\n Internal Error: expected template strings to be an array\n with a 'raw' field. Faking a template strings array by\n calling html or svg like an ordinary function is effectively\n the same as calling unsafeHtml and can lead to major security\n issues, e.g. opening your code up to XSS attacks.\n If you're using the html or svg tagged template functions normally\n and still seeing this error, please file a bug at\n https://github.com/lit/lit/issues/new?template=bug_report.md\n and include information about your build tooling, if any.\n ".trim().replace(/\n */g,"\n"),new Error(e)}return void 0!==I?I.createHTML(t):t}const de=(e,t)=>{const s=e.length-1,i=[];let a,o=2===t?"<svg>":3===t?"<math>":"",n=K;for(let t=0;t<s;t++){const s=e[t];let r,l,d=-1,c=0;for(;c<s.length&&(n.lastIndex=c,l=n.exec(s),null!==l);)if(c=n.lastIndex,n===K){if("!--"===l[1])n=W;else if(void 0!==l[1])n=G;else if(void 0!==l[2])ee.test(l[2])&&(a=new RegExp(`</${l[2]}`,"g")),n=J;else if(void 0!==l[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else n===J?">"===l[0]?(n=a??K,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?J:'"'===l[3]?Q:X):n===Q||n===X?n=J:n===W||n===G?n=K:(n=J,a=void 0);console.assert(-1===d||n===J||n===X||n===Q,"unexpected parse state B");const h=n===J&&e[t+1].startsWith("/>")?" ":"";o+=n===K?s+R:d>=0?(i.push(r),s.slice(0,d)+H+s.slice(d)+O+h):s+O+(-2===d?t:h)}return[le(e,o+(e[s]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ce{constructor({strings:e,_$litType$:t},s){let i;this.parts=[];let a=0,o=0;const n=e.length-1,r=this.parts,[l,d]=de(e,t);if(this.el=ce.createElement(l,s),ne.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ne.nextNode())&&r.length<n;){if(1===i.nodeType){{const e=i.localName;if(/^(?:textarea|template)$/i.test(e)&&i.innerHTML.includes(O)){const t=`Expressions are not supported inside \`${e}\` elements. See https://lit.dev/msg/expression-in-${e} for more information.`;if("template"===e)throw new Error(t);Z("",t)}}if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(H)){const t=d[o++],s=i.getAttribute(e).split(O),n=/([.?@])?(.*)/.exec(t);r.push({type:1,index:a,name:n[2],strings:s,ctor:"."===n[1]?ve:"?"===n[1]?me:"@"===n[1]?fe:ge}),i.removeAttribute(e)}else e.startsWith(O)&&(r.push({type:6,index:a}),i.removeAttribute(e));if(ee.test(i.tagName)){const e=i.textContent.split(O),t=e.length-1;if(t>0){i.textContent=P?P.emptyScript:"";for(let s=0;s<t;s++)i.append(e[s],N()),ne.nextNode(),r.push({type:2,index:++a});i.append(e[t],N())}}}else if(8===i.nodeType){if(i.data===T)r.push({type:2,index:a});else{let e=-1;for(;-1!==(e=i.data.indexOf(O,e+1));)r.push({type:7,index:a}),e+=O.length-1}}a++}if(d.length!==o)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+e.join("${...}")+"`");M&&M({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const s=F.createElement("template");return s.innerHTML=e,s}}function he(e,t,s=e,i){if(t===ie)return t;let a=void 0!==i?s.__directives?.[i]:s.__directive;const o=j(t)?void 0:t._$litDirective$;return a?.constructor!==o&&(a?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?a=void 0:(a=new o(e),a._$initialize(e,s,i)),void 0!==i?(s.__directives??=[])[i]=a:s.__directive=a),void 0!==a&&(t=he(e,a._$resolve(e,t.values),a,i)),t}class pe{constructor(e,t){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=e,this._$parent=t}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(e){const{el:{content:t},parts:s}=this._$template,i=(e?.creationScope??F).importNode(t,!0);ne.currentNode=i;let a=ne.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new ue(a,a.nextSibling,this,e):1===r.type?t=new r.ctor(a,r.name,r.strings,this,e):6===r.type&&(t=new be(a,this,e)),this._$parts.push(t),r=s[++n]}o!==r?.index&&(a=ne.nextNode(),o++)}return ne.currentNode=F,i}_update(e){let t=0;for(const s of this._$parts)void 0!==s&&(M&&M({kind:"set part",part:s,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==s.strings?(s._$setValue(e,s,t),t+=s.strings.length-2):s._$setValue(e[t])),t++}}class ue{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,s,i){this.type=2,this._$committedValue=ae,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=s,this.options=i,this.__isConnected=i?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let e=V(this._$startNode).parentNode;const t=this._$parent;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(e,t=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(e=he(this,e,t),j(e))e===ae||null==e||""===e?(this._$committedValue!==ae&&(M&&M({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=ae):e!==this._$committedValue&&e!==ie&&this._commitText(e);else if(void 0!==e._$litType$)this._commitTemplateResult(e);else if(void 0!==e.nodeType){if(this.options?.host===e)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",e,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(e)}else q(e)?this._commitIterable(e):this._commitText(e)}_insert(e){return V(V(this._$startNode).parentNode).insertBefore(e,this._$endNode)}_commitNode(e){if(this._$committedValue!==e){if(this._$clear(),re!==D){const e=this._$startNode.parentNode?.nodeName;if("STYLE"===e||"SCRIPT"===e){let t="Forbidden";throw t="STYLE"===e?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(t)}}M&&M({kind:"commit node",start:this._$startNode,parent:this._$parent,value:e,options:this.options}),this._$committedValue=this._insert(e)}}_commitText(e){if(this._$committedValue!==ae&&j(this._$committedValue)){const t=V(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=B(t,"data","property")),e=this._textSanitizer(e),M&&M({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}else{const t=F.createTextNode("");this._commitNode(t),void 0===this._textSanitizer&&(this._textSanitizer=B(t,"data","property")),e=this._textSanitizer(e),M&&M({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:s}=e,i="number"==typeof s?this._$getTemplate(e):(void 0===s.el&&(s.el=ce.createElement(le(s.h,s.h[0]),this.options)),s);if(this._$committedValue?._$template===i)M&&M({kind:"template updating",template:i,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new pe(i,this),s=e._clone(this.options);M&&M({kind:"template instantiated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:s,values:t}),e._update(t),M&&M({kind:"template instantiated and updated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:s,values:t}),this._commitNode(s),this._$committedValue=e}}_$getTemplate(e){let t=oe.get(e.strings);return void 0===t&&oe.set(e.strings,t=new ce(e)),t}_commitIterable(e){U(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let s,i=0;for(const a of e)i===t.length?t.push(s=new ue(this._insert(N()),this._insert(N()),this,this.options)):s=t[i],s._$setValue(a),i++;i<t.length&&(this._$clear(s&&V(s._$endNode).nextSibling,i),t.length=i)}_$clear(e=V(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);e!==this._$endNode;){const t=V(e).nextSibling;V(e).remove(),e=t}}setConnected(e){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=e,this._$notifyConnectionChanged?.(e)}}class ge{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,s,i,a){this.type=1,this._$committedValue=ae,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=i,this.options=a,s.length>2||""!==s[0]||""!==s[1]?(this._$committedValue=new Array(s.length-1).fill(new String),this.strings=s):this._$committedValue=ae,this._sanitizer=void 0}_$setValue(e,t=this,s,i){const a=this.strings;let o=!1;if(void 0===a)e=he(this,e,t,0),o=!j(e)||e!==this._$committedValue&&e!==ie,o&&(this._$committedValue=e);else{const i=e;let n,r;for(e=a[0],n=0;n<a.length-1;n++)r=he(this,i[s+n],t,n),r===ie&&(r=this._$committedValue[n]),o||=!j(r)||r!==this._$committedValue[n],r===ae?e=ae:e!==ae&&(e+=(r??"")+a[n+1]),this._$committedValue[n]=r}o&&!i&&this._commitValue(e)}_commitValue(e){e===ae?V(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=re(this.element,this.name,"attribute")),e=this._sanitizer(e??""),M&&M({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),V(this.element).setAttribute(this.name,e??""))}}class ve extends ge{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=re(this.element,this.name,"property")),e=this._sanitizer(e),M&&M({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===ae?void 0:e}}class me extends ge{constructor(){super(...arguments),this.type=4}_commitValue(e){M&&M({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!e||e===ae),options:this.options}),V(this.element).toggleAttribute(this.name,!!e&&e!==ae)}}class fe extends ge{constructor(e,t,s,i,a){if(super(e,t,s,i,a),this.type=5,void 0!==this.strings)throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(e,t=this){if((e=he(this,e,t,0)??ae)===ie)return;const s=this._$committedValue,i=e===ae&&s!==ae||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,a=e!==ae&&(s===ae||i);M&&M({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:i,addListener:a,oldListener:s}),i&&this.element.removeEventListener(this.name,this,s),a&&this.element.addEventListener(this.name,this,e),this._$committedValue=e}handleEvent(e){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,e):this._$committedValue.handleEvent(e)}}class be{constructor(e,t,s){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=s}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){M&&M({kind:"commit to element binding",element:this.element,value:e,options:this.options}),he(this,e)}}const we={_boundAttributeSuffix:H,_marker:O,_markerMatch:T,_HTML_RESULT:1,_getTemplateHtml:de,_TemplateInstance:pe,_isIterable:q,_resolveDirective:he,_ChildPart:ue,_AttributePart:ge,_BooleanAttributePart:me,_EventPart:fe,_PropertyPart:ve,_ElementPart:be},ye=S.litHtmlPolyfillSupportDevMode;ye?.(ce,ue),(S.litHtmlVersions??=[]).push("3.3.2"),S.litHtmlVersions.length>1&&queueMicrotask(()=>{Z("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const xe=(e,t,s)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const i=z++,a=s?.renderBefore??t;let o=a._$litPart$;if(M&&M({kind:"begin render",id:i,value:e,container:t,options:s,part:o}),void 0===o){const e=s?.renderBefore??null;a._$litPart$=o=new ue(t.insertBefore(N(),e),e,void 0,s??{})}return o._$setValue(e),M&&M({kind:"end render",id:i,value:e,container:t,options:s,part:o}),o};xe.setSanitizer=A,xe.createSanitizer=B,xe._testOnlyClearSanitizerFactoryDoNotCallOrElse=E;
13
+ const S=globalThis,M=e=>{S.emitLitDebugLogEvents&&S.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let Z,V=0;S.litIssuedWarnings??=new Set,Z=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",S.litIssuedWarnings.has(t)||S.litIssuedWarnings.has(e)||(console.warn(t),S.litIssuedWarnings.add(t))},queueMicrotask(()=>{Z("dev-mode","Lit is in dev mode. Not recommended for production!")});const z=S.ShadyDOM?.inUse&&!0===S.ShadyDOM?.noPatch?S.ShadyDOM.wrap:e=>e,P=S.trustedTypes,D=P?P.createPolicy("lit-html",{createHTML:e=>e}):void 0,I=e=>e,L=(e,t,s)=>I,A=e=>{if(re!==L)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");re=e},E=()=>{re=L},B=(e,t,s)=>re(e,t,s),H="$lit$",O=`lit$${Math.random().toFixed(9).slice(2)}$`,T="?"+O,R=`<${T}>`,F=document,N=()=>F.createComment(""),j=e=>null===e||"object"!=typeof e&&"function"!=typeof e,U=Array.isArray,q=e=>U(e)||"function"==typeof e?.[Symbol.iterator],Y="[ \t\n\f\r]",K=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,W=/-->/g,G=/>/g,J=new RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),X=/'/g,Q=/"/g,ee=/^(?:script|style|textarea|title)$/i,te=(se=1,(e,...t)=>(e.some(e=>void 0===e)&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),t.some(e=>e?._$litStatic$)&&Z("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:se,strings:e,values:t}));var se;const ie=Symbol.for("lit-noChange"),ae=Symbol.for("lit-nothing"),oe=new WeakMap,ne=F.createTreeWalker(F,129);let re=L;function le(e,t){if(!U(e)||!e.hasOwnProperty("raw")){let e="invalid template strings array";throw e="\n Internal Error: expected template strings to be an array\n with a 'raw' field. Faking a template strings array by\n calling html or svg like an ordinary function is effectively\n the same as calling unsafeHtml and can lead to major security\n issues, e.g. opening your code up to XSS attacks.\n If you're using the html or svg tagged template functions normally\n and still seeing this error, please file a bug at\n https://github.com/lit/lit/issues/new?template=bug_report.md\n and include information about your build tooling, if any.\n ".trim().replace(/\n */g,"\n"),new Error(e)}return void 0!==D?D.createHTML(t):t}const de=(e,t)=>{const s=e.length-1,i=[];let a,o=2===t?"<svg>":3===t?"<math>":"",n=K;for(let t=0;t<s;t++){const s=e[t];let r,l,d=-1,c=0;for(;c<s.length&&(n.lastIndex=c,l=n.exec(s),null!==l);)if(c=n.lastIndex,n===K){if("!--"===l[1])n=W;else if(void 0!==l[1])n=G;else if(void 0!==l[2])ee.test(l[2])&&(a=new RegExp(`</${l[2]}`,"g")),n=J;else if(void 0!==l[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else n===J?">"===l[0]?(n=a??K,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?J:'"'===l[3]?Q:X):n===Q||n===X?n=J:n===W||n===G?n=K:(n=J,a=void 0);console.assert(-1===d||n===J||n===X||n===Q,"unexpected parse state B");const h=n===J&&e[t+1].startsWith("/>")?" ":"";o+=n===K?s+R:d>=0?(i.push(r),s.slice(0,d)+H+s.slice(d)+O+h):s+O+(-2===d?t:h)}return[le(e,o+(e[s]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ce{constructor({strings:e,_$litType$:t},s){let i;this.parts=[];let a=0,o=0;const n=e.length-1,r=this.parts,[l,d]=de(e,t);if(this.el=ce.createElement(l,s),ne.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ne.nextNode())&&r.length<n;){if(1===i.nodeType){{const e=i.localName;if(/^(?:textarea|template)$/i.test(e)&&i.innerHTML.includes(O)){const t=`Expressions are not supported inside \`${e}\` elements. See https://lit.dev/msg/expression-in-${e} for more information.`;if("template"===e)throw new Error(t);Z("",t)}}if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(H)){const t=d[o++],s=i.getAttribute(e).split(O),n=/([.?@])?(.*)/.exec(t);r.push({type:1,index:a,name:n[2],strings:s,ctor:"."===n[1]?ve:"?"===n[1]?me:"@"===n[1]?fe:ue}),i.removeAttribute(e)}else e.startsWith(O)&&(r.push({type:6,index:a}),i.removeAttribute(e));if(ee.test(i.tagName)){const e=i.textContent.split(O),t=e.length-1;if(t>0){i.textContent=P?P.emptyScript:"";for(let s=0;s<t;s++)i.append(e[s],N()),ne.nextNode(),r.push({type:2,index:++a});i.append(e[t],N())}}}else if(8===i.nodeType){if(i.data===T)r.push({type:2,index:a});else{let e=-1;for(;-1!==(e=i.data.indexOf(O,e+1));)r.push({type:7,index:a}),e+=O.length-1}}a++}if(d.length!==o)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+e.join("${...}")+"`");M&&M({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const s=F.createElement("template");return s.innerHTML=e,s}}function he(e,t,s=e,i){if(t===ie)return t;let a=void 0!==i?s.__directives?.[i]:s.__directive;const o=j(t)?void 0:t._$litDirective$;return a?.constructor!==o&&(a?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?a=void 0:(a=new o(e),a._$initialize(e,s,i)),void 0!==i?(s.__directives??=[])[i]=a:s.__directive=a),void 0!==a&&(t=he(e,a._$resolve(e,t.values),a,i)),t}class pe{constructor(e,t){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=e,this._$parent=t}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(e){const{el:{content:t},parts:s}=this._$template,i=(e?.creationScope??F).importNode(t,!0);ne.currentNode=i;let a=ne.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new ge(a,a.nextSibling,this,e):1===r.type?t=new r.ctor(a,r.name,r.strings,this,e):6===r.type&&(t=new be(a,this,e)),this._$parts.push(t),r=s[++n]}o!==r?.index&&(a=ne.nextNode(),o++)}return ne.currentNode=F,i}_update(e){let t=0;for(const s of this._$parts)void 0!==s&&(M&&M({kind:"set part",part:s,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==s.strings?(s._$setValue(e,s,t),t+=s.strings.length-2):s._$setValue(e[t])),t++}}class ge{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,s,i){this.type=2,this._$committedValue=ae,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=s,this.options=i,this.__isConnected=i?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let e=z(this._$startNode).parentNode;const t=this._$parent;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(e,t=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(e=he(this,e,t),j(e))e===ae||null==e||""===e?(this._$committedValue!==ae&&(M&&M({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=ae):e!==this._$committedValue&&e!==ie&&this._commitText(e);else if(void 0!==e._$litType$)this._commitTemplateResult(e);else if(void 0!==e.nodeType){if(this.options?.host===e)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",e,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(e)}else q(e)?this._commitIterable(e):this._commitText(e)}_insert(e){return z(z(this._$startNode).parentNode).insertBefore(e,this._$endNode)}_commitNode(e){if(this._$committedValue!==e){if(this._$clear(),re!==L){const e=this._$startNode.parentNode?.nodeName;if("STYLE"===e||"SCRIPT"===e){let t="Forbidden";throw t="STYLE"===e?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(t)}}M&&M({kind:"commit node",start:this._$startNode,parent:this._$parent,value:e,options:this.options}),this._$committedValue=this._insert(e)}}_commitText(e){if(this._$committedValue!==ae&&j(this._$committedValue)){const t=z(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=B(t,"data","property")),e=this._textSanitizer(e),M&&M({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}else{const t=F.createTextNode("");this._commitNode(t),void 0===this._textSanitizer&&(this._textSanitizer=B(t,"data","property")),e=this._textSanitizer(e),M&&M({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:s}=e,i="number"==typeof s?this._$getTemplate(e):(void 0===s.el&&(s.el=ce.createElement(le(s.h,s.h[0]),this.options)),s);if(this._$committedValue?._$template===i)M&&M({kind:"template updating",template:i,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new pe(i,this),s=e._clone(this.options);M&&M({kind:"template instantiated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:s,values:t}),e._update(t),M&&M({kind:"template instantiated and updated",template:i,instance:e,parts:e._$parts,options:this.options,fragment:s,values:t}),this._commitNode(s),this._$committedValue=e}}_$getTemplate(e){let t=oe.get(e.strings);return void 0===t&&oe.set(e.strings,t=new ce(e)),t}_commitIterable(e){U(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let s,i=0;for(const a of e)i===t.length?t.push(s=new ge(this._insert(N()),this._insert(N()),this,this.options)):s=t[i],s._$setValue(a),i++;i<t.length&&(this._$clear(s&&z(s._$endNode).nextSibling,i),t.length=i)}_$clear(e=z(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);e!==this._$endNode;){const t=z(e).nextSibling;z(e).remove(),e=t}}setConnected(e){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=e,this._$notifyConnectionChanged?.(e)}}class ue{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,s,i,a){this.type=1,this._$committedValue=ae,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=i,this.options=a,s.length>2||""!==s[0]||""!==s[1]?(this._$committedValue=new Array(s.length-1).fill(new String),this.strings=s):this._$committedValue=ae,this._sanitizer=void 0}_$setValue(e,t=this,s,i){const a=this.strings;let o=!1;if(void 0===a)e=he(this,e,t,0),o=!j(e)||e!==this._$committedValue&&e!==ie,o&&(this._$committedValue=e);else{const i=e;let n,r;for(e=a[0],n=0;n<a.length-1;n++)r=he(this,i[s+n],t,n),r===ie&&(r=this._$committedValue[n]),o||=!j(r)||r!==this._$committedValue[n],r===ae?e=ae:e!==ae&&(e+=(r??"")+a[n+1]),this._$committedValue[n]=r}o&&!i&&this._commitValue(e)}_commitValue(e){e===ae?z(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=re(this.element,this.name,"attribute")),e=this._sanitizer(e??""),M&&M({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),z(this.element).setAttribute(this.name,e??""))}}class ve extends ue{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=re(this.element,this.name,"property")),e=this._sanitizer(e),M&&M({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===ae?void 0:e}}class me extends ue{constructor(){super(...arguments),this.type=4}_commitValue(e){M&&M({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!e||e===ae),options:this.options}),z(this.element).toggleAttribute(this.name,!!e&&e!==ae)}}class fe extends ue{constructor(e,t,s,i,a){if(super(e,t,s,i,a),this.type=5,void 0!==this.strings)throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(e,t=this){if((e=he(this,e,t,0)??ae)===ie)return;const s=this._$committedValue,i=e===ae&&s!==ae||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,a=e!==ae&&(s===ae||i);M&&M({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:i,addListener:a,oldListener:s}),i&&this.element.removeEventListener(this.name,this,s),a&&this.element.addEventListener(this.name,this,e),this._$committedValue=e}handleEvent(e){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,e):this._$committedValue.handleEvent(e)}}class be{constructor(e,t,s){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=s}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){M&&M({kind:"commit to element binding",element:this.element,value:e,options:this.options}),he(this,e)}}const we={_boundAttributeSuffix:H,_marker:O,_markerMatch:T,_HTML_RESULT:1,_getTemplateHtml:de,_TemplateInstance:pe,_isIterable:q,_resolveDirective:he,_ChildPart:ge,_AttributePart:ue,_BooleanAttributePart:me,_EventPart:fe,_PropertyPart:ve,_ElementPart:be},ye=S.litHtmlPolyfillSupportDevMode;ye?.(ce,ge),(S.litHtmlVersions??=[]).push("3.3.2"),S.litHtmlVersions.length>1&&queueMicrotask(()=>{Z("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const xe=(e,t,s)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const i=V++,a=s?.renderBefore??t;let o=a._$litPart$;if(M&&M({kind:"begin render",id:i,value:e,container:t,options:s,part:o}),void 0===o){const e=s?.renderBefore??null;a._$litPart$=o=new ge(t.insertBefore(N(),e),e,void 0,s??{})}return o._$setValue(e),M&&M({kind:"end render",id:i,value:e,container:t,options:s,part:o}),o};xe.setSanitizer=A,xe.createSanitizer=B,xe._testOnlyClearSanitizerFactoryDoNotCallOrElse=E;
14
14
  /**
15
15
  * @license
16
16
  * Copyright 2017 Google LLC
@@ -22,41 +22,41 @@ const _e=globalThis;let ke;_e.litIssuedWarnings??=new Set,ke=(e,t)=>{t+=` See ht
22
22
  * Copyright 2017 Google LLC
23
23
  * SPDX-License-Identifier: BSD-3-Clause
24
24
  */
25
- let Me;Se?.({LitElement:Ce}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litElementVersions.length>1&&queueMicrotask(()=>{ke("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")}),globalThis.litIssuedWarnings??=new Set,Me=(e,t)=>{t+=` See https://lit.dev/msg/${e} for more information.`,globalThis.litIssuedWarnings.has(t)||globalThis.litIssuedWarnings.has(e)||(console.warn(t),globalThis.litIssuedWarnings.add(t))};const Ze={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:k},ze=(e=Ze,t,s)=>{const{kind:i,metadata:a}=s;null==a&&Me("missing-class-metadata",`The class ${t} is missing decorator metadata. This could mean that you're using a compiler that supports decorators but doesn't support decorator metadata, such as TypeScript 5.1. Please update your compiler.`);let o=globalThis.litPropertyMetadata.get(a);if(void 0===o&&globalThis.litPropertyMetadata.set(a,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(s.name,e),"accessor"===i){const{name:i}=s;return{set(s){const a=t.get.call(this);t.set.call(this,s),this.requestUpdate(i,a,e,!0,s)},init(t){return void 0!==t&&this._$changeProperty(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=s;return function(s){const a=this[i];t.call(this,s),this.requestUpdate(i,a,e,!0,s)}}throw new Error(`Unsupported decorator location: ${i}`)};function Ve(e){return(t,s)=>"object"==typeof s?ze(e,t,s):((e,t,s)=>{const i=t.hasOwnProperty(s);return t.constructor.createProperty(s,e),i?Object.getOwnPropertyDescriptor(t,s):void 0})(e,t,s)}
25
+ let Me;Se?.({LitElement:Ce}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litElementVersions.length>1&&queueMicrotask(()=>{ke("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")}),globalThis.litIssuedWarnings??=new Set,Me=(e,t)=>{t+=` See https://lit.dev/msg/${e} for more information.`,globalThis.litIssuedWarnings.has(t)||globalThis.litIssuedWarnings.has(e)||(console.warn(t),globalThis.litIssuedWarnings.add(t))};const Ze={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:k},Ve=(e=Ze,t,s)=>{const{kind:i,metadata:a}=s;null==a&&Me("missing-class-metadata",`The class ${t} is missing decorator metadata. This could mean that you're using a compiler that supports decorators but doesn't support decorator metadata, such as TypeScript 5.1. Please update your compiler.`);let o=globalThis.litPropertyMetadata.get(a);if(void 0===o&&globalThis.litPropertyMetadata.set(a,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(s.name,e),"accessor"===i){const{name:i}=s;return{set(s){const a=t.get.call(this);t.set.call(this,s),this.requestUpdate(i,a,e,!0,s)},init(t){return void 0!==t&&this._$changeProperty(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=s;return function(s){const a=this[i];t.call(this,s),this.requestUpdate(i,a,e,!0,s)}}throw new Error(`Unsupported decorator location: ${i}`)};function ze(e){return(t,s)=>"object"==typeof s?Ve(e,t,s):((e,t,s)=>{const i=t.hasOwnProperty(s);return t.constructor.createProperty(s,e),i?Object.getOwnPropertyDescriptor(t,s):void 0})(e,t,s)}
26
26
  /**
27
27
  * @license
28
28
  * Copyright 2017 Google LLC
29
29
  * SPDX-License-Identifier: BSD-3-Clause
30
- */function Pe(e){return Ve({...e,state:!0,attribute:!1})}
30
+ */function Pe(e){return ze({...e,state:!0,attribute:!1})}
31
31
  /**
32
32
  * @license
33
33
  * Copyright 2017 Google LLC
34
34
  * SPDX-License-Identifier: BSD-3-Clause
35
- */const Ie=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,s),s);
35
+ */const De=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,s),s);
36
36
  /**
37
37
  * @license
38
38
  * Copyright 2017 Google LLC
39
39
  * SPDX-License-Identifier: BSD-3-Clause
40
- */let Le;function De(e,t){return(s,i,a)=>{const o=s=>{const a=s.renderRoot?.querySelector(e)??null;if(null===a&&t&&!s.hasUpdated){const t="object"==typeof i?i.name:i;Le("",`@query'd field ${JSON.stringify(String(t))} with the 'cache' flag set for selector '${e}' has been accessed before the first update and returned null. This is expected if the renderRoot tree has not been provided beforehand (e.g. via Declarative Shadow DOM). Therefore the value hasn't been cached.`)}return a};if(t){const{get:e,set:t}="object"==typeof i?s:a??(()=>{const e=Symbol(`${String(i)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return Ie(s,i,{get(){let s=e.call(this);return void 0===s&&(s=o(this),(null!==s||this.hasUpdated)&&t.call(this,s)),s}})}return Ie(s,i,{get(){return o(this)}})}}
40
+ */let Ie;function Le(e,t){return(s,i,a)=>{const o=s=>{const a=s.renderRoot?.querySelector(e)??null;if(null===a&&t&&!s.hasUpdated){const t="object"==typeof i?i.name:i;Ie("",`@query'd field ${JSON.stringify(String(t))} with the 'cache' flag set for selector '${e}' has been accessed before the first update and returned null. This is expected if the renderRoot tree has not been provided beforehand (e.g. via Declarative Shadow DOM). Therefore the value hasn't been cached.`)}return a};if(t){const{get:e,set:t}="object"==typeof i?s:a??(()=>{const e=Symbol(`${String(i)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return De(s,i,{get(){let s=e.call(this);return void 0===s&&(s=o(this),(null!==s||this.hasUpdated)&&t.call(this,s)),s}})}return De(s,i,{get(){return o(this)}})}}
41
41
  /**
42
42
  * @license
43
43
  * Copyright 2017 Google LLC
44
44
  * SPDX-License-Identifier: BSD-3-Clause
45
- */function Ae(e){return(t,s)=>Ie(t,s,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(e)??null}})}
45
+ */function Ae(e){return(t,s)=>De(t,s,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(e)??null}})}
46
46
  /**
47
47
  * @license
48
48
  * Copyright 2021 Google LLC
49
49
  * SPDX-License-Identifier: BSD-3-Clause
50
- */function Ee(e){return(t,s)=>{const{slot:i,selector:a}=e??{},o="slot"+(i?`[name=${i}]`:":not([name])");return Ie(t,s,{get(){const t=this.renderRoot?.querySelector(o),s=t?.assignedElements(e)??[];return void 0===a?s:s.filter(e=>e.matches(a))}})}}
50
+ */function Ee(e){return(t,s)=>{const{slot:i,selector:a}=e??{},o="slot"+(i?`[name=${i}]`:":not([name])");return De(t,s,{get(){const t=this.renderRoot?.querySelector(o),s=t?.assignedElements(e)??[];return void 0===a?s:s.filter(e=>e.matches(a))}})}}
51
51
  /**
52
52
  * @license
53
53
  * Copyright 2017 Google LLC
54
54
  * SPDX-License-Identifier: BSD-3-Clause
55
- */function Be(e){return(t,s)=>{const{slot:i}=e??{},a="slot"+(i?`[name=${i}]`:":not([name])");return Ie(t,s,{get(){const t=this.renderRoot?.querySelector(a);return t?.assignedNodes(e)??[]}})}}globalThis.litIssuedWarnings??=new Set,Le=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",globalThis.litIssuedWarnings.has(t)||globalThis.litIssuedWarnings.has(e)||(console.warn(t),globalThis.litIssuedWarnings.add(t))};var He=r`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Oe extends Ce{emit(e,t){const s=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(s),s}static define(e,t=this,s={}){if(customElements.get(e));else try{customElements.define(e,t,s)}catch(i){customElements.define(e,class extends t{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach(e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Oe.styles=[He],Oe.dependencies={},t([Ve({type:Boolean,reflect:!0})],Oe.prototype,"ssr",void 0);var Te=r`:host([variant=border]) .accordion{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md)}`;const Re=["Enter","ArrowUp","ArrowLeft","ArrowDown","ArrowRight"];class Fe extends Oe{constructor(){super(...arguments),this.allowMultiple=!1,this.variant="default",this.density="default"}get items(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}_handleSlotChange(){const e=[...this.items];e.forEach((t,s)=>{if(e.length>1)switch(s){case 0:t.setAttribute("first-of-type","");break;case e.length-1:t.setAttribute("last-of-type","");break;default:t.setAttribute("nth-of-type","")}t.setAttribute("variant",this.variant),t.setAttribute("density",this.density)})}async _onToggle(e){if(this.allowMultiple)return;const t=[...this.items];t&&!t.length||t.forEach(t=>{e.composedPath().includes(t)||(t.open=!1)})}async _onKeyboardToggle(e){if(Re.includes(e.key))return this._onToggle(e)}render(){return te`
55
+ */function Be(e){return(t,s)=>{const{slot:i}=e??{},a="slot"+(i?`[name=${i}]`:":not([name])");return De(t,s,{get(){const t=this.renderRoot?.querySelector(a);return t?.assignedNodes(e)??[]}})}}globalThis.litIssuedWarnings??=new Set,Ie=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",globalThis.litIssuedWarnings.has(t)||globalThis.litIssuedWarnings.has(e)||(console.warn(t),globalThis.litIssuedWarnings.add(t))};var He=r`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Oe extends Ce{emit(e,t){const s=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(s),s}static define(e,t=this,s={}){if(customElements.get(e));else try{customElements.define(e,t,s)}catch(i){customElements.define(e,class extends t{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach(e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Oe.styles=[He],Oe.dependencies={},t([ze({type:Boolean,reflect:!0})],Oe.prototype,"ssr",void 0);var Te=r`:host([variant=border]) .accordion{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md)}`;const Re=["Enter","ArrowUp","ArrowLeft","ArrowDown","ArrowRight"];class Fe extends Oe{constructor(){super(...arguments),this.allowMultiple=!1,this.variant="default",this.density="default"}get items(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}_handleSlotChange(){const e=[...this.items];e.forEach((t,s)=>{if(e.length>1)switch(s){case 0:t.setAttribute("first-of-type","");break;case e.length-1:t.setAttribute("last-of-type","");break;default:t.setAttribute("nth-of-type","")}t.setAttribute("variant",this.variant),t.setAttribute("density",this.density)})}async _onToggle(e){if(this.allowMultiple)return;const t=[...this.items];t&&!t.length||t.forEach(t=>{e.composedPath().includes(t)||(t.open=!1)})}async _onKeyboardToggle(e){if(Re.includes(e.key))return this._onToggle(e)}render(){return te`
56
56
  <div class="accordion">
57
57
  <slot @slotchange=${this._handleSlotChange} @click=${this._onToggle} @keydown=${this._onKeyboardToggle}></slot>
58
58
  </div>
59
- `}}Fe.styles=[...Oe.styles,Te],t([Ve({type:Boolean,reflect:!0})],Fe.prototype,"allowMultiple",void 0),t([Ve({type:String,reflect:!0})],Fe.prototype,"variant",void 0),t([Ve({type:String,reflect:!0})],Fe.prototype,"density",void 0),t([Ee()],Fe.prototype,"defaultNodes",void 0);
59
+ `}}Fe.styles=[...Oe.styles,Te],t([ze({type:Boolean,reflect:!0})],Fe.prototype,"allowMultiple",void 0),t([ze({type:String,reflect:!0})],Fe.prototype,"variant",void 0),t([ze({type:String,reflect:!0})],Fe.prototype,"density",void 0),t([Ee()],Fe.prototype,"defaultNodes",void 0);
60
60
  /**
61
61
  * @license
62
62
  * Copyright 2017 Google LLC
@@ -101,17 +101,17 @@ const Ne=1,je=2,Ue=3,qe=4,Ye=e=>(...t)=>({_$litDirective$:e,values:t});class Ke{
101
101
  <slot id="content" name="content" class="content" role="region" aria-labelledby="header"></slot>
102
102
  </div>
103
103
  </div>
104
- `}}lt.styles=[...Oe.styles,rt],t([De(".accordion-item")],lt.prototype,"accordion",void 0),t([De(".accordion-btn")],lt.prototype,"header",void 0),t([De(".accordion-body")],lt.prototype,"body",void 0),t([Ve({type:Boolean,reflect:!0})],lt.prototype,"open",void 0),t([Ve({type:Boolean,reflect:!0})],lt.prototype,"disabled",void 0),t([Ve({type:String,reflect:!0})],lt.prototype,"density",void 0),t([Ve({type:String})],lt.prototype,"ariaLabel",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],lt.prototype,"handleOpenChange",null),at("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:350,easing:"ease-in-out"}}),at("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:350,easing:"ease-in-out"}});
104
+ `}}lt.styles=[...Oe.styles,rt],t([Le(".accordion-item")],lt.prototype,"accordion",void 0),t([Le(".accordion-btn")],lt.prototype,"header",void 0),t([Le(".accordion-body")],lt.prototype,"body",void 0),t([ze({type:Boolean,reflect:!0})],lt.prototype,"open",void 0),t([ze({type:Boolean,reflect:!0})],lt.prototype,"disabled",void 0),t([ze({type:String,reflect:!0})],lt.prototype,"density",void 0),t([ze({type:String})],lt.prototype,"ariaLabel",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],lt.prototype,"handleOpenChange",null),at("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:350,easing:"ease-in-out"}}),at("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:350,easing:"ease-in-out"}});
105
105
  /**
106
106
  * @license
107
107
  * Copyright 2020 Google LLC
108
108
  * SPDX-License-Identifier: BSD-3-Clause
109
109
  */
110
- const dt=Symbol.for(""),ct=e=>{if(e?.r===dt)return e?._$litStatic$},ht=(e,...t)=>({_$litStatic$:t.reduce((t,s,i)=>t+(e=>{if(void 0!==e._$litStatic$)return e._$litStatic$;throw new 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[i+1],e[0]),r:dt}),pt=new Map,ut=(gt=te,(e,...t)=>{const s=t.length;let i,a;const o=[],n=[];let r,l=0,d=!1;for(;l<s;){for(r=e[l];l<s&&void 0!==(a=t[l],i=ct(a));)r+=i+e[++l],d=!0;l!==s&&n.push(a),o.push(r),l++}if(l===s&&o.push(e[s]),d){const s=o.join("$$lit$$");void 0===(e=pt.get(s))&&(o.raw=o,pt.set(s,e=o)),t=n}return gt(e,...t)});var gt,vt=r`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([tone=fixed-light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([tone=fixed-dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close:focus-visible,.btn-close:hover{background-color:var(--sgds-bg-translucent)}:host([tone=fixed-light]) .btn-close:focus-visible,:host([tone=fixed-light]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-light)}:host([tone=fixed-dark]) .btn-close:focus-visible,:host([tone=fixed-dark]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-dark)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) .btn-close{cursor:not-allowed;opacity:var(--sgds-opacity-40);pointer-events:none}`;function mt(e){return!!function(e){return!!customElements.get(e)}(e)||(console.error(`Custom element of name : ${e} is not registered. Remember to import the component file for custom element registration`),!1)}class ft extends Oe{constructor(){super(...arguments),this.size="md",this.tone="default",this.disabled=!1,this._clickHandler=()=>{}}_handleClick(e){if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.removeEventListener("click",this._clickHandler),this.addEventListener("click",this._clickHandler)}firstUpdated(e){super.firstUpdated(e),mt("sgds-icon")}render(){return te`
110
+ const dt=Symbol.for(""),ct=e=>{if(e?.r===dt)return e?._$litStatic$},ht=(e,...t)=>({_$litStatic$:t.reduce((t,s,i)=>t+(e=>{if(void 0!==e._$litStatic$)return e._$litStatic$;throw new 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[i+1],e[0]),r:dt}),pt=new Map,gt=(ut=te,(e,...t)=>{const s=t.length;let i,a;const o=[],n=[];let r,l=0,d=!1;for(;l<s;){for(r=e[l];l<s&&void 0!==(a=t[l],i=ct(a));)r+=i+e[++l],d=!0;l!==s&&n.push(a),o.push(r),l++}if(l===s&&o.push(e[s]),d){const s=o.join("$$lit$$");void 0===(e=pt.get(s))&&(o.raw=o,pt.set(s,e=o)),t=n}return ut(e,...t)});var ut,vt=r`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([tone=fixed-light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([tone=fixed-dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close:focus-visible,.btn-close:hover{background-color:var(--sgds-bg-translucent)}:host([tone=fixed-light]) .btn-close:focus-visible,:host([tone=fixed-light]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-light)}:host([tone=fixed-dark]) .btn-close:focus-visible,:host([tone=fixed-dark]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-dark)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) .btn-close{cursor:not-allowed;opacity:var(--sgds-opacity-40);pointer-events:none}`;function mt(e){return!!function(e){return!!customElements.get(e)}(e)||(console.error(`Custom element of name : ${e} is not registered. Remember to import the component file for custom element registration`),!1)}class ft extends Oe{constructor(){super(...arguments),this.size="md",this.tone="default",this.disabled=!1,this._clickHandler=()=>{}}_handleClick(e){if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.removeEventListener("click",this._clickHandler),this.addEventListener("click",this._clickHandler)}firstUpdated(e){super.firstUpdated(e),mt("sgds-icon")}render(){return te`
111
111
  <button class="btn-close" aria-label="Close button" ?disabled=${this.disabled} @click=${this._handleClick}>
112
112
  <sgds-icon name="cross" size="sm"></sgds-icon>
113
113
  </button>
114
- `}}ft.styles=[...Oe.styles,vt],t([Ve({type:String,reflect:!0})],ft.prototype,"size",void 0),t([Ve({type:String,reflect:!0})],ft.prototype,"tone",void 0),t([Ve({type:Boolean,reflect:!0})],ft.prototype,"disabled",void 0);const bt={announcement:()=>Promise.resolve().then(function(){return Or}),archive:()=>Promise.resolve().then(function(){return Rr}),"arrow-bar-down":()=>Promise.resolve().then(function(){return Nr}),"arrow-bar-left":()=>Promise.resolve().then(function(){return Ur}),"arrow-bar-right":()=>Promise.resolve().then(function(){return Yr}),"arrow-bar-up":()=>Promise.resolve().then(function(){return Wr}),"arrow-circle-down":()=>Promise.resolve().then(function(){return Jr}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Qr}),"arrow-circle-right":()=>Promise.resolve().then(function(){return tl}),"arrow-circle-up":()=>Promise.resolve().then(function(){return il}),"arrow-clockwise":()=>Promise.resolve().then(function(){return ol}),"arrow-down":()=>Promise.resolve().then(function(){return rl}),"arrow-left":()=>Promise.resolve().then(function(){return dl}),"arrow-repeat":()=>Promise.resolve().then(function(){return hl}),"arrow-right":()=>Promise.resolve().then(function(){return ul}),"arrow-square-down":()=>Promise.resolve().then(function(){return vl}),"arrow-square-left":()=>Promise.resolve().then(function(){return fl}),"arrow-square-right":()=>Promise.resolve().then(function(){return wl}),"arrow-square-up":()=>Promise.resolve().then(function(){return xl}),"arrow-up":()=>Promise.resolve().then(function(){return kl}),"bank-fill":()=>Promise.resolve().then(function(){return $l}),"bell-slash":()=>Promise.resolve().then(function(){return Ml}),bell:()=>Promise.resolve().then(function(){return zl}),"bi-funnel":()=>Promise.resolve().then(function(){return Pl}),"bookmark-fill":()=>Promise.resolve().then(function(){return Ll}),bookmark:()=>Promise.resolve().then(function(){return Al}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return Bl}),"box-seam":()=>Promise.resolve().then(function(){return Ol}),building:()=>Promise.resolve().then(function(){return Rl}),bus:()=>Promise.resolve().then(function(){return Nl}),calculator:()=>Promise.resolve().then(function(){return Ul}),"calendar-check":()=>Promise.resolve().then(function(){return Yl}),"calendar-heart":()=>Promise.resolve().then(function(){return Wl}),"calendar-x":()=>Promise.resolve().then(function(){return Jl}),calendar:()=>Promise.resolve().then(function(){return Ql}),camera:()=>Promise.resolve().then(function(){return td}),car:()=>Promise.resolve().then(function(){return id}),"chat-dots":()=>Promise.resolve().then(function(){return od}),"chat-left-text":()=>Promise.resolve().then(function(){return rd}),chat:()=>Promise.resolve().then(function(){return dd}),"check-circle-fill":()=>Promise.resolve().then(function(){return hd}),"check-circle":()=>Promise.resolve().then(function(){return ud}),check:()=>Promise.resolve().then(function(){return vd}),"chevron-down":()=>Promise.resolve().then(function(){return fd}),"chevron-left":()=>Promise.resolve().then(function(){return wd}),"chevron-right":()=>Promise.resolve().then(function(){return xd}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return kd}),"chevron-up":()=>Promise.resolve().then(function(){return $d}),clock:()=>Promise.resolve().then(function(){return Md}),"cloud-check":()=>Promise.resolve().then(function(){return zd}),"cloud-download":()=>Promise.resolve().then(function(){return Pd}),"cloud-upload":()=>Promise.resolve().then(function(){return Ld}),cloud:()=>Promise.resolve().then(function(){return Ad}),"code-square":()=>Promise.resolve().then(function(){return Bd}),"coins-hand":()=>Promise.resolve().then(function(){return Od}),compass:()=>Promise.resolve().then(function(){return Rd}),copy:()=>Promise.resolve().then(function(){return Nd}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return Ud}),cross:()=>Promise.resolve().then(function(){return Yd}),"cursor-fill":()=>Promise.resolve().then(function(){return Wd}),cursor:()=>Promise.resolve().then(function(){return Jd}),"dash-circle":()=>Promise.resolve().then(function(){return Qd}),"dash-square":()=>Promise.resolve().then(function(){return tc}),dash:()=>Promise.resolve().then(function(){return ic}),database:()=>Promise.resolve().then(function(){return oc}),dataflow:()=>Promise.resolve().then(function(){return rc}),download:()=>Promise.resolve().then(function(){return dc}),edit:()=>Promise.resolve().then(function(){return hc}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return uc}),"exclamation-circle":()=>Promise.resolve().then(function(){return vc}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return fc}),"exclamation-triangle":()=>Promise.resolve().then(function(){return wc}),exclamation:()=>Promise.resolve().then(function(){return xc}),"eye-fill":()=>Promise.resolve().then(function(){return kc}),"eye-slash-fill":()=>Promise.resolve().then(function(){return $c}),"eye-slash":()=>Promise.resolve().then(function(){return Mc}),eye:()=>Promise.resolve().then(function(){return zc}),"face-smile-fill":()=>Promise.resolve().then(function(){return Pc}),"face-smile":()=>Promise.resolve().then(function(){return Lc}),facebook:()=>Promise.resolve().then(function(){return Ac}),"file-earmark-text":()=>Promise.resolve().then(function(){return Bc}),"file-pdf":()=>Promise.resolve().then(function(){return Oc}),"file-plus":()=>Promise.resolve().then(function(){return Rc}),"file-text":()=>Promise.resolve().then(function(){return Nc}),file:()=>Promise.resolve().then(function(){return Uc}),files:()=>Promise.resolve().then(function(){return Yc}),fingerprint:()=>Promise.resolve().then(function(){return Wc}),flash:()=>Promise.resolve().then(function(){return Jc}),"folder-check":()=>Promise.resolve().then(function(){return Qc}),"folder-minus":()=>Promise.resolve().then(function(){return th}),"folder-plus":()=>Promise.resolve().then(function(){return ih}),folder:()=>Promise.resolve().then(function(){return oh}),gear:()=>Promise.resolve().then(function(){return rh}),"geo-alt":()=>Promise.resolve().then(function(){return dh}),"geo-fill":()=>Promise.resolve().then(function(){return hh}),geo:()=>Promise.resolve().then(function(){return uh}),"globe-alt":()=>Promise.resolve().then(function(){return vh}),globe:()=>Promise.resolve().then(function(){return fh}),google:()=>Promise.resolve().then(function(){return wh}),"grid-alt":()=>Promise.resolve().then(function(){return xh}),"grid-fill":()=>Promise.resolve().then(function(){return kh}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return $h}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Mh}),"hard-drive":()=>Promise.resolve().then(function(){return zh}),heart:()=>Promise.resolve().then(function(){return Ph}),"house-door":()=>Promise.resolve().then(function(){return Lh}),house:()=>Promise.resolve().then(function(){return Ah}),image:()=>Promise.resolve().then(function(){return Bh}),"in-box":()=>Promise.resolve().then(function(){return Oh}),"info-circle-fill":()=>Promise.resolve().then(function(){return Rh}),"info-circle":()=>Promise.resolve().then(function(){return Nh}),instagram:()=>Promise.resolve().then(function(){return Uh}),key:()=>Promise.resolve().then(function(){return Yh}),"laptop-gear":()=>Promise.resolve().then(function(){return Wh}),laptop:()=>Promise.resolve().then(function(){return Jh}),layers:()=>Promise.resolve().then(function(){return Qh}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return tp}),"layout-text-window":()=>Promise.resolve().then(function(){return ip}),layout:()=>Promise.resolve().then(function(){return op}),"life-buoy":()=>Promise.resolve().then(function(){return rp}),lightbulb:()=>Promise.resolve().then(function(){return dp}),link:()=>Promise.resolve().then(function(){return hp}),linkedin:()=>Promise.resolve().then(function(){return up}),list:()=>Promise.resolve().then(function(){return vp}),"lock-fill":()=>Promise.resolve().then(function(){return fp}),lock:()=>Promise.resolve().then(function(){return wp}),login:()=>Promise.resolve().then(function(){return xp}),logout:()=>Promise.resolve().then(function(){return kp}),luggage:()=>Promise.resolve().then(function(){return $p}),"mail-open":()=>Promise.resolve().then(function(){return Mp}),mail:()=>Promise.resolve().then(function(){return zp}),map:()=>Promise.resolve().then(function(){return Pp}),meetup:()=>Promise.resolve().then(function(){return Lp}),menu:()=>Promise.resolve().then(function(){return Ap}),microphone:()=>Promise.resolve().then(function(){return Bp}),monitor:()=>Promise.resolve().then(function(){return Op}),moon:()=>Promise.resolve().then(function(){return Rp}),move:()=>Promise.resolve().then(function(){return Np}),paperclip:()=>Promise.resolve().then(function(){return Up}),passcode:()=>Promise.resolve().then(function(){return Yp}),passport:()=>Promise.resolve().then(function(){return Wp}),pause:()=>Promise.resolve().then(function(){return Jp}),pencil:()=>Promise.resolve().then(function(){return Qp}),"pending-circle":()=>Promise.resolve().then(function(){return tu}),"person-dash":()=>Promise.resolve().then(function(){return iu}),"person-plus":()=>Promise.resolve().then(function(){return ou}),"person-x":()=>Promise.resolve().then(function(){return ru}),person:()=>Promise.resolve().then(function(){return du}),phone:()=>Promise.resolve().then(function(){return hu}),"pin-map-fill":()=>Promise.resolve().then(function(){return uu}),pin:()=>Promise.resolve().then(function(){return vu}),placeholder:()=>Promise.resolve().then(function(){return fu}),plane:()=>Promise.resolve().then(function(){return wu}),play:()=>Promise.resolve().then(function(){return xu}),"plus-circle":()=>Promise.resolve().then(function(){return ku}),"plus-square":()=>Promise.resolve().then(function(){return $u}),plus:()=>Promise.resolve().then(function(){return Mu}),printer:()=>Promise.resolve().then(function(){return zu}),"question-circle":()=>Promise.resolve().then(function(){return Pu}),rocket:()=>Promise.resolve().then(function(){return Lu}),save:()=>Promise.resolve().then(function(){return Au}),search:()=>Promise.resolve().then(function(){return Bu}),send:()=>Promise.resolve().then(function(){return Ou}),"sg-crest":()=>Promise.resolve().then(function(){return Ru}),share:()=>Promise.resolve().then(function(){return Nu}),"shield-tick":()=>Promise.resolve().then(function(){return Uu}),"sidebar-collapse":()=>Promise.resolve().then(function(){return Yu}),"sidebar-expand":()=>Promise.resolve().then(function(){return Wu}),"slash-circle":()=>Promise.resolve().then(function(){return Ju}),"slash-divider":()=>Promise.resolve().then(function(){return Qu}),sliders:()=>Promise.resolve().then(function(){return tg}),"sort-ascending":()=>Promise.resolve().then(function(){return ig}),"sort-descending":()=>Promise.resolve().then(function(){return og}),speedometer:()=>Promise.resolve().then(function(){return rg}),"star-ai":()=>Promise.resolve().then(function(){return dg}),"star-fill":()=>Promise.resolve().then(function(){return hg}),star:()=>Promise.resolve().then(function(){return ug}),stoplights:()=>Promise.resolve().then(function(){return vg}),sun:()=>Promise.resolve().then(function(){return fg}),"switch-horizontal":()=>Promise.resolve().then(function(){return wg}),"switch-vertical":()=>Promise.resolve().then(function(){return xg}),tablet:()=>Promise.resolve().then(function(){return kg}),telegram:()=>Promise.resolve().then(function(){return $g}),telephone:()=>Promise.resolve().then(function(){return Mg}),"three-dots-vertical":()=>Promise.resolve().then(function(){return zg}),"three-dots":()=>Promise.resolve().then(function(){return Pg}),ticket:()=>Promise.resolve().then(function(){return Lg}),"toggle-off":()=>Promise.resolve().then(function(){return Ag}),"toggle-on":()=>Promise.resolve().then(function(){return Bg}),train:()=>Promise.resolve().then(function(){return Og}),translate:()=>Promise.resolve().then(function(){return Rg}),trash:()=>Promise.resolve().then(function(){return Ng}),"trend-down":()=>Promise.resolve().then(function(){return Ug}),"trend-up":()=>Promise.resolve().then(function(){return Yg}),truck:()=>Promise.resolve().then(function(){return Wg}),"twitter-x":()=>Promise.resolve().then(function(){return Jg}),unlock:()=>Promise.resolve().then(function(){return Qg}),upload:()=>Promise.resolve().then(function(){return tv}),"user-check":()=>Promise.resolve().then(function(){return iv}),"user-circle":()=>Promise.resolve().then(function(){return ov}),"user-pause":()=>Promise.resolve().then(function(){return rv}),"user-square":()=>Promise.resolve().then(function(){return dv}),users:()=>Promise.resolve().then(function(){return hv}),"video-recorder":()=>Promise.resolve().then(function(){return uv}),"volume-max":()=>Promise.resolve().then(function(){return vv}),"volume-x":()=>Promise.resolve().then(function(){return fv}),"window-dash":()=>Promise.resolve().then(function(){return wv}),"window-desktop":()=>Promise.resolve().then(function(){return xv}),"window-dock":()=>Promise.resolve().then(function(){return kv}),"window-fullscreen":()=>Promise.resolve().then(function(){return $v}),"window-plus":()=>Promise.resolve().then(function(){return Mv}),"window-sidebar":()=>Promise.resolve().then(function(){return zv}),"window-split":()=>Promise.resolve().then(function(){return Pv}),"window-stack":()=>Promise.resolve().then(function(){return Lv}),"window-x":()=>Promise.resolve().then(function(){return Av}),window:()=>Promise.resolve().then(function(){return Bv}),"xcircle-fill":()=>Promise.resolve().then(function(){return Ov}),xcircle:()=>Promise.resolve().then(function(){return Rv}),youtube:()=>Promise.resolve().then(function(){return Nv}),"zoom-in":()=>Promise.resolve().then(function(){return Uv}),"zoom-out":()=>Promise.resolve().then(function(){return Yv})};var wt=r`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const yt=new Map;class xt extends Oe{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(yt.has(e))return void(this._icon=yt.get(e));const t=bt[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const s=await t();yt.set(e,s.default),this._icon=s.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:ae}}xt.styles=[...Oe.styles,wt],t([Ve({type:String,reflect:!0})],xt.prototype,"name",void 0),t([Ve({type:String,reflect:!0})],xt.prototype,"size",void 0),t([Ve({type:String})],xt.prototype,"ariaLabel",void 0),t([Pe()],xt.prototype,"_icon",void 0);var _t=r`:host([variant=success]) .alert{background-color:var(--sgds-success-surface-default)}:host([variant=warning]) .alert{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-warning-surface-default)}:host([variant=danger]) .alert{background-color:var(--sgds-danger-surface-default)}:host([variant=neutral]) .alert{background-color:var(--sgds-neutral-surface-emphasis)}:host([variant=success][outlined]) .alert{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted)}:host([variant=warning][outlined]) .alert{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted)}:host([variant=danger][outlined]) .alert{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted)}:host([variant=neutral][outlined]) .alert{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted)}:host([outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-primary-color-fixed-dark)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-fixed-dark)}:host([variant=warning][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-warning-color-fixed-light)}:host([variant=danger][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-danger-color-fixed-dark)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-color-fixed-dark)}.alert{--sgds-alert-color:var(--sgds-color-fixed-light);background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);color:var(--sgds-alert-color);display:flex;flex-direction:row;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-lg);position:relative}.alert.outlined{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted)}.alert-content{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-md);padding-right:var(--sgds-padding-2-xl)}.alert-content__upper{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.alert-title{font-size:var(--sgds-font-size-subtitle-sm);font-style:normal;font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.alert-content__description{display:inline;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(*){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(a),.alert-content__description::slotted(a:hover){color:inherit!important}.alert-content__description::slotted(a:focus-visible){outline:var(--sgds-outline-focus)!important;outline-offset:var(--sgds-outline-offset-focus)!important}.alert sgds-close-button{position:absolute;right:14px;top:14px}`;class kt extends Oe{constructor(){super(...arguments),this.show=!1,this.dismissible=!1,this.variant="info",this.outlined=!1,this.title=""}close(){this.show=!1}_handleShowChange(){this.show?this.emit("sgds-show"):this.emit("sgds-hide")}render(){return this.dismissible&&this.show||!this.dismissible?ut`
114
+ `}}ft.styles=[...Oe.styles,vt],t([ze({type:String,reflect:!0})],ft.prototype,"size",void 0),t([ze({type:String,reflect:!0})],ft.prototype,"tone",void 0),t([ze({type:Boolean,reflect:!0})],ft.prototype,"disabled",void 0);const bt={announcement:()=>Promise.resolve().then(function(){return Or}),archive:()=>Promise.resolve().then(function(){return Rr}),"arrow-bar-down":()=>Promise.resolve().then(function(){return Nr}),"arrow-bar-left":()=>Promise.resolve().then(function(){return Ur}),"arrow-bar-right":()=>Promise.resolve().then(function(){return Yr}),"arrow-bar-up":()=>Promise.resolve().then(function(){return Wr}),"arrow-circle-down":()=>Promise.resolve().then(function(){return Jr}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Qr}),"arrow-circle-right":()=>Promise.resolve().then(function(){return tl}),"arrow-circle-up":()=>Promise.resolve().then(function(){return il}),"arrow-clockwise":()=>Promise.resolve().then(function(){return ol}),"arrow-down":()=>Promise.resolve().then(function(){return rl}),"arrow-left":()=>Promise.resolve().then(function(){return dl}),"arrow-repeat":()=>Promise.resolve().then(function(){return hl}),"arrow-right":()=>Promise.resolve().then(function(){return gl}),"arrow-square-down":()=>Promise.resolve().then(function(){return vl}),"arrow-square-left":()=>Promise.resolve().then(function(){return fl}),"arrow-square-right":()=>Promise.resolve().then(function(){return wl}),"arrow-square-up":()=>Promise.resolve().then(function(){return xl}),"arrow-up":()=>Promise.resolve().then(function(){return kl}),"bank-fill":()=>Promise.resolve().then(function(){return $l}),"bell-slash":()=>Promise.resolve().then(function(){return Ml}),bell:()=>Promise.resolve().then(function(){return Vl}),"bi-funnel":()=>Promise.resolve().then(function(){return Pl}),"bookmark-fill":()=>Promise.resolve().then(function(){return Il}),bookmark:()=>Promise.resolve().then(function(){return Al}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return Bl}),"box-seam":()=>Promise.resolve().then(function(){return Ol}),building:()=>Promise.resolve().then(function(){return Rl}),bus:()=>Promise.resolve().then(function(){return Nl}),calculator:()=>Promise.resolve().then(function(){return Ul}),"calendar-check":()=>Promise.resolve().then(function(){return Yl}),"calendar-heart":()=>Promise.resolve().then(function(){return Wl}),"calendar-x":()=>Promise.resolve().then(function(){return Jl}),calendar:()=>Promise.resolve().then(function(){return Ql}),camera:()=>Promise.resolve().then(function(){return td}),car:()=>Promise.resolve().then(function(){return id}),"chat-dots":()=>Promise.resolve().then(function(){return od}),"chat-left-text":()=>Promise.resolve().then(function(){return rd}),chat:()=>Promise.resolve().then(function(){return dd}),"check-circle-fill":()=>Promise.resolve().then(function(){return hd}),"check-circle":()=>Promise.resolve().then(function(){return gd}),check:()=>Promise.resolve().then(function(){return vd}),"chevron-down":()=>Promise.resolve().then(function(){return fd}),"chevron-left":()=>Promise.resolve().then(function(){return wd}),"chevron-right":()=>Promise.resolve().then(function(){return xd}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return kd}),"chevron-up":()=>Promise.resolve().then(function(){return $d}),clock:()=>Promise.resolve().then(function(){return Md}),"cloud-check":()=>Promise.resolve().then(function(){return Vd}),"cloud-download":()=>Promise.resolve().then(function(){return Pd}),"cloud-upload":()=>Promise.resolve().then(function(){return Id}),cloud:()=>Promise.resolve().then(function(){return Ad}),"code-square":()=>Promise.resolve().then(function(){return Bd}),"coins-hand":()=>Promise.resolve().then(function(){return Od}),compass:()=>Promise.resolve().then(function(){return Rd}),copy:()=>Promise.resolve().then(function(){return Nd}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return Ud}),cross:()=>Promise.resolve().then(function(){return Yd}),"cursor-fill":()=>Promise.resolve().then(function(){return Wd}),cursor:()=>Promise.resolve().then(function(){return Jd}),"dash-circle":()=>Promise.resolve().then(function(){return Qd}),"dash-square":()=>Promise.resolve().then(function(){return tc}),dash:()=>Promise.resolve().then(function(){return ic}),database:()=>Promise.resolve().then(function(){return oc}),dataflow:()=>Promise.resolve().then(function(){return rc}),download:()=>Promise.resolve().then(function(){return dc}),edit:()=>Promise.resolve().then(function(){return hc}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return gc}),"exclamation-circle":()=>Promise.resolve().then(function(){return vc}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return fc}),"exclamation-triangle":()=>Promise.resolve().then(function(){return wc}),exclamation:()=>Promise.resolve().then(function(){return xc}),"eye-fill":()=>Promise.resolve().then(function(){return kc}),"eye-slash-fill":()=>Promise.resolve().then(function(){return $c}),"eye-slash":()=>Promise.resolve().then(function(){return Mc}),eye:()=>Promise.resolve().then(function(){return Vc}),"face-smile-fill":()=>Promise.resolve().then(function(){return Pc}),"face-smile":()=>Promise.resolve().then(function(){return Ic}),facebook:()=>Promise.resolve().then(function(){return Ac}),"file-earmark-text":()=>Promise.resolve().then(function(){return Bc}),"file-pdf":()=>Promise.resolve().then(function(){return Oc}),"file-plus":()=>Promise.resolve().then(function(){return Rc}),"file-text":()=>Promise.resolve().then(function(){return Nc}),file:()=>Promise.resolve().then(function(){return Uc}),files:()=>Promise.resolve().then(function(){return Yc}),fingerprint:()=>Promise.resolve().then(function(){return Wc}),flash:()=>Promise.resolve().then(function(){return Jc}),"folder-check":()=>Promise.resolve().then(function(){return Qc}),"folder-minus":()=>Promise.resolve().then(function(){return th}),"folder-plus":()=>Promise.resolve().then(function(){return ih}),folder:()=>Promise.resolve().then(function(){return oh}),gear:()=>Promise.resolve().then(function(){return rh}),"geo-alt":()=>Promise.resolve().then(function(){return dh}),"geo-fill":()=>Promise.resolve().then(function(){return hh}),geo:()=>Promise.resolve().then(function(){return gh}),"globe-alt":()=>Promise.resolve().then(function(){return vh}),globe:()=>Promise.resolve().then(function(){return fh}),google:()=>Promise.resolve().then(function(){return wh}),"grid-alt":()=>Promise.resolve().then(function(){return xh}),"grid-fill":()=>Promise.resolve().then(function(){return kh}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return $h}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Mh}),"hard-drive":()=>Promise.resolve().then(function(){return Vh}),heart:()=>Promise.resolve().then(function(){return Ph}),"house-door":()=>Promise.resolve().then(function(){return Ih}),house:()=>Promise.resolve().then(function(){return Ah}),image:()=>Promise.resolve().then(function(){return Bh}),"in-box":()=>Promise.resolve().then(function(){return Oh}),"info-circle-fill":()=>Promise.resolve().then(function(){return Rh}),"info-circle":()=>Promise.resolve().then(function(){return Nh}),instagram:()=>Promise.resolve().then(function(){return Uh}),key:()=>Promise.resolve().then(function(){return Yh}),"laptop-gear":()=>Promise.resolve().then(function(){return Wh}),laptop:()=>Promise.resolve().then(function(){return Jh}),layers:()=>Promise.resolve().then(function(){return Qh}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return tp}),"layout-text-window":()=>Promise.resolve().then(function(){return ip}),layout:()=>Promise.resolve().then(function(){return op}),"life-buoy":()=>Promise.resolve().then(function(){return rp}),lightbulb:()=>Promise.resolve().then(function(){return dp}),link:()=>Promise.resolve().then(function(){return hp}),linkedin:()=>Promise.resolve().then(function(){return gp}),list:()=>Promise.resolve().then(function(){return vp}),"lock-fill":()=>Promise.resolve().then(function(){return fp}),lock:()=>Promise.resolve().then(function(){return wp}),login:()=>Promise.resolve().then(function(){return xp}),logout:()=>Promise.resolve().then(function(){return kp}),luggage:()=>Promise.resolve().then(function(){return $p}),"mail-open":()=>Promise.resolve().then(function(){return Mp}),mail:()=>Promise.resolve().then(function(){return Vp}),map:()=>Promise.resolve().then(function(){return Pp}),meetup:()=>Promise.resolve().then(function(){return Ip}),menu:()=>Promise.resolve().then(function(){return Ap}),microphone:()=>Promise.resolve().then(function(){return Bp}),monitor:()=>Promise.resolve().then(function(){return Op}),moon:()=>Promise.resolve().then(function(){return Rp}),move:()=>Promise.resolve().then(function(){return Np}),paperclip:()=>Promise.resolve().then(function(){return Up}),passcode:()=>Promise.resolve().then(function(){return Yp}),passport:()=>Promise.resolve().then(function(){return Wp}),pause:()=>Promise.resolve().then(function(){return Jp}),pencil:()=>Promise.resolve().then(function(){return Qp}),"pending-circle":()=>Promise.resolve().then(function(){return tg}),"person-dash":()=>Promise.resolve().then(function(){return ig}),"person-plus":()=>Promise.resolve().then(function(){return og}),"person-x":()=>Promise.resolve().then(function(){return rg}),person:()=>Promise.resolve().then(function(){return dg}),phone:()=>Promise.resolve().then(function(){return hg}),"pin-map-fill":()=>Promise.resolve().then(function(){return gg}),pin:()=>Promise.resolve().then(function(){return vg}),placeholder:()=>Promise.resolve().then(function(){return fg}),plane:()=>Promise.resolve().then(function(){return wg}),play:()=>Promise.resolve().then(function(){return xg}),"plus-circle":()=>Promise.resolve().then(function(){return kg}),"plus-square":()=>Promise.resolve().then(function(){return $g}),plus:()=>Promise.resolve().then(function(){return Mg}),printer:()=>Promise.resolve().then(function(){return Vg}),"question-circle":()=>Promise.resolve().then(function(){return Pg}),rocket:()=>Promise.resolve().then(function(){return Ig}),save:()=>Promise.resolve().then(function(){return Ag}),search:()=>Promise.resolve().then(function(){return Bg}),send:()=>Promise.resolve().then(function(){return Og}),"sg-crest":()=>Promise.resolve().then(function(){return Rg}),share:()=>Promise.resolve().then(function(){return Ng}),"shield-tick":()=>Promise.resolve().then(function(){return Ug}),"sidebar-collapse":()=>Promise.resolve().then(function(){return Yg}),"sidebar-expand":()=>Promise.resolve().then(function(){return Wg}),"slash-circle":()=>Promise.resolve().then(function(){return Jg}),"slash-divider":()=>Promise.resolve().then(function(){return Qg}),sliders:()=>Promise.resolve().then(function(){return tu}),"sort-ascending":()=>Promise.resolve().then(function(){return iu}),"sort-descending":()=>Promise.resolve().then(function(){return ou}),speedometer:()=>Promise.resolve().then(function(){return ru}),"star-ai":()=>Promise.resolve().then(function(){return du}),"star-fill":()=>Promise.resolve().then(function(){return hu}),star:()=>Promise.resolve().then(function(){return gu}),stoplights:()=>Promise.resolve().then(function(){return vu}),sun:()=>Promise.resolve().then(function(){return fu}),"switch-horizontal":()=>Promise.resolve().then(function(){return wu}),"switch-vertical":()=>Promise.resolve().then(function(){return xu}),tablet:()=>Promise.resolve().then(function(){return ku}),telegram:()=>Promise.resolve().then(function(){return $u}),telephone:()=>Promise.resolve().then(function(){return Mu}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Vu}),"three-dots":()=>Promise.resolve().then(function(){return Pu}),ticket:()=>Promise.resolve().then(function(){return Iu}),"toggle-off":()=>Promise.resolve().then(function(){return Au}),"toggle-on":()=>Promise.resolve().then(function(){return Bu}),train:()=>Promise.resolve().then(function(){return Ou}),translate:()=>Promise.resolve().then(function(){return Ru}),trash:()=>Promise.resolve().then(function(){return Nu}),"trend-down":()=>Promise.resolve().then(function(){return Uu}),"trend-up":()=>Promise.resolve().then(function(){return Yu}),truck:()=>Promise.resolve().then(function(){return Wu}),"twitter-x":()=>Promise.resolve().then(function(){return Ju}),unlock:()=>Promise.resolve().then(function(){return Qu}),upload:()=>Promise.resolve().then(function(){return tv}),"user-check":()=>Promise.resolve().then(function(){return iv}),"user-circle":()=>Promise.resolve().then(function(){return ov}),"user-pause":()=>Promise.resolve().then(function(){return rv}),"user-square":()=>Promise.resolve().then(function(){return dv}),users:()=>Promise.resolve().then(function(){return hv}),"video-recorder":()=>Promise.resolve().then(function(){return gv}),"volume-max":()=>Promise.resolve().then(function(){return vv}),"volume-x":()=>Promise.resolve().then(function(){return fv}),"window-dash":()=>Promise.resolve().then(function(){return wv}),"window-desktop":()=>Promise.resolve().then(function(){return xv}),"window-dock":()=>Promise.resolve().then(function(){return kv}),"window-fullscreen":()=>Promise.resolve().then(function(){return $v}),"window-plus":()=>Promise.resolve().then(function(){return Mv}),"window-sidebar":()=>Promise.resolve().then(function(){return Vv}),"window-split":()=>Promise.resolve().then(function(){return Pv}),"window-stack":()=>Promise.resolve().then(function(){return Iv}),"window-x":()=>Promise.resolve().then(function(){return Av}),window:()=>Promise.resolve().then(function(){return Bv}),"xcircle-fill":()=>Promise.resolve().then(function(){return Ov}),xcircle:()=>Promise.resolve().then(function(){return Rv}),youtube:()=>Promise.resolve().then(function(){return Nv}),"zoom-in":()=>Promise.resolve().then(function(){return Uv}),"zoom-out":()=>Promise.resolve().then(function(){return Yv})};var wt=r`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const yt=new Map;class xt extends Oe{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(yt.has(e))return void(this._icon=yt.get(e));const t=bt[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const s=await t();yt.set(e,s.default),this._icon=s.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:ae}}xt.styles=[...Oe.styles,wt],t([ze({type:String,reflect:!0})],xt.prototype,"name",void 0),t([ze({type:String,reflect:!0})],xt.prototype,"size",void 0),t([ze({type:String})],xt.prototype,"ariaLabel",void 0),t([Pe()],xt.prototype,"_icon",void 0);var _t=r`:host([variant=success]) .alert{background-color:var(--sgds-success-surface-default)}:host([variant=warning]) .alert{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-warning-surface-default)}:host([variant=danger]) .alert{background-color:var(--sgds-danger-surface-default)}:host([variant=neutral]) .alert{background-color:var(--sgds-neutral-surface-emphasis)}:host([variant=success][outlined]) .alert{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted)}:host([variant=warning][outlined]) .alert{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted)}:host([variant=danger][outlined]) .alert{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted)}:host([variant=neutral][outlined]) .alert{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted)}:host([outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-primary-color-fixed-dark)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-fixed-dark)}:host([variant=warning][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-warning-color-fixed-light)}:host([variant=danger][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-danger-color-fixed-dark)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-color-fixed-dark)}.alert{--sgds-alert-color:var(--sgds-color-fixed-light);background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);color:var(--sgds-alert-color);display:flex;flex-direction:row;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-lg);position:relative}.alert.outlined{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted)}.alert-content{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-md);padding-right:var(--sgds-padding-2-xl)}.alert-content__upper{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.alert-title{font-size:var(--sgds-font-size-subtitle-sm);font-style:normal;font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.alert-content__description{display:inline;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(*){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(a),.alert-content__description::slotted(a:hover){color:inherit!important}.alert-content__description::slotted(a:focus-visible){outline:var(--sgds-outline-focus)!important;outline-offset:var(--sgds-outline-offset-focus)!important}.alert sgds-close-button{position:absolute;right:14px;top:14px}`;class kt extends Oe{constructor(){super(...arguments),this.show=!1,this.dismissible=!1,this.variant="info",this.outlined=!1,this.title=""}close(){this.show=!1}_handleShowChange(){this.show?this.emit("sgds-show"):this.emit("sgds-hide")}render(){return this.dismissible&&this.show||!this.dismissible?gt`
115
115
  <div
116
116
  class="${We({alert:!0,show:this.show,"alert-dismissible":this.dismissible,outlined:this.outlined})}"
117
117
  role="alert"
@@ -120,20 +120,20 @@ const dt=Symbol.for(""),ct=e=>{if(e?.r===dt)return e?._$litStatic$},ht=(e,...t)=
120
120
  <slot name="icon" class=${We({"alert-icon__outlined":this.outlined})}></slot>
121
121
  <div class="alert-content">
122
122
  <div class="alert-content__upper">
123
- ${this.title?ut`<div class="alert-title">${this.title}</div>`:ae}
123
+ ${this.title?gt`<div class="alert-title">${this.title}</div>`:ae}
124
124
  <slot class="alert-content__description"></slot>
125
125
  </div>
126
126
  <slot class="alert-content__action" name="action"></slot>
127
127
  </div>
128
- ${this.dismissible?ut`<sgds-close-button
128
+ ${this.dismissible?gt`<sgds-close-button
129
129
  aria-label="close the alert"
130
130
  @click=${this.close}
131
131
  tone=${this.outlined||"warning"===this.variant?"fixed-dark":"fixed-light"}
132
132
  ></sgds-close-button>`:ae}
133
133
  </div>
134
- `:ae}}kt.styles=[...Oe.styles,_t],kt.dependencies={"sgds-close-button":ft,"sgds-icon":xt},t([Ve({type:Boolean,reflect:!0})],kt.prototype,"show",void 0),t([Ve({type:Boolean,reflect:!0})],kt.prototype,"dismissible",void 0),t([Ve({type:String,reflect:!0})],kt.prototype,"variant",void 0),t([Ve({type:Boolean,reflect:!0})],kt.prototype,"outlined",void 0),t([Ve({type:String,reflect:!0})],kt.prototype,"title",void 0),t([nt("show")],kt.prototype,"_handleShowChange",null);var Ct=r`:host{cursor:pointer;display:inline-block}.alert-link,.alert-link:hover{color:var(--sgds-alert-color);font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs);text-decoration-line:underline}.alert-link:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,$t=r`::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}`;class St extends Oe{render(){return ut`
134
+ `:ae}}kt.styles=[...Oe.styles,_t],kt.dependencies={"sgds-close-button":ft,"sgds-icon":xt},t([ze({type:Boolean,reflect:!0})],kt.prototype,"show",void 0),t([ze({type:Boolean,reflect:!0})],kt.prototype,"dismissible",void 0),t([ze({type:String,reflect:!0})],kt.prototype,"variant",void 0),t([ze({type:Boolean,reflect:!0})],kt.prototype,"outlined",void 0),t([ze({type:String,reflect:!0})],kt.prototype,"title",void 0),t([nt("show")],kt.prototype,"_handleShowChange",null);var Ct=r`:host{cursor:pointer;display:inline-block}.alert-link,.alert-link:hover{color:var(--sgds-alert-color);font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs);text-decoration-line:underline}.alert-link:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,$t=r`::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}`;class St extends Oe{render(){return gt`
135
135
  <a class="alert-link" href=${Ge(this.href)} target=${Ge(this.target)} tabindex="0"><slot></slot></a>
136
- `}}St.styles=[...Oe.styles,$t,Ct],t([Ve({type:String,reflect:!0})],St.prototype,"href",void 0),t([Ve()],St.prototype,"target",void 0);
136
+ `}}St.styles=[...Oe.styles,$t,Ct],t([ze({type:String,reflect:!0})],St.prototype,"href",void 0),t([ze()],St.prototype,"target",void 0);
137
137
  /**
138
138
  * @license
139
139
  * Copyright 2021 Google LLC
@@ -155,25 +155,25 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
155
155
  * @license
156
156
  * Copyright 2021 Google LLC
157
157
  * SPDX-License-Identifier: BSD-3-Clause
158
- */class zt{get value(){return this._value}set value(e){this.setValue(e)}setValue(e,t=!1){const s=t||!Object.is(e,this._value);this._value=e,s&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:t}]of this.subscriptions)e(this._value,t)},void 0!==e&&(this.value=e)}addCallback(e,t,s){if(!s)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});const{disposer:i}=this.subscriptions.get(e);e(this.value,i)}clearCallbacks(){this.subscriptions.clear()}}
158
+ */class Vt{get value(){return this._value}set value(e){this.setValue(e)}setValue(e,t=!1){const s=t||!Object.is(e,this._value);this._value=e,s&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:t}]of this.subscriptions)e(this._value,t)},void 0!==e&&(this.value=e)}addCallback(e,t,s){if(!s)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});const{disposer:i}=this.subscriptions.get(e);e(this.value,i)}clearCallbacks(){this.subscriptions.clear()}}
159
159
  /**
160
160
  * @license
161
161
  * Copyright 2021 Google LLC
162
162
  * SPDX-License-Identifier: BSD-3-Clause
163
- */class Vt extends Event{constructor(e,t){super("context-provider",{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}}class Pt extends zt{constructor(e,t,s){super(void 0!==t.context?t.initialValue:s),this.onContextRequest=e=>{if(e.context!==this.context)return;const t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context)return;if((e.contextTarget??e.composedPath()[0])===this.host)return;const t=new Set;for(const[e,{consumerHost:s}]of this.subscriptions)t.has(e)||(t.add(e),s.dispatchEvent(new Mt(this.context,s,e,!0)));e.stopPropagation()},this.host=e,void 0!==t.context?this.context=t.context:this.context=t,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Vt(this.context,this.host))}}
163
+ */class zt extends Event{constructor(e,t){super("context-provider",{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}}class Pt extends Vt{constructor(e,t,s){super(void 0!==t.context?t.initialValue:s),this.onContextRequest=e=>{if(e.context!==this.context)return;const t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context)return;if((e.contextTarget??e.composedPath()[0])===this.host)return;const t=new Set;for(const[e,{consumerHost:s}]of this.subscriptions)t.has(e)||(t.add(e),s.dispatchEvent(new Mt(this.context,s,e,!0)));e.stopPropagation()},this.host=e,void 0!==t.context?this.context=t.context:this.context=t,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new zt(this.context,this.host))}}
164
164
  /**
165
165
  * @license
166
166
  * Copyright 2017 Google LLC
167
167
  * SPDX-License-Identifier: BSD-3-Clause
168
- */function It({context:e}){return(t,s)=>{const i=new WeakMap;if("object"==typeof s)return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(t){return i.set(this,new Pt(this,{context:e,initialValue:t})),t}};{t.constructor.addInitializer(t=>{i.set(t,new Pt(t,{context:e}))});const a=Object.getOwnPropertyDescriptor(t,s);let o;if(void 0===a){const e=new WeakMap;o={get(){return e.get(this)},set(t){i.get(this).setValue(t),e.set(this,t)},configurable:!0,enumerable:!0}}else{const e=a.set;o={...a,set(t){i.get(this).setValue(t),e?.call(this,t)}}}return void Object.defineProperty(t,s,o)}}}
168
+ */function Dt({context:e}){return(t,s)=>{const i=new WeakMap;if("object"==typeof s)return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(t){return i.set(this,new Pt(this,{context:e,initialValue:t})),t}};{t.constructor.addInitializer(t=>{i.set(t,new Pt(t,{context:e}))});const a=Object.getOwnPropertyDescriptor(t,s);let o;if(void 0===a){const e=new WeakMap;o={get(){return e.get(this)},set(t){i.get(this).setValue(t),e.set(this,t)},configurable:!0,enumerable:!0}}else{const e=a.set;o={...a,set(t){i.get(this).setValue(t),e?.call(this,t)}}}return void Object.defineProperty(t,s,o)}}}
169
169
  /**
170
170
  * @license
171
171
  * Copyright 2022 Google LLC
172
172
  * SPDX-License-Identifier: BSD-3-Clause
173
- */function Lt({context:e,subscribe:t}){return(s,i)=>{"object"==typeof i?i.addInitializer(function(){new Zt(this,{context:e,callback:e=>{s.set.call(this,e)},subscribe:t})}):s.constructor.addInitializer(s=>{new Zt(s,{context:e,callback:e=>{s[i]=e},subscribe:t})})}}const Dt=1024,At=768;function Et(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}var Bt=r`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-color:var(--sgds-color-fixed-light);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md);--btn-opacity:var(--sgds-opacity-100,1)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=brand]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-border-width:var(--sgds-border-width-1)}:host([variant=outline][tone=brand]){--btn-border-color:var(--sgds-primary-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-color:var(--sgds-primary-color-default);--btn-hover-bg:var(--sgds-primary-bg-translucent)}:host([variant=ghost][tone=brand]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=primary][tone=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline][tone=danger]){--btn-border-color:var(--sgds-danger-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=ghost][tone=danger]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=primary][tone=fixed-light]){--btn-bg:var(--sgds-surface-fixed-light);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 0%,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 100%),var(--sgds-surface-fixed-light,#fff);--btn-color:var(--sgds-color-fixed-dark)}:host([variant=outline][tone=fixed-light]){--btn-border-color:var(--sgds-border-color-fixed-light);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost][tone=fixed-light]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=neutral]){--btn-bg:var(--sgds-surface-inverse);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-surface-inverse);--btn-color:var(--sgds-color-inverse)}:host([variant=outline][tone=neutral]){--btn-border-color:var(--sgds-border-color-emphasis);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost][tone=neutral]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-label-lg);height:var(--sgds-dimension-56);line-height:var(--sgds-line-height-md);min-width:var(--sgds-dimension-112);padding:var(--sgds-padding-none) var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md)}:host([size=xs]) .btn{font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-32);line-height:var(--sgds-line-height-3-xs);min-width:var(--sgds-dimension-64);padding:var(--sgds-padding-none) var(--sgds-padding-sm)}.btn{align-items:center;background-color:var(--btn-bg);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-xs);min-width:var(--sgds-dimension-96);opacity:var(--btn-opacity);padding:var(--sgds-padding-none) var(--sgds-padding-lg);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}.btn.active,.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{background:var(--btn-hover-bg);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-40)}.btn.loading{cursor:default}.btn slot::slotted(*){color:var(--btn-color)}`;class Ht extends Oe{constructor(){super(...arguments),this.variant="primary",this.tone="brand",this.size="md",this.active=!1,this.disabled=!1,this.target="_self"}focus(e){this.button.focus(e)}click(){this.button.click()}blur(){this.button.blur()}_handleBlur(){this.emit("sgds-blur")}_handleFocus(){this.emit("sgds-focus")}_handleClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation()}_handleKeydown(e){if("Enter"===e.key&&this.loading)return e.preventDefault(),void e.stopPropagation()}_assignSpinnerSize(e){return"xs"===e||"sm"===e?"xs":"md"===e||"lg"===e?"sm":void 0}_assignSpinnerTone(e,t){return"fixed-light"===e&&"primary"===t?"fixed-dark":"neutral"===e&&"primary"===t?"inverse":"fixed-light"===e||"primary"===t?"fixed-light":"neutral"!==e||"outline"!==t&&"ghost"!==t?"brand":"neutral"}}Ht.styles=[...Oe.styles,Bt],t([De(".btn")],Ht.prototype,"button",void 0),t([Ve({reflect:!0})],Ht.prototype,"variant",void 0),t([Ve({reflect:!0})],Ht.prototype,"tone",void 0),t([Ve({reflect:!0})],Ht.prototype,"size",void 0),t([Ve({type:Boolean,reflect:!0})],Ht.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],Ht.prototype,"disabled",void 0),t([Ve({type:String,reflect:!0})],Ht.prototype,"href",void 0),t([Ve({type:String,reflect:!0})],Ht.prototype,"target",void 0),t([Ve({type:String,reflect:!0})],Ht.prototype,"download",void 0),t([Ve({type:String})],Ht.prototype,"ariaLabel",void 0),t([Ve({type:Boolean})],Ht.prototype,"loading",void 0);var Ot=r`:host{--sgds-spinner-bg:var(--sgds-primary-surface-default);display:inline-flex}:host([variant=neutral]){--sgds-spinner-bg:var(--sgds-neutral-surface-default)}:host([tone=neutral]){--sgds-spinner-bg:var(--sgds-surface-inverse)}:host([tone=inverse]){--sgds-spinner-bg:var(--sgds-surface-default)}:host([tone=fixed-light]){--sgds-spinner-bg:var(--sgds-surface-fixed-light)}:host([tone=fixed-dark]){--sgds-spinner-bg:var(--sgds-surface-fixed-dark)}.spinner-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.spinner-wrapper.horizontal{flex-direction:row}.spinner{--border-thickness:4px;animation:spinner .75s linear infinite;border:var(--border-thickness) solid var(--sgds-bg-translucent);border-radius:50%;border-right:var(--border-thickness) solid var(--sgds-spinner-bg);color:var(--sgds-spinner-color);display:inline-flex;height:var(--sgds-dimension-32);width:var(--sgds-dimension-32)}.spinner-xs{--border-thickness:2px;height:var(--sgds-dimension-16);width:var(--sgds-dimension-16)}.spinner-sm{--border-thickness:3px;height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.spinner-lg{--border-thickness:6px;height:var(--sgds-dimension-48);width:var(--sgds-dimension-48)}.spinner-xl{--border-thickness:8px;height:var(--sgds-dimension-64);width:var(--sgds-dimension-64)}.spinner-label{color:var(--sgds-neutral-color-default);font-size:var(--sgds-font-size-label-sm)}
173
+ */function It({context:e,subscribe:t}){return(s,i)=>{"object"==typeof i?i.addInitializer(function(){new Zt(this,{context:e,callback:e=>{s.set.call(this,e)},subscribe:t})}):s.constructor.addInitializer(s=>{new Zt(s,{context:e,callback:e=>{s[i]=e},subscribe:t})})}}const Lt=1024,At=768;function Et(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}var Bt=r`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-color:var(--sgds-color-fixed-light);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md);--btn-opacity:var(--sgds-opacity-100,1)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=brand]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-border-width:var(--sgds-border-width-1)}:host([variant=outline][tone=brand]){--btn-border-color:var(--sgds-primary-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-color:var(--sgds-primary-color-default);--btn-hover-bg:var(--sgds-primary-bg-translucent)}:host([variant=ghost][tone=brand]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=primary][tone=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline][tone=danger]){--btn-border-color:var(--sgds-danger-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=ghost][tone=danger]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=primary][tone=fixed-light]){--btn-bg:var(--sgds-surface-fixed-light);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 0%,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 100%),var(--sgds-surface-fixed-light,#fff);--btn-color:var(--sgds-color-fixed-dark)}:host([variant=outline][tone=fixed-light]){--btn-border-color:var(--sgds-border-color-fixed-light);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost][tone=fixed-light]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=neutral]){--btn-bg:var(--sgds-surface-inverse);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-surface-inverse);--btn-color:var(--sgds-color-inverse)}:host([variant=outline][tone=neutral]){--btn-border-color:var(--sgds-border-color-emphasis);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost][tone=neutral]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-label-lg);height:var(--sgds-dimension-56);line-height:var(--sgds-line-height-md);min-width:var(--sgds-dimension-112);padding:var(--sgds-padding-none) var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md)}:host([size=xs]) .btn{font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-32);line-height:var(--sgds-line-height-3-xs);min-width:var(--sgds-dimension-64);padding:var(--sgds-padding-none) var(--sgds-padding-sm)}.btn{align-items:center;background-color:var(--btn-bg);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-xs);min-width:var(--sgds-dimension-96);opacity:var(--btn-opacity);padding:var(--sgds-padding-none) var(--sgds-padding-lg);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}.btn.active,.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{background:var(--btn-hover-bg);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-40)}.btn.loading{cursor:default}.btn slot::slotted(*){color:var(--btn-color)}`;class Ht extends Oe{constructor(){super(...arguments),this.variant="primary",this.tone="brand",this.size="md",this.active=!1,this.disabled=!1,this.target="_self"}focus(e){this.button.focus(e)}click(){this.button.click()}blur(){this.button.blur()}_handleBlur(){this.emit("sgds-blur")}_handleFocus(){this.emit("sgds-focus")}_handleClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation()}_handleKeydown(e){if("Enter"===e.key&&this.loading)return e.preventDefault(),void e.stopPropagation()}_assignSpinnerSize(e){return"xs"===e||"sm"===e?"xs":"md"===e||"lg"===e?"sm":void 0}_assignSpinnerTone(e,t){return"fixed-light"===e&&"primary"===t?"fixed-dark":"neutral"===e&&"primary"===t?"inverse":"fixed-light"===e||"primary"===t?"fixed-light":"neutral"!==e||"outline"!==t&&"ghost"!==t?"brand":"neutral"}}Ht.styles=[...Oe.styles,Bt],t([Le(".btn")],Ht.prototype,"button",void 0),t([ze({reflect:!0})],Ht.prototype,"variant",void 0),t([ze({reflect:!0})],Ht.prototype,"tone",void 0),t([ze({reflect:!0})],Ht.prototype,"size",void 0),t([ze({type:Boolean,reflect:!0})],Ht.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],Ht.prototype,"disabled",void 0),t([ze({type:String,reflect:!0})],Ht.prototype,"href",void 0),t([ze({type:String,reflect:!0})],Ht.prototype,"target",void 0),t([ze({type:String,reflect:!0})],Ht.prototype,"download",void 0),t([ze({type:String})],Ht.prototype,"ariaLabel",void 0),t([ze({type:Boolean})],Ht.prototype,"loading",void 0);var Ot=r`:host{--sgds-spinner-bg:var(--sgds-primary-surface-default);display:inline-flex}:host([variant=neutral]){--sgds-spinner-bg:var(--sgds-neutral-surface-default)}:host([tone=neutral]){--sgds-spinner-bg:var(--sgds-surface-inverse)}:host([tone=inverse]){--sgds-spinner-bg:var(--sgds-surface-default)}:host([tone=fixed-light]){--sgds-spinner-bg:var(--sgds-surface-fixed-light)}:host([tone=fixed-dark]){--sgds-spinner-bg:var(--sgds-surface-fixed-dark)}.spinner-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.spinner-wrapper.horizontal{flex-direction:row}.spinner{--border-thickness:4px;animation:spinner .75s linear infinite;border:var(--border-thickness) solid var(--sgds-bg-translucent);border-radius:50%;border-right:var(--border-thickness) solid var(--sgds-spinner-bg);color:var(--sgds-spinner-color);display:inline-flex;height:var(--sgds-dimension-32);width:var(--sgds-dimension-32)}.spinner-xs{--border-thickness:2px;height:var(--sgds-dimension-16);width:var(--sgds-dimension-16)}.spinner-sm{--border-thickness:3px;height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.spinner-lg{--border-thickness:6px;height:var(--sgds-dimension-48);width:var(--sgds-dimension-48)}.spinner-xl{--border-thickness:8px;height:var(--sgds-dimension-64);width:var(--sgds-dimension-64)}.spinner-label{color:var(--sgds-neutral-color-default);font-size:var(--sgds-font-size-label-sm)}
174
174
 
175
175
 
176
- /*! CSS Used keyframes */@keyframes spinner{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`,Tt=r`.text-primary{color:var(--sgds-primary-rgb)!important}.text-secondary{color:var(--sgds-secondary-rgb)!important}.text-success{color:var(--sgds-success-rgb)!important}.text-info{color:var(--sgds-info-rgb)!important}.text-warning{color:var(--sgds-warning-rgb)!important}.text-danger{color:var(--sgds-danger-rgb)!important}.text-light{color:var(--sgds-light-rgb)!important}.text-dark{color:var(--sgds-dark-rgb)!important}.text-muted{color:var(--sgds-secondary-color)!important}`;class Rt extends Oe{constructor(){super(...arguments),this.variant="primary",this.tone="brand",this.size="md",this.orientation="vertical"}render(){return ut`
176
+ /*! CSS Used keyframes */@keyframes spinner{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`,Tt=r`.text-primary{color:var(--sgds-primary-rgb)!important}.text-secondary{color:var(--sgds-secondary-rgb)!important}.text-success{color:var(--sgds-success-rgb)!important}.text-info{color:var(--sgds-info-rgb)!important}.text-warning{color:var(--sgds-warning-rgb)!important}.text-danger{color:var(--sgds-danger-rgb)!important}.text-light{color:var(--sgds-light-rgb)!important}.text-dark{color:var(--sgds-dark-rgb)!important}.text-muted{color:var(--sgds-secondary-color)!important}`;class Rt extends Oe{constructor(){super(...arguments),this.variant="primary",this.tone="brand",this.size="md",this.orientation="vertical"}render(){return gt`
177
177
  <div
178
178
  class="spinner-wrapper ${We({horizontal:"horizontal"===this.orientation})}"
179
179
  >
@@ -181,11 +181,11 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
181
181
  class="spinner ${We({[`spinner-${this.size}`]:this.size})}"
182
182
  role="status"
183
183
  >
184
- ${this.label?ae:ut`<span class="sr-only">Loading...</span>`}
184
+ ${this.label?ae:gt`<span class="sr-only">Loading...</span>`}
185
185
  </div>
186
- ${this.label?ut`<span class="spinner-label">${this.label}</span>`:ae}
186
+ ${this.label?gt`<span class="spinner-label">${this.label}</span>`:ae}
187
187
  </div>
188
- `}}Rt.styles=[...Oe.styles,Tt,Ot],t([Ve({type:String,reflect:!0})],Rt.prototype,"variant",void 0),t([Ve({type:String,reflect:!0})],Rt.prototype,"tone",void 0),t([Ve({type:String,reflect:!0})],Rt.prototype,"size",void 0),t([Ve({reflect:!0,type:String})],Rt.prototype,"label",void 0),t([Ve({type:String,reflect:!0})],Rt.prototype,"orientation",void 0);var Ft=r`:host{display:inline-block}.btn.btn-icon{display:flex;height:var(--sgds-dimension-48,56px);min-width:unset;padding:0;width:var(--sgds-dimension-48,56px)}.btn.btn-icon.btn-lg{height:var(--sgds-dimension-56);min-width:unset;padding:0;width:var(--sgds-dimension-56)}.btn.btn-icon.btn-sm{height:var(--sgds-dimension-40);min-width:unset;padding:0;width:var(--sgds-dimension-40)}.btn.btn-icon.btn-xs{height:var(--sgds-dimension-32);min-width:unset;padding:0;width:var(--sgds-dimension-32)}`;class Nt extends Ht{_assignIconSize(e){return"xs"===e?"sm":"sm"===e?"md":"md"===e?"lg":"lg"===e?"xl":void 0}render(){const e=this.href,t=e?ht`a`:ht`button`;return ut`
188
+ `}}Rt.styles=[...Oe.styles,Tt,Ot],t([ze({type:String,reflect:!0})],Rt.prototype,"variant",void 0),t([ze({type:String,reflect:!0})],Rt.prototype,"tone",void 0),t([ze({type:String,reflect:!0})],Rt.prototype,"size",void 0),t([ze({reflect:!0,type:String})],Rt.prototype,"label",void 0),t([ze({type:String,reflect:!0})],Rt.prototype,"orientation",void 0);var Ft=r`:host{display:inline-block}.btn.btn-icon{display:flex;height:var(--sgds-dimension-48,56px);min-width:unset;padding:0;width:var(--sgds-dimension-48,56px)}.btn.btn-icon.btn-lg{height:var(--sgds-dimension-56);min-width:unset;padding:0;width:var(--sgds-dimension-56)}.btn.btn-icon.btn-sm{height:var(--sgds-dimension-40);min-width:unset;padding:0;width:var(--sgds-dimension-40)}.btn.btn-icon.btn-xs{height:var(--sgds-dimension-32);min-width:unset;padding:0;width:var(--sgds-dimension-32)}`;class Nt extends Ht{_assignIconSize(e){return"xs"===e?"sm":"sm"===e?"md":"md"===e?"lg":"lg"===e?"xl":void 0}render(){const e=this.href,t=e?ht`a`:ht`button`;return gt`
189
189
  <${t}
190
190
  class="btn btn-icon${We({disabled:this.disabled,active:this.active,[`btn-${this.variant}`]:this.variant,[`btn-${this.size}`]:this.size,loading:this.loading})}"
191
191
  ?disabled=${Ge(e?void 0:this.disabled)}
@@ -203,15 +203,15 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
203
203
  @blur=${this._handleBlur}
204
204
  aria-label=${Ge(this.loading?"Loading":this.ariaLabel)}
205
205
  >
206
- ${this.loading?ut`<sgds-spinner
206
+ ${this.loading?gt`<sgds-spinner
207
207
  size=${Ge(this._assignSpinnerSize(this.size))}
208
208
  tone=${Ge(this._assignSpinnerTone(this.tone,this.variant))}
209
- ></sgds-spinner>`:ut`<sgds-icon
209
+ ></sgds-spinner>`:gt`<sgds-icon
210
210
  name=${Ge(this.name)}
211
211
  size=${Ge(this._assignIconSize(this.size))}
212
212
  ></sgds-icon>`}
213
213
  </${t}>
214
- `}}Nt.styles=[...Ht.styles,Ft],Nt.dependencies={"sgds-icon":xt,"sgds-spinner":Rt},t([Ve({type:String,reflect:!0})],Nt.prototype,"name",void 0);const jt={sm:512,md:At,lg:Dt,xl:1280,xxl:1440,never:1/0,always:-1};class Ut extends Oe{constructor(){super(...arguments),this.expanded=!1,this.expanding=!1,this.brandHref="",this.collapseId=Et("nav","collapse"),this.expand="lg",this.breakpointReached=!1,this._hasProfileComponent=!1,this._handleClickOutsideBound=e=>this._handleClickOutOfElement(e,this.body),this._handleResizeBound=()=>this._handleResize(),this._handleMobileNavBound=this._handleMobileNav.bind(this)}connectedCallback(){super.connectedCallback(),this._handleResize(),window.addEventListener("click",this._handleClickOutsideBound),window.addEventListener("resize",this._handleResizeBound)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",this._handleClickOutsideBound),window.removeEventListener("resize",this._handleResizeBound)}firstUpdated(e){super.firstUpdated(e),this.breakpointReached&&this.body&&(this.expanded=!1,this.body.hidden=!0,this._handleMobileNav(),this._onBreakpointReached(!0))}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||this.header&&e.composedPath().includes(this.header)||this.hide()}_handleSummaryClick(){this.expanded?this.hide():(document.body.style.overflow="hidden",this.show())}_handleResize(){const e=window.innerWidth<jt[this.expand];e!==this.breakpointReached?this.requestUpdate():(this.body&&(this.body.hidden=!0),this.expanding=!1),e?(this._handleMobileNav(),this._isBreakpointReached()||(this._onBreakpointReached(!0),window.addEventListener("scrollend",this._handleMobileNavBound))):(this._handleDesktopNav(),this._onBreakpointReached(!1),window.removeEventListener("scrollend",this._handleMobileNavBound))}async _handleMobileNav(){if(!this.nav)return;this.nav.appendChild(this.body),await customElements.whenDefined("sgds-masthead");const{bottom:e}=this.nav.getBoundingClientRect(),t=parseFloat(getComputedStyle(this.body).paddingTop)+parseFloat(getComputedStyle(this.body).paddingBottom);this.navScroll.style.maxHeight=`calc(100dvh - ${e}px - ${t}px)`}_handleDesktopNav(){var e;null===(e=this.navbar)||void 0===e||e.insertBefore(this.body,this.navbarEnd)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!1);await et(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=it(this,"nav.show");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.style.height="auto",this._onMenuShown(),this.emit("sgds-after-show")}_onMenuShown(){}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!0);await et(this.body);const{keyframes:e,options:t}=it(this,"nav.hide");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("sgds-after-hide")}async handleOpenChange(){var e;this.expanding?(await this._animateToShow(),this.expanded=!0):(null===(e=this.header)||void 0===e||e.focus(),await this._animateToHide(),this.expanded=!1)}async show(){if(!this.expanded)return this.expanding=!0,ot(this,"sgds-after-show")}async hide(){if(this.expanded)return this.expanding=!1,document.body.style.removeProperty("overflow"),ot(this,"sgds-after-hide")}_expandClass(){switch(this.expand){case"always":return"navbar-expand";case"never":break;default:return`navbar-expand-${this.expand}`}}_renderToggler(e){return te`<sgds-icon-button
214
+ `}}Nt.styles=[...Ht.styles,Ft],Nt.dependencies={"sgds-icon":xt,"sgds-spinner":Rt},t([ze({type:String,reflect:!0})],Nt.prototype,"name",void 0);const jt={sm:512,md:At,lg:Lt,xl:1280,xxl:1440,never:1/0,always:-1};class Ut extends Oe{constructor(){super(...arguments),this.expanded=!1,this.expanding=!1,this.brandHref="",this.collapseId=Et("nav","collapse"),this.expand="lg",this.breakpointReached=!1,this._hasProfileComponent=!1,this._handleClickOutsideBound=e=>this._handleClickOutOfElement(e,this.body),this._handleResizeBound=()=>this._handleResize(),this._handleMobileNavBound=this._handleMobileNav.bind(this)}connectedCallback(){super.connectedCallback(),this._handleResize(),window.addEventListener("click",this._handleClickOutsideBound),window.addEventListener("resize",this._handleResizeBound)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",this._handleClickOutsideBound),window.removeEventListener("resize",this._handleResizeBound)}firstUpdated(e){super.firstUpdated(e),this.breakpointReached&&this.body&&(this.expanded=!1,this.body.hidden=!0,this._handleMobileNav(),this._onBreakpointReached(!0))}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||this.header&&e.composedPath().includes(this.header)||this.hide()}_handleSummaryClick(){this.expanded?this.hide():(document.body.style.overflow="hidden",this.show())}_handleResize(){const e=window.innerWidth<jt[this.expand];e!==this.breakpointReached?this.requestUpdate():(this.body&&(this.body.hidden=!0),this.expanding=!1),e?(this._handleMobileNav(),this._isBreakpointReached()||(this._onBreakpointReached(!0),window.addEventListener("scrollend",this._handleMobileNavBound))):(this._handleDesktopNav(),this._onBreakpointReached(!1),window.removeEventListener("scrollend",this._handleMobileNavBound))}async _handleMobileNav(){if(!this.nav)return;this.nav.appendChild(this.body),await customElements.whenDefined("sgds-masthead");const{bottom:e}=this.nav.getBoundingClientRect(),t=parseFloat(getComputedStyle(this.body).paddingTop)+parseFloat(getComputedStyle(this.body).paddingBottom);this.navScroll.style.maxHeight=`calc(100dvh - ${e}px - ${t}px)`}_handleDesktopNav(){var e;null===(e=this.navbar)||void 0===e||e.insertBefore(this.body,this.navbarEnd)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!1);await et(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=it(this,"nav.show");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.style.height="auto",this._onMenuShown(),this.emit("sgds-after-show")}_onMenuShown(){}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!0);await et(this.body);const{keyframes:e,options:t}=it(this,"nav.hide");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("sgds-after-hide")}async handleOpenChange(){var e;this.expanding?(await this._animateToShow(),this.expanded=!0):(null===(e=this.header)||void 0===e||e.focus(),await this._animateToHide(),this.expanded=!1)}async show(){if(!this.expanded)return this.expanding=!0,ot(this,"sgds-after-show")}async hide(){if(this.expanded)return this.expanding=!1,document.body.style.removeProperty("overflow"),ot(this,"sgds-after-hide")}_expandClass(){switch(this.expand){case"always":return"navbar-expand";case"never":break;default:return`navbar-expand-${this.expand}`}}_renderToggler(e){return te`<sgds-icon-button
215
215
  name=${this.expanded?"cross":"menu"}
216
216
  variant="ghost"
217
217
  size="sm"
@@ -221,7 +221,7 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
221
221
  aria-controls="${this.collapseId}"
222
222
  aria-expanded="${this.expanded}"
223
223
  .ariaLabel=${"Toggle navigation"}
224
- ></sgds-icon-button>`}}Ut.dependencies={"sgds-icon-button":Nt},t([Pe()],Ut.prototype,"expanded",void 0),t([Pe()],Ut.prototype,"expanding",void 0),t([De("nav")],Ut.prototype,"nav",void 0),t([De(".navbar")],Ut.prototype,"navbar",void 0),t([De(".navbar-toggler")],Ut.prototype,"header",void 0),t([De(".navbar-body")],Ut.prototype,"body",void 0),t([De(".navbar-nav-scroll")],Ut.prototype,"navScroll",void 0),t([De(".navbar-end")],Ut.prototype,"navbarEnd",void 0),t([Ve({type:String})],Ut.prototype,"brandHref",void 0),t([Ve({type:String})],Ut.prototype,"expand",void 0),t([Pe()],Ut.prototype,"breakpointReached",void 0),t([Pe()],Ut.prototype,"_hasProfileComponent",void 0),t([nt("expanding",{waitUntilFirstUpdate:!0})],Ut.prototype,"handleOpenChange",null),at("nav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),at("nav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});class qt{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{var t;if(e.nodeType===e.TEXT_NODE&&""!==(null===(t=e.textContent)||void 0===t?void 0:t.trim()))return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("sl-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}}const Yt="appnav-context";var Kt=r`:host{display:block}nav{box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}:host([tone=brand]) nav{background-color:var(--sgds-primary-surface-default)}:host([tone=gradient-1]) nav{background:var(--sgds-gradient-1)}:host([tone=gradient-2]) nav{background:var(--sgds-gradient-2)}:host([tone=gradient-3]) nav{background:var(--sgds-gradient-3)}:host([tone=gradient-4]) nav{background:var(--sgds-gradient-4)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}.navbar-brand{align-items:center;color:var(--sgds-color-fixed-light);display:flex;text-decoration:none;white-space:nowrap}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-gap-xs);height:100%;margin-bottom:0;margin-left:auto;margin-top:0}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto}nav>.navbar-body slot::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{align-items:center;flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{margin-left:auto}.navbar-end,slot[name=start]{align-items:center;display:flex;gap:var(--sgds-gap-xs)}slot[name=start].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=start]::slotted(*){color:var(--sgds-color-fixed-light)}.navbar-end.slot-empty,.slot-desktop-only{display:none}.appnav-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none;width:100%}.appnav-menu-item,.appnav-menu-item:hover{color:var(--sgds-color-default)}.appnav-menu-item:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;class Wt extends Ut{constructor(){super(...arguments),this._breakpointReached=!1,this._expanded=!1,this.tone="brand",this.hasStartSlot=!1,this.hasSlotController=new qt(this,"start"),this._hasDefaultSlotItems=!1,this._hasProfileSlotItems=!1,this._defaultSlotItems=[]}updated(){this.hasStartSlot||(this.hasStartSlot=this.hasSlotController.test("start")),this._expanded=this.expanded}_onBreakpointReached(e){this._breakpointReached=e}_isBreakpointReached(){return this._breakpointReached}_handleTogglerKeydown(e){var t;if("Tab"===e.key&&!e.shiftKey&&this.expanded){e.preventDefault();const s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".appnav-menu-item");null==s||s.focus()}}_handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});this._hasDefaultSlotItems=t.length>0,this._defaultSlotItems=t.filter(e=>void 0!==e.tagName).map(e=>{var t;return{label:e.getAttribute("ariaLabel")||e.getAttribute("aria-label")||(null===(t=e.textContent)||void 0===t?void 0:t.trim())||"",element:e}}),t.forEach(e=>{e.setAttribute("expand",this.expand)})}_handleMobileItemClick(e){e.element.click(),this.hide()}_renderAppnavToggler(){return te`<sgds-icon-button
224
+ ></sgds-icon-button>`}}Ut.dependencies={"sgds-icon-button":Nt},t([Pe()],Ut.prototype,"expanded",void 0),t([Pe()],Ut.prototype,"expanding",void 0),t([Le("nav")],Ut.prototype,"nav",void 0),t([Le(".navbar")],Ut.prototype,"navbar",void 0),t([Le(".navbar-toggler")],Ut.prototype,"header",void 0),t([Le(".navbar-body")],Ut.prototype,"body",void 0),t([Le(".navbar-nav-scroll")],Ut.prototype,"navScroll",void 0),t([Le(".navbar-end")],Ut.prototype,"navbarEnd",void 0),t([ze({type:String})],Ut.prototype,"brandHref",void 0),t([ze({type:String})],Ut.prototype,"expand",void 0),t([Pe()],Ut.prototype,"breakpointReached",void 0),t([Pe()],Ut.prototype,"_hasProfileComponent",void 0),t([nt("expanding",{waitUntilFirstUpdate:!0})],Ut.prototype,"handleOpenChange",null),at("nav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),at("nav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});class qt{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{var t;if(e.nodeType===e.TEXT_NODE&&""!==(null===(t=e.textContent)||void 0===t?void 0:t.trim()))return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("sl-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}}const Yt="appnav-context";var Kt=r`:host{display:block}nav{box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}:host([tone=brand]) nav{background-color:var(--sgds-primary-surface-default)}:host([tone=gradient-1]) nav{background:var(--sgds-gradient-1)}:host([tone=gradient-2]) nav{background:var(--sgds-gradient-2)}:host([tone=gradient-3]) nav{background:var(--sgds-gradient-3)}:host([tone=gradient-4]) nav{background:var(--sgds-gradient-4)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}.navbar-brand{align-items:center;color:var(--sgds-color-fixed-light);display:flex;text-decoration:none;white-space:nowrap}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-gap-xs);height:100%;margin-bottom:0;margin-left:auto;margin-top:0}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto}nav>.navbar-body slot::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{align-items:center;flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{align-items:center;flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{margin-left:auto}.navbar-end,slot[name=start]{align-items:center;display:flex;gap:var(--sgds-gap-xs)}slot[name=start].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=start]::slotted(*){color:var(--sgds-color-fixed-light)}.navbar-end.slot-empty,.slot-desktop-only{display:none}.appnav-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none;width:100%}.appnav-menu-item,.appnav-menu-item:hover{color:var(--sgds-color-default)}.appnav-menu-item:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;class Wt extends Ut{constructor(){super(...arguments),this._breakpointReached=!1,this._expanded=!1,this.tone="brand",this.hasStartSlot=!1,this.hasSlotController=new qt(this,"start"),this._hasDefaultSlotItems=!1,this._hasProfileSlotItems=!1,this._defaultSlotItems=[]}updated(){this.hasStartSlot||(this.hasStartSlot=this.hasSlotController.test("start")),this._expanded=this.expanded}_onBreakpointReached(e){this._breakpointReached=e}_isBreakpointReached(){return this._breakpointReached}_handleTogglerKeydown(e){var t;if("Tab"===e.key&&!e.shiftKey&&this.expanded){e.preventDefault();const s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".appnav-menu-item");null==s||s.focus()}}_handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});this._hasDefaultSlotItems=t.length>0,this._defaultSlotItems=t.filter(e=>void 0!==e.tagName).map(e=>{var t;return{label:e.getAttribute("ariaLabel")||e.getAttribute("aria-label")||(null===(t=e.textContent)||void 0===t?void 0:t.trim())||"",element:e}}),t.forEach(e=>{e.setAttribute("expand",this.expand)})}_handleMobileItemClick(e){e.element.click(),this.hide()}_renderAppnavToggler(){return te`<sgds-icon-button
225
225
  name="three-dots-vertical"
226
226
  variant="ghost"
227
227
  size="sm"
@@ -263,12 +263,12 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
263
263
  </div>
264
264
  </div>
265
265
  </nav>
266
- `}}Wt.styles=[...Ut.styles,Kt],t([It({context:Yt}),Pe()],Wt.prototype,"_breakpointReached",void 0),t([It({context:"appnav-expanded-context"}),Pe()],Wt.prototype,"_expanded",void 0),t([Ve({type:String,reflect:!0})],Wt.prototype,"tone",void 0),t([Ve({type:Boolean})],Wt.prototype,"hasStartSlot",void 0),t([Pe()],Wt.prototype,"_hasDefaultSlotItems",void 0),t([Pe()],Wt.prototype,"_hasProfileSlotItems",void 0),t([Pe()],Wt.prototype,"_defaultSlotItems",void 0);const Gt=["top","right","bottom","left"],Jt=Math.min,Xt=Math.max,Qt=Math.round,es=Math.floor,ts=e=>({x:e,y:e}),ss={left:"right",right:"left",bottom:"top",top:"bottom"},is={start:"end",end:"start"};function as(e,t,s){return Xt(e,Jt(t,s))}function os(e,t){return"function"==typeof e?e(t):e}function ns(e){return e.split("-")[0]}function rs(e){return e.split("-")[1]}function ls(e){return"x"===e?"y":"x"}function ds(e){return"y"===e?"height":"width"}const cs=new Set(["top","bottom"]);function hs(e){return cs.has(ns(e))?"y":"x"}function ps(e){return ls(hs(e))}function us(e,t,s){void 0===s&&(s=!1);const i=rs(e),a=ps(e),o=ds(a);let n="x"===a?i===(s?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=ys(n)),[n,ys(n)]}function gs(e){return e.replace(/start|end/g,e=>is[e])}const vs=["left","right"],ms=["right","left"],fs=["top","bottom"],bs=["bottom","top"];function ws(e,t,s,i){const a=rs(e);let o=function(e,t,s){switch(e){case"top":case"bottom":return s?t?ms:vs:t?vs:ms;case"left":case"right":return t?fs:bs;default:return[]}}(ns(e),"start"===s,i);return a&&(o=o.map(e=>e+"-"+a),t&&(o=o.concat(o.map(gs)))),o}function ys(e){return e.replace(/left|right|bottom|top/g,e=>ss[e])}function xs(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function _s(e){const{x:t,y:s,width:i,height:a}=e;return{width:i,height:a,top:s,left:t,right:t+i,bottom:s+a,x:t,y:s}}function ks(e,t,s){let{reference:i,floating:a}=e;const o=hs(t),n=ps(t),r=ds(n),l=ns(t),d="y"===o,c=i.x+i.width/2-a.width/2,h=i.y+i.height/2-a.height/2,p=i[r]/2-a[r]/2;let u;switch(l){case"top":u={x:c,y:i.y-a.height};break;case"bottom":u={x:c,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:h};break;case"left":u={x:i.x-a.width,y:h};break;default:u={x:i.x,y:i.y}}switch(rs(t)){case"start":u[n]-=p*(s&&d?-1:1);break;case"end":u[n]+=p*(s&&d?-1:1)}return u}async function Cs(e,t){var s;void 0===t&&(t={});const{x:i,y:a,platform:o,rects:n,elements:r,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:u=0}=os(t,e),g=xs(u),v=r[p?"floating"===h?"reference":"floating":h],m=_s(await o.getClippingRect({element:null==(s=await(null==o.isElement?void 0:o.isElement(v)))||s?v:v.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(r.floating)),boundary:d,rootBoundary:c,strategy:l})),f="floating"===h?{x:i,y:a,width:n.floating.width,height:n.floating.height}:n.reference,b=await(null==o.getOffsetParent?void 0:o.getOffsetParent(r.floating)),w=await(null==o.isElement?void 0:o.isElement(b))&&await(null==o.getScale?void 0:o.getScale(b))||{x:1,y:1},y=_s(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:f,offsetParent:b,strategy:l}):f);return{top:(m.top-y.top+g.top)/w.y,bottom:(y.bottom-m.bottom+g.bottom)/w.y,left:(m.left-y.left+g.left)/w.x,right:(y.right-m.right+g.right)/w.x}}function $s(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ss(e){return Gt.some(t=>e[t]>=0)}const Ms=new Set(["left","top"]);function Zs(){return"undefined"!=typeof window}function zs(e){return Is(e)?(e.nodeName||"").toLowerCase():"#document"}function Vs(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Ps(e){var t;return null==(t=(Is(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Is(e){return!!Zs()&&(e instanceof Node||e instanceof Vs(e).Node)}function Ls(e){return!!Zs()&&(e instanceof Element||e instanceof Vs(e).Element)}function Ds(e){return!!Zs()&&(e instanceof HTMLElement||e instanceof Vs(e).HTMLElement)}function As(e){return!(!Zs()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Vs(e).ShadowRoot)}const Es=new Set(["inline","contents"]);function Bs(e){const{overflow:t,overflowX:s,overflowY:i,display:a}=Ws(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+s)&&!Es.has(a)}const Hs=new Set(["table","td","th"]);function Os(e){return Hs.has(zs(e))}const Ts=[":popover-open",":modal"];function Rs(e){return Ts.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Fs=["transform","translate","scale","rotate","perspective"],Ns=["transform","translate","scale","rotate","perspective","filter"],js=["paint","layout","strict","content"];function Us(e){const t=qs(),s=Ls(e)?Ws(e):e;return Fs.some(e=>!!s[e]&&"none"!==s[e])||!!s.containerType&&"normal"!==s.containerType||!t&&!!s.backdropFilter&&"none"!==s.backdropFilter||!t&&!!s.filter&&"none"!==s.filter||Ns.some(e=>(s.willChange||"").includes(e))||js.some(e=>(s.contain||"").includes(e))}function qs(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ys=new Set(["html","body","#document"]);function Ks(e){return Ys.has(zs(e))}function Ws(e){return Vs(e).getComputedStyle(e)}function Gs(e){return Ls(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Js(e){if("html"===zs(e))return e;const t=e.assignedSlot||e.parentNode||As(e)&&e.host||Ps(e);return As(t)?t.host:t}function Xs(e){const t=Js(e);return Ks(t)?e.ownerDocument?e.ownerDocument.body:e.body:Ds(t)&&Bs(t)?t:Xs(t)}function Qs(e,t,s){var i;void 0===t&&(t=[]),void 0===s&&(s=!0);const a=Xs(e),o=a===(null==(i=e.ownerDocument)?void 0:i.body),n=Vs(a);if(o){const e=ei(n);return t.concat(n,n.visualViewport||[],Bs(a)?a:[],e&&s?Qs(e):[])}return t.concat(a,Qs(a,[],s))}function ei(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function ti(e){const t=Ws(e);let s=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const a=Ds(e),o=a?e.offsetWidth:s,n=a?e.offsetHeight:i,r=Qt(s)!==o||Qt(i)!==n;return r&&(s=o,i=n),{width:s,height:i,$:r}}function si(e){return Ls(e)?e:e.contextElement}function ii(e){const t=si(e);if(!Ds(t))return ts(1);const s=t.getBoundingClientRect(),{width:i,height:a,$:o}=ti(t);let n=(o?Qt(s.width):s.width)/i,r=(o?Qt(s.height):s.height)/a;return n&&Number.isFinite(n)||(n=1),r&&Number.isFinite(r)||(r=1),{x:n,y:r}}const ai=ts(0);function oi(e){const t=Vs(e);return qs()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ai}function ni(e,t,s,i){void 0===t&&(t=!1),void 0===s&&(s=!1);const a=e.getBoundingClientRect(),o=si(e);let n=ts(1);t&&(i?Ls(i)&&(n=ii(i)):n=ii(e));const r=function(e,t,s){return void 0===t&&(t=!1),!(!s||t&&s!==Vs(e))&&t}(o,s,i)?oi(o):ts(0);let l=(a.left+r.x)/n.x,d=(a.top+r.y)/n.y,c=a.width/n.x,h=a.height/n.y;if(o){const e=Vs(o),t=i&&Ls(i)?Vs(i):i;let s=e,a=ei(s);for(;a&&i&&t!==s;){const e=ii(a),t=a.getBoundingClientRect(),i=Ws(a),o=t.left+(a.clientLeft+parseFloat(i.paddingLeft))*e.x,n=t.top+(a.clientTop+parseFloat(i.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=o,d+=n,s=Vs(a),a=ei(s)}}return _s({width:c,height:h,x:l,y:d})}function ri(e,t){const s=Gs(e).scrollLeft;return t?t.left+s:ni(Ps(e)).left+s}function li(e,t){const s=e.getBoundingClientRect();return{x:s.left+t.scrollLeft-ri(e,s),y:s.top+t.scrollTop}}const di=new Set(["absolute","fixed"]);function ci(e,t,s){let i;if("viewport"===t)i=function(e,t){const s=Vs(e),i=Ps(e),a=s.visualViewport;let o=i.clientWidth,n=i.clientHeight,r=0,l=0;if(a){o=a.width,n=a.height;const e=qs();(!e||e&&"fixed"===t)&&(r=a.offsetLeft,l=a.offsetTop)}const d=ri(i);if(d<=0){const e=i.ownerDocument,t=e.body,s=getComputedStyle(t),a="CSS1Compat"===e.compatMode&&parseFloat(s.marginLeft)+parseFloat(s.marginRight)||0,n=Math.abs(i.clientWidth-t.clientWidth-a);n<=25&&(o-=n)}else d<=25&&(o+=d);return{width:o,height:n,x:r,y:l}}(e,s);else if("document"===t)i=function(e){const t=Ps(e),s=Gs(e),i=e.ownerDocument.body,a=Xt(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=Xt(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-s.scrollLeft+ri(e);const r=-s.scrollTop;return"rtl"===Ws(i).direction&&(n+=Xt(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:n,y:r}}(Ps(e));else if(Ls(t))i=function(e,t){const s=ni(e,!0,"fixed"===t),i=s.top+e.clientTop,a=s.left+e.clientLeft,o=Ds(e)?ii(e):ts(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:a*o.x,y:i*o.y}}(t,s);else{const s=oi(e);i={x:t.x-s.x,y:t.y-s.y,width:t.width,height:t.height}}return _s(i)}function hi(e,t){const s=Js(e);return!(s===t||!Ls(s)||Ks(s))&&("fixed"===Ws(s).position||hi(s,t))}function pi(e,t,s){const i=Ds(t),a=Ps(t),o="fixed"===s,n=ni(e,!0,o,t);let r={scrollLeft:0,scrollTop:0};const l=ts(0);function d(){l.x=ri(a)}if(i||!i&&!o)if(("body"!==zs(t)||Bs(a))&&(r=Gs(t)),i){const e=ni(t,!0,o,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else a&&d();o&&!i&&a&&d();const c=!a||i||o?ts(0):li(a,r);return{x:n.left+r.scrollLeft-l.x-c.x,y:n.top+r.scrollTop-l.y-c.y,width:n.width,height:n.height}}function ui(e){return"static"===Ws(e).position}function gi(e,t){if(!Ds(e)||"fixed"===Ws(e).position)return null;if(t)return t(e);let s=e.offsetParent;return Ps(e)===s&&(s=s.ownerDocument.body),s}function vi(e,t){const s=Vs(e);if(Rs(e))return s;if(!Ds(e)){let t=Js(e);for(;t&&!Ks(t);){if(Ls(t)&&!ui(t))return t;t=Js(t)}return s}let i=gi(e,t);for(;i&&Os(i)&&ui(i);)i=gi(i,t);return i&&Ks(i)&&ui(i)&&!Us(i)?s:i||function(e){let t=Js(e);for(;Ds(t)&&!Ks(t);){if(Us(t))return t;if(Rs(t))return null;t=Js(t)}return null}(e)||s}const mi={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:s,offsetParent:i,strategy:a}=e;const o="fixed"===a,n=Ps(i),r=!!t&&Rs(t.floating);if(i===n||r&&o)return s;let l={scrollLeft:0,scrollTop:0},d=ts(1);const c=ts(0),h=Ds(i);if((h||!h&&!o)&&(("body"!==zs(i)||Bs(n))&&(l=Gs(i)),Ds(i))){const e=ni(i);d=ii(i),c.x=e.x+i.clientLeft,c.y=e.y+i.clientTop}const p=!n||h||o?ts(0):li(n,l);return{width:s.width*d.x,height:s.height*d.y,x:s.x*d.x-l.scrollLeft*d.x+c.x+p.x,y:s.y*d.y-l.scrollTop*d.y+c.y+p.y}},getDocumentElement:Ps,getClippingRect:function(e){let{element:t,boundary:s,rootBoundary:i,strategy:a}=e;const o=[..."clippingAncestors"===s?Rs(t)?[]:function(e,t){const s=t.get(e);if(s)return s;let i=Qs(e,[],!1).filter(e=>Ls(e)&&"body"!==zs(e)),a=null;const o="fixed"===Ws(e).position;let n=o?Js(e):e;for(;Ls(n)&&!Ks(n);){const t=Ws(n),s=Us(n);s||"fixed"!==t.position||(a=null),(o?!s&&!a:!s&&"static"===t.position&&a&&di.has(a.position)||Bs(n)&&!s&&hi(e,n))?i=i.filter(e=>e!==n):a=t,n=Js(n)}return t.set(e,i),i}(t,this._c):[].concat(s),i],n=o[0],r=o.reduce((e,s)=>{const i=ci(t,s,a);return e.top=Xt(i.top,e.top),e.right=Jt(i.right,e.right),e.bottom=Jt(i.bottom,e.bottom),e.left=Xt(i.left,e.left),e},ci(t,n,a));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:vi,getElementRects:async function(e){const t=this.getOffsetParent||vi,s=this.getDimensions,i=await s(e.floating);return{reference:pi(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:s}=ti(e);return{width:t,height:s}},getScale:ii,isElement:Ls,isRTL:function(e){return"rtl"===Ws(e).direction}};function fi(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function bi(e,t,s,i){void 0===i&&(i={});const{ancestorScroll:a=!0,ancestorResize:o=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,d=si(e),c=a||o?[...d?Qs(d):[],...Qs(t)]:[];c.forEach(e=>{a&&e.addEventListener("scroll",s,{passive:!0}),o&&e.addEventListener("resize",s)});const h=d&&r?function(e,t){let s,i=null;const a=Ps(e);function o(){var e;clearTimeout(s),null==(e=i)||e.disconnect(),i=null}return function n(r,l){void 0===r&&(r=!1),void 0===l&&(l=1),o();const d=e.getBoundingClientRect(),{left:c,top:h,width:p,height:u}=d;if(r||t(),!p||!u)return;const g={rootMargin:-es(h)+"px "+-es(a.clientWidth-(c+p))+"px "+-es(a.clientHeight-(h+u))+"px "+-es(c)+"px",threshold:Xt(0,Jt(1,l))||1};let v=!0;function m(t){const i=t[0].intersectionRatio;if(i!==l){if(!v)return n();i?n(!1,i):s=setTimeout(()=>{n(!1,1e-7)},1e3)}1!==i||fi(d,e.getBoundingClientRect())||n(),v=!1}try{i=new IntersectionObserver(m,{...g,root:a.ownerDocument})}catch(e){i=new IntersectionObserver(m,g)}i.observe(e)}(!0),o}(d,s):null;let p,u=-1,g=null;n&&(g=new ResizeObserver(e=>{let[i]=e;i&&i.target===d&&g&&(g.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=g)||e.observe(t)})),s()}),d&&!l&&g.observe(d),g.observe(t));let v=l?ni(e):null;return l&&function t(){const i=ni(e);v&&!fi(v,i)&&s();v=i,p=requestAnimationFrame(t)}(),s(),()=>{var e;c.forEach(e=>{a&&e.removeEventListener("scroll",s),o&&e.removeEventListener("resize",s)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,l&&cancelAnimationFrame(p)}}const wi=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var s,i;const{x:a,y:o,placement:n,middlewareData:r}=t,l=await async function(e,t){const{placement:s,platform:i,elements:a}=e,o=await(null==i.isRTL?void 0:i.isRTL(a.floating)),n=ns(s),r=rs(s),l="y"===hs(s),d=Ms.has(n)?-1:1,c=o&&l?-1:1,h=os(t,e);let{mainAxis:p,crossAxis:u,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return r&&"number"==typeof g&&(u="end"===r?-1*g:g),l?{x:u*c,y:p*d}:{x:p*d,y:u*c}}(t,e);return n===(null==(s=r.offset)?void 0:s.placement)&&null!=(i=r.arrow)&&i.alignmentOffset?{}:{x:a+l.x,y:o+l.y,data:{...l,placement:n}}}}},yi=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:s,y:i,placement:a}=t,{mainAxis:o=!0,crossAxis:n=!1,limiter:r={fn:e=>{let{x:t,y:s}=e;return{x:t,y:s}}},...l}=os(e,t),d={x:s,y:i},c=await Cs(t,l),h=hs(ns(a)),p=ls(h);let u=d[p],g=d[h];if(o){const e="y"===p?"bottom":"right";u=as(u+c["y"===p?"top":"left"],u,u-c[e])}if(n){const e="y"===h?"bottom":"right";g=as(g+c["y"===h?"top":"left"],g,g-c[e])}const v=r.fn({...t,[p]:u,[h]:g});return{...v,data:{x:v.x-s,y:v.y-i,enabled:{[p]:o,[h]:n}}}}}},xi=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var s,i;const{placement:a,middlewareData:o,rects:n,initialPlacement:r,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:v=!0,...m}=os(e,t);if(null!=(s=o.arrow)&&s.alignmentOffset)return{};const f=ns(a),b=hs(r),w=ns(r)===r,y=await(null==l.isRTL?void 0:l.isRTL(d.floating)),x=p||(w||!v?[ys(r)]:function(e){const t=ys(e);return[gs(e),t,gs(t)]}(r)),_="none"!==g;!p&&_&&x.push(...ws(r,v,g,y));const k=[r,...x],C=await Cs(t,m),$=[];let S=(null==(i=o.flip)?void 0:i.overflows)||[];if(c&&$.push(C[f]),h){const e=us(a,n,y);$.push(C[e[0]],C[e[1]])}if(S=[...S,{placement:a,overflows:$}],!$.every(e=>e<=0)){var M,Z;const e=((null==(M=o.flip)?void 0:M.index)||0)+1,t=k[e];if(t){if(!("alignment"===h&&b!==hs(t))||S.every(e=>hs(e.placement)!==b||e.overflows[0]>0))return{data:{index:e,overflows:S},reset:{placement:t}}}let s=null==(Z=S.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:Z.placement;if(!s)switch(u){case"bestFit":{var z;const e=null==(z=S.filter(e=>{if(_){const t=hs(e.placement);return t===b||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:z[0];e&&(s=e);break}case"initialPlacement":s=r}if(a!==s)return{reset:{placement:s}}}return{}}}},_i=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){var s,i;const{placement:a,rects:o,platform:n,elements:r}=t,{apply:l=()=>{},...d}=os(e,t),c=await Cs(t,d),h=ns(a),p=rs(a),u="y"===hs(a),{width:g,height:v}=o.floating;let m,f;"top"===h||"bottom"===h?(m=h,f=p===(await(null==n.isRTL?void 0:n.isRTL(r.floating))?"start":"end")?"left":"right"):(f=h,m="end"===p?"top":"bottom");const b=v-c.top-c.bottom,w=g-c.left-c.right,y=Jt(v-c[m],b),x=Jt(g-c[f],w),_=!t.middlewareData.shift;let k=y,C=x;if(null!=(s=t.middlewareData.shift)&&s.enabled.x&&(C=w),null!=(i=t.middlewareData.shift)&&i.enabled.y&&(k=b),_&&!p){const e=Xt(c.left,0),t=Xt(c.right,0),s=Xt(c.top,0),i=Xt(c.bottom,0);u?C=g-2*(0!==e||0!==t?e+t:Xt(c.left,c.right)):k=v-2*(0!==s||0!==i?s+i:Xt(c.top,c.bottom))}await l({...t,availableWidth:C,availableHeight:k});const $=await n.getDimensions(r.floating);return g!==$.width||v!==$.height?{reset:{rects:!0}}:{}}}},ki=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:s}=t,{strategy:i="referenceHidden",...a}=os(e,t);switch(i){case"referenceHidden":{const e=$s(await Cs(t,{...a,elementContext:"reference"}),s.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Ss(e)}}}case"escaped":{const e=$s(await Cs(t,{...a,altBoundary:!0}),s.floating);return{data:{escapedOffsets:e,escaped:Ss(e)}}}default:return{}}}}},Ci=(e,t,s)=>{const i=new Map,a={platform:mi,...s},o={...a.platform,_c:i};return(async(e,t,s)=>{const{placement:i="bottom",strategy:a="absolute",middleware:o=[],platform:n}=s,r=o.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(t));let d=await n.getElementRects({reference:e,floating:t,strategy:a}),{x:c,y:h}=ks(d,i,l),p=i,u={},g=0;for(let s=0;s<r.length;s++){const{name:o,fn:v}=r[s],{x:m,y:f,data:b,reset:w}=await v({x:c,y:h,initialPlacement:i,placement:p,strategy:a,middlewareData:u,rects:d,platform:n,elements:{reference:e,floating:t}});c=null!=m?m:c,h=null!=f?f:h,u={...u,[o]:{...u[o],...b}},w&&g<=50&&(g++,"object"==typeof w&&(w.placement&&(p=w.placement),w.rects&&(d=!0===w.rects?await n.getElementRects({reference:e,floating:t,strategy:a}):w.rects),({x:c,y:h}=ks(d,p,l))),s=-1)}return{x:c,y:h,placement:p,strategy:a,middlewareData:u}})(e,t,{...a,platform:o})},{_ChildPart:$i}=we,Si=window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch?window.ShadyDOM.wrap:e=>e,Mi=e=>void 0===e.strings,Zi=()=>document.createComment(""),zi=(e,t,s)=>{const i=Si(e._$startNode).parentNode,a=void 0===t?e._$endNode:t._$startNode;if(void 0===s){const t=Si(i).insertBefore(Zi(),a),o=Si(i).insertBefore(Zi(),a);s=new $i(t,o,e,e.options)}else{const t=Si(s._$endNode).nextSibling,o=s._$parent,n=o!==e;if(n){let t;s._$reparentDisconnectables?.(e),s._$parent=e,void 0!==s._$notifyConnectionChanged&&(t=e._$isConnected)!==o._$isConnected&&s._$notifyConnectionChanged(t)}if(t!==a||n){let e=s._$startNode;for(;e!==t;){const t=Si(e).nextSibling;Si(i).insertBefore(e,a),e=t}}}return s},Vi=(e,t,s=e)=>(e._$setValue(t,s),e),Pi={},Ii=(e,t=Pi)=>e._$committedValue=t,Li=e=>{e._$clear(),e._$startNode.remove()},Di=(e,t)=>{const s=e._$disconnectableChildren;if(void 0===s)return!1;for(const e of s)e._$notifyDirectiveConnectionChanged?.(t,!1),Di(e,t);return!0},Ai=e=>{let t,s;do{if(void 0===(t=e._$parent))break;s=t._$disconnectableChildren,s.delete(e),e=t}while(0===s?.size)},Ei=e=>{for(let t;t=e._$parent;e=t){let s=t._$disconnectableChildren;if(void 0===s)t._$disconnectableChildren=s=new Set;else if(s.has(e))break;s.add(e),Oi(t)}};function Bi(e){void 0!==this._$disconnectableChildren?(Ai(this),this._$parent=e,Ei(this)):this._$parent=e}function Hi(e,t=!1,s=0){const i=this._$committedValue,a=this._$disconnectableChildren;if(void 0!==a&&0!==a.size)if(t)if(Array.isArray(i))for(let e=s;e<i.length;e++)Di(i[e],!1),Ai(i[e]);else null!=i&&(Di(i,!1),Ai(i));else Di(this,e)}const Oi=e=>{e.type==je&&(e._$notifyConnectionChanged??=Hi,e._$reparentDisconnectables??=Bi)};class Ti extends Ke{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(e,t,s){super._$initialize(e,t,s),Ei(this),this.isConnected=e._$isConnected}_$notifyDirectiveConnectionChanged(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(Di(this,e),Ai(this))}setValue(e){if(Mi(this.__part))this.__part._$setValue(e,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const t=[...this.__part._$committedValue];t[this.__attributeIndex]=e,this.__part._$setValue(t,this,0)}}disconnected(){}reconnected(){}}
266
+ `}}Wt.styles=[...Ut.styles,Kt],t([Dt({context:Yt}),Pe()],Wt.prototype,"_breakpointReached",void 0),t([Dt({context:"appnav-expanded-context"}),Pe()],Wt.prototype,"_expanded",void 0),t([ze({type:String,reflect:!0})],Wt.prototype,"tone",void 0),t([ze({type:Boolean})],Wt.prototype,"hasStartSlot",void 0),t([Pe()],Wt.prototype,"_hasDefaultSlotItems",void 0),t([Pe()],Wt.prototype,"_hasProfileSlotItems",void 0),t([Pe()],Wt.prototype,"_defaultSlotItems",void 0);const Gt=["top","right","bottom","left"],Jt=Math.min,Xt=Math.max,Qt=Math.round,es=Math.floor,ts=e=>({x:e,y:e}),ss={left:"right",right:"left",bottom:"top",top:"bottom"},is={start:"end",end:"start"};function as(e,t,s){return Xt(e,Jt(t,s))}function os(e,t){return"function"==typeof e?e(t):e}function ns(e){return e.split("-")[0]}function rs(e){return e.split("-")[1]}function ls(e){return"x"===e?"y":"x"}function ds(e){return"y"===e?"height":"width"}const cs=new Set(["top","bottom"]);function hs(e){return cs.has(ns(e))?"y":"x"}function ps(e){return ls(hs(e))}function gs(e,t,s){void 0===s&&(s=!1);const i=rs(e),a=ps(e),o=ds(a);let n="x"===a?i===(s?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=ys(n)),[n,ys(n)]}function us(e){return e.replace(/start|end/g,e=>is[e])}const vs=["left","right"],ms=["right","left"],fs=["top","bottom"],bs=["bottom","top"];function ws(e,t,s,i){const a=rs(e);let o=function(e,t,s){switch(e){case"top":case"bottom":return s?t?ms:vs:t?vs:ms;case"left":case"right":return t?fs:bs;default:return[]}}(ns(e),"start"===s,i);return a&&(o=o.map(e=>e+"-"+a),t&&(o=o.concat(o.map(us)))),o}function ys(e){return e.replace(/left|right|bottom|top/g,e=>ss[e])}function xs(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function _s(e){const{x:t,y:s,width:i,height:a}=e;return{width:i,height:a,top:s,left:t,right:t+i,bottom:s+a,x:t,y:s}}function ks(e,t,s){let{reference:i,floating:a}=e;const o=hs(t),n=ps(t),r=ds(n),l=ns(t),d="y"===o,c=i.x+i.width/2-a.width/2,h=i.y+i.height/2-a.height/2,p=i[r]/2-a[r]/2;let g;switch(l){case"top":g={x:c,y:i.y-a.height};break;case"bottom":g={x:c,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:h};break;case"left":g={x:i.x-a.width,y:h};break;default:g={x:i.x,y:i.y}}switch(rs(t)){case"start":g[n]-=p*(s&&d?-1:1);break;case"end":g[n]+=p*(s&&d?-1:1)}return g}async function Cs(e,t){var s;void 0===t&&(t={});const{x:i,y:a,platform:o,rects:n,elements:r,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:g=0}=os(t,e),u=xs(g),v=r[p?"floating"===h?"reference":"floating":h],m=_s(await o.getClippingRect({element:null==(s=await(null==o.isElement?void 0:o.isElement(v)))||s?v:v.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(r.floating)),boundary:d,rootBoundary:c,strategy:l})),f="floating"===h?{x:i,y:a,width:n.floating.width,height:n.floating.height}:n.reference,b=await(null==o.getOffsetParent?void 0:o.getOffsetParent(r.floating)),w=await(null==o.isElement?void 0:o.isElement(b))&&await(null==o.getScale?void 0:o.getScale(b))||{x:1,y:1},y=_s(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:f,offsetParent:b,strategy:l}):f);return{top:(m.top-y.top+u.top)/w.y,bottom:(y.bottom-m.bottom+u.bottom)/w.y,left:(m.left-y.left+u.left)/w.x,right:(y.right-m.right+u.right)/w.x}}function $s(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ss(e){return Gt.some(t=>e[t]>=0)}const Ms=new Set(["left","top"]);function Zs(){return"undefined"!=typeof window}function Vs(e){return Ds(e)?(e.nodeName||"").toLowerCase():"#document"}function zs(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Ps(e){var t;return null==(t=(Ds(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Ds(e){return!!Zs()&&(e instanceof Node||e instanceof zs(e).Node)}function Is(e){return!!Zs()&&(e instanceof Element||e instanceof zs(e).Element)}function Ls(e){return!!Zs()&&(e instanceof HTMLElement||e instanceof zs(e).HTMLElement)}function As(e){return!(!Zs()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof zs(e).ShadowRoot)}const Es=new Set(["inline","contents"]);function Bs(e){const{overflow:t,overflowX:s,overflowY:i,display:a}=Ws(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+s)&&!Es.has(a)}const Hs=new Set(["table","td","th"]);function Os(e){return Hs.has(Vs(e))}const Ts=[":popover-open",":modal"];function Rs(e){return Ts.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Fs=["transform","translate","scale","rotate","perspective"],Ns=["transform","translate","scale","rotate","perspective","filter"],js=["paint","layout","strict","content"];function Us(e){const t=qs(),s=Is(e)?Ws(e):e;return Fs.some(e=>!!s[e]&&"none"!==s[e])||!!s.containerType&&"normal"!==s.containerType||!t&&!!s.backdropFilter&&"none"!==s.backdropFilter||!t&&!!s.filter&&"none"!==s.filter||Ns.some(e=>(s.willChange||"").includes(e))||js.some(e=>(s.contain||"").includes(e))}function qs(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ys=new Set(["html","body","#document"]);function Ks(e){return Ys.has(Vs(e))}function Ws(e){return zs(e).getComputedStyle(e)}function Gs(e){return Is(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Js(e){if("html"===Vs(e))return e;const t=e.assignedSlot||e.parentNode||As(e)&&e.host||Ps(e);return As(t)?t.host:t}function Xs(e){const t=Js(e);return Ks(t)?e.ownerDocument?e.ownerDocument.body:e.body:Ls(t)&&Bs(t)?t:Xs(t)}function Qs(e,t,s){var i;void 0===t&&(t=[]),void 0===s&&(s=!0);const a=Xs(e),o=a===(null==(i=e.ownerDocument)?void 0:i.body),n=zs(a);if(o){const e=ei(n);return t.concat(n,n.visualViewport||[],Bs(a)?a:[],e&&s?Qs(e):[])}return t.concat(a,Qs(a,[],s))}function ei(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function ti(e){const t=Ws(e);let s=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const a=Ls(e),o=a?e.offsetWidth:s,n=a?e.offsetHeight:i,r=Qt(s)!==o||Qt(i)!==n;return r&&(s=o,i=n),{width:s,height:i,$:r}}function si(e){return Is(e)?e:e.contextElement}function ii(e){const t=si(e);if(!Ls(t))return ts(1);const s=t.getBoundingClientRect(),{width:i,height:a,$:o}=ti(t);let n=(o?Qt(s.width):s.width)/i,r=(o?Qt(s.height):s.height)/a;return n&&Number.isFinite(n)||(n=1),r&&Number.isFinite(r)||(r=1),{x:n,y:r}}const ai=ts(0);function oi(e){const t=zs(e);return qs()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ai}function ni(e,t,s,i){void 0===t&&(t=!1),void 0===s&&(s=!1);const a=e.getBoundingClientRect(),o=si(e);let n=ts(1);t&&(i?Is(i)&&(n=ii(i)):n=ii(e));const r=function(e,t,s){return void 0===t&&(t=!1),!(!s||t&&s!==zs(e))&&t}(o,s,i)?oi(o):ts(0);let l=(a.left+r.x)/n.x,d=(a.top+r.y)/n.y,c=a.width/n.x,h=a.height/n.y;if(o){const e=zs(o),t=i&&Is(i)?zs(i):i;let s=e,a=ei(s);for(;a&&i&&t!==s;){const e=ii(a),t=a.getBoundingClientRect(),i=Ws(a),o=t.left+(a.clientLeft+parseFloat(i.paddingLeft))*e.x,n=t.top+(a.clientTop+parseFloat(i.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=o,d+=n,s=zs(a),a=ei(s)}}return _s({width:c,height:h,x:l,y:d})}function ri(e,t){const s=Gs(e).scrollLeft;return t?t.left+s:ni(Ps(e)).left+s}function li(e,t){const s=e.getBoundingClientRect();return{x:s.left+t.scrollLeft-ri(e,s),y:s.top+t.scrollTop}}const di=new Set(["absolute","fixed"]);function ci(e,t,s){let i;if("viewport"===t)i=function(e,t){const s=zs(e),i=Ps(e),a=s.visualViewport;let o=i.clientWidth,n=i.clientHeight,r=0,l=0;if(a){o=a.width,n=a.height;const e=qs();(!e||e&&"fixed"===t)&&(r=a.offsetLeft,l=a.offsetTop)}const d=ri(i);if(d<=0){const e=i.ownerDocument,t=e.body,s=getComputedStyle(t),a="CSS1Compat"===e.compatMode&&parseFloat(s.marginLeft)+parseFloat(s.marginRight)||0,n=Math.abs(i.clientWidth-t.clientWidth-a);n<=25&&(o-=n)}else d<=25&&(o+=d);return{width:o,height:n,x:r,y:l}}(e,s);else if("document"===t)i=function(e){const t=Ps(e),s=Gs(e),i=e.ownerDocument.body,a=Xt(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=Xt(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-s.scrollLeft+ri(e);const r=-s.scrollTop;return"rtl"===Ws(i).direction&&(n+=Xt(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:n,y:r}}(Ps(e));else if(Is(t))i=function(e,t){const s=ni(e,!0,"fixed"===t),i=s.top+e.clientTop,a=s.left+e.clientLeft,o=Ls(e)?ii(e):ts(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:a*o.x,y:i*o.y}}(t,s);else{const s=oi(e);i={x:t.x-s.x,y:t.y-s.y,width:t.width,height:t.height}}return _s(i)}function hi(e,t){const s=Js(e);return!(s===t||!Is(s)||Ks(s))&&("fixed"===Ws(s).position||hi(s,t))}function pi(e,t,s){const i=Ls(t),a=Ps(t),o="fixed"===s,n=ni(e,!0,o,t);let r={scrollLeft:0,scrollTop:0};const l=ts(0);function d(){l.x=ri(a)}if(i||!i&&!o)if(("body"!==Vs(t)||Bs(a))&&(r=Gs(t)),i){const e=ni(t,!0,o,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else a&&d();o&&!i&&a&&d();const c=!a||i||o?ts(0):li(a,r);return{x:n.left+r.scrollLeft-l.x-c.x,y:n.top+r.scrollTop-l.y-c.y,width:n.width,height:n.height}}function gi(e){return"static"===Ws(e).position}function ui(e,t){if(!Ls(e)||"fixed"===Ws(e).position)return null;if(t)return t(e);let s=e.offsetParent;return Ps(e)===s&&(s=s.ownerDocument.body),s}function vi(e,t){const s=zs(e);if(Rs(e))return s;if(!Ls(e)){let t=Js(e);for(;t&&!Ks(t);){if(Is(t)&&!gi(t))return t;t=Js(t)}return s}let i=ui(e,t);for(;i&&Os(i)&&gi(i);)i=ui(i,t);return i&&Ks(i)&&gi(i)&&!Us(i)?s:i||function(e){let t=Js(e);for(;Ls(t)&&!Ks(t);){if(Us(t))return t;if(Rs(t))return null;t=Js(t)}return null}(e)||s}const mi={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:s,offsetParent:i,strategy:a}=e;const o="fixed"===a,n=Ps(i),r=!!t&&Rs(t.floating);if(i===n||r&&o)return s;let l={scrollLeft:0,scrollTop:0},d=ts(1);const c=ts(0),h=Ls(i);if((h||!h&&!o)&&(("body"!==Vs(i)||Bs(n))&&(l=Gs(i)),Ls(i))){const e=ni(i);d=ii(i),c.x=e.x+i.clientLeft,c.y=e.y+i.clientTop}const p=!n||h||o?ts(0):li(n,l);return{width:s.width*d.x,height:s.height*d.y,x:s.x*d.x-l.scrollLeft*d.x+c.x+p.x,y:s.y*d.y-l.scrollTop*d.y+c.y+p.y}},getDocumentElement:Ps,getClippingRect:function(e){let{element:t,boundary:s,rootBoundary:i,strategy:a}=e;const o=[..."clippingAncestors"===s?Rs(t)?[]:function(e,t){const s=t.get(e);if(s)return s;let i=Qs(e,[],!1).filter(e=>Is(e)&&"body"!==Vs(e)),a=null;const o="fixed"===Ws(e).position;let n=o?Js(e):e;for(;Is(n)&&!Ks(n);){const t=Ws(n),s=Us(n);s||"fixed"!==t.position||(a=null),(o?!s&&!a:!s&&"static"===t.position&&a&&di.has(a.position)||Bs(n)&&!s&&hi(e,n))?i=i.filter(e=>e!==n):a=t,n=Js(n)}return t.set(e,i),i}(t,this._c):[].concat(s),i],n=o[0],r=o.reduce((e,s)=>{const i=ci(t,s,a);return e.top=Xt(i.top,e.top),e.right=Jt(i.right,e.right),e.bottom=Jt(i.bottom,e.bottom),e.left=Xt(i.left,e.left),e},ci(t,n,a));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:vi,getElementRects:async function(e){const t=this.getOffsetParent||vi,s=this.getDimensions,i=await s(e.floating);return{reference:pi(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:s}=ti(e);return{width:t,height:s}},getScale:ii,isElement:Is,isRTL:function(e){return"rtl"===Ws(e).direction}};function fi(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function bi(e,t,s,i){void 0===i&&(i={});const{ancestorScroll:a=!0,ancestorResize:o=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,d=si(e),c=a||o?[...d?Qs(d):[],...Qs(t)]:[];c.forEach(e=>{a&&e.addEventListener("scroll",s,{passive:!0}),o&&e.addEventListener("resize",s)});const h=d&&r?function(e,t){let s,i=null;const a=Ps(e);function o(){var e;clearTimeout(s),null==(e=i)||e.disconnect(),i=null}return function n(r,l){void 0===r&&(r=!1),void 0===l&&(l=1),o();const d=e.getBoundingClientRect(),{left:c,top:h,width:p,height:g}=d;if(r||t(),!p||!g)return;const u={rootMargin:-es(h)+"px "+-es(a.clientWidth-(c+p))+"px "+-es(a.clientHeight-(h+g))+"px "+-es(c)+"px",threshold:Xt(0,Jt(1,l))||1};let v=!0;function m(t){const i=t[0].intersectionRatio;if(i!==l){if(!v)return n();i?n(!1,i):s=setTimeout(()=>{n(!1,1e-7)},1e3)}1!==i||fi(d,e.getBoundingClientRect())||n(),v=!1}try{i=new IntersectionObserver(m,{...u,root:a.ownerDocument})}catch(e){i=new IntersectionObserver(m,u)}i.observe(e)}(!0),o}(d,s):null;let p,g=-1,u=null;n&&(u=new ResizeObserver(e=>{let[i]=e;i&&i.target===d&&u&&(u.unobserve(t),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var e;null==(e=u)||e.observe(t)})),s()}),d&&!l&&u.observe(d),u.observe(t));let v=l?ni(e):null;return l&&function t(){const i=ni(e);v&&!fi(v,i)&&s();v=i,p=requestAnimationFrame(t)}(),s(),()=>{var e;c.forEach(e=>{a&&e.removeEventListener("scroll",s),o&&e.removeEventListener("resize",s)}),null==h||h(),null==(e=u)||e.disconnect(),u=null,l&&cancelAnimationFrame(p)}}const wi=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var s,i;const{x:a,y:o,placement:n,middlewareData:r}=t,l=await async function(e,t){const{placement:s,platform:i,elements:a}=e,o=await(null==i.isRTL?void 0:i.isRTL(a.floating)),n=ns(s),r=rs(s),l="y"===hs(s),d=Ms.has(n)?-1:1,c=o&&l?-1:1,h=os(t,e);let{mainAxis:p,crossAxis:g,alignmentAxis:u}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return r&&"number"==typeof u&&(g="end"===r?-1*u:u),l?{x:g*c,y:p*d}:{x:p*d,y:g*c}}(t,e);return n===(null==(s=r.offset)?void 0:s.placement)&&null!=(i=r.arrow)&&i.alignmentOffset?{}:{x:a+l.x,y:o+l.y,data:{...l,placement:n}}}}},yi=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:s,y:i,placement:a}=t,{mainAxis:o=!0,crossAxis:n=!1,limiter:r={fn:e=>{let{x:t,y:s}=e;return{x:t,y:s}}},...l}=os(e,t),d={x:s,y:i},c=await Cs(t,l),h=hs(ns(a)),p=ls(h);let g=d[p],u=d[h];if(o){const e="y"===p?"bottom":"right";g=as(g+c["y"===p?"top":"left"],g,g-c[e])}if(n){const e="y"===h?"bottom":"right";u=as(u+c["y"===h?"top":"left"],u,u-c[e])}const v=r.fn({...t,[p]:g,[h]:u});return{...v,data:{x:v.x-s,y:v.y-i,enabled:{[p]:o,[h]:n}}}}}},xi=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var s,i;const{placement:a,middlewareData:o,rects:n,initialPlacement:r,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:v=!0,...m}=os(e,t);if(null!=(s=o.arrow)&&s.alignmentOffset)return{};const f=ns(a),b=hs(r),w=ns(r)===r,y=await(null==l.isRTL?void 0:l.isRTL(d.floating)),x=p||(w||!v?[ys(r)]:function(e){const t=ys(e);return[us(e),t,us(t)]}(r)),_="none"!==u;!p&&_&&x.push(...ws(r,v,u,y));const k=[r,...x],C=await Cs(t,m),$=[];let S=(null==(i=o.flip)?void 0:i.overflows)||[];if(c&&$.push(C[f]),h){const e=gs(a,n,y);$.push(C[e[0]],C[e[1]])}if(S=[...S,{placement:a,overflows:$}],!$.every(e=>e<=0)){var M,Z;const e=((null==(M=o.flip)?void 0:M.index)||0)+1,t=k[e];if(t){if(!("alignment"===h&&b!==hs(t))||S.every(e=>hs(e.placement)!==b||e.overflows[0]>0))return{data:{index:e,overflows:S},reset:{placement:t}}}let s=null==(Z=S.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:Z.placement;if(!s)switch(g){case"bestFit":{var V;const e=null==(V=S.filter(e=>{if(_){const t=hs(e.placement);return t===b||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:V[0];e&&(s=e);break}case"initialPlacement":s=r}if(a!==s)return{reset:{placement:s}}}return{}}}},_i=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){var s,i;const{placement:a,rects:o,platform:n,elements:r}=t,{apply:l=()=>{},...d}=os(e,t),c=await Cs(t,d),h=ns(a),p=rs(a),g="y"===hs(a),{width:u,height:v}=o.floating;let m,f;"top"===h||"bottom"===h?(m=h,f=p===(await(null==n.isRTL?void 0:n.isRTL(r.floating))?"start":"end")?"left":"right"):(f=h,m="end"===p?"top":"bottom");const b=v-c.top-c.bottom,w=u-c.left-c.right,y=Jt(v-c[m],b),x=Jt(u-c[f],w),_=!t.middlewareData.shift;let k=y,C=x;if(null!=(s=t.middlewareData.shift)&&s.enabled.x&&(C=w),null!=(i=t.middlewareData.shift)&&i.enabled.y&&(k=b),_&&!p){const e=Xt(c.left,0),t=Xt(c.right,0),s=Xt(c.top,0),i=Xt(c.bottom,0);g?C=u-2*(0!==e||0!==t?e+t:Xt(c.left,c.right)):k=v-2*(0!==s||0!==i?s+i:Xt(c.top,c.bottom))}await l({...t,availableWidth:C,availableHeight:k});const $=await n.getDimensions(r.floating);return u!==$.width||v!==$.height?{reset:{rects:!0}}:{}}}},ki=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:s}=t,{strategy:i="referenceHidden",...a}=os(e,t);switch(i){case"referenceHidden":{const e=$s(await Cs(t,{...a,elementContext:"reference"}),s.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Ss(e)}}}case"escaped":{const e=$s(await Cs(t,{...a,altBoundary:!0}),s.floating);return{data:{escapedOffsets:e,escaped:Ss(e)}}}default:return{}}}}},Ci=(e,t,s)=>{const i=new Map,a={platform:mi,...s},o={...a.platform,_c:i};return(async(e,t,s)=>{const{placement:i="bottom",strategy:a="absolute",middleware:o=[],platform:n}=s,r=o.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(t));let d=await n.getElementRects({reference:e,floating:t,strategy:a}),{x:c,y:h}=ks(d,i,l),p=i,g={},u=0;for(let s=0;s<r.length;s++){const{name:o,fn:v}=r[s],{x:m,y:f,data:b,reset:w}=await v({x:c,y:h,initialPlacement:i,placement:p,strategy:a,middlewareData:g,rects:d,platform:n,elements:{reference:e,floating:t}});c=null!=m?m:c,h=null!=f?f:h,g={...g,[o]:{...g[o],...b}},w&&u<=50&&(u++,"object"==typeof w&&(w.placement&&(p=w.placement),w.rects&&(d=!0===w.rects?await n.getElementRects({reference:e,floating:t,strategy:a}):w.rects),({x:c,y:h}=ks(d,p,l))),s=-1)}return{x:c,y:h,placement:p,strategy:a,middlewareData:g}})(e,t,{...a,platform:o})},{_ChildPart:$i}=we,Si=window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch?window.ShadyDOM.wrap:e=>e,Mi=e=>void 0===e.strings,Zi=()=>document.createComment(""),Vi=(e,t,s)=>{const i=Si(e._$startNode).parentNode,a=void 0===t?e._$endNode:t._$startNode;if(void 0===s){const t=Si(i).insertBefore(Zi(),a),o=Si(i).insertBefore(Zi(),a);s=new $i(t,o,e,e.options)}else{const t=Si(s._$endNode).nextSibling,o=s._$parent,n=o!==e;if(n){let t;s._$reparentDisconnectables?.(e),s._$parent=e,void 0!==s._$notifyConnectionChanged&&(t=e._$isConnected)!==o._$isConnected&&s._$notifyConnectionChanged(t)}if(t!==a||n){let e=s._$startNode;for(;e!==t;){const t=Si(e).nextSibling;Si(i).insertBefore(e,a),e=t}}}return s},zi=(e,t,s=e)=>(e._$setValue(t,s),e),Pi={},Di=(e,t=Pi)=>e._$committedValue=t,Ii=e=>{e._$clear(),e._$startNode.remove()},Li=(e,t)=>{const s=e._$disconnectableChildren;if(void 0===s)return!1;for(const e of s)e._$notifyDirectiveConnectionChanged?.(t,!1),Li(e,t);return!0},Ai=e=>{let t,s;do{if(void 0===(t=e._$parent))break;s=t._$disconnectableChildren,s.delete(e),e=t}while(0===s?.size)},Ei=e=>{for(let t;t=e._$parent;e=t){let s=t._$disconnectableChildren;if(void 0===s)t._$disconnectableChildren=s=new Set;else if(s.has(e))break;s.add(e),Oi(t)}};function Bi(e){void 0!==this._$disconnectableChildren?(Ai(this),this._$parent=e,Ei(this)):this._$parent=e}function Hi(e,t=!1,s=0){const i=this._$committedValue,a=this._$disconnectableChildren;if(void 0!==a&&0!==a.size)if(t)if(Array.isArray(i))for(let e=s;e<i.length;e++)Li(i[e],!1),Ai(i[e]);else null!=i&&(Li(i,!1),Ai(i));else Li(this,e)}const Oi=e=>{e.type==je&&(e._$notifyConnectionChanged??=Hi,e._$reparentDisconnectables??=Bi)};class Ti extends Ke{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(e,t,s){super._$initialize(e,t,s),Ei(this),this.isConnected=e._$isConnected}_$notifyDirectiveConnectionChanged(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(Li(this,e),Ai(this))}setValue(e){if(Mi(this.__part))this.__part._$setValue(e,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const t=[...this.__part._$committedValue];t[this.__attributeIndex]=e,this.__part._$setValue(t,this,0)}}disconnected(){}reconnected(){}}
267
267
  /**
268
268
  * @license
269
269
  * Copyright 2020 Google LLC
270
270
  * SPDX-License-Identifier: BSD-3-Clause
271
- */const Ri=()=>new Fi;class Fi{}const Ni=new WeakMap;const ji=Ye(class extends Ti{render(e){return ae}update(e,[t]){const s=t!==this._ref;return s&&void 0!==this._ref&&this._updateRefValue(void 0),(s||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),ae}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let s=Ni.get(t);void 0===s&&(s=new WeakMap,Ni.set(t,s)),void 0!==s.get(this._ref)&&this._ref.call(this._context,void 0),s.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?Ni.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}});class Ui extends Oe{constructor(){super(...arguments),this.myDropdown=Ri(),this.dropdownMenuId=Et("dropdown-menu","div"),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.floatingOpts={},this.menuIsOpen=!1,this.close="default",this.disabled=!1,this.readonly=!1,this.menuRef=Ri(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){if(!this.disabled&&!this.menuIsOpen){if(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this._startAutoUpdate(),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=it(this,"dropdown.show");await Je(this.menuRef.value,[{opacity:0,transform:`translateY(${e})`},{opacity:1,transform:"translateY(0)"}],t)}this.emit("sgds-after-show")}}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=bi(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}async hideMenu(e){if(this.menuIsOpen){if(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=it(this,"dropdown.hide");await Je(this.menuRef.value,[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:`translateY(${e})`}],t)}this.menuIsOpen=!1,this.emit("sgds-after-hide"),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const s=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},i=t.map(s),a=e.map(e=>{const a=s(e),o=i.indexOf(a);return-1!==o?t[o]:e}).concat(t.filter(t=>!e.some(e=>s(e)===s(t))));return a}async updateFloatingPosition(){if(!this.myDropdown.value||!this.menuRef.value)return;let e="bottom-start";switch(this.drop){case"up":e=this.menuAlignRight?"top-end":"top-start";break;case"right":e="right-start";break;case"left":e="left-start";break;case"down":e=this.menuAlignRight?"bottom-end":"bottom-start";break;default:e="bottom-start"}const t=[wi(8),this.noFlip?void 0:xi(),yi()].filter(Boolean);let s=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(s=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const i=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:s}),{x:a,y:o,strategy:n,placement:r}=await Ci(this.myDropdown.value,this.menuRef.value,i);this.menuRef.value.setAttribute("data-placement",r),Object.assign(this.menuRef.value.style,{position:n,left:`${a}px`,top:`${o}px`})}}t([Ve({type:Boolean,state:!0})],Ui.prototype,"noFlip",void 0),t([Ve({type:Boolean,reflect:!0,state:!0})],Ui.prototype,"menuAlignRight",void 0),t([Ve({type:String,reflect:!0,state:!0})],Ui.prototype,"drop",void 0),t([Ve({type:Object})],Ui.prototype,"floatingOpts",void 0),t([Ve({type:Boolean,reflect:!0})],Ui.prototype,"menuIsOpen",void 0),t([Ve({type:Boolean,reflect:!0})],Ui.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],Ui.prototype,"readonly",void 0),at("dropdown.show",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.1, 0, 0.5, 0)"}}),at("dropdown.hide",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.15, 0.6, 0.6, 1)"}});class qi extends Ui{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),s=t.find(t=>e.composedPath().includes(t));if(!s)return;const i=t.indexOf(s);this.nextDropdownItemNo=i+1,this.prevDropdownItemNo=i<=0?t.length-1:i-1,s.disabled||(this.emit("sgds-select",{detail:{item:s}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const s=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");s&&s.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Escape":this.menuIsOpen&&(e.preventDefault(),this.hideMenu());break;case"Enter":t.find(t=>e.composedPath().includes(t))&&this.handleSelectSlot(e);break}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter(e=>"menuitem"===e.getAttribute("role")&&!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden"))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden&&!e.readonly)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const s=(e%t.length+t.length)%t.length,i=t[s];this.emit("i-sgds-option-focus",{detail:{option:i}}),this.nextDropdownItemNo=(s+1)%t.length,this.prevDropdownItemNo=(s-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===i?"0":"-1"),e===i&&t.focus()})}}qi.styles=Ui.styles,t([De("ul.dropdown-menu")],qi.prototype,"menu",void 0),t([Pe()],qi.prototype,"nextDropdownItemNo",void 0),t([Pe()],qi.prototype,"prevDropdownItemNo",void 0),t([Ve({type:Boolean,reflect:!0})],qi.prototype,"hidden",void 0);var Yi=r`:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,Ki=r`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`;class Wi extends qi{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.close="default",this.menuRef=ji()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const s=this.menuRef.value;s&&e.composedPath().includes(s)||this.hideMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_handleTogglerSlotChange(e){const t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",String(this.menuIsOpen)))}_handleMenuIsOpenChange(){const e=this._toggler[0];e&&e.setAttribute("aria-expanded",String(this.menuIsOpen))}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return te`
271
+ */const Ri=()=>new Fi;class Fi{}const Ni=new WeakMap;const ji=Ye(class extends Ti{render(e){return ae}update(e,[t]){const s=t!==this._ref;return s&&void 0!==this._ref&&this._updateRefValue(void 0),(s||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),ae}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let s=Ni.get(t);void 0===s&&(s=new WeakMap,Ni.set(t,s)),void 0!==s.get(this._ref)&&this._ref.call(this._context,void 0),s.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?Ni.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}});class Ui extends Oe{constructor(){super(...arguments),this.myDropdown=Ri(),this.dropdownMenuId=Et("dropdown-menu","div"),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.floatingOpts={},this.menuIsOpen=!1,this.close="default",this.disabled=!1,this.readonly=!1,this.menuRef=Ri(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){if(!this.disabled&&!this.menuIsOpen){if(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this._startAutoUpdate(),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=it(this,"dropdown.show");await Je(this.menuRef.value,[{opacity:0,transform:`translateY(${e})`},{opacity:1,transform:"translateY(0)"}],t)}this.emit("sgds-after-show")}}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=bi(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}async hideMenu(e){if(this.menuIsOpen){if(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=it(this,"dropdown.hide");await Je(this.menuRef.value,[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:`translateY(${e})`}],t)}this.menuIsOpen=!1,this.emit("sgds-after-hide"),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const s=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},i=t.map(s),a=e.map(e=>{const a=s(e),o=i.indexOf(a);return-1!==o?t[o]:e}).concat(t.filter(t=>!e.some(e=>s(e)===s(t))));return a}async updateFloatingPosition(){if(!this.myDropdown.value||!this.menuRef.value)return;let e="bottom-start";switch(this.drop){case"up":e=this.menuAlignRight?"top-end":"top-start";break;case"right":e="right-start";break;case"left":e="left-start";break;case"down":e=this.menuAlignRight?"bottom-end":"bottom-start";break;default:e="bottom-start"}const t=[wi(8),this.noFlip?void 0:xi(),yi()].filter(Boolean);let s=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(s=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const i=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:s}),{x:a,y:o,strategy:n,placement:r}=await Ci(this.myDropdown.value,this.menuRef.value,i);this.menuRef.value.setAttribute("data-placement",r),Object.assign(this.menuRef.value.style,{position:n,left:`${a}px`,top:`${o}px`})}}t([ze({type:Boolean,state:!0})],Ui.prototype,"noFlip",void 0),t([ze({type:Boolean,reflect:!0,state:!0})],Ui.prototype,"menuAlignRight",void 0),t([ze({type:String,reflect:!0,state:!0})],Ui.prototype,"drop",void 0),t([ze({type:Object})],Ui.prototype,"floatingOpts",void 0),t([ze({type:Boolean,reflect:!0})],Ui.prototype,"menuIsOpen",void 0),t([ze({type:Boolean,reflect:!0})],Ui.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],Ui.prototype,"readonly",void 0),at("dropdown.show",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.1, 0, 0.5, 0)"}}),at("dropdown.hide",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.15, 0.6, 0.6, 1)"}});class qi extends Ui{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),s=t.find(t=>e.composedPath().includes(t));if(!s)return;const i=t.indexOf(s);this.nextDropdownItemNo=i+1,this.prevDropdownItemNo=i<=0?t.length-1:i-1,s.disabled||(this.emit("sgds-select",{detail:{item:s}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const s=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");s&&s.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Escape":this.menuIsOpen&&(e.preventDefault(),this.hideMenu());break;case"Enter":t.find(t=>e.composedPath().includes(t))&&this.handleSelectSlot(e);break}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter(e=>"menuitem"===e.getAttribute("role")&&!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden"))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden&&!e.readonly)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const s=(e%t.length+t.length)%t.length,i=t[s];this.emit("i-sgds-option-focus",{detail:{option:i}}),this.nextDropdownItemNo=(s+1)%t.length,this.prevDropdownItemNo=(s-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===i?"0":"-1"),e===i&&t.focus()})}}qi.styles=Ui.styles,t([Le("ul.dropdown-menu")],qi.prototype,"menu",void 0),t([Pe()],qi.prototype,"nextDropdownItemNo",void 0),t([Pe()],qi.prototype,"prevDropdownItemNo",void 0),t([ze({type:Boolean,reflect:!0})],qi.prototype,"hidden",void 0);var Yi=r`:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,Ki=r`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`;class Wi extends qi{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.close="default",this.menuRef=ji()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const s=this.menuRef.value;s&&e.composedPath().includes(s)||this.hideMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_handleTogglerSlotChange(e){const t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",String(this.menuIsOpen)))}_handleMenuIsOpenChange(){const e=this._toggler[0];e&&e.setAttribute("aria-expanded",String(this.menuIsOpen))}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return te`
272
272
  <div class="dropdown" @click=${this._handleClick}>
273
273
  <div class="toggler-container" ${ji(this.myDropdown)}>
274
274
  <slot name="toggler" @slotchange=${this._handleTogglerSlotChange}></slot>
@@ -277,7 +277,7 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
277
277
  <slot id="default" @click=${this.handleSelectSlot}></slot>
278
278
  </div>
279
279
  </div>
280
- `}}Wi.styles=[...qi.styles,Ki,Yi],t([Ve({type:Boolean,reflect:!0,state:!1})],Wi.prototype,"noFlip",void 0),t([Ve({type:Boolean,reflect:!0,state:!1})],Wi.prototype,"menuAlignRight",void 0),t([Ve({type:String,reflect:!0,state:!1})],Wi.prototype,"drop",void 0),t([Ve({type:String,reflect:!0,state:!1})],Wi.prototype,"close",void 0),t([Ee({slot:"toggler",flatten:!0})],Wi.prototype,"_toggler",void 0),t([nt("menuIsOpen")],Wi.prototype,"_handleMenuIsOpenChange",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Wi.prototype,"_handleDisabled",null);var Gi=r`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}button.nav-link{appearance:none;background:none;border:none;font-family:inherit}.nav-link{align-items:center;box-sizing:border-box;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link.read-only,.profile-avatar-mobile.read-only{cursor:default;pointer-events:none}:host([tone=brand][expand=always]) .nav-link,:host([tone^=gradient][expand=always]) .nav-link{color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) .nav-link,:host([tone^=gradient][expand=sm]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) .nav-link,:host([tone^=gradient][expand=md]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) .nav-link,:host([tone^=gradient][expand=lg]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) .nav-link,:host([tone^=gradient][expand=xl]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) .nav-link,:host([tone^=gradient][expand=xxl]) .nav-link{color:var(--sgds-color-fixed-light)}}.profile-text{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-text-2-xs,2px);text-align:left}.profile-label{font-weight:var(--sgds-font-weight-semibold)}.profile-label,.profile-secondary-text{font-size:var(--sgds-font-size-body-xs);line-height:var(--sgds-line-height-3-xs,16px)}sgds-dropdown{display:block;height:100%}.profile-avatar-mobile{align-items:center;background:none;border:none;border-radius:var(--sgds-border-radius-full);color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;margin:0;padding:0}.profile-avatar-mobile:focus-visible{outline:none}.profile-avatar-mobile:focus-visible ::slotted(*){border-radius:var(--sgds-border-radius-full);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.profile-mobile-panel{animation:profile-panel-show .2s ease-in-out;background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);left:0;padding:var(--sgds-padding-md) 0;position:absolute;top:100%;width:100%;z-index:var(--sgds-z-index-floating)}.profile-mobile-panel[hidden]{display:none}@keyframes profile-panel-show{0%{max-height:0;opacity:0}to{max-height:100dvh;opacity:1}}.profile-mobile-items{display:flex;flex-direction:column;height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);overflow-y:auto;width:100%}@media screen and (min-width:1024px){.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class Ji extends Oe{constructor(){super(...arguments),this._breakpointReached=!0,this._mobileMenuOpen=!1,this._hasDropdownItems=!1,this.label="",this.secondaryText="",this.disabled=!1,this.ariaLabel="",this.close="default",this.togglerId=Et("profile","button"),this._handleMobileToggle=()=>{this._mobileMenuOpen=!this._mobileMenuOpen},this._handleClickOutside=e=>{this._mobileMenuOpen&&"inside"!==this.close&&(e.composedPath().includes(this)||(this._mobileMenuOpen=!1))},this._handleSlotChange=()=>{this._hasDropdownItems=this._defaultSlotElements.length>0},this._handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._handleMobileToggle())}}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this._handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",this._handleClickOutside)}render(){return this._breakpointReached?this._hasDropdownItems?te`
280
+ `}}Wi.styles=[...qi.styles,Ki,Yi],t([ze({type:Boolean,reflect:!0,state:!1})],Wi.prototype,"noFlip",void 0),t([ze({type:Boolean,reflect:!0,state:!1})],Wi.prototype,"menuAlignRight",void 0),t([ze({type:String,reflect:!0,state:!1})],Wi.prototype,"drop",void 0),t([ze({type:String,reflect:!0,state:!1})],Wi.prototype,"close",void 0),t([Ee({slot:"toggler",flatten:!0})],Wi.prototype,"_toggler",void 0),t([nt("menuIsOpen")],Wi.prototype,"_handleMenuIsOpenChange",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Wi.prototype,"_handleDisabled",null);var Gi=r`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}button.nav-link{appearance:none;background:none;border:none;font-family:inherit}.nav-link{align-items:center;box-sizing:border-box;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link.read-only,.profile-avatar-mobile.read-only{cursor:default;pointer-events:none}:host([tone=brand][expand=always]) .nav-link,:host([tone^=gradient][expand=always]) .nav-link{color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) .nav-link,:host([tone^=gradient][expand=sm]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) .nav-link,:host([tone^=gradient][expand=md]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) .nav-link,:host([tone^=gradient][expand=lg]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) .nav-link,:host([tone^=gradient][expand=xl]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) .nav-link,:host([tone^=gradient][expand=xxl]) .nav-link{color:var(--sgds-color-fixed-light)}}.profile-text{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-text-2-xs,2px);text-align:left}.profile-label{font-weight:var(--sgds-font-weight-semibold)}.profile-label,.profile-secondary-text{font-size:var(--sgds-font-size-body-xs);line-height:var(--sgds-line-height-3-xs,16px)}sgds-dropdown{display:block;height:100%}.profile-avatar-mobile{align-items:center;background:none;border:none;border-radius:var(--sgds-border-radius-full);color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;margin:0;padding:0}.profile-avatar-mobile:focus-visible{outline:none}.profile-avatar-mobile:focus-visible ::slotted(*){border-radius:var(--sgds-border-radius-full);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.profile-mobile-panel{animation:profile-panel-show .2s ease-in-out;background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);left:0;padding:var(--sgds-padding-md) 0;position:absolute;top:100%;width:100%;z-index:var(--sgds-z-index-floating)}.profile-mobile-panel[hidden]{display:none}@keyframes profile-panel-show{0%{max-height:0;opacity:0}to{max-height:100dvh;opacity:1}}.profile-mobile-items{display:flex;flex-direction:column;height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);overflow-y:auto;width:100%}@media screen and (min-width:1024px){.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class Ji extends Oe{constructor(){super(...arguments),this._breakpointReached=!0,this._mobileMenuOpen=!1,this._hasDropdownItems=!1,this.label="",this.secondaryText="",this.disabled=!1,this.ariaLabel="",this.close="default",this.togglerId=Et("profile","button"),this._handleMobileToggle=()=>{this._mobileMenuOpen=!this._mobileMenuOpen},this._handleClickOutside=e=>{this._mobileMenuOpen&&"inside"!==this.close&&(e.composedPath().includes(this)||(this._mobileMenuOpen=!1))},this._handleSlotChange=()=>{this._hasDropdownItems=this._defaultSlotElements.length>0},this._handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._handleMobileToggle())}}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this._handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",this._handleClickOutside)}render(){return this._breakpointReached?this._hasDropdownItems?te`
281
281
  <button
282
282
  class="profile-avatar-mobile"
283
283
  aria-label=${this.ariaLabel||"Toggle navigation"}
@@ -328,12 +328,12 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
328
328
  </div>`:ae}
329
329
  </div>
330
330
  <slot @slotchange=${this._handleSlotChange}></slot>
331
- `}}Ji.styles=[...Oe.styles,Gi],Ji.dependencies={"sgds-dropdown":Wi,"sgds-icon":xt},t([Pe()],Ji.prototype,"_breakpointReached",void 0),t([Pe()],Ji.prototype,"_mobileMenuOpen",void 0),t([Pe()],Ji.prototype,"_hasDropdownItems",void 0),t([Ee({flatten:!0})],Ji.prototype,"_defaultSlotElements",void 0),t([Ve({type:String,reflect:!0})],Ji.prototype,"label",void 0),t([Ve({type:String,reflect:!0})],Ji.prototype,"secondaryText",void 0),t([Ve({type:Boolean})],Ji.prototype,"disabled",void 0),t([Ve({type:String})],Ji.prototype,"ariaLabel",void 0),t([Ve({type:String})],Ji.prototype,"close",void 0);class Xi extends Ji{constructor(){super(...arguments),this._breakpointReached=!0}}t([Lt({context:Yt,subscribe:!0}),Pe()],Xi.prototype,"_breakpointReached",void 0);var Qi=r`:host{cursor:default;display:inline-flex;max-width:100%}:host([variant=accent]) .badge{background-color:var(--sgds-accent-surface-default)}:host([variant=success]) .badge{background-color:var(--sgds-success-surface-default)}:host([variant=danger]) .badge{background-color:var(--sgds-danger-surface-default)}:host([variant=warning]) .badge{background-color:var(--sgds-warning-surface-default);color:var(--sgds-color-fixed-dark)}:host([variant=cyan]) .badge{background-color:var(--sgds-cyan-surface-default)}:host([variant=purple]) .badge{background-color:var(--sgds-purple-surface-default)}:host([variant=neutral]) .badge{background-color:var(--sgds-neutral-surface-default)}:host([variant=white]) .badge{background-color:var(--sgds-surface-fixed-light);color:var(--sgds-color-fixed-dark)}:host([variant=accent][outlined]) .badge{background-color:var(--sgds-accent-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-accent-border-color-muted);color:var(--sgds-accent-color-fixed-dark)}:host([variant=success][outlined]) .badge{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted);color:var(--sgds-success-color-fixed-dark)}:host([variant=danger][outlined]) .badge{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted);color:var(--sgds-danger-color-fixed-dark)}:host([variant=warning][outlined]) .badge{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted);color:var(--sgds-warning-color-fixed-dark)}:host([variant=cyan][outlined]) .badge{background-color:var(--sgds-cyan-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-cyan-border-color-muted);color:var(--sgds-cyan-color-fixed-dark)}:host([variant=purple][outlined]) .badge{background-color:var(--sgds-purple-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-purple-border-color-muted);color:var(--sgds-purple-color-fixed-dark)}:host([variant=neutral][outlined]) .badge{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted);color:var(--sgds-color-fixed-dark)}:host([variant=white][outlined]) .badge{background-color:var(--sgds-surface-fixed-light);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);color:var(--sgds-color-fixed-dark)}sgds-tooltip{display:block;max-width:100%}.badge{align-items:center;background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-color-fixed-light);display:inline-flex;font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-24,24px);justify-content:center;line-height:var(--sgds-line-height-3-xs);max-width:var(--sgds-dimension-192,192px);min-width:var(--sgds-dimension-24);padding:var(--sgds-padding-none) var(--sgds-padding-xs)}.badge.outlined{background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted);color:var(--sgds-primary-color-fixed-dark)}.badge.full-width{max-width:100%}.badge-label{overflow:hidden;padding:var(--sgds-padding-none) var(--sgds-padding-3-xs);text-overflow:ellipsis;white-space:nowrap}.badge-dismissible{padding-right:0}.badge-dimissible sgds-close-button{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm)}slot::slotted(*){color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin:inherit!important}`,ea=r`:host{display:contents}.tooltip-placeholder{display:inline-block;max-width:100%}.tooltip{word-wrap:break-word;background-color:var(--sgds-surface-fixed-dark);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);color:var(--sgds-color-fixed-light);display:block;font-size:var(--sgds-font-size-label-sm);line-break:auto;max-width:var(--sgds-dimension-320);padding:var(--sgds-padding-xs) var(--sgds-padding-sm);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:var(--sgds-z-index-overlay)}div{max-width:fit-content}`;class ta extends Oe{constructor(){super(...arguments),this._myTooltip=Ri(),this._tooltipBubble=Ri(),this.content="",this.placement="top",this.trigger="hover focus",this.open=!1,this._handleClickOutOfElement=e=>{this.open&&(e.composedPath().includes(this)||this.hide())}}connectedCallback(){super.connectedCallback(),this.trigger.includes("click")&&document.addEventListener("click",this._handleClickOutOfElement)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this._tooltipTargetElements.forEach(e=>{e.setAttribute("data-sgds-tooltip",this.content),this.trigger.includes("hover")&&(e.addEventListener("mouseenter",()=>this.show()),e.addEventListener("mouseleave",()=>this.hide())),this.trigger.includes("focus")&&(e.addEventListener("focus",()=>this.show()),e.addEventListener("blur",()=>this.hide())),"click"===this.trigger&&e.addEventListener("click",()=>this.toggle())})}_handleSlotChange(){this._tooltipTargetElements.forEach(e=>e.setAttribute("data-sgds-tooltip",this.content))}async updateFloatingPosition(){if(!this._myTooltip.value||!this._tooltipBubble.value)return;const{x:e,y:t,placement:s,strategy:i,middlewareData:a}=await Ci(this._tooltipTargetElements[0],this._tooltipBubble.value,{strategy:"fixed",placement:this.placement,middleware:[wi(8),xi(),yi(),ki()]});this._tooltipBubble.value.setAttribute("data-placement",s),Object.assign(this._tooltipBubble.value.style,{position:i,left:`${e}px`,top:`${t}px`});const{referenceHidden:o,escaped:n}=a.hide||{};this._tooltipBubble.value.style.visibility=o||n?"hidden":"visible"}async show(){this.open||(this.open=!0,this.emit("sgds-show"),await this.updateComplete,await this.updateFloatingPosition(),this._myTooltip.value&&this._tooltipBubble.value&&(this._cleanupAutoUpdate=bi(this._tooltipTargetElements[0],this._tooltipBubble.value,()=>this.updateFloatingPosition())),this.emit("sgds-after-show"))}hide(){this.open&&(this.emit("sgds-hide"),this.open=!1,this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0),setTimeout(()=>this.emit("sgds-after-hide"),0))}toggle(){this.open?this.hide():this.show()}render(){return te`
331
+ `}}Ji.styles=[...Oe.styles,Gi],Ji.dependencies={"sgds-dropdown":Wi,"sgds-icon":xt},t([Pe()],Ji.prototype,"_breakpointReached",void 0),t([Pe()],Ji.prototype,"_mobileMenuOpen",void 0),t([Pe()],Ji.prototype,"_hasDropdownItems",void 0),t([Ee({flatten:!0})],Ji.prototype,"_defaultSlotElements",void 0),t([ze({type:String,reflect:!0})],Ji.prototype,"label",void 0),t([ze({type:String,reflect:!0})],Ji.prototype,"secondaryText",void 0),t([ze({type:Boolean})],Ji.prototype,"disabled",void 0),t([ze({type:String})],Ji.prototype,"ariaLabel",void 0),t([ze({type:String})],Ji.prototype,"close",void 0);class Xi extends Ji{constructor(){super(...arguments),this._breakpointReached=!0}}t([It({context:Yt,subscribe:!0}),Pe()],Xi.prototype,"_breakpointReached",void 0);var Qi=r`:host{cursor:default;display:inline-flex;max-width:100%}:host([variant=accent]) .badge{background-color:var(--sgds-accent-surface-default)}:host([variant=success]) .badge{background-color:var(--sgds-success-surface-default)}:host([variant=danger]) .badge{background-color:var(--sgds-danger-surface-default)}:host([variant=warning]) .badge{background-color:var(--sgds-warning-surface-default);color:var(--sgds-color-fixed-dark)}:host([variant=cyan]) .badge{background-color:var(--sgds-cyan-surface-default)}:host([variant=purple]) .badge{background-color:var(--sgds-purple-surface-default)}:host([variant=neutral]) .badge{background-color:var(--sgds-neutral-surface-default)}:host([variant=white]) .badge{background-color:var(--sgds-surface-fixed-light);color:var(--sgds-color-fixed-dark)}:host([variant=accent][outlined]) .badge{background-color:var(--sgds-accent-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-accent-border-color-muted);color:var(--sgds-accent-color-fixed-dark)}:host([variant=success][outlined]) .badge{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted);color:var(--sgds-success-color-fixed-dark)}:host([variant=danger][outlined]) .badge{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted);color:var(--sgds-danger-color-fixed-dark)}:host([variant=warning][outlined]) .badge{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted);color:var(--sgds-warning-color-fixed-dark)}:host([variant=cyan][outlined]) .badge{background-color:var(--sgds-cyan-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-cyan-border-color-muted);color:var(--sgds-cyan-color-fixed-dark)}:host([variant=purple][outlined]) .badge{background-color:var(--sgds-purple-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-purple-border-color-muted);color:var(--sgds-purple-color-fixed-dark)}:host([variant=neutral][outlined]) .badge{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted);color:var(--sgds-color-fixed-dark)}:host([variant=white][outlined]) .badge{background-color:var(--sgds-surface-fixed-light);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);color:var(--sgds-color-fixed-dark)}sgds-tooltip{display:block;max-width:100%}.badge{align-items:center;background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-color-fixed-light);display:inline-flex;font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-24,24px);justify-content:center;line-height:var(--sgds-line-height-3-xs);max-width:var(--sgds-dimension-192,192px);min-width:var(--sgds-dimension-24);padding:var(--sgds-padding-none) var(--sgds-padding-xs)}.badge.outlined{background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted);color:var(--sgds-primary-color-fixed-dark)}.badge.full-width{max-width:100%}.badge-label{overflow:hidden;padding:var(--sgds-padding-none) var(--sgds-padding-3-xs);text-overflow:ellipsis;white-space:nowrap}.badge-dismissible{padding-right:0}.badge-dimissible sgds-close-button{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm)}slot::slotted(*){color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin:inherit!important}`,ea=r`:host{display:contents}.tooltip-placeholder{display:inline-block;max-width:100%}.tooltip{word-wrap:break-word;background-color:var(--sgds-surface-fixed-dark);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);color:var(--sgds-color-fixed-light);display:block;font-size:var(--sgds-font-size-label-sm);line-break:auto;max-width:var(--sgds-dimension-320);padding:var(--sgds-padding-xs) var(--sgds-padding-sm);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:var(--sgds-z-index-overlay)}div{max-width:fit-content}`;class ta extends Oe{constructor(){super(...arguments),this._myTooltip=Ri(),this._tooltipBubble=Ri(),this.content="",this.placement="top",this.trigger="hover focus",this.open=!1,this._handleClickOutOfElement=e=>{this.open&&(e.composedPath().includes(this)||this.hide())}}connectedCallback(){super.connectedCallback(),this.trigger.includes("click")&&document.addEventListener("click",this._handleClickOutOfElement)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this._tooltipTargetElements.forEach(e=>{e.setAttribute("data-sgds-tooltip",this.content),this.trigger.includes("hover")&&(e.addEventListener("mouseenter",()=>this.show()),e.addEventListener("mouseleave",()=>this.hide())),this.trigger.includes("focus")&&(e.addEventListener("focus",()=>this.show()),e.addEventListener("blur",()=>this.hide())),"click"===this.trigger&&e.addEventListener("click",()=>this.toggle())})}_handleSlotChange(){this._tooltipTargetElements.forEach(e=>e.setAttribute("data-sgds-tooltip",this.content))}async updateFloatingPosition(){if(!this._myTooltip.value||!this._tooltipBubble.value)return;const{x:e,y:t,placement:s,strategy:i,middlewareData:a}=await Ci(this._tooltipTargetElements[0],this._tooltipBubble.value,{strategy:"fixed",placement:this.placement,middleware:[wi(8),xi(),yi(),ki()]});this._tooltipBubble.value.setAttribute("data-placement",s),Object.assign(this._tooltipBubble.value.style,{position:i,left:`${e}px`,top:`${t}px`});const{referenceHidden:o,escaped:n}=a.hide||{};this._tooltipBubble.value.style.visibility=o||n?"hidden":"visible"}async show(){this.open||(this.open=!0,this.emit("sgds-show"),await this.updateComplete,await this.updateFloatingPosition(),this._myTooltip.value&&this._tooltipBubble.value&&(this._cleanupAutoUpdate=bi(this._tooltipTargetElements[0],this._tooltipBubble.value,()=>this.updateFloatingPosition())),this.emit("sgds-after-show"))}hide(){this.open&&(this.emit("sgds-hide"),this.open=!1,this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0),setTimeout(()=>this.emit("sgds-after-hide"),0))}toggle(){this.open?this.hide():this.show()}render(){return te`
332
332
  <div ${ji(this._myTooltip)} class="tooltip-placeholder">
333
333
  <slot @slotchange=${()=>this._handleSlotChange()}></slot>
334
334
  ${this.open?te`<div ${ji(this._tooltipBubble)} class="tooltip" role="tooltip">${this.content}</div>`:null}
335
335
  </div>
336
- `}}ta.styles=[...Oe.styles,ea],t([Ve({type:String})],ta.prototype,"content",void 0),t([Ve({type:String})],ta.prototype,"placement",void 0),t([Ve({type:String})],ta.prototype,"trigger",void 0),t([Pe()],ta.prototype,"open",void 0),t([Ee()],ta.prototype,"_tooltipTargetElements",void 0);class sa extends Oe{constructor(){super(...arguments),this.show=!1,this.variant="primary",this.outlined=!1,this.dismissible=!1,this.fullWidth=!1,this.truncated=!1,this.text=""}close(){this.show=!1}_handleShowChange(){if(this.show){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.show=!1);this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.show=!0);this.emit("sgds-after-hide")}}_handleTruncation(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".badge-label");t&&(this.truncated=t.scrollWidth>t.clientWidth)}_handleLabelSlotChange(e){this.text=function(e){if(!e)return"";const t=e.assignedNodes({flatten:!0});let s="";return[...t].forEach(e=>{e.nodeType===Node.TEXT_NODE&&(s+=e.textContent.trim())}),s}(e.target)}_renderBadge(){const e=this.outlined||"warning"===this.variant||"white"===this.variant;return te`<div
336
+ `}}ta.styles=[...Oe.styles,ea],t([ze({type:String})],ta.prototype,"content",void 0),t([ze({type:String})],ta.prototype,"placement",void 0),t([ze({type:String})],ta.prototype,"trigger",void 0),t([Pe()],ta.prototype,"open",void 0),t([Ee()],ta.prototype,"_tooltipTargetElements",void 0);class sa extends Oe{constructor(){super(...arguments),this.show=!1,this.variant="primary",this.outlined=!1,this.dismissible=!1,this.fullWidth=!1,this.truncated=!1,this.text=""}close(){this.show=!1}_handleShowChange(){if(this.show){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.show=!1);this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.show=!0);this.emit("sgds-after-hide")}}_handleTruncation(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".badge-label");t&&(this.truncated=t.scrollWidth>t.clientWidth)}_handleLabelSlotChange(e){this.text=function(e){if(!e)return"";const t=e.assignedNodes({flatten:!0});let s="";return[...t].forEach(e=>{e.nodeType===Node.TEXT_NODE&&(s+=e.textContent.trim())}),s}(e.target)}_renderBadge(){const e=this.outlined||"warning"===this.variant||"white"===this.variant;return te`<div
337
337
  class="
338
338
  ${We({"badge-dismissible":this.dismissible,badge:!0,outlined:this.outlined,"full-width":this.fullWidth})}"
339
339
  aria-hidden=${this.show?"false":"true"}
@@ -352,7 +352,7 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
352
352
  ></sgds-close-button>`:ae}
353
353
  </div>`}render(){return this.dismissible&&this.show||!this.dismissible?this.truncated?te`<sgds-tooltip content=${this.text} @sgds-hide=${e=>e.stopPropagation()}
354
354
  >${this._renderBadge()}</sgds-tooltip
355
- >`:this._renderBadge():ae}}sa.styles=[...Oe.styles,Qi],sa.dependencies={"sgds-close-button":ft,"sgds-tooltip":ta},t([Ve({type:Boolean,reflect:!0})],sa.prototype,"show",void 0),t([Ve({reflect:!0})],sa.prototype,"variant",void 0),t([Ve({type:Boolean,reflect:!0})],sa.prototype,"outlined",void 0),t([Ve({type:Boolean,reflect:!0})],sa.prototype,"dismissible",void 0),t([Ve({type:Boolean,reflect:!0})],sa.prototype,"fullWidth",void 0),t([Pe()],sa.prototype,"truncated",void 0),t([Pe()],sa.prototype,"text",void 0),t([nt("show")],sa.prototype,"_handleShowChange",null),t([nt("text",{waitUntilFirstUpdate:!0})],sa.prototype,"_handleTruncation",null);var ia=r`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-bg-translucent-subtle)}.overflow-btn:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,aa=r`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class oa extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.readonly=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return te`
355
+ >`:this._renderBadge():ae}}sa.styles=[...Oe.styles,Qi],sa.dependencies={"sgds-close-button":ft,"sgds-tooltip":ta},t([ze({type:Boolean,reflect:!0})],sa.prototype,"show",void 0),t([ze({reflect:!0})],sa.prototype,"variant",void 0),t([ze({type:Boolean,reflect:!0})],sa.prototype,"outlined",void 0),t([ze({type:Boolean,reflect:!0})],sa.prototype,"dismissible",void 0),t([ze({type:Boolean,reflect:!0})],sa.prototype,"fullWidth",void 0),t([Pe()],sa.prototype,"truncated",void 0),t([Pe()],sa.prototype,"text",void 0),t([nt("show")],sa.prototype,"_handleShowChange",null),t([nt("text",{waitUntilFirstUpdate:!0})],sa.prototype,"_handleTruncation",null);var ia=r`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-bg-translucent-subtle)}.overflow-btn:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,aa=r`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class oa extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.readonly=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return te`
356
356
  <div
357
357
  class="dropdown-item ${We({disabled:this.disabled,active:this.active,readonly:this.readonly})}"
358
358
  tabindex=${this.disabled||this.readonly?"-1":"0"}
@@ -360,25 +360,25 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
360
360
  >
361
361
  <slot></slot>
362
362
  </div>
363
- `}}oa.styles=[Ki,aa],oa.dependencies={"sgds-icon":xt},t([Ee({flatten:!0})],oa.prototype,"anchor",void 0),t([Ve({type:Boolean})],oa.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],oa.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],oa.prototype,"readonly",void 0),t([Ve({type:String})],oa.prototype,"ariaLabel",void 0);class na extends Oe{constructor(){super(...arguments),this.size="md"}render(){return te`
363
+ `}}oa.styles=[Ki,aa],oa.dependencies={"sgds-icon":xt},t([Ee({flatten:!0})],oa.prototype,"anchor",void 0),t([ze({type:Boolean})],oa.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],oa.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],oa.prototype,"readonly",void 0),t([ze({type:String})],oa.prototype,"ariaLabel",void 0);class na extends Oe{constructor(){super(...arguments),this.size="md"}render(){return te`
364
364
  <sgds-dropdown>
365
365
  <button slot="toggler" class="overflow-btn" aria-label="More options">
366
366
  <sgds-icon name="three-dots" size=${this.size}></sgds-icon>
367
367
  </button>
368
368
  <slot></slot>
369
369
  </sgds-dropdown>
370
- `}}na.styles=[...Oe.styles,ia],na.dependencies={"sgds-dropdown":Wi,"sgds-dropdown-item":oa,"sgds-icon":xt},t([Ve({type:String,reflect:!0})],na.prototype,"size",void 0);var ra=r`.breadcrumb{display:flex;gap:var(--sgds-gap-xs)}.breadcrumb sgds-breadcrumb-item:first-child,.breadcrumb slot::slotted(sgds-breadcrumb-item:first-child){flex:0 0 auto}`;class la extends Oe{constructor(){super(...arguments),this.ariaLabel="breadcrumb"}_replaceExcessItemsWithDropdown(e){const t=document.createElement("sgds-breadcrumb-item"),s=document.createElement("sgds-overflow-menu");s.setAttribute("aria-haspopup","menu"),s.setAttribute("size","sm");const i=e.filter((t,i)=>{if(i>0&&i<e.length-2){const e=t.querySelector("a").cloneNode(!0),i=document.createElement("sgds-dropdown-item");return i.appendChild(e),void s.appendChild(i)}return t});t.classList.add("overflow-menu"),t.appendChild(s),i.splice(1,0,t),this.defaultSlot.replaceWith(...i)}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter(e=>"sgds-breadcrumb-item"===e.tagName.toLowerCase());t.forEach((e,s)=>{s===t.length-1?(e.setAttribute("aria-current","page"),e.active=!0):e.removeAttribute("aria-current")}),t.length>=5&&this._replaceExcessItemsWithDropdown(t)}render(){return ut`
370
+ `}}na.styles=[...Oe.styles,ia],na.dependencies={"sgds-dropdown":Wi,"sgds-dropdown-item":oa,"sgds-icon":xt},t([ze({type:String,reflect:!0})],na.prototype,"size",void 0);var ra=r`.breadcrumb{display:flex;gap:var(--sgds-gap-xs)}.breadcrumb sgds-breadcrumb-item:first-child,.breadcrumb slot::slotted(sgds-breadcrumb-item:first-child){flex:0 0 auto}`;class la extends Oe{constructor(){super(...arguments),this.ariaLabel="breadcrumb"}_replaceExcessItemsWithDropdown(e){const t=document.createElement("sgds-breadcrumb-item"),s=document.createElement("sgds-overflow-menu");s.setAttribute("aria-haspopup","menu"),s.setAttribute("size","sm");const i=e.filter((t,i)=>{if(i>0&&i<e.length-2){const e=t.querySelector("a").cloneNode(!0),i=document.createElement("sgds-dropdown-item");return i.appendChild(e),void s.appendChild(i)}return t});t.classList.add("overflow-menu"),t.appendChild(s),i.splice(1,0,t),this.defaultSlot.replaceWith(...i)}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter(e=>"sgds-breadcrumb-item"===e.tagName.toLowerCase());t.forEach((e,s)=>{s===t.length-1?(e.setAttribute("aria-current","page"),e.active=!0):e.removeAttribute("aria-current")}),t.length>=5&&this._replaceExcessItemsWithDropdown(t)}render(){return gt`
371
371
  <div aria-label=${Ge(this.ariaLabel)}>
372
372
  <div class="breadcrumb">
373
373
  <slot @slotchange=${this._handleSlotChange}></slot>
374
374
  </div>
375
375
  </div>
376
- `}}la.styles=[...Oe.styles,ra],la.dependencies={"sgds-overflow-menu":na},t([Ve({type:String})],la.prototype,"ariaLabel",void 0),t([De("slot")],la.prototype,"defaultSlot",void 0);var da=r`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-link-md)!important;line-height:var(--sgds-line-height-xs)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-link-lg)!important;line-height:var(--sgds-line-height-md)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-link-sm)!important;line-height:var(--sgds-line-height-2-xs)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-link-xs)!important;line-height:var(--sgds-line-height-3-xs)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link::slotted(a){color:var(--sgds-link-color-default)!important;cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){pointer-events:none;text-decoration:none!important}`;class ca extends Oe{constructor(){super(...arguments),this.size="md",this.variant="primary",this.tone="primary",this.active=!1,this.disabled=!1}_processAnchor(e){this.disabled&&e.setAttribute("disabled","true"),e.hasAttribute("disabled")?(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1")):e.setAttribute("tabindex","0")}_processIcon(e){const t={xs:"sm",sm:"md",md:"lg",lg:"xl"};e.querySelectorAll("sgds-icon").forEach(e=>{e.setAttribute("size",t[this.size]),e.classList.remove("icon-left","icon-right"),e.previousElementSibling||e.previousSibling||e.classList.add("icon-left"),e.nextElementSibling||e.nextSibling||e.classList.add("icon-right")})}_handleSlotChange(e){const t=e.target.assignedElements().find(e=>"a"===e.tagName.toLowerCase());t&&(this._processAnchor(t),this._processIcon(t))}firstUpdated(e){super.firstUpdated(e);const t=this.querySelector("a");t&&(this._processAnchor(t),this._processIcon(t))}render(){return te`<slot class="nav-link " @slotchange=${this._handleSlotChange}></slot> `}}ca.styles=[...Oe.styles,da],t([Ve({type:String,reflect:!0})],ca.prototype,"size",void 0),t([Ve({type:String,reflect:!0})],ca.prototype,"variant",void 0),t([Ve({type:String,reflect:!0})],ca.prototype,"tone",void 0),t([Ve({type:Boolean,reflect:!0})],ca.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],ca.prototype,"disabled",void 0);var ha=r`:host{align-items:center;display:flex;font-size:var(--sgds-font-size-link-md);gap:var(--sgds-gap-xs);min-width:0}:host .nav-link::slotted(*){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([active]) .nav-link::slotted(*){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host([active]) .nav-link::slotted(:focus),:host([active]) .nav-link::slotted(:focus-visible),:host([active]) .nav-link::slotted(:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}:host(.overflow-menu){flex-shrink:0}sgds-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{color:var(--sgds-color-subtle);display:flex}:host(:last-of-type) .separator{display:none}`;class pa extends Oe{constructor(){super(...arguments),this.active=!1,this._preventNavigation=e=>e.preventDefault()}updated(e){if(super.updated(e),e.has("active")){const e=this.querySelector("a");e&&(this.active?(e.setAttribute("tabindex","-1"),e.addEventListener("click",this._preventNavigation)):e.removeEventListener("click",this._preventNavigation))}}render(){return te`
376
+ `}}la.styles=[...Oe.styles,ra],la.dependencies={"sgds-overflow-menu":na},t([ze({type:String})],la.prototype,"ariaLabel",void 0),t([Le("slot")],la.prototype,"defaultSlot",void 0);var da=r`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-link-md)!important;line-height:var(--sgds-line-height-xs)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-link-lg)!important;line-height:var(--sgds-line-height-md)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-link-sm)!important;line-height:var(--sgds-line-height-2-xs)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-link-xs)!important;line-height:var(--sgds-line-height-3-xs)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link::slotted(a){color:var(--sgds-link-color-default)!important;cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){pointer-events:none;text-decoration:none!important}`;class ca extends Oe{constructor(){super(...arguments),this.size="md",this.variant="primary",this.tone="primary",this.active=!1,this.disabled=!1}_processAnchor(e){this.disabled&&e.setAttribute("disabled","true"),e.hasAttribute("disabled")?(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1")):e.setAttribute("tabindex","0")}_processIcon(e){const t={xs:"sm",sm:"md",md:"lg",lg:"xl"};e.querySelectorAll("sgds-icon").forEach(e=>{e.setAttribute("size",t[this.size]),e.classList.remove("icon-left","icon-right"),e.previousElementSibling||e.previousSibling||e.classList.add("icon-left"),e.nextElementSibling||e.nextSibling||e.classList.add("icon-right")})}_handleSlotChange(e){const t=e.target.assignedElements().find(e=>"a"===e.tagName.toLowerCase());t&&(this._processAnchor(t),this._processIcon(t))}firstUpdated(e){super.firstUpdated(e);const t=this.querySelector("a");t&&(this._processAnchor(t),this._processIcon(t))}render(){return te`<slot class="nav-link " @slotchange=${this._handleSlotChange}></slot> `}}ca.styles=[...Oe.styles,da],t([ze({type:String,reflect:!0})],ca.prototype,"size",void 0),t([ze({type:String,reflect:!0})],ca.prototype,"variant",void 0),t([ze({type:String,reflect:!0})],ca.prototype,"tone",void 0),t([ze({type:Boolean,reflect:!0})],ca.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],ca.prototype,"disabled",void 0);var ha=r`:host{align-items:center;display:flex;font-size:var(--sgds-font-size-link-md);gap:var(--sgds-gap-xs);min-width:0}:host .nav-link::slotted(*){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([active]) .nav-link::slotted(*){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default);overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host([active]) .nav-link::slotted(:focus),:host([active]) .nav-link::slotted(:focus-visible),:host([active]) .nav-link::slotted(:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}:host(.overflow-menu){flex-shrink:0}sgds-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{color:var(--sgds-color-subtle);display:flex}:host(:last-of-type) .separator{display:none}`;class pa extends Oe{constructor(){super(...arguments),this.active=!1,this._preventNavigation=e=>e.preventDefault()}updated(e){if(super.updated(e),e.has("active")){const e=this.querySelector("a");e&&(this.active?(e.setAttribute("tabindex","-1"),e.addEventListener("click",this._preventNavigation)):e.removeEventListener("click",this._preventNavigation))}}render(){return te`
377
377
  <sgds-link><slot class="nav-link"></slot></sgds-link>
378
378
  <div class="separator">
379
379
  <sgds-icon name="chevron-right" size="sm"></sgds-icon>
380
380
  </div>
381
- `}}pa.styles=[ha],pa.dependencies={"sgds-link":ca,"sgds-icon":xt},t([Ve({type:Boolean,reflect:!0})],pa.prototype,"active",void 0);class ua{constructor(e,t){(this.host=e).addController(this),this.options=Object.assign({form:e=>e.closest("form")},t)}hostConnected(){this.form=this.options.form(this.host)}hostDisconnected(){this.form&&(this.form=void 0)}doAction(e,t){if(this.form){const s=document.createElement("button");s.type=e,s.style.position="absolute",s.style.width="0",s.style.height="0",s.style.clipPath="inset(50%)",s.style.overflow="hidden",s.style.whiteSpace="nowrap",t&&(["formaction","formmethod","formnovalidate","formtarget"].forEach(e=>{t.hasAttribute(e)&&s.setAttribute(e,t.getAttribute(e))}),"submit"===e&&t.hasAttribute("name")&&(s.name=t.getAttribute("name"),s.value=t.getAttribute("value")||"")),this.form.append(s),s.click(),s.remove()}}reset(e){this.doAction("reset",e)}submit(e){this.doAction("submit",e)}}var ga=r`:host{display:inline-block}:host([fullWidth]),:host([fullWidth]) .btn{width:100%}:host([fullWidth]) .btn.has-left-icon{justify-content:flex-start}:host([fullWidth]) .btn.has-right-icon{justify-content:space-between}:host([fullWidth]) .btn.has-left-icon.has-right-icon{justify-content:center}.btn span{padding:0 var(--sgds-padding-2-xs)}.btn.no-icon{gap:var(--sgds-gap-none)}.loading{cursor:default}`;class va extends Ht{constructor(){super(...arguments),this.formSubmitController=new ua(this,{form:e=>{if(e.hasAttribute("form")){const t=e.getRootNode(),s=e.getAttribute("form");return t.getElementById(s)}return e.closest("form")}}),this.type="button",this.fullWidth=!1,this.hasLeftIconSlot=!1,this.hasRightIconSlot=!1,this.hasSlotController=new qt(this,"leftIcon","rightIcon"),this._clickHandler=()=>{"submit"===this.type&&this.formSubmitController.submit(this),"reset"===this.type&&this.formSubmitController.reset(this)}}updated(){this.hasLeftIconSlot||(this.hasLeftIconSlot=this.hasSlotController.test("leftIcon")),this.hasRightIconSlot||(this.hasRightIconSlot=this.hasSlotController.test("rightIcon"))}_handleClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();this.removeEventListener("click",this._clickHandler),this.addEventListener("click",this._clickHandler)}render(){const e=this.href,t=e?ht`a`:ht`button`,s=!this.hasLeftIconSlot&&!this.hasRightIconSlot;return ut`
381
+ `}}pa.styles=[ha],pa.dependencies={"sgds-link":ca,"sgds-icon":xt},t([ze({type:Boolean,reflect:!0})],pa.prototype,"active",void 0);class ga{constructor(e,t){(this.host=e).addController(this),this.options=Object.assign({form:e=>e.closest("form")},t)}hostConnected(){this.form=this.options.form(this.host)}hostDisconnected(){this.form&&(this.form=void 0)}doAction(e,t){if(this.form){const s=document.createElement("button");s.type=e,s.style.position="absolute",s.style.width="0",s.style.height="0",s.style.clipPath="inset(50%)",s.style.overflow="hidden",s.style.whiteSpace="nowrap",t&&(["formaction","formmethod","formnovalidate","formtarget"].forEach(e=>{t.hasAttribute(e)&&s.setAttribute(e,t.getAttribute(e))}),"submit"===e&&t.hasAttribute("name")&&(s.name=t.getAttribute("name"),s.value=t.getAttribute("value")||"")),this.form.append(s),s.click(),s.remove()}}reset(e){this.doAction("reset",e)}submit(e){this.doAction("submit",e)}}var ua=r`:host{display:inline-block}:host([fullWidth]),:host([fullWidth]) .btn{width:100%}:host([fullWidth]) .btn.has-left-icon{justify-content:flex-start}:host([fullWidth]) .btn.has-right-icon{justify-content:space-between}:host([fullWidth]) .btn.has-left-icon.has-right-icon{justify-content:center}.btn span{padding:0 var(--sgds-padding-2-xs)}.btn.no-icon{gap:var(--sgds-gap-none)}.loading{cursor:default}`;class va extends Ht{constructor(){super(...arguments),this.formSubmitController=new ga(this,{form:e=>{if(e.hasAttribute("form")){const t=e.getRootNode(),s=e.getAttribute("form");return t.getElementById(s)}return e.closest("form")}}),this.type="button",this.fullWidth=!1,this.hasLeftIconSlot=!1,this.hasRightIconSlot=!1,this.hasSlotController=new qt(this,"leftIcon","rightIcon"),this._clickHandler=()=>{"submit"===this.type&&this.formSubmitController.submit(this),"reset"===this.type&&this.formSubmitController.reset(this)}}updated(){this.hasLeftIconSlot||(this.hasLeftIconSlot=this.hasSlotController.test("leftIcon")),this.hasRightIconSlot||(this.hasRightIconSlot=this.hasSlotController.test("rightIcon"))}_handleClick(e){if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();this.removeEventListener("click",this._clickHandler),this.addEventListener("click",this._clickHandler)}render(){const e=this.href,t=e?ht`a`:ht`button`,s=!this.hasLeftIconSlot&&!this.hasRightIconSlot;return gt`
382
382
  <${t}
383
383
  class="btn ${We({disabled:this.disabled,active:this.active,"has-left-icon":this.hasLeftIconSlot,"has-right-icon":this.hasRightIconSlot,"no-icon":s,loading:this.loading})}"
384
384
  ?disabled=${Ge(e?void 0:this.disabled)}
@@ -398,20 +398,20 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
398
398
  @blur=${this._handleBlur}
399
399
  aria-label=${Ge(this.loading?"Loading":this.ariaLabel)}
400
400
  >
401
- ${this.loading?ut`<sgds-spinner
401
+ ${this.loading?gt`<sgds-spinner
402
402
  size=${Ge(this._assignSpinnerSize(this.size))}
403
403
  tone=${Ge(this._assignSpinnerTone(this.tone,this.variant))}
404
- ></sgds-spinner>`:ut`<slot name="leftIcon"></slot>
404
+ ></sgds-spinner>`:gt`<slot name="leftIcon"></slot>
405
405
  <span><slot></slot></span>
406
406
  <slot name="rightIcon"></slot>`}
407
407
 
408
408
  </${t}>
409
- `}}va.styles=[...Ht.styles,$t,ga],t([Ve({type:String,reflect:!0})],va.prototype,"name",void 0),t([Ve({type:String,reflect:!0})],va.prototype,"value",void 0),t([Ve({type:String,reflect:!0})],va.prototype,"type",void 0),t([Ve({type:String,reflect:!0})],va.prototype,"form",void 0),t([Ve({type:String,reflect:!0,attribute:"formaction"})],va.prototype,"formAction",void 0),t([Ve({type:String,reflect:!0,attribute:"formmethod"})],va.prototype,"formMethod",void 0),t([Ve({attribute:"formnovalidate",type:Boolean,reflect:!0})],va.prototype,"formNoValidate",void 0),t([Ve({type:String,reflect:!0,attribute:"formtarget"})],va.prototype,"formTarget",void 0),t([Ve({type:Boolean,reflect:!0})],va.prototype,"fullWidth",void 0),t([Ve({type:Boolean})],va.prototype,"hasLeftIconSlot",void 0),t([Ve({type:Boolean})],va.prototype,"hasRightIconSlot",void 0);var ma=r`:host{height:100%}:host([disabled]){cursor:not-allowed}:host([stretchedLink]:not([noPadding])) .card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}:host([stretchedLink]) slot[name=footer]::slotted(a),:host([stretchedLink]) slot[name=footer]::slotted(sgds-link),:host([stretchedLink]) slot[name=link]::slotted(a),:host([stretchedLink]) slot[name=link]::slotted(sgds-link){display:none}:host([stretchedLink]) .card:after{display:none}:host([orientation=horizontal]) .card{flex-direction:row}:host(:not([hideBorder])) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([orientation=horizontal]) .card-body{flex:1}:host([orientation=horizontal]) .card-media{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-xl)}:host([orientation=horizontal]) .card-image{width:40%}:host([imagePosition=after]) .card-image{order:1}:host([orientation=vertical][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-left-radius:var(--sgds-border-radius-none);border-top-right-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-bottom-left-radius:var(--sgds-border-radius-none);border-top-left-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal]) slot[name=image]::slotted(img){border-bottom-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:var(--sgds-border-radius-none);height:100%;object-fit:cover}:host([orientation=vertical][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-padding-none)}:host([orientation=vertical][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-none)}:host([orientation][imageAdjustment="padding around"]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1))}:host([orientation=vertical]:not([imageAdjustment="aspect ratio"])) slot[name=image]::slotted(img){height:auto}:host([orientation=vertical][imageAdjustment="aspect ratio"]) slot[name=image]::slotted(img){object-fit:cover}.card{word-wrap:break-word;background-clip:border-box;background-color:var(--sgds-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);box-shadow:none;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;transition:box-shadow .3s ease}a.card{color:initial;text-decoration:none}.card.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}a.card:not(.disabled):focus-visible{--sgds-outline-offset-focus:-1px;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.card-tinted-bg{border-radius:var(--sgds-border-radius-md);bottom:0;left:0;opacity:var(--sgds-opacity-0);position:absolute;right:0;top:0}.card-image{flex:1;position:relative}.card-media{align-items:flex-start;display:flex;justify-content:space-between;line-height:0;padding:var(--sgds-padding-xl) var(--sgds-padding-xl) var(--sgds-padding-none)}.card-body{color:var(--sgds-body-color-default);display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-lg);padding:var(--sgds-padding-xl);z-index:1}.card-header-container{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.card-header{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.card-title,slot[name=title]::slotted(*){color:var(--sgds-color-default);font-size:var(--sgds-font-size-heading-sm)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-tight)!important;line-height:var(--sgds-line-height-sm)!important;margin-bottom:var(--sgds-margin-none)!important}slot[name=subtitle]::slotted(*){color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-overline-md)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-wide)!important;line-height:var(--sgds-line-height-2-xs)!important;margin:var(--sgds-margin-none)!important;text-transform:uppercase}slot[name=title]::slotted(a){color:var(--sgds-link-color-default);text-decoration:none!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);margin-bottom:var(--sgds-margin-none)!important}slot[name=image]::slotted(img){border-top-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));display:block;width:100%}slot[name=footer]::slotted(*),slot[name=link]::slotted(*){margin-top:auto;padding-top:var(--sgds-padding-2-xs);width:fit-content}slot[name=footer]::slotted(a),slot[name=link]::slotted(a){color:var(--sgds-link-color-default);height:auto!important;text-decoration:none!important}slot[name=footer]::slotted(a:focus),slot[name=footer]::slotted(a:hover),slot[name=link]::slotted(a:focus),slot[name=link]::slotted(a:hover),slot[name=title]::slotted(a:focus),slot[name=title]::slotted(a:hover){color:var(--sgds-link-color-emphasis)}slot[name=footer]::slotted(a:focus-visible),slot[name=link]::slotted(a:focus-visible),slot[name=title]::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,fa=r`.bg-primary{background-color:var(--sgds-primary)!important}.bg-secondary{background-color:var(--sgds-secondary)!important}.bg-success{background-color:var(--sgds-success)!important}.bg-info{background-color:var(--sgds-info)!important}.bg-warning{background-color:var(--sgds-warning)!important}.bg-danger{background-color:var(--sgds-danger)!important}.bg-light{background-color:var(--sgds-light)!important}.bg-dark{background-color:var(--sgds-dark)!important}`,ba=r`.border-primary{border-color:var(--sgds-primary)!important}.border-secondary{border-color:var(--sgds-secondary)!important}.border-success{border-color:var(--sgds-success)!important}.border-info{border-color:var(--sgds-info)!important}.border-warning{border-color:var(--sgds-warning)!important}.border-danger{border-color:var(--sgds-danger)!important}.border-light{border-color:var(--sgds-light)!important}.border-dark{border-color:var(--sgds-dark)!important}`,wa=r`.h1,.h2,.h3,.h4,.h5,.h6 ::slotted(h6),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),h1,h2,h3,h4,h5,h6{color:var(--sgds-heading-color);font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,::slotted(h1),h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,::slotted(h1),h1{font-size:2.5rem}}.h2,::slotted(h2),h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,::slotted(h2),h2{font-size:2rem}}.h3,::slotted(h3),h3{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h3,::slotted(h3),h3{font-size:1.5rem}}.h4,::slotted(h4),h4{font-size:1.125rem}.h5,.h6 ::slotted(h6),::slotted(h5),h5,h6{font-size:1rem}.h1,::slotted(h1),h1{line-height:1.2}.h2,::slotted(h2),h2{line-height:1.25}.h3,::slotted(h3),h3{line-height:1.33}.h4,::slotted(h4),h4{line-height:1.78}.h5,.h6 ::slotted(h6),::slotted(h5),h5,h6{line-height:1.2}`,ya=r`p{margin-bottom:1.5rem;margin-top:0}`;class xa extends Oe{constructor(){super(...arguments),this.stretchedLink=!1,this.disabled=!1,this.hideBorder=!1,this.tinted=!1,this.orientation="vertical"}handleTitleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});if(this.stretchedLink&&t[0]instanceof HTMLAnchorElement){(t[0].querySelector("a")||t[0]).removeAttribute("href")}}_forwardAnchorAttributes(e){const t=new Set(["class","style","id","slot","tabindex"]);if((null==e?void 0:e.href)&&!e.href.startsWith("javascript:")&&!e.href.startsWith("data:")&&!e.href.startsWith("vbscript:"))for(const{name:s,value:i}of Array.from(e.attributes))t.has(s)||s.startsWith("on")||this.card.setAttribute(s,i)}warnLinkSlotMisused(e){if(e.target.assignedNodes({flatten:!0}).length>1)return console.error("Multiple elements passed into SgdsCard's link slot")}}xa.styles=[...Oe.styles,Tt,fa,ba,wa,ya,ma],t([De("a.card")],xa.prototype,"card",void 0),t([Ve({type:Boolean,reflect:!0})],xa.prototype,"stretchedLink",void 0),t([Ve({type:Boolean,reflect:!0})],xa.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],xa.prototype,"hideBorder",void 0),t([Ve({type:Boolean,reflect:!0})],xa.prototype,"tinted",void 0),t([Ve({type:String,reflect:!0})],xa.prototype,"orientation",void 0);var _a=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=menu]::slotted(*){position:absolute;right:20px;top:20px;z-index:10}`;class ka extends xa{constructor(){super(...arguments),this.imagePosition="before",this.imageAdjustment="default",this.hasImageSlot=!1,this.hasIconSlot=!1,this.hasUpperSlot=!1,this.noPadding=!1,this.hasSlotController=new qt(this,"image","icon","upper")}get linkSlotItems(){if(!this.linkNode||0===this.linkNode.length)return null;const e=this.linkNode[0];return e.querySelector("a")||e}get footerSlotItems(){if(!this.footerNode||0===this.footerNode.length)return null;const e=this.footerNode[0];return e.querySelector("a")||e}firstUpdated(e){var t;if(super.firstUpdated(e),!this.hasSlotController.test("image")&&!this.hasSlotController.test("icon")&&!this.hasSlotController.test("upper")&&this.noPadding){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-body");e&&(e.style.padding="0px")}if(this.stretchedLink){const e=this.footerSlotItems,t=this.linkSlotItems;this._forwardAnchorAttributes((null==e?void 0:e.href)?e:t)}}updated(){this.hasImageSlot||(this.hasImageSlot=this.hasSlotController.test("image")),this.hasIconSlot||(this.hasIconSlot=this.hasSlotController.test("icon")),this.hasUpperSlot||(this.hasUpperSlot=this.hasSlotController.test("upper"))}handleImgSlotChange(e){e.target.assignedNodes({flatten:!0}).length>1&&console.error("Multiple elements passed into SgdsCard's image slot"),this.hasSlotController.test("image")&&this.hasSlotController.test("icon")&&console.error("Both image and icon slots cannot be used together in SgdsCard")}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return ut`
409
+ `}}va.styles=[...Ht.styles,$t,ua],t([ze({type:String,reflect:!0})],va.prototype,"name",void 0),t([ze({type:String,reflect:!0})],va.prototype,"value",void 0),t([ze({type:String,reflect:!0})],va.prototype,"type",void 0),t([ze({type:String,reflect:!0})],va.prototype,"form",void 0),t([ze({type:String,reflect:!0,attribute:"formaction"})],va.prototype,"formAction",void 0),t([ze({type:String,reflect:!0,attribute:"formmethod"})],va.prototype,"formMethod",void 0),t([ze({attribute:"formnovalidate",type:Boolean,reflect:!0})],va.prototype,"formNoValidate",void 0),t([ze({type:String,reflect:!0,attribute:"formtarget"})],va.prototype,"formTarget",void 0),t([ze({type:Boolean,reflect:!0})],va.prototype,"fullWidth",void 0),t([ze({type:Boolean})],va.prototype,"hasLeftIconSlot",void 0),t([ze({type:Boolean})],va.prototype,"hasRightIconSlot",void 0);var ma=r`:host{height:100%}:host([disabled]){cursor:not-allowed}:host([stretchedLink]:not([noPadding])) .card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}:host([stretchedLink]) slot[name=footer]::slotted(a),:host([stretchedLink]) slot[name=footer]::slotted(sgds-link),:host([stretchedLink]) slot[name=link]::slotted(a),:host([stretchedLink]) slot[name=link]::slotted(sgds-link){display:none}:host([stretchedLink]) .card:after{display:none}:host([orientation=horizontal]) .card{flex-direction:row}:host(:not([hideBorder])) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([orientation=horizontal]) .card-body{flex:1}:host([orientation=horizontal]) .card-media{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-xl)}:host([orientation=horizontal]) .card-image{width:40%}:host([imagePosition=after]) .card-image{order:1}:host([orientation=vertical][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-left-radius:var(--sgds-border-radius-none);border-top-right-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-bottom-left-radius:var(--sgds-border-radius-none);border-top-left-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal]) slot[name=image]::slotted(img){border-bottom-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:var(--sgds-border-radius-none);height:100%;object-fit:cover}:host([orientation=vertical][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-padding-none)}:host([orientation=vertical][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-none)}:host([orientation][imageAdjustment="padding around"]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1))}:host([orientation=vertical]:not([imageAdjustment="aspect ratio"])) slot[name=image]::slotted(img){height:auto}:host([orientation=vertical][imageAdjustment="aspect ratio"]) slot[name=image]::slotted(img){object-fit:cover}.card{word-wrap:break-word;background-clip:border-box;background-color:var(--sgds-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);box-shadow:none;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;transition:box-shadow .3s ease}a.card{color:initial;text-decoration:none}.card.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}a.card:not(.disabled):focus-visible{--sgds-outline-offset-focus:-1px;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.card-tinted-bg{border-radius:var(--sgds-border-radius-md);bottom:0;left:0;opacity:var(--sgds-opacity-0);position:absolute;right:0;top:0}.card-image{flex:1;position:relative}.card-media{align-items:flex-start;display:flex;justify-content:space-between;line-height:0;padding:var(--sgds-padding-xl) var(--sgds-padding-xl) var(--sgds-padding-none)}.card-body{color:var(--sgds-body-color-default);display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-lg);padding:var(--sgds-padding-xl);z-index:1}.card-header-container{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.card-header{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.card-title,slot[name=title]::slotted(*){color:var(--sgds-color-default);font-size:var(--sgds-font-size-heading-sm)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-tight)!important;line-height:var(--sgds-line-height-sm)!important;margin-bottom:var(--sgds-margin-none)!important}slot[name=subtitle]::slotted(*){color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-overline-md)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-wide)!important;line-height:var(--sgds-line-height-2-xs)!important;margin:var(--sgds-margin-none)!important;text-transform:uppercase}slot[name=title]::slotted(a){color:var(--sgds-link-color-default);text-decoration:none!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);margin-bottom:var(--sgds-margin-none)!important}slot[name=image]::slotted(img){border-top-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));display:block;width:100%}slot[name=footer]::slotted(*),slot[name=link]::slotted(*){margin-top:auto;padding-top:var(--sgds-padding-2-xs);width:fit-content}slot[name=footer]::slotted(a),slot[name=link]::slotted(a){color:var(--sgds-link-color-default);height:auto!important;text-decoration:none!important}slot[name=footer]::slotted(a:focus),slot[name=footer]::slotted(a:hover),slot[name=link]::slotted(a:focus),slot[name=link]::slotted(a:hover),slot[name=title]::slotted(a:focus),slot[name=title]::slotted(a:hover){color:var(--sgds-link-color-emphasis)}slot[name=footer]::slotted(a:focus-visible),slot[name=link]::slotted(a:focus-visible),slot[name=title]::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,fa=r`.bg-primary{background-color:var(--sgds-primary)!important}.bg-secondary{background-color:var(--sgds-secondary)!important}.bg-success{background-color:var(--sgds-success)!important}.bg-info{background-color:var(--sgds-info)!important}.bg-warning{background-color:var(--sgds-warning)!important}.bg-danger{background-color:var(--sgds-danger)!important}.bg-light{background-color:var(--sgds-light)!important}.bg-dark{background-color:var(--sgds-dark)!important}`,ba=r`.border-primary{border-color:var(--sgds-primary)!important}.border-secondary{border-color:var(--sgds-secondary)!important}.border-success{border-color:var(--sgds-success)!important}.border-info{border-color:var(--sgds-info)!important}.border-warning{border-color:var(--sgds-warning)!important}.border-danger{border-color:var(--sgds-danger)!important}.border-light{border-color:var(--sgds-light)!important}.border-dark{border-color:var(--sgds-dark)!important}`,wa=r`.h1,.h2,.h3,.h4,.h5,.h6 ::slotted(h6),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),h1,h2,h3,h4,h5,h6{color:var(--sgds-heading-color);font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,::slotted(h1),h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,::slotted(h1),h1{font-size:2.5rem}}.h2,::slotted(h2),h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,::slotted(h2),h2{font-size:2rem}}.h3,::slotted(h3),h3{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h3,::slotted(h3),h3{font-size:1.5rem}}.h4,::slotted(h4),h4{font-size:1.125rem}.h5,.h6 ::slotted(h6),::slotted(h5),h5,h6{font-size:1rem}.h1,::slotted(h1),h1{line-height:1.2}.h2,::slotted(h2),h2{line-height:1.25}.h3,::slotted(h3),h3{line-height:1.33}.h4,::slotted(h4),h4{line-height:1.78}.h5,.h6 ::slotted(h6),::slotted(h5),h5,h6{line-height:1.2}`,ya=r`p{margin-bottom:1.5rem;margin-top:0}`;class xa extends Oe{constructor(){super(...arguments),this.stretchedLink=!1,this.disabled=!1,this.hideBorder=!1,this.tinted=!1,this.orientation="vertical"}handleTitleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});if(this.stretchedLink&&t[0]instanceof HTMLAnchorElement){(t[0].querySelector("a")||t[0]).removeAttribute("href")}}_forwardAnchorAttributes(e){const t=new Set(["class","style","id","slot","tabindex"]);if((null==e?void 0:e.href)&&!e.href.startsWith("javascript:")&&!e.href.startsWith("data:")&&!e.href.startsWith("vbscript:"))for(const{name:s,value:i}of Array.from(e.attributes))t.has(s)||s.startsWith("on")||this.card.setAttribute(s,i)}warnLinkSlotMisused(e){if(e.target.assignedNodes({flatten:!0}).length>1)return console.error("Multiple elements passed into SgdsCard's link slot")}}xa.styles=[...Oe.styles,Tt,fa,ba,wa,ya,ma],t([Le("a.card")],xa.prototype,"card",void 0),t([ze({type:Boolean,reflect:!0})],xa.prototype,"stretchedLink",void 0),t([ze({type:Boolean,reflect:!0})],xa.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],xa.prototype,"hideBorder",void 0),t([ze({type:Boolean,reflect:!0})],xa.prototype,"tinted",void 0),t([ze({type:String,reflect:!0})],xa.prototype,"orientation",void 0);var _a=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=menu]::slotted(*){position:absolute;right:20px;top:20px;z-index:10}`;class ka extends xa{constructor(){super(...arguments),this.imagePosition="before",this.imageAdjustment="default",this.hasImageSlot=!1,this.hasIconSlot=!1,this.hasUpperSlot=!1,this.noPadding=!1,this.hasSlotController=new qt(this,"image","icon","upper")}get linkSlotItems(){if(!this.linkNode||0===this.linkNode.length)return null;const e=this.linkNode[0];return e.querySelector("a")||e}get footerSlotItems(){if(!this.footerNode||0===this.footerNode.length)return null;const e=this.footerNode[0];return e.querySelector("a")||e}firstUpdated(e){var t;if(super.firstUpdated(e),!this.hasSlotController.test("image")&&!this.hasSlotController.test("icon")&&!this.hasSlotController.test("upper")&&this.noPadding){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-body");e&&(e.style.padding="0px")}if(this.stretchedLink){const e=this.footerSlotItems,t=this.linkSlotItems;this._forwardAnchorAttributes((null==e?void 0:e.href)?e:t)}}updated(){this.hasImageSlot||(this.hasImageSlot=this.hasSlotController.test("image")),this.hasIconSlot||(this.hasIconSlot=this.hasSlotController.test("icon")),this.hasUpperSlot||(this.hasUpperSlot=this.hasSlotController.test("upper"))}handleImgSlotChange(e){e.target.assignedNodes({flatten:!0}).length>1&&console.error("Multiple elements passed into SgdsCard's image slot"),this.hasSlotController.test("image")&&this.hasSlotController.test("icon")&&console.error("Both image and icon slots cannot be used together in SgdsCard")}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return gt`
410
410
  <${e}
411
411
  class="card ${We({disabled:this.disabled})}"
412
412
  tabindex=${t}
413
413
  >
414
- ${this.tinted&&!this.noPadding?ut`<div class="card-tinted-bg"></div>`:ae}
414
+ ${this.tinted&&!this.noPadding?gt`<div class="card-tinted-bg"></div>`:ae}
415
415
  <slot name="menu"></slot>
416
416
  <div class=${We({"card-image":this.hasImageSlot,"card-media":this.hasIconSlot||this.hasUpperSlot})}>
417
417
  <slot name="upper">
@@ -435,13 +435,13 @@ class Zt{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
435
435
  </slot>
436
436
  </div>
437
437
  </${e}>
438
- `}}ka.styles=[...xa.styles,_a],t([Ee({slot:"footer"})],ka.prototype,"footerNode",void 0),t([Ee({slot:"link"})],ka.prototype,"linkNode",void 0),t([Ve({type:String,reflect:!0})],ka.prototype,"imagePosition",void 0),t([Ve({type:String,reflect:!0})],ka.prototype,"imageAdjustment",void 0),t([Ve({type:Boolean})],ka.prototype,"hasImageSlot",void 0),t([Ve({type:Boolean})],ka.prototype,"hasIconSlot",void 0),t([Ve({type:Boolean})],ka.prototype,"hasUpperSlot",void 0),t([Ve({type:Boolean,reflect:!0})],ka.prototype,"noPadding",void 0);const Ca=Ye(
438
+ `}}ka.styles=[...xa.styles,_a],t([Ee({slot:"footer"})],ka.prototype,"footerNode",void 0),t([Ee({slot:"link"})],ka.prototype,"linkNode",void 0),t([ze({type:String,reflect:!0})],ka.prototype,"imagePosition",void 0),t([ze({type:String,reflect:!0})],ka.prototype,"imageAdjustment",void 0),t([ze({type:Boolean})],ka.prototype,"hasImageSlot",void 0),t([ze({type:Boolean})],ka.prototype,"hasIconSlot",void 0),t([ze({type:Boolean})],ka.prototype,"hasUpperSlot",void 0),t([ze({type:Boolean,reflect:!0})],ka.prototype,"noPadding",void 0);const Ca=Ye(
439
439
  /**
440
440
  * @license
441
441
  * Copyright 2020 Google LLC
442
442
  * SPDX-License-Identifier: BSD-3-Clause
443
443
  */
444
- class extends Ke{constructor(e){if(super(e),e.type!==Ue&&e.type!==Ne&&e.type!==qe)throw new Error("The `live` directive is not allowed on child or event bindings");if(!Mi(e))throw new Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===ie||t===ae)return t;const s=e.element,i=e.name;if(e.type===Ue){if(t===s[i])return ie}else if(e.type===qe){if(!!t===s.hasAttribute(i))return ie}else if(e.type===Ne&&s.getAttribute(i)===String(t))return ie;return Ii(e),t}});var $a=r`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-20)}.invalid-feedback{font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`,Sa=r`.form-text{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.form-text.disabled{opacity:var(--sgds-opacity-40)}`,Ma=r`.form-label{color:var(--sgds-form-color-default);font-weight:var(--sgds-font-weight-semibold);margin-bottom:0}.form-label.disabled{opacity:var(--sgds-opacity-40)}.form-check-label{color:var(--sgds-form-color-default)}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:not-allowed}`,Za=r`.form-control::placeholder{color:var(--sgds-form-color-subtle);font-family:var(--sgds-font-family-brand);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-24)}`;class za extends Oe{constructor(){super(...arguments),this.label="",this.hintText="",this.disabled=!1,this.invalid=!1,this._controlId=Et("input"),this._labelId=Et("label")}setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}}za.styles=[...Oe.styles,$a,Sa,Ma,Za],t([Ve({reflect:!0})],za.prototype,"label",void 0),t([Ve({reflect:!0})],za.prototype,"hintText",void 0),t([Ve({reflect:!0})],za.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],za.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],za.prototype,"invalid",void 0);const Va=(e="value")=>(t,s)=>{const i=t.constructor,a=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(t,o,n){var r;const l=i.getPropertyOptions(e);if(t===("string"==typeof l.attribute?l.attribute:e).toLowerCase()){const t=l.converter||_,i=("function"==typeof t?t:null!==(r=null==t?void 0:t.fromAttribute)&&void 0!==r?r:_.fromAttribute)(n,l.type);this[e]!==i&&(this[s]=i)}a.call(this,t,o,n)}};class Pa{constructor(e,t){(this.host=e).addController(this),this._internals=e._internals||this.host.attachInternals(),this.options=Object.assign({setInvalid:(e,t)=>{e.invalid=t},value:e=>e.value,input:e=>e.input},t)}hostConnected(){this.host.addEventListener("invalid",e=>this.handleInvalid(e))}hostDisconnected(){this.host.removeEventListener("invalid",e=>this.handleInvalid(e))}handleInvalid(e){e.preventDefault(),this.options.setInvalid(this.host,!0)}handleInput(e){const t=e.target;this.options.setInvalid(this.host,!1),this.validateInput(t)}handleChange(e){const t=e.target;this.validateInput(t),this.options.setInvalid(this.host,!this.checkValidity())}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}updateInvalidState(){this.options.setInvalid(this.host,!this.checkValidity())}resetValidity(){return this._internals.setValidity({})}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}setValidity(e,t,s){return this._internals.setValidity(e,t,s)}setFormValue(){const e=this.options.value(this.host);this._internals.setFormValue(e)}validateInput(e){if(this.options.input(this.host).disabled)return this._internals.setValidity({});const t=e.validity;if(t.valid)this._internals.setValidity({});else for(const s in t)t[s]&&(this.validationError=s.toString(),this._internals.setValidity({[this.validationError]:!0},e.validationMessage,e))}}const Ia=e=>{class s extends e{constructor(...e){super(...e),this._isTouched=!1,this._internals=this.attachInternals()}connectedCallback(){var e;super.connectedCallback(),null!==(e=this.inputValidationController)&&void 0!==e||(this.inputValidationController=new Pa(this))}async firstUpdated(e){super.firstUpdated(e),this.input=this.shadowRoot.querySelector("input")||await this.sgdsInput||this.shadowRoot.querySelector("textarea")||await this.sgdsDatepickerInput,this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this._mixinValidate(this.input)}formResetCallback(){this._mixinResetFormControl?this._mixinResetFormControl():(this.value=this.defaultValue,this._mixinResetValidity(this.input)),this._mixinSetFormValue()}_mixinHandleChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleChange(e)}_mixinHandleInputChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleInput(e)}_mixinResetValidity(e){this.inputValidationController.resetValidity(),this.inputValidationController.updateInvalidState(),this._isTouched&&(this._isTouched=!1),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinValidate(e){this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinSetFormValue(){const e=this.value;this._internals.setFormValue(e)}_mixinCheckValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.checkValidity()}_mixinReportValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.reportValidity()}_mixinGetValidity(){return this._internals.validity}_mixinGetValidationMessage(){return this._internals.validationMessage}_mixinSetValidity(e,t,s){if(!this._mixinShouldSkipSgdsValidation())return this.inputValidationController.setValidity(e,t,s)}_mixinShouldSkipSgdsValidation(){const e=this.closest("form");return(null==e?void 0:e.noValidate)||this.noValidate}}return s.formAssociated=!0,t([Ae("sgds-input")],s.prototype,"sgdsInput",void 0),t([Ae("sgds-datepicker-input")],s.prototype,"sgdsDatepickerInput",void 0),s};var La=r`.form-check-input[type=checkbox]{border-radius:var(--sgds-form-border-radius-md)}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path d="M14.347 3.979a.522.522 0 0 1 0 .739L7.043 12.02a.521.521 0 0 1-.738 0L2.653 8.369a.522.522 0 1 1 .739-.738l3.282 3.283 6.934-6.935a.52.52 0 0 1 .739 0Z" fill="%23fff"/></svg>')}.form-check-input:indeterminate,.form-check-input[indeterminate]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Z" fill="%23fff"/></svg>');background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:indeterminate:focus,.form-check-input:indeterminate:hover,.form-check-input[indeterminate]:focus-visible,.form-check-input[indeterminate]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}.form-check-input:indeterminate.is-invalid,.form-check-input[checked].is-invalid,.form-check-input[indeterminate].is-invalid{background-color:var(--sgds-form-danger-surface-default)}.form-check-label{flex:1;font-size:var(--sgds-font-size-label-md)}.form-check{margin:var(--sgds-form-padding-inline-sm) 0;padding:0}`,Da=r`input{margin:0}.form-check{display:flex;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.form-check-input{appearance:none;background-color:var(--sgds-form-surface-default);background-image:var(--sgds-radio-bg-image);background-position:50%;background-repeat:no-repeat;background-size:auto;border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);flex-shrink:0;height:var(--sgds-form-height-sm);width:var(--sgds-form-width-xs)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):not([aria-checked=true]):not(:focus-visible):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid)[checked]:focus-visible,.form-check-input:not([disabled]):not(.is-invalid)[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.form-check-input:not([disabled]).is-invalid{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-check-input:not([disabled]).is-invalid:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Aa extends(Ia(za)){constructor(){super(...arguments),this.hasSlotController=new qt(this,"[default]"),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.noValidate=!1,this.invalidFeedback="",this._isTouched=!1,this._handleHostClick=e=>{e.composedPath()[0]===this&&(e.stopPropagation(),this.input.click())}}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(e){this.indeterminate&&(this.indeterminate=!this.indeterminate),this.checked=!this.checked,super._mixinHandleChange(e),this.emit("sgds-change",{detail:{checked:this.checked,value:this.value}}),this.checked?this.emit("sgds-check",{detail:{value:this.value}}):this.emit("sgds-uncheck",{detail:{value:this.value}})}_handleKeyDown(e){const t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||t||this.click()}_handleBlur(){this._isTouched=!0,this.emit("sgds-blur")}_handleFocus(){this.emit("sgds-focus")}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleDisabledChange(){this.setInvalid(!1)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&(this.invalid=!this.input.checkValidity())}_mixinResetFormControl(){this._isTouched=!1,this.checked=this.input.checked=this.defaultChecked,this.input.dispatchEvent(new InputEvent("reset")),this._mixinResetValidity(this.input)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}firstUpdated(e){super.firstUpdated(e),this.checked&&this.emit("sgds-check",{detail:{value:this.value}})}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleHostClick)}render(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback,s=this.hasSlotController.test("[default]");return te`
444
+ class extends Ke{constructor(e){if(super(e),e.type!==Ue&&e.type!==Ne&&e.type!==qe)throw new Error("The `live` directive is not allowed on child or event bindings");if(!Mi(e))throw new Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===ie||t===ae)return t;const s=e.element,i=e.name;if(e.type===Ue){if(t===s[i])return ie}else if(e.type===qe){if(!!t===s.hasAttribute(i))return ie}else if(e.type===Ne&&s.getAttribute(i)===String(t))return ie;return Di(e),t}});var $a=r`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-20)}.invalid-feedback{font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`,Sa=r`.form-text{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.form-text.disabled{opacity:var(--sgds-opacity-40)}`,Ma=r`.form-label{color:var(--sgds-form-color-default);font-weight:var(--sgds-font-weight-semibold);margin-bottom:0}.form-label.disabled{opacity:var(--sgds-opacity-40)}.form-check-label{color:var(--sgds-form-color-default)}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:not-allowed}`,Za=r`.form-control::placeholder{color:var(--sgds-form-color-subtle);font-family:var(--sgds-font-family-brand);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-24)}`;class Va extends Oe{constructor(){super(...arguments),this.label="",this.hintText="",this.disabled=!1,this.invalid=!1,this._controlId=Et("input"),this._labelId=Et("label")}setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}}Va.styles=[...Oe.styles,$a,Sa,Ma,Za],t([ze({reflect:!0})],Va.prototype,"label",void 0),t([ze({reflect:!0})],Va.prototype,"hintText",void 0),t([ze({reflect:!0})],Va.prototype,"name",void 0),t([ze({type:Boolean,reflect:!0})],Va.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],Va.prototype,"invalid",void 0);const za=(e="value")=>(t,s)=>{const i=t.constructor,a=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(t,o,n){var r;const l=i.getPropertyOptions(e);if(t===("string"==typeof l.attribute?l.attribute:e).toLowerCase()){const t=l.converter||_,i=("function"==typeof t?t:null!==(r=null==t?void 0:t.fromAttribute)&&void 0!==r?r:_.fromAttribute)(n,l.type);this[e]!==i&&(this[s]=i)}a.call(this,t,o,n)}};class Pa{constructor(e,t){(this.host=e).addController(this),this._internals=e._internals||this.host.attachInternals(),this.options=Object.assign({setInvalid:(e,t)=>{e.invalid=t},value:e=>e.value,input:e=>e.input},t)}hostConnected(){this.host.addEventListener("invalid",e=>this.handleInvalid(e))}hostDisconnected(){this.host.removeEventListener("invalid",e=>this.handleInvalid(e))}handleInvalid(e){e.preventDefault(),this.options.setInvalid(this.host,!0)}handleInput(e){const t=e.target;this.options.setInvalid(this.host,!1),this.validateInput(t)}handleChange(e){const t=e.target;this.validateInput(t),this.options.setInvalid(this.host,!this.checkValidity())}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}updateInvalidState(){this.options.setInvalid(this.host,!this.checkValidity())}resetValidity(){return this._internals.setValidity({})}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}setValidity(e,t,s){return this._internals.setValidity(e,t,s)}setFormValue(){const e=this.options.value(this.host);this._internals.setFormValue(e)}validateInput(e){if(this.options.input(this.host).disabled)return this._internals.setValidity({});const t=e.validity;if(t.valid)this._internals.setValidity({});else for(const s in t)t[s]&&(this.validationError=s.toString(),this._internals.setValidity({[this.validationError]:!0},e.validationMessage,e))}}const Da=e=>{class s extends e{constructor(...e){super(...e),this._isTouched=!1,this._internals=this.attachInternals()}connectedCallback(){var e;super.connectedCallback(),null!==(e=this.inputValidationController)&&void 0!==e||(this.inputValidationController=new Pa(this))}async firstUpdated(e){super.firstUpdated(e),this.input=this.shadowRoot.querySelector("input")||await this.sgdsInput||this.shadowRoot.querySelector("textarea")||await this.sgdsDatepickerInput,this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this._mixinValidate(this.input)}formResetCallback(){this._mixinResetFormControl?this._mixinResetFormControl():(this.value=this.defaultValue,this._mixinResetValidity(this.input)),this._mixinSetFormValue()}_mixinHandleChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleChange(e)}_mixinHandleInputChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleInput(e)}_mixinResetValidity(e){this.inputValidationController.resetValidity(),this.inputValidationController.updateInvalidState(),this._isTouched&&(this._isTouched=!1),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinValidate(e){this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinSetFormValue(){const e=this.value;this._internals.setFormValue(e)}_mixinCheckValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.checkValidity()}_mixinReportValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.reportValidity()}_mixinGetValidity(){return this._internals.validity}_mixinGetValidationMessage(){return this._internals.validationMessage}_mixinSetValidity(e,t,s){if(!this._mixinShouldSkipSgdsValidation())return this.inputValidationController.setValidity(e,t,s)}_mixinShouldSkipSgdsValidation(){const e=this.closest("form");return(null==e?void 0:e.noValidate)||this.noValidate}}return s.formAssociated=!0,t([Ae("sgds-input")],s.prototype,"sgdsInput",void 0),t([Ae("sgds-datepicker-input")],s.prototype,"sgdsDatepickerInput",void 0),s};var Ia=r`.form-check-input[type=checkbox]{border-radius:var(--sgds-form-border-radius-md)}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path d="M14.347 3.979a.522.522 0 0 1 0 .739L7.043 12.02a.521.521 0 0 1-.738 0L2.653 8.369a.522.522 0 1 1 .739-.738l3.282 3.283 6.934-6.935a.52.52 0 0 1 .739 0Z" fill="%23fff"/></svg>')}.form-check-input:indeterminate,.form-check-input[indeterminate]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Z" fill="%23fff"/></svg>');background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:indeterminate:focus,.form-check-input:indeterminate:hover,.form-check-input[indeterminate]:focus-visible,.form-check-input[indeterminate]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}.form-check-input:indeterminate.is-invalid,.form-check-input[checked].is-invalid,.form-check-input[indeterminate].is-invalid{background-color:var(--sgds-form-danger-surface-default)}.form-check-label{flex:1;font-size:var(--sgds-font-size-label-md)}.form-check{margin:var(--sgds-form-padding-inline-sm) 0;padding:0}`,La=r`input{margin:0}.form-check{display:flex;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.form-check-input{appearance:none;background-color:var(--sgds-form-surface-default);background-image:var(--sgds-radio-bg-image);background-position:50%;background-repeat:no-repeat;background-size:auto;border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);flex-shrink:0;height:var(--sgds-form-height-sm);width:var(--sgds-form-width-xs)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):not([aria-checked=true]):not(:focus-visible):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid)[checked]:focus-visible,.form-check-input:not([disabled]):not(.is-invalid)[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.form-check-input:not([disabled]).is-invalid{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-check-input:not([disabled]).is-invalid:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Aa extends(Da(Va)){constructor(){super(...arguments),this.hasSlotController=new qt(this,"[default]"),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.noValidate=!1,this.invalidFeedback="",this._isTouched=!1,this._handleHostClick=e=>{e.composedPath()[0]===this&&(e.stopPropagation(),this.input.click())}}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(e){this.indeterminate&&(this.indeterminate=!this.indeterminate),this.checked=!this.checked,super._mixinHandleChange(e),this.emit("sgds-change",{detail:{checked:this.checked,value:this.value}}),this.checked?this.emit("sgds-check",{detail:{value:this.value}}):this.emit("sgds-uncheck",{detail:{value:this.value}})}_handleKeyDown(e){const t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||t||this.click()}_handleBlur(){this._isTouched=!0,this.emit("sgds-blur")}_handleFocus(){this.emit("sgds-focus")}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleDisabledChange(){this.setInvalid(!1)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&(this.invalid=!this.input.checkValidity())}_mixinResetFormControl(){this._isTouched=!1,this.checked=this.input.checked=this.defaultChecked,this.input.dispatchEvent(new InputEvent("reset")),this._mixinResetValidity(this.input)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}firstUpdated(e){super.firstUpdated(e),this.checked&&this.emit("sgds-check",{detail:{value:this.value}})}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleHostClick)}render(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback,s=this.hasSlotController.test("[default]");return te`
445
445
  <div class="form-check">
446
446
  <input
447
447
  class=${We({"form-check-input":!0,"is-invalid":e&&this.invalid})}
@@ -474,7 +474,7 @@ class extends Ke{constructor(e){if(super(e),e.type!==Ue&&e.type!==Ne&&e.type!==q
474
474
  </div>
475
475
  </div>
476
476
  `:ae}
477
- `}}Aa.styles=[...za.styles,Da,La],Aa.dependencies={"sgds-icon":xt},t([Ve({type:String,reflect:!0})],Aa.prototype,"value",void 0),t([Ve({type:Boolean,reflect:!0})],Aa.prototype,"checked",void 0),t([Ve({type:String,reflect:!0})],Aa.prototype,"hasFeedback",void 0),t([Va("checked")],Aa.prototype,"defaultChecked",void 0),t([Ve({type:Boolean,reflect:!0})],Aa.prototype,"indeterminate",void 0),t([Ve({type:Boolean,reflect:!0})],Aa.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],Aa.prototype,"noValidate",void 0),t([Ve({type:String,reflect:!0})],Aa.prototype,"invalidFeedback",void 0),t([Pe()],Aa.prototype,"_isTouched",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],Aa.prototype,"_handleDisabledChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Aa.prototype,"_handleIsTouched",null);var Ea=r`:host{--sgds-checkbox-group-gap:var(--sgds-spacer-2)}fieldset{border:0;gap:var(--sgds-form-gap-md);margin:0;min-width:0;padding:0}.label-hint-container,fieldset{display:flex;flex-direction:column}.label-hint-container{gap:var(--sgds-form-gap-sm)}.label-hint-container .form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.checkbox-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.checkbox-group-validation-input{display:none}:host([disabled]) .label-hint-container{cursor:not-allowed;opacity:var(--sgds-opacity-40)}`;class Ba extends(Ia(za)){constructor(){super(...arguments),this.label="",this.invalidFeedback="Please tick at least one box if you want to proceed",this.hasFeedback=!1,this.hintText="",this.required=!1,this.noValidate=!1,this.value="",this._isTouched=!1,this.defaultValue="",this._blurredCheckboxes=new Set}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-check",e=>{const{value:t}=e.detail;!this.value.includes(t)&&this._addValue(t)}),this.addEventListener("sgds-uncheck",e=>{const{value:t}=e.detail;this._removeValue(t)}),this.addEventListener("sgds-blur",e=>{const t=e.target;this._blurredCheckboxes.add(t),Array.from(this._blurredCheckboxes).length===this._checkboxes.length&&(this._isTouched=!0,this._blurredCheckboxes.clear())})}firstUpdated(e){super.firstUpdated(e),this.value&&this._updateInputValue(),this.invalid&&this._updateInvalid()}_renderHintText(){const e=te` <div class="form-text" id="${this._controlId}Help">${this.hintText}</div> `;return this.hintText&&e}_addValue(e){const t=this.value?this.value.split(";"):[];t.push(e),this.value=t.join(";"),this._updateInputValue(),this.emit("sgds-change",{detail:{value:this.value}})}_removeValue(e){const t=(this.value?this.value.split(";"):[]).filter(t=>t!==e);this.value=t.join(";"),this._updateInputValue(),this.emit("sgds-change",{detail:{value:this.value}})}_sanitizeSlot(){this._checkboxes.forEach(e=>{e.checked=e.defaultChecked=this.value.includes(e.value),e.hasFeedback=this.hasFeedback?"style":null,e.required&&(console.error("Checkboxes in a group cannot have required or hasFeedback prop set to true"),e.remove())}),this._disabledChildCheckboxes()}_disabledChildCheckboxes(){if(this.disabled){this._checkboxes.forEach(e=>e.disabled=this.disabled)}}_handleValueChange(){this._checkboxes.forEach(e=>{e.checked=this.value.includes(e.value)}),this._updateInputValue(),this._updateInvalid()}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&(this.invalid=!this.input.checkValidity(),this._updateInvalid())}_updateInvalid(){this._checkboxes.forEach(e=>e.invalid=this.invalid)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_mixinResetFormControl(){this.value=this.input.value=this.defaultValue,this._updateInputValue("reset"),this._mixinResetValidity(this.input)}async _updateInputValue(e="change"){this.input.value=this.value,this.input.dispatchEvent(new InputEvent(e))}render(){return te`
477
+ `}}Aa.styles=[...Va.styles,La,Ia],Aa.dependencies={"sgds-icon":xt},t([ze({type:String,reflect:!0})],Aa.prototype,"value",void 0),t([ze({type:Boolean,reflect:!0})],Aa.prototype,"checked",void 0),t([ze({type:String,reflect:!0})],Aa.prototype,"hasFeedback",void 0),t([za("checked")],Aa.prototype,"defaultChecked",void 0),t([ze({type:Boolean,reflect:!0})],Aa.prototype,"indeterminate",void 0),t([ze({type:Boolean,reflect:!0})],Aa.prototype,"required",void 0),t([ze({type:Boolean,reflect:!0})],Aa.prototype,"noValidate",void 0),t([ze({type:String,reflect:!0})],Aa.prototype,"invalidFeedback",void 0),t([Pe()],Aa.prototype,"_isTouched",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],Aa.prototype,"_handleDisabledChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Aa.prototype,"_handleIsTouched",null);var Ea=r`:host{--sgds-checkbox-group-gap:var(--sgds-spacer-2)}fieldset{border:0;gap:var(--sgds-form-gap-md);margin:0;min-width:0;padding:0}.label-hint-container,fieldset{display:flex;flex-direction:column}.label-hint-container{gap:var(--sgds-form-gap-sm)}.label-hint-container .form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.checkbox-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.checkbox-group-validation-input{display:none}:host([disabled]) .label-hint-container{cursor:not-allowed;opacity:var(--sgds-opacity-40)}`;class Ba extends(Da(Va)){constructor(){super(...arguments),this.label="",this.invalidFeedback="Please tick at least one box if you want to proceed",this.hasFeedback=!1,this.hintText="",this.required=!1,this.noValidate=!1,this.value="",this._isTouched=!1,this.defaultValue="",this._blurredCheckboxes=new Set}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-check",e=>{const{value:t}=e.detail;!this.value.includes(t)&&this._addValue(t)}),this.addEventListener("sgds-uncheck",e=>{const{value:t}=e.detail;this._removeValue(t)}),this.addEventListener("sgds-blur",e=>{const t=e.target;this._blurredCheckboxes.add(t),Array.from(this._blurredCheckboxes).length===this._checkboxes.length&&(this._isTouched=!0,this._blurredCheckboxes.clear())})}firstUpdated(e){super.firstUpdated(e),this.value&&this._updateInputValue(),this.invalid&&this._updateInvalid()}_renderHintText(){const e=te` <div class="form-text" id="${this._controlId}Help">${this.hintText}</div> `;return this.hintText&&e}_addValue(e){const t=this.value?this.value.split(";"):[];t.push(e),this.value=t.join(";"),this._updateInputValue(),this.emit("sgds-change",{detail:{value:this.value}})}_removeValue(e){const t=(this.value?this.value.split(";"):[]).filter(t=>t!==e);this.value=t.join(";"),this._updateInputValue(),this.emit("sgds-change",{detail:{value:this.value}})}_sanitizeSlot(){this._checkboxes.forEach(e=>{e.checked=e.defaultChecked=this.value.includes(e.value),e.hasFeedback=this.hasFeedback?"style":null,e.required&&(console.error("Checkboxes in a group cannot have required or hasFeedback prop set to true"),e.remove())}),this._disabledChildCheckboxes()}_disabledChildCheckboxes(){if(this.disabled){this._checkboxes.forEach(e=>e.disabled=this.disabled)}}_handleValueChange(){this._checkboxes.forEach(e=>{e.checked=this.value.includes(e.value)}),this._updateInputValue(),this._updateInvalid()}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&(this.invalid=!this.input.checkValidity(),this._updateInvalid())}_updateInvalid(){this._checkboxes.forEach(e=>e.invalid=this.invalid)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_mixinResetFormControl(){this.value=this.input.value=this.defaultValue,this._updateInputValue("reset"),this._mixinResetValidity(this.input)}async _updateInputValue(e="change"){this.input.value=this.value,this.input.dispatchEvent(new InputEvent(e))}render(){return te`
478
478
  <fieldset>
479
479
  <div class="label-hint-container">
480
480
  <label class="form-label">${this.label}</label>
@@ -503,7 +503,7 @@ class extends Ke{constructor(e){if(super(e),e.type!==Ue&&e.type!==Ne&&e.type!==q
503
503
  </div>
504
504
  `:ae}
505
505
  </fieldset>
506
- `}}Ba.styles=[...za.styles,Ea],Ba.dependencies={"sgds-icon":xt},t([Ve({reflect:!0})],Ba.prototype,"label",void 0),t([Ve({type:String,reflect:!0})],Ba.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Ba.prototype,"hasFeedback",void 0),t([Ve({reflect:!0})],Ba.prototype,"hintText",void 0),t([Ve({type:Boolean,reflect:!0})],Ba.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],Ba.prototype,"noValidate",void 0),t([Ve({reflect:!0})],Ba.prototype,"value",void 0),t([Pe()],Ba.prototype,"_isTouched",void 0),t([Va()],Ba.prototype,"defaultValue",void 0),t([Pe()],Ba.prototype,"_blurredCheckboxes",void 0),t([Ee()],Ba.prototype,"_checkboxes",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Ba.prototype,"_handleValueChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Ba.prototype,"_handleIsTouched",null),t([nt("invalid",{waitUntilFirstUpdate:!0})],Ba.prototype,"_updateInvalid",null);var Ha=r`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`,Oa=r`.empty-menu,.loading-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px);pointer-events:none}.loading-menu{align-items:center;display:flex;gap:var(--sgds-gap-xs)}`;class Ta extends(Ia(qi)){setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}constructor(){super(),this.label="",this.hintText="",this.autofocus=!1,this.disabled=!1,this.required=!1,this.loading=!1,this.value="",this.displayValue="",this.defaultValue="",this.hasFeedback=!1,this.invalidFeedback="",this.invalid=!1,this.autocomplete="on",this.menuList=[],this.selectedItems=[],this.filteredList=[],this._isTouched=!1,this._controlId=Et("input"),this._labelId=Et("label"),this.floatingOpts={middleware:[_i({apply({rects:e,elements:t}){t.floating.style.width=`${e.reference.width}px`}})]}}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",async e=>{var t;if(this._mixinShouldSkipSgdsValidation())return;const s=this.constructor.childName,i=(null===(t=e.relatedTarget)||void 0===t?void 0:t.tagName.toLowerCase())===s;this.invalid=!i&&!this._mixinReportValidity()})}reportValidity(){return this._mixinReportValidity()}setValidity(e,t,s){return this._mixinSetValidity(e,t,s)}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_renderFeedback(){return this.invalid&&this.hasFeedback?te` <div class="invalid-feedback-container">
506
+ `}}Ba.styles=[...Va.styles,Ea],Ba.dependencies={"sgds-icon":xt},t([ze({reflect:!0})],Ba.prototype,"label",void 0),t([ze({type:String,reflect:!0})],Ba.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Ba.prototype,"hasFeedback",void 0),t([ze({reflect:!0})],Ba.prototype,"hintText",void 0),t([ze({type:Boolean,reflect:!0})],Ba.prototype,"required",void 0),t([ze({type:Boolean,reflect:!0})],Ba.prototype,"noValidate",void 0),t([ze({reflect:!0})],Ba.prototype,"value",void 0),t([Pe()],Ba.prototype,"_isTouched",void 0),t([za()],Ba.prototype,"defaultValue",void 0),t([Pe()],Ba.prototype,"_blurredCheckboxes",void 0),t([Ee()],Ba.prototype,"_checkboxes",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Ba.prototype,"_handleValueChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Ba.prototype,"_handleIsTouched",null),t([nt("invalid",{waitUntilFirstUpdate:!0})],Ba.prototype,"_updateInvalid",null);var Ha=r`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`,Oa=r`.empty-menu,.loading-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px);pointer-events:none}.loading-menu{align-items:center;display:flex;gap:var(--sgds-gap-xs)}`;class Ta extends(Da(qi)){setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}constructor(){super(),this.label="",this.hintText="",this.autofocus=!1,this.disabled=!1,this.required=!1,this.loading=!1,this.value="",this.displayValue="",this.defaultValue="",this.hasFeedback=!1,this.invalidFeedback="",this.invalid=!1,this.autocomplete="on",this.menuList=[],this.selectedItems=[],this.filteredList=[],this._isTouched=!1,this._controlId=Et("input"),this._labelId=Et("label"),this.floatingOpts={middleware:[_i({apply({rects:e,elements:t}){t.floating.style.width=`${e.reference.width}px`}})]}}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",async e=>{var t;if(this._mixinShouldSkipSgdsValidation())return;const s=this.constructor.childName,i=(null===(t=e.relatedTarget)||void 0===t?void 0:t.tagName.toLowerCase())===s;this.invalid=!i&&!this._mixinReportValidity()})}reportValidity(){return this._mixinReportValidity()}setValidity(e,t,s){return this._mixinSetValidity(e,t,s)}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_renderFeedback(){return this.invalid&&this.hasFeedback?te` <div class="invalid-feedback-container">
507
507
  <slot name="invalidIcon">
508
508
  <sgds-icon name="exclamation-circle-fill" size="md"></sgds-icon>
509
509
  </slot>
@@ -517,11 +517,11 @@ class extends Ke{constructor(e){if(super(e),e.type!==Ue&&e.type!==Ne&&e.type!==q
517
517
  class=${We({"form-label":!0,required:this.required})}
518
518
  >${this.label}</label
519
519
  >
520
- `;return this.label&&e}_handleClick(){if(this.readonly)return null;this.menuIsOpen?this.hideMenu():this.showMenu()}async _getMenuListFromOptions(e){const t=e.map(async e=>(await e.updateComplete,e)),s=await Promise.all(t);return null==s?void 0:s.map(e=>{var t;return{label:e.innerText,value:e.getAttribute("value"),disabled:null!==(t=e.disabled)&&void 0!==t?t:void 0}})}_renderEmptyMenu(){return te` <div class="empty-menu">No options</div> `}_renderLoadingMenu(){return te`<div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>`}}Ta.styles=[...qi.styles,Yi,Sa,$a,Ha,Oa],t([Ve({reflect:!0})],Ta.prototype,"label",void 0),t([Ve({reflect:!0})],Ta.prototype,"hintText",void 0),t([Ve({reflect:!0})],Ta.prototype,"name",void 0),t([Ve({type:String,reflect:!0})],Ta.prototype,"placeholder",void 0),t([Ve({type:Boolean,reflect:!0})],Ta.prototype,"autofocus",void 0),t([Ve({type:Boolean,reflect:!0})],Ta.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],Ta.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],Ta.prototype,"loading",void 0),t([Ve({type:String,reflect:!0})],Ta.prototype,"value",void 0),t([Pe()],Ta.prototype,"displayValue",void 0),t([Va()],Ta.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],Ta.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],Ta.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Ta.prototype,"invalid",void 0),t([Ve({type:String,reflect:!0})],Ta.prototype,"autocomplete",void 0),t([Ve({type:Array})],Ta.prototype,"menuList",void 0),t([Pe()],Ta.prototype,"selectedItems",void 0),t([Pe()],Ta.prototype,"filteredList",void 0),t([Ae("input.form-control")],Ta.prototype,"_input",void 0);var Ra=r`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48)}.combobox-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.combobox-input-container .form-control{flex:1 1 0;min-width:10ch}slot[id=default].d-none,slot[id=default].d-none::slotted(*){display:none}.form-clearable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,Fa=r`:host([active]) .dropdown-item{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item{background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-form-color-default);cursor:pointer;font-size:var(--sgds-font-size-label-md);height:100%;overflow-wrap:anywhere;padding:var(--sgds-padding-sm) var(--sgds-padding-md);text-align:inherit;white-space:normal}.dropdown-item.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item .normal-item-content{align-items:center;display:flex;justify-content:space-between}:host([active]) .dropdown-item .normal-item-content{color:var(--sgds-form-primary-color-default)}.dropdown-item:hover{background:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{background:var(--sgds-bg-translucent-subtle);outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Na extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`),this._updateAriaLabel()}_updateAriaLabel(){var e;const t=null===(e=this.textContent)||void 0===e?void 0:e.trim();t&&this.setAttribute("aria-label",t)}render(){const e={disabled:this.disabled,active:this.active};return te`
520
+ `;return this.label&&e}_handleClick(){if(this.readonly)return null;this.menuIsOpen?this.hideMenu():this.showMenu()}async _getMenuListFromOptions(e){const t=e.map(async e=>(await e.updateComplete,e)),s=await Promise.all(t);return null==s?void 0:s.map(e=>{var t;return{label:e.innerText,value:e.getAttribute("value"),disabled:null!==(t=e.disabled)&&void 0!==t?t:void 0}})}_renderEmptyMenu(){return te` <div class="empty-menu">No options</div> `}_renderLoadingMenu(){return te`<div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>`}}Ta.styles=[...qi.styles,Yi,Sa,$a,Ha,Oa],t([ze({reflect:!0})],Ta.prototype,"label",void 0),t([ze({reflect:!0})],Ta.prototype,"hintText",void 0),t([ze({reflect:!0})],Ta.prototype,"name",void 0),t([ze({type:String,reflect:!0})],Ta.prototype,"placeholder",void 0),t([ze({type:Boolean,reflect:!0})],Ta.prototype,"autofocus",void 0),t([ze({type:Boolean,reflect:!0})],Ta.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],Ta.prototype,"required",void 0),t([ze({type:Boolean,reflect:!0})],Ta.prototype,"loading",void 0),t([ze({type:String,reflect:!0})],Ta.prototype,"value",void 0),t([Pe()],Ta.prototype,"displayValue",void 0),t([za()],Ta.prototype,"defaultValue",void 0),t([ze({type:Boolean,reflect:!0})],Ta.prototype,"hasFeedback",void 0),t([ze({type:String,reflect:!0})],Ta.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Ta.prototype,"invalid",void 0),t([ze({type:String,reflect:!0})],Ta.prototype,"autocomplete",void 0),t([ze({type:Array})],Ta.prototype,"menuList",void 0),t([Pe()],Ta.prototype,"selectedItems",void 0),t([Pe()],Ta.prototype,"filteredList",void 0),t([Ae("input.form-control")],Ta.prototype,"_input",void 0);var Ra=r`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48)}.combobox-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.combobox-input-container .form-control{flex:1 1 0;min-width:10ch}slot[id=default].d-none,slot[id=default].d-none::slotted(*){display:none}.form-clearable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,Fa=r`:host([active]) .dropdown-item{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item{background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-form-color-default);cursor:pointer;font-size:var(--sgds-font-size-label-md);height:100%;overflow-wrap:anywhere;padding:var(--sgds-padding-sm) var(--sgds-padding-md);text-align:inherit;white-space:normal}.dropdown-item.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item .normal-item-content{align-items:center;display:flex;justify-content:space-between}:host([active]) .dropdown-item .normal-item-content{color:var(--sgds-form-primary-color-default)}.dropdown-item:hover{background:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{background:var(--sgds-bg-translucent-subtle);outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Na extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`),this._updateAriaLabel()}_updateAriaLabel(){var e;const t=null===(e=this.textContent)||void 0===e?void 0:e.trim();t&&this.setAttribute("aria-label",t)}render(){const e={disabled:this.disabled,active:this.active};return te`
521
521
  <div class="dropdown-item ${We(e)}" tabindex=${this.disabled?"-1":"0"}>
522
522
  ${this._renderItemContent()}
523
523
  </div>
524
- `}}Na.styles=[Fa],t([Ve({type:Boolean,reflect:!0})],Na.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],Na.prototype,"disabled",void 0),t([Ve({type:String,reflect:!0})],Na.prototype,"value",void 0);class ja extends Na{constructor(){super(...arguments),this.checkbox=!1,this._renderItemContent=()=>this.checkbox?te`
524
+ `}}Na.styles=[Fa],t([ze({type:Boolean,reflect:!0})],Na.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],Na.prototype,"disabled",void 0),t([ze({type:String,reflect:!0})],Na.prototype,"value",void 0);class ja extends Na{constructor(){super(...arguments),this.checkbox=!1,this._renderItemContent=()=>this.checkbox?te`
525
525
  <sgds-checkbox .checked=${this.active} .disabled=${this.disabled}>
526
526
  <slot></slot>
527
527
  </sgds-checkbox>
@@ -530,13 +530,13 @@ class extends Ke{constructor(e){if(super(e),e.type!==Ue&&e.type!==Ne&&e.type!==q
530
530
  <slot></slot>
531
531
  ${this.active?te` <sgds-icon name="check"></sgds-icon> `:ae}
532
532
  </div>
533
- `}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e);const t=this.parentElement;(null==t?void 0:t.multiSelect)&&(this.checkbox=!0)}}ja.dependencies={"sgds-icon":xt,"sgds-checkbox":Aa},t([Ve({type:Boolean,reflect:!0})],ja.prototype,"checkbox",void 0);
533
+ `}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e);const t=this.parentElement;(null==t?void 0:t.multiSelect)&&(this.checkbox=!0)}}ja.dependencies={"sgds-icon":xt,"sgds-checkbox":Aa},t([ze({type:Boolean,reflect:!0})],ja.prototype,"checkbox",void 0);
534
534
  /**
535
535
  * @license
536
536
  * Copyright 2017 Google LLC
537
537
  * SPDX-License-Identifier: BSD-3-Clause
538
538
  */
539
- const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};const qa=Ye(class extends Ke{constructor(e){if(super(e),e.type!==je)throw new Error("repeat() can only be used in text expressions")}_getValuesAndKeys(e,t,s){let i;void 0===s?s=t:void 0!==t&&(i=t);const a=[],o=[];let n=0;for(const t of e)a[n]=i?i(t,n):n,o[n]=s(t,n),n++;return{values:o,keys:a}}render(e,t,s){return this._getValuesAndKeys(e,t,s).values}update(e,[t,s,i]){const a=e._$committedValue;const{values:o,keys:n}=this._getValuesAndKeys(t,s,i);if(!Array.isArray(a))return this._itemKeys=n,o;const r=this._itemKeys??=[],l=[];let d,c,h=0,p=a.length-1,u=0,g=o.length-1;for(;h<=p&&u<=g;)if(null===a[h])h++;else if(null===a[p])p--;else if(r[h]===n[u])l[u]=Vi(a[h],o[u]),h++,u++;else if(r[p]===n[g])l[g]=Vi(a[p],o[g]),p--,g--;else if(r[h]===n[g])l[g]=Vi(a[h],o[g]),zi(e,l[g+1],a[h]),h++,g--;else if(r[p]===n[u])l[u]=Vi(a[p],o[u]),zi(e,a[h],a[p]),p--,u++;else if(void 0===d&&(d=Ua(n,u,g),c=Ua(r,h,p)),d.has(r[h]))if(d.has(r[p])){const t=c.get(n[u]),s=void 0!==t?a[t]:null;if(null===s){const t=zi(e,a[h]);Vi(t,o[u]),l[u]=t}else l[u]=Vi(s,o[u]),zi(e,a[h],s),a[t]=null;u++}else Li(a[p]),p--;else Li(a[h]),h++;for(;u<=g;){const t=zi(e,l[g+1]);Vi(t,o[u]),l[u++]=t}for(;h<=p;){const e=a[h++];null!==e&&Li(e)}return this._itemKeys=n,Ii(e,l),ie}});class Ya extends Ta{constructor(){super(...arguments),this.multiSelect=!1,this.badgeFullWidth=!1,this.clearable=!1,this.noValidate=!1,this.async=!1,this.emptyMenuAsync=!1,this.scrollBottomOffset=0,this.filterFunction=(e,t)=>t.label.toLowerCase().startsWith(e.toLowerCase()),this.optionList=[],this.emptyMenuAfterFiltering=!1,this.isFocused=!1,this.isScrollEnd=!1,this.suffixIconTemplate=te`<sgds-icon
539
+ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};const qa=Ye(class extends Ke{constructor(e){if(super(e),e.type!==je)throw new Error("repeat() can only be used in text expressions")}_getValuesAndKeys(e,t,s){let i;void 0===s?s=t:void 0!==t&&(i=t);const a=[],o=[];let n=0;for(const t of e)a[n]=i?i(t,n):n,o[n]=s(t,n),n++;return{values:o,keys:a}}render(e,t,s){return this._getValuesAndKeys(e,t,s).values}update(e,[t,s,i]){const a=e._$committedValue;const{values:o,keys:n}=this._getValuesAndKeys(t,s,i);if(!Array.isArray(a))return this._itemKeys=n,o;const r=this._itemKeys??=[],l=[];let d,c,h=0,p=a.length-1,g=0,u=o.length-1;for(;h<=p&&g<=u;)if(null===a[h])h++;else if(null===a[p])p--;else if(r[h]===n[g])l[g]=zi(a[h],o[g]),h++,g++;else if(r[p]===n[u])l[u]=zi(a[p],o[u]),p--,u--;else if(r[h]===n[u])l[u]=zi(a[h],o[u]),Vi(e,l[u+1],a[h]),h++,u--;else if(r[p]===n[g])l[g]=zi(a[p],o[g]),Vi(e,a[h],a[p]),p--,g++;else if(void 0===d&&(d=Ua(n,g,u),c=Ua(r,h,p)),d.has(r[h]))if(d.has(r[p])){const t=c.get(n[g]),s=void 0!==t?a[t]:null;if(null===s){const t=Vi(e,a[h]);zi(t,o[g]),l[g]=t}else l[g]=zi(s,o[g]),Vi(e,a[h],s),a[t]=null;g++}else Ii(a[p]),p--;else Ii(a[h]),h++;for(;g<=u;){const t=Vi(e,l[u+1]);zi(t,o[g]),l[g++]=t}for(;h<=p;){const e=a[h++];null!==e&&Ii(e)}return this._itemKeys=n,Di(e,l),ie}});class Ya extends Ta{constructor(){super(...arguments),this.multiSelect=!1,this.badgeFullWidth=!1,this.clearable=!1,this.noValidate=!1,this.async=!1,this.emptyMenuAsync=!1,this.scrollBottomOffset=0,this.filterFunction=(e,t)=>t.label.toLowerCase().startsWith(e.toLowerCase()),this.optionList=[],this.emptyMenuAfterFiltering=!1,this.isFocused=!1,this.isScrollEnd=!1,this.suffixIconTemplate=te`<sgds-icon
540
540
  name=${this.menuIsOpen?"chevron-up":"chevron-down"}
541
541
  size="md"
542
542
  ></sgds-icon>`,this.prefixIconTemplate=te`${ae}`}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",async()=>{this.isFocused=!0}),this.addEventListener("blur",async()=>{this.isFocused=!1}),this.addEventListener("keydown",e=>{var t,s;"Enter"===e.key&&(null===(s=null===(t=e.target.shadowRoot)||void 0===t?void 0:t.querySelector(".form-clearable"))||void 0===s?void 0:s.matches(":focus"))&&this._handleClear()}),this.addEventListener("sgds-hide",async e=>{if(!e.detail.isOutside){(await this._input).focus()}this.options.forEach(e=>e.removeAttribute("hidden")),this.emptyMenuAfterFiltering=!1})}async firstUpdated(e){super.firstUpdated(e),this.async&&(this.filterFunction=()=>!0),this.menuList.forEach(e=>{const t=document.createElement("sgds-combo-box-option");t.innerText=e.label,t.value=e.value,t.checkbox=this.multiSelect,t.active=this.value.includes(e.value),this.appendChild(t)}),this._setupValidation(this.menuList),this.menuIsOpen&&await this.updateFloatingPosition()}async _handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach(e=>!e.hasAttribute("disabled")&&(!e.clickEventAdded&&(e.addEventListener("click",e=>{e.preventDefault();const t=e.target;return this.multiSelect&&t.active?this._handleItemUnselect(e):this._handleItemSelected(e),!1}),e.clickEventAdded=!0,void e.addEventListener("keydown",e=>{if("Enter"===e.key){this.close="outside";e.target.click()}})))),await this.updateComplete,this.optionList=await this._getMenuListFromOptions(t),this._setupValidation(this.optionList)}async _setupValidation(e){var t;if(this.value&&e.length>0){const s=this.value.split(";"),i=e.filter(({value:e})=>s.includes(e));this.selectedItems=[...i,...this.selectedItems],this.multiSelect||(this.displayValue=null===(t=i[0])||void 0===t?void 0:t.label)}this.multiSelect?this.input=await this._multiSelectInput:this.input=await this._input,this._mixinValidate(this.input)}async _handleValueChange(){this.options.forEach(e=>e.removeAttribute("hidden"));const e=await this._input;this._mixinSetFormValue(),this.multiSelect?this._mixinValidate(this.input):this._mixinValidate(e);this.selectedItems.map(e=>e.value).join(";")!==this.value&&this._updateValueAndDisplayValue(this.optionList),(this._isTouched||""!==this.value)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}_emitChangeEvents(){this._mixinSetFormValue(),this.emit("sgds-change"),this.value&&this.emit("sgds-select")}_handleOptionListChange(){this._updateValueAndDisplayValue(this.optionList)}_handleMenuListChange(){const e=this.menuList.map(e=>{const t=document.createElement("sgds-combo-box-option");return t.innerText=e.label,t.value=e.value,t.checkbox=this.multiSelect,t.active=this.value.includes(e.value),t});this.replaceChildren(...e)}_updateValueAndDisplayValue(e){var t;const s=this.value.split(";"),i=e.filter(({value:e})=>s.includes(e));this.selectedItems=[...i];const a=i.map(e=>e.value).join(";");a!==this.value&&(this.value=a),this.multiSelect||this.async||(this.displayValue=(null===(t=i[0])||void 0===t?void 0:t.label)||""),this.options.forEach(e=>e.active=s.includes(e.value))}async _handleInputChange(e){const t=e.target;this.displayValue=t.value,this.emit("sgds-input",{detail:{displayValue:this.displayValue}}),this.invalid=!1,this.showMenu(),""!==this.displayValue||this.multiSelect||(this.selectedItems=[],this.value=this.selectedItems.join(";"),this.options.forEach(e=>e.active=!1),this._emitChangeEvents());const s=this.options.map(e=>({value:e.value,label:e.textContent.trim()}));this.filteredList=s.filter(e=>this.filterFunction(this.displayValue,e)),this.emptyMenuAfterFiltering=0===this.filteredList.length;const i=this.filteredList.map(e=>e.value);this.options.forEach(e=>{i.includes(e.value)?e.hidden=!1:e.hidden=!0})}async _handleItemSelected(e){var t,s,i;const a=e.target;if(a.disabled)return;const o=null!==(s=null===(t=a.textContent)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",n=null!==(i=a.getAttribute("value"))&&void 0!==i?i:o,r=this.filteredList.find(e=>e.value.toString()===n)||{label:o,value:n};this.multiSelect?(this.selectedItems.some(e=>e.value===r.value)||(this.selectedItems=[...this.selectedItems,r]),this.value=this.selectedItems.map(e=>e.value).join(";"),a.active=!0):0!==this.selectedItems.length&&this.selectedItems[0].value===r.value||(this.options.forEach(e=>e.active=!1),a.active=!0,this.selectedItems=[r],this.value=r.value.toString(),this.displayValue=r.label,this.hideMenu()),this._emitChangeEvents()}_handleItemUnselect(e){var t,s,i;const a=e.target;if(a.disabled)return;a.removeAttribute("active");const o=null!==(s=null===(t=a.textContent)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",n=null!==(i=a.getAttribute("value"))&&void 0!==i?i:o,r=this.filteredList.find(e=>e.value.toString()===n)||{label:o,value:n};this.selectedItems=this.selectedItems.filter(e=>e.value!==r.value),this.value=this.selectedItems.map(e=>e.value).join(";"),this._emitChangeEvents()}async _handleBadgeDismissed(e,t){var s;e.preventDefault();const i=t.value;null===(s=this.options)||void 0===s||s.forEach(e=>e.value===i?e.active=!1:null),this.selectedItems=this.selectedItems.filter(e=>e.value!==t.value),this.value=this.selectedItems.map(e=>e.value).join(";"),this._emitChangeEvents()}async _handleMultiSelectKeyDown(e){var t;if(this.multiSelect&&"Backspace"===e.key&&this.multiSelect&&""===this.displayValue.trim()&&this.selectedItems.length>0){const e=this.selectedItems[this.selectedItems.length-1].value;null===(t=this.options)||void 0===t||t.forEach(t=>t.value===e?t.active=!1:null),this.selectedItems=this.selectedItems.slice(0,-1),this.value=this.selectedItems.map(e=>e.value).join(";"),this._emitChangeEvents()}}_handleFocus(){this.emit("sgds-focus")}async _handleInputBlur(e){if(e.preventDefault(),this.emit("sgds-blur"),this.multiSelect){this.selectedItems.filter(({label:e})=>this.displayValue===e).length<=0&&(this.displayValue="")}else this.selectedItems.length>0?this.displayValue=this.selectedItems[0].label:this.displayValue=""}async _handleClear(){var e;this.value=this.displayValue="",null===(e=this.options)||void 0===e||e.forEach(e=>e.active=!1),this._emitChangeEvents();(await this._input).focus(),this.showMenu()}async _mixinResetFormControl(){if(this.value=this.defaultValue,this.multiSelect){const e=this.value.split(";");this.options.forEach(t=>{t.active=e.includes(t.value)});const t=this.options.filter(t=>e.includes(t.value));this.selectedItems=t.map(e=>({value:e.value,label:e.textContent.trim()})),this._mixinResetValidity(await this._multiSelectInput)}else{this.options.forEach(e=>{e.active=e.value===this.value});const e=this.options.filter(e=>e.value===this.value);e.length<=0?this.displayValue="":this.displayValue=e[0].textContent.trim(),this._mixinResetValidity(await this._input)}}async _handleScroll(e){const t=e.target;if(t){const e=t.scrollHeight-t.clientHeight,s=Math.max(0,this.scrollBottomOffset);t.scrollTop>=e-s?(this.isScrollEnd||this.emit("sgds-scroll-end"),this.isScrollEnd=!0):this.isScrollEnd=!1}}_renderInput(e){const t=this.hasFeedback,s=e;return te`
@@ -630,7 +630,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
630
630
  aria-hidden="true"
631
631
  .autocomplete=${this.autocomplete}
632
632
  />`:ae}
633
- `}}Ya.styles=[...Ta.styles,Ha,Ra],Ya.childName="sgds-combo-box-option",Ya.dependencies={[Ya.childName]:ja,"sgds-icon":xt,"sgds-badge":sa,"sgds-spinner":Rt},t([Ve({type:Boolean,reflect:!0})],Ya.prototype,"multiSelect",void 0),t([Ve({type:Boolean,reflect:!0})],Ya.prototype,"badgeFullWidth",void 0),t([Ve({type:Boolean,reflect:!0})],Ya.prototype,"clearable",void 0),t([Ve({type:Boolean,reflect:!0})],Ya.prototype,"noValidate",void 0),t([Ve({type:Boolean,reflect:!0})],Ya.prototype,"async",void 0),t([Ve({type:Boolean,reflect:!0})],Ya.prototype,"emptyMenuAsync",void 0),t([Ve({type:Number,reflect:!0})],Ya.prototype,"scrollBottomOffset",void 0),t([Ve()],Ya.prototype,"filterFunction",void 0),t([Ae("input#multi-select-input-tracker")],Ya.prototype,"_multiSelectInput",void 0),t([Ee({flatten:!0,selector:"sgds-combo-box-option"})],Ya.prototype,"options",void 0),t([Pe()],Ya.prototype,"optionList",void 0),t([Pe()],Ya.prototype,"emptyMenuAfterFiltering",void 0),t([Pe()],Ya.prototype,"isFocused",void 0),t([Pe()],Ya.prototype,"isScrollEnd",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Ya.prototype,"_handleValueChange",null),t([nt("optionList",{waitUntilFirstUpdate:!0})],Ya.prototype,"_handleOptionListChange",null),t([nt("menuList",{waitUntilFirstUpdate:!0})],Ya.prototype,"_handleMenuListChange",null);var Ka=r`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.footer,.loading{align-items:center;display:flex}.loading{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading .loading-menu{gap:var(--sgds-gap-xs);pointer-events:none}.loading .loading-menu,.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex}.no-data{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`,Wa=r`ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}svg{vertical-align:middle}.pagination{display:inline-flex;gap:var(--sgds-gap-2-xs);list-style:none;padding-left:0}.page-link{align-items:center;background-color:var(--sgds-bg-transparent);border-radius:var(--sgds-border-radius-md);display:flex;height:var(--sgds-dimension-48);justify-content:center;width:var(--sgds-dimension-48)}.page-link:not(.ellipsis):focus-visible,.page-link:not(.ellipsis):hover{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.page-link:not(.ellipsis):focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.page-item>.page-link:not(.ellipsis){cursor:pointer}.page-item.active .page-link{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.ellipsis-disabled,.page-item.disabled .page-link{opacity:var(--sgds-opacity-40)}.ellipsis-disabled{cursor:not-allowed;pointer-events:none}.pagination-sm .page-link{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);width:var(--sgds-dimension-40)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pagination-description{align-items:center;display:flex}.pagination-sm .pagination-description{font-size:var(--sgds-font-size-label-sm)}`;class Ga extends Oe{constructor(){super(...arguments),this.dataLength=0,this.currentPage=1,this.itemsPerPage=5,this.variant="default",this.navigation="icon-button",this.size="md",this._limit=4,this.ellipsisContent=te`
633
+ `}}Ya.styles=[...Ta.styles,Ha,Ra],Ya.childName="sgds-combo-box-option",Ya.dependencies={[Ya.childName]:ja,"sgds-icon":xt,"sgds-badge":sa,"sgds-spinner":Rt},t([ze({type:Boolean,reflect:!0})],Ya.prototype,"multiSelect",void 0),t([ze({type:Boolean,reflect:!0})],Ya.prototype,"badgeFullWidth",void 0),t([ze({type:Boolean,reflect:!0})],Ya.prototype,"clearable",void 0),t([ze({type:Boolean,reflect:!0})],Ya.prototype,"noValidate",void 0),t([ze({type:Boolean,reflect:!0})],Ya.prototype,"async",void 0),t([ze({type:Boolean,reflect:!0})],Ya.prototype,"emptyMenuAsync",void 0),t([ze({type:Number,reflect:!0})],Ya.prototype,"scrollBottomOffset",void 0),t([ze()],Ya.prototype,"filterFunction",void 0),t([Ae("input#multi-select-input-tracker")],Ya.prototype,"_multiSelectInput",void 0),t([Ee({flatten:!0,selector:"sgds-combo-box-option"})],Ya.prototype,"options",void 0),t([Pe()],Ya.prototype,"optionList",void 0),t([Pe()],Ya.prototype,"emptyMenuAfterFiltering",void 0),t([Pe()],Ya.prototype,"isFocused",void 0),t([Pe()],Ya.prototype,"isScrollEnd",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Ya.prototype,"_handleValueChange",null),t([nt("optionList",{waitUntilFirstUpdate:!0})],Ya.prototype,"_handleOptionListChange",null),t([nt("menuList",{waitUntilFirstUpdate:!0})],Ya.prototype,"_handleMenuListChange",null);var Ka=r`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.table-container{overflow-x:auto}.footer{align-items:center;display:flex;justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.loading{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading-grid{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.loading-grid-row{display:grid;gap:var(--sgds-gap-sm);grid-template-columns:repeat(var(--sgds-data-table-loading-columns,1),minmax(0,1fr))}.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex;justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`,Wa=r`ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}svg{vertical-align:middle}.pagination{display:inline-flex;gap:var(--sgds-gap-2-xs);list-style:none;padding-left:0}.page-link{align-items:center;background-color:var(--sgds-bg-transparent);border-radius:var(--sgds-border-radius-md);display:flex;height:var(--sgds-dimension-48);justify-content:center;width:var(--sgds-dimension-48)}.page-link:not(.ellipsis):focus-visible,.page-link:not(.ellipsis):hover{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.page-link:not(.ellipsis):focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.page-item>.page-link:not(.ellipsis){cursor:pointer}.page-item.active .page-link{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.ellipsis-disabled,.page-item.disabled .page-link{opacity:var(--sgds-opacity-40)}.ellipsis-disabled{cursor:not-allowed;pointer-events:none}.pagination-sm .page-link{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);width:var(--sgds-dimension-40)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pagination-description{align-items:center;display:flex}.pagination-sm .pagination-description{font-size:var(--sgds-font-size-label-sm)}`;class Ga extends Oe{constructor(){super(...arguments),this.dataLength=0,this.currentPage=1,this.itemsPerPage=5,this.variant="default",this.navigation="icon-button",this.size="md",this._limit=4,this.ellipsisContent=te`
634
634
  <span aria-hidden="true">…</span>
635
635
  <span class="sr-only" role="text">Ellipsis</span>
636
636
  `,this._renderFirstEllipsis=()=>this.pages.length<=7||!(this.pages.length!==this._limit&&this.currentPage>4)?null:te`
@@ -725,19 +725,19 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
725
725
  ${"button"===this.variant?this._renderButtonPagination():ae}
726
726
  </div>
727
727
  </nav>
728
- `}}Ga.styles=[...Oe.styles,Wa],Ga.dependencies={"sgds-icon-button":Nt,"sgds-button":va,"sgds-icon":xt},t([Ve({type:Number})],Ga.prototype,"dataLength",void 0),t([Ve({type:Number})],Ga.prototype,"currentPage",void 0),t([Ve({type:Number})],Ga.prototype,"itemsPerPage",void 0),t([Ve({type:String})],Ga.prototype,"variant",void 0),t([Ve({type:String})],Ga.prototype,"navigation",void 0),t([Ve({type:String})],Ga.prototype,"size",void 0),t([Pe()],Ga.prototype,"_limit",void 0),t([nt("currentPage",{waitUntilFirstUpdate:!1})],Ga.prototype,"_handleValueChange",null);class Ja extends Oe{render(){return te`<slot></slot>`}}Ja.styles=[...Oe.styles,r`
728
+ `}}Ga.styles=[...Oe.styles,Wa],Ga.dependencies={"sgds-icon-button":Nt,"sgds-button":va,"sgds-icon":xt},t([ze({type:Number})],Ga.prototype,"dataLength",void 0),t([ze({type:Number})],Ga.prototype,"currentPage",void 0),t([ze({type:Number})],Ga.prototype,"itemsPerPage",void 0),t([ze({type:String})],Ga.prototype,"variant",void 0),t([ze({type:String})],Ga.prototype,"navigation",void 0),t([ze({type:String})],Ga.prototype,"size",void 0),t([Pe()],Ga.prototype,"_limit",void 0),t([nt("currentPage",{waitUntilFirstUpdate:!1})],Ga.prototype,"_handleValueChange",null);class Ja extends Oe{render(){return te`<slot></slot>`}}Ja.styles=[...Oe.styles,r`
729
729
  :host {
730
730
  display: contents;
731
731
  }
732
- `],t([Ve({type:Number,reflect:!0})],Ja.prototype,"colspan",void 0),t([Ve({type:Number,reflect:!0})],Ja.prototype,"rowspan",void 0);class Xa extends Oe{constructor(){super(...arguments),this.textAlign="left",this.sorting=!1,this.sortKey=""}handleSortClick(){if(!this.sorting)return;const e="ascending"===this.ariasort?"descending":"descending"===this.ariasort?"none":"ascending";this.ariasort=e,this.emit("i-sgds-sort",{detail:{key:this.sortKey,direction:e},bubbles:!0,composed:!0})}render(){return te`<slot></slot>`}}Xa.styles=[...Oe.styles,r`
732
+ `],t([ze({type:Number})],Ja.prototype,"colSpan",void 0),t([ze({type:Number})],Ja.prototype,"rowSpan",void 0);class Xa extends Oe{constructor(){super(...arguments),this.textAlign="left",this.sorting=!1,this.sortKey=""}handleSortClick(){if(!this.sorting)return;const e="ascending"===this.sortDirection?"descending":"descending"===this.sortDirection?"none":"ascending";this.sortDirection=e,this.emit("i-sgds-sort",{detail:{key:this.sortKey,direction:e},bubbles:!0,composed:!0})}render(){return te`<slot></slot>`}}Xa.styles=[...Oe.styles,r`
733
733
  :host {
734
734
  display: contents;
735
735
  }
736
- `],t([Ve({type:String,reflect:!0})],Xa.prototype,"width",void 0),t([Ve({type:Number,reflect:!0})],Xa.prototype,"colspan",void 0),t([Ve({type:Number,reflect:!0})],Xa.prototype,"rowspan",void 0),t([Ve({type:String,reflect:!0})],Xa.prototype,"textAlign",void 0),t([Ve({type:String,reflect:!0})],Xa.prototype,"ariasort",void 0),t([Ve({type:Boolean,reflect:!0})],Xa.prototype,"sorting",void 0),t([Ve({type:String,reflect:!0})],Xa.prototype,"sortKey",void 0);class Qa extends Oe{constructor(){super(...arguments),this.rowData={},this.expand=!1,this.open=!1,this.checked=!1,this.showCheckbox=!1,this.showExpandPlaceholder=!1,this.columnAlignments=[],this.hasDataRows=!1,this._isHeaderRow=!1,this._cellSlotNames=new WeakMap}get checkbox(){var e;return null!==(e=this._checkboxEl)&&void 0!==e?e:null}connectedCallback(){super.connectedCallback(),this._lightDomObserver=new MutationObserver(()=>this._handleLightDomChange()),this._lightDomObserver.observe(this,{childList:!0}),this._handleLightDomChange()}disconnectedCallback(){var e;null===(e=this._lightDomObserver)||void 0===e||e.disconnect(),super.disconnectedCallback()}firstUpdated(){this._expandableBody&&(this._expandableBody.hidden=!this.open)}async handleExpandedChange(){if(this.open){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await et(this._expandableBody),this._expandableBody.hidden=!1;const{keyframes:e,options:t}=it(this,"row.expand.show");await Je(this._expandableBody,Qe(e,this._expandableBody.scrollHeight),t),this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await et(this._expandableBody);const{keyframes:e,options:t}=it(this,"row.expand.hide");await Je(this._expandableBody,Qe(e,this._expandableBody.scrollHeight),t),this._expandableBody.hidden=!0,this.emit("sgds-after-hide")}}async handleCheckedChange(){this.checked&&this.emit("i-sgds-change",{detail:{checked:!0}})}async show(){if(!this.open)return this.open=!0,ot(this,"sgds-after-show")}async hide(){if(this.open)return this.open=!1,ot(this,"sgds-after-hide")}getCellText(e){var t;const s=this._getCells().filter(e=>e instanceof Ja),i=s[e];return i?(null!==(t=i.textContent)&&void 0!==t?t:"").trim():""}_getCells(){return Array.from(this.children).filter(e=>e instanceof Ja||e instanceof Xa)}_syncCellSlots(e){e.forEach(t=>{const s=`cell-${e.indexOf(t)}`;this._cellSlotNames.set(t,s),t.getAttribute("slot")!==s&&t.setAttribute("slot",s)})}_handleLightDomChange(){const e=this._getCells();this._syncCellSlots(e),this._isHeaderRow=e.some(e=>e instanceof Xa),this.requestUpdate()}_onCheckboxChange(e){this.emit("i-sgds-change",{detail:{checked:e.target.checked}})}_toggleExpand(){this.open?this.hide():this.show()}_onExpandKeyDown(e){"Enter"===e.key&&(e.preventDefault(),this._toggleExpand())}_onSortKeyDown(e,t){"Enter"===e.key&&(e.preventDefault(),t.handleSortClick())}_renderCell(e,t){var s;const i=this._cellSlotNames.get(e);if(e instanceof Xa)return te`<th
736
+ `],t([ze({type:String,reflect:!0})],Xa.prototype,"width",void 0),t([ze({type:Number})],Xa.prototype,"colSpan",void 0),t([ze({type:Number})],Xa.prototype,"rowSpan",void 0),t([ze({type:String,reflect:!0})],Xa.prototype,"textAlign",void 0),t([ze({type:String,reflect:!0})],Xa.prototype,"sortDirection",void 0),t([ze({type:Boolean,reflect:!0})],Xa.prototype,"sorting",void 0),t([ze({type:String,reflect:!0})],Xa.prototype,"sortKey",void 0);class Qa extends Oe{constructor(){super(...arguments),this.rowData={},this.expand=!1,this.open=!1,this.checked=!1,this.showCheckbox=!1,this.showExpandPlaceholder=!1,this.columnAlignments=[],this.hasDataRows=!1,this._isHeaderRow=!1,this._cellSlotNames=new WeakMap}get checkbox(){var e;return null!==(e=this._checkboxEl)&&void 0!==e?e:null}connectedCallback(){super.connectedCallback(),this._lightDomObserver=new MutationObserver(()=>this._handleLightDomChange()),this._lightDomObserver.observe(this,{childList:!0}),this._handleLightDomChange()}disconnectedCallback(){var e;null===(e=this._lightDomObserver)||void 0===e||e.disconnect(),super.disconnectedCallback()}firstUpdated(){this._expandableBody&&(this._expandableBody.hidden=!this.open)}async handleExpandedChange(){if(this.open){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await et(this._expandableBody),this._expandableBody.hidden=!1;const{keyframes:e,options:t}=it(this,"row.expand.show");await Je(this._expandableBody,Qe(e,this._expandableBody.scrollHeight),t),this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await et(this._expandableBody);const{keyframes:e,options:t}=it(this,"row.expand.hide");await Je(this._expandableBody,Qe(e,this._expandableBody.scrollHeight),t),this._expandableBody.hidden=!0,this.emit("sgds-after-hide")}}async handleCheckedChange(){this.checked&&this.emit("i-sgds-change",{detail:{checked:!0}})}async show(){if(!this.open)return this.open=!0,ot(this,"sgds-after-show")}async hide(){if(this.open)return this.open=!1,ot(this,"sgds-after-hide")}getCellText(e){var t;const s=this._getCells().filter(e=>e instanceof Ja),i=s[e];return i?(null!==(t=i.textContent)&&void 0!==t?t:"").trim():""}_getCells(){return Array.from(this.children).filter(e=>e instanceof Ja||e instanceof Xa)}_syncCellSlots(e){e.forEach(t=>{const s=`cell-${e.indexOf(t)}`;this._cellSlotNames.set(t,s),t.getAttribute("slot")!==s&&t.setAttribute("slot",s)})}_handleLightDomChange(){const e=this._getCells();this._syncCellSlots(e),this._isHeaderRow=e.some(e=>e instanceof Xa),this.requestUpdate()}_onCheckboxChange(e){this.emit("i-sgds-change",{detail:{checked:e.target.checked}})}_toggleExpand(){this.open?this.hide():this.show()}_onExpandKeyDown(e){"Enter"===e.key&&(e.preventDefault(),this._toggleExpand())}_onSortKeyDown(e,t){"Enter"===e.key&&(e.preventDefault(),t.handleSortClick())}_renderCell(e,t){var s;const i=this._cellSlotNames.get(e);if(e instanceof Xa)return te`<th
737
737
  width=${Ge(e.width)}
738
- colspan=${Ge(e.colspan)}
739
- rowspan=${Ge(e.rowspan)}
740
- aria-sort=${Ge(e.ariasort)}
738
+ colspan=${Ge(e.colSpan)}
739
+ rowspan=${Ge(e.rowSpan)}
740
+ aria-sort=${Ge(e.sortDirection)}
741
741
  scope="col"
742
742
  tabindex=${Ge(e.sorting?"0":void 0)}
743
743
  ?data-sorting=${e.sorting}
@@ -749,19 +749,19 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
749
749
  ${e.sorting?te`
750
750
  <button
751
751
  type="button"
752
- class="sort-button ${"none"===e.ariasort?"":"active"}"
753
- aria-label=${"descending"===e.ariasort?"Sort descending":"Sort ascending"}
752
+ class="sort-button ${"none"===e.sortDirection?"":"active"}"
753
+ aria-label=${"descending"===e.sortDirection?"Sort descending":"Sort ascending"}
754
754
  ?disabled=${!this.hasDataRows}
755
755
  >
756
756
  <sgds-icon
757
757
  class="sort-icon"
758
- name=${"descending"===e.ariasort?"sort-descending":"sort-ascending"}
758
+ name=${"descending"===e.sortDirection?"sort-descending":"sort-ascending"}
759
759
  size="sm"
760
760
  ></sgds-icon>
761
761
  </button>
762
762
  `:ae}
763
763
  </div>
764
- </th>`;const a=null!==(s=this.columnAlignments[t])&&void 0!==s?s:"left";return te`<td colspan=${Ge(e.colspan)} rowspan=${Ge(e.rowspan)}>
764
+ </th>`;const a=null!==(s=this.columnAlignments[t])&&void 0!==s?s:"left";return te`<td colspan=${Ge(e.colSpan)} rowspan=${Ge(e.rowSpan)}>
765
765
  <div class="data-table-cell ${"right"===a?"align-right":"align-left"}">
766
766
  ${i?te`<slot name=${i}></slot>`:ae}
767
767
  </div>
@@ -781,7 +781,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
781
781
  <tr part=${s} ?data-header-row=${this._isHeaderRow} class=${this.open?"active":""}>
782
782
  ${this.expand?this._renderExpandCell():this.showExpandPlaceholder?this._renderExpandPlaceholder():ae}
783
783
  ${this.showCheckbox?this._renderCheckboxCell():ae}
784
- ${(()=>{let t=0;return e.map(e=>{const s=this._renderCell(e,t),i=Number(e.colspan)>0?Number(e.colspan):1;return t+=i,s})})()}
784
+ ${(()=>{let t=0;return e.map(e=>{const s=this._renderCell(e,t),i=Number(e.colSpan)>0?Number(e.colSpan):1;return t+=i,s})})()}
785
785
  </tr>
786
786
 
787
787
  ${this.expand?te`
@@ -795,38 +795,53 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
795
795
  </td>
796
796
  </tr>
797
797
  `:ae}
798
- `}}Qa.styles=[...Oe.styles,Ka],Qa.dependencies={"sgds-checkbox":Aa,"sgds-data-table-cell":Ja,"sgds-data-table-head":Xa,"sgds-icon":xt},t([Ve({type:Object,reflect:!0})],Qa.prototype,"rowData",void 0),t([Ve({type:Boolean,reflect:!0})],Qa.prototype,"expand",void 0),t([Ve({type:Boolean,reflect:!0})],Qa.prototype,"open",void 0),t([Ve({type:Boolean,reflect:!0})],Qa.prototype,"checked",void 0),t([Ve({type:Boolean})],Qa.prototype,"showCheckbox",void 0),t([Ve({type:Boolean})],Qa.prototype,"showExpandPlaceholder",void 0),t([Ve({attribute:!1})],Qa.prototype,"columnAlignments",void 0),t([Ve({type:Boolean})],Qa.prototype,"hasDataRows",void 0),t([De(".expandable-body")],Qa.prototype,"_expandableBody",void 0),t([De("sgds-checkbox")],Qa.prototype,"_checkboxEl",void 0),t([Pe()],Qa.prototype,"_isHeaderRow",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],Qa.prototype,"handleExpandedChange",null),t([nt("checked")],Qa.prototype,"handleCheckedChange",null),at("row.expand.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"ease-in-out"}}),at("row.expand.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"ease-in-out"}});class eo extends Oe{constructor(){super(...arguments),this.multiSelect=!1,this.dataLength=0,this.currentPage=1,this.itemsPerPage=5,this.footerText="",this.hideFooter=!1,this.isLoading=!1,this.serverSort=!1,this.layout="auto",this.mode="client",this.tableRows=[],this.headerRows=[],this._headerCells=[],this._initialRowPositions=new WeakMap,this._hasCapturedInitialRowPositions=!1,this._rowHandlers=new WeakMap}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}_isRowChecked(e){var t;return e.checked||!0===(null===(t=e.checkbox)||void 0===t?void 0:t.checked)}_updateHeaderCheckbox(){const e=this.tableRows.filter(e=>this._isRowChecked(e)).length,t=e===this.tableRows.length&&e>0;this.headerRows.forEach(s=>{s.checked=t,s.checkbox&&(s.checkbox.checked=t,s.checkbox.indeterminate=e>0&&!t)})}async _syncHeaderCheckboxAfterRender(){if(!this.multiSelect||0===this.headerRows.length)return;const e=[...this.headerRows,...this.tableRows];await Promise.all(e.map(e=>e.updateComplete)),this._updateHeaderCheckbox()}_emitRowSelect(){const e=this.tableRows.filter(e=>this._isRowChecked(e)).map(e=>e.rowData);this.emit("sgds-row-select",{detail:{selected:e}})}_attachRowListener(e){const t=this._rowHandlers.get(e);t&&e.removeEventListener("i-sgds-change",t);const s=t=>{const{checked:s}=t.detail;this.headerRows.includes(e)?this.tableRows.forEach(e=>{e.checked=s,e.checkbox&&(e.checkbox.checked=s)}):(e.checked=s,this._updateHeaderCheckbox()),this._emitRowSelect()};this._rowHandlers.set(e,s),e.addEventListener("i-sgds-change",s)}_configureRows(){const e=this.tableRows.some(e=>e.expand),t=this.tableRows.length>0;this.headerRows.forEach(s=>{s.showCheckbox=this.multiSelect,s.showExpandPlaceholder=e,s.hasDataRows=t,this.multiSelect&&this._attachRowListener(s)}),this.tableRows.forEach(t=>{t.showCheckbox=this.multiSelect,t.showExpandPlaceholder=!t.expand&&e,this.multiSelect&&this._attachRowListener(t)}),this.multiSelect&&this._syncHeaderCheckboxAfterRender(),this._applyColumnAlignment()}_applyColumnAlignment(){const e=this._headerCells.reduce((e,t)=>{var s;const i=Number(t.colspan)>0?Number(t.colspan):1,a=null!==(s=t.textAlign)&&void 0!==s?s:"left";for(let t=0;t<i;t++)e.push(a);return e},[]);this.headerRows.forEach(t=>{t.columnAlignments=[...e]}),this.tableRows.forEach(t=>{t.columnAlignments=[...e]})}_extractCellText(e,t){const s=e.getCellText(t);if(s)return s;const i=Array.from(e.children).filter(e=>"sgds-data-table-cell"===e.tagName.toLowerCase())[t];return((null==i?void 0:i.textContent)||"").trim()}_toComparableValue(e,t,s){return t&&e.rowData&&t in e.rowData?e.rowData[t]:this._extractCellText(e,s)}_compareValues(e,t,s){if(e===t)return 0;const i=Number(e),a=Number(t);if(Number.isFinite(i)&&Number.isFinite(a))return"ascending"===s?i-a:a-i;const o=String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:"base"});return"ascending"===s?o:-o}_resetOtherHeaderSortStates(e){this._headerCells.forEach(t=>{t!==e&&t.sorting&&(t.ariasort="none")})}_getRowsInInitialPositionOrder(e){return[...e].sort((e,t)=>{const s=this._initialRowPositions.get(e),i=this._initialRowPositions.get(t);return void 0===s&&void 0===i?0:void 0===s?1:void 0===i?-1:s-i})}_captureInitialRowPositions(e){this._hasCapturedInitialRowPositions||(e.forEach((e,t)=>{this._initialRowPositions.set(e,t)}),this._hasCapturedInitialRowPositions=!0)}_handleSort(e){const t=e.composedPath().find(e=>e instanceof Xa);if(!t||!t.sorting)return;const{key:s,direction:i}=e.detail,a=t?this._headerCells.indexOf(t):-1;if(this._resetOtherHeaderSortStates(t),this.serverSort)return e.stopPropagation(),void this.emit("sgds-sort",{detail:{key:s,direction:i}});if(!(a<0)){if("none"===i)return this.tableRows=this._getRowsInInitialPositionOrder(this.tableRows),this._syncDomRowOrder(),void this._updateVisibleRows();if("client"===this.mode){const e=(this.currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage,o=[...this.tableRows],n=o.slice(e,t).sort((e,t)=>{const o=this._toComparableValue(e,s,a),n=this._toComparableValue(t,s,a);return this._compareValues(o,n,i)});return o.splice(e,n.length,...n),this.tableRows=o,this._syncDomRowOrder(),void this._updateVisibleRows()}this.tableRows=[...this.tableRows].sort((e,t)=>{const o=this._toComparableValue(e,s,a),n=this._toComparableValue(t,s,a);return this._compareValues(o,n,i)}),this._syncDomRowOrder(),this._updateVisibleRows()}}_syncDomRowOrder(){var e;const t=null===(e=this.tableRows[0])||void 0===e?void 0:e.parentElement;t&&this.tableRows.forEach(e=>t.appendChild(e))}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter(e=>e instanceof Qa),s=e=>Array.from(e.children).filter(e=>{const t=e.tagName.toLowerCase();return!("sgds-data-table-cell"!==t&&"sgds-data-table-head"!==t)&&"content"!==e.getAttribute("slot")});this.headerRows=t.filter(e=>s(e).some(e=>"sgds-data-table-head"===e.tagName.toLowerCase())),this.tableRows=t.filter(e=>{const t=s(e);return t.length>0&&t.every(e=>"sgds-data-table-cell"===e.tagName.toLowerCase())}),this._headerCells=this.headerRows.reduce((e,t)=>{const s=Array.from(t.children).filter(e=>e instanceof Xa);return e.push(...s),e},[]),this._captureInitialRowPositions(this.tableRows),this._headerCells.forEach(e=>{e.sorting&&!e.ariasort&&(e.ariasort="none")}),this._configureRows(),this._updateVisibleRows()}_updateVisibleRows(){if("server"===this.mode)return void this.tableRows.forEach(e=>e.style.display=this.isLoading?"none":"");const e=this.dataLength||this.tableRows.length,t=Math.max(1,Math.ceil(e/this.itemsPerPage));if(this.currentPage>t)return void(this.currentPage=t);const s=(this.currentPage-1)*this.itemsPerPage,i=new Set(this.tableRows.slice(s,s+this.itemsPerPage));this.tableRows.forEach(e=>e.style.display=i.has(e)?"":"none")}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("mode")||e.has("isLoading"))&&this._updateVisibleRows(),e.has("multiSelect")&&this._configureRows(),this.multiSelect&&(e.has("tableRows")||e.has("headerRows"))&&this._syncHeaderCheckboxAfterRender()}render(){const e=this.dataLength||this.tableRows.length,t=(this.currentPage-1)*this.itemsPerPage,s=Math.min(t+this.itemsPerPage,e),i=0===e?0:t+1,a=!this.isLoading&&0===this.tableRows.length;return te`
798
+ `}}Qa.styles=[...Oe.styles,Ka],Qa.dependencies={"sgds-checkbox":Aa,"sgds-data-table-cell":Ja,"sgds-data-table-head":Xa,"sgds-icon":xt},t([ze({type:Object,reflect:!0})],Qa.prototype,"rowData",void 0),t([ze({type:Boolean,reflect:!0})],Qa.prototype,"expand",void 0),t([ze({type:Boolean,reflect:!0})],Qa.prototype,"open",void 0),t([ze({type:Boolean,reflect:!0})],Qa.prototype,"checked",void 0),t([ze({type:Boolean})],Qa.prototype,"showCheckbox",void 0),t([ze({type:Boolean})],Qa.prototype,"showExpandPlaceholder",void 0),t([ze({attribute:!1})],Qa.prototype,"columnAlignments",void 0),t([ze({type:Boolean})],Qa.prototype,"hasDataRows",void 0),t([Le(".expandable-body")],Qa.prototype,"_expandableBody",void 0),t([Le("sgds-checkbox")],Qa.prototype,"_checkboxEl",void 0),t([Pe()],Qa.prototype,"_isHeaderRow",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],Qa.prototype,"handleExpandedChange",null),t([nt("checked")],Qa.prototype,"handleCheckedChange",null),at("row.expand.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"ease-in-out"}}),at("row.expand.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"ease-in-out"}});var eo=r`.skeleton{--bg:var(--sgds-bg-translucent-subtle);background-color:var(--bg);border-radius:var(--sgds-border-radius-sm);display:flex;flex-direction:column;gap:var(--sgds-gap-xs);max-width:100%}.skeleton.skeleton-paragraph{background-color:transparent}.skeleton.skeleton-paragraph.auto-size-rows>div[class*=skeleton-row]{background-color:var(--sgds-bg-translucent);border-radius:var(--sgds-border-radius-sm);height:-webkit-fill-available}.sheen{--sheen-color:var(--sgds-bg-translucent);animation:sheen 8s ease-in-out infinite;background:linear-gradient(270deg,var(--bg) 0,var(--sheen-color) 33.33%,var(--sheen-color) 66.67%,var(--bg) 100%);background-size:400% 100%}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}`;class to extends Oe{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="",this.sheen=!1}render(){const e={width:this.width||void 0,height:this.height||void 0,borderRadius:this.borderRadius||void 0};return te`
799
+ <div
800
+ class=${We({skeleton:!0,"skeleton-paragraph":this.rows>0,"auto-size-rows":this.rows>0,sheen:this.sheen&&!this.rows})}
801
+ style=${Object.entries(e).filter(([e,t])=>t).map(([e,t])=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t}`).join("; ")}
802
+ >
803
+ ${this.rows>0?[...Array(this.rows).keys()].map(e=>{const t={[`skeleton-row-${e}`]:!0,sheen:this.sheen};return te`<div
804
+ class=${We(t)}
805
+ style=${this.borderRadius?`border-radius: ${this.borderRadius}`:ae}
806
+ ></div>`}):ae}
807
+ </div>
808
+ `}}to.styles=[eo],t([Le(".skeleton")],to.prototype,"skeleton",void 0),t([ze({type:String,reflect:!0})],to.prototype,"width",void 0),t([ze({type:String,reflect:!0})],to.prototype,"height",void 0),t([ze({type:String,reflect:!0})],to.prototype,"borderRadius",void 0),t([ze({type:Number,reflect:!0})],to.prototype,"rows",void 0),t([ze({type:Boolean,reflect:!0})],to.prototype,"sheen",void 0);class so extends Oe{constructor(){super(...arguments),this.multiSelect=!1,this.dataLength=0,this.currentPage=1,this.itemsPerPage=5,this.footerText="",this.isLoading=!1,this.serverSort=!1,this.paginationVariant="default",this.layout="auto",this.mode="client",this.tableRows=[],this.headerRows=[],this._headerCells=[],this._initialRowPositions=new WeakMap,this._hasCapturedInitialRowPositions=!1,this._rowHandlers=new WeakMap}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}_isRowChecked(e){var t;return e.checked||!0===(null===(t=e.checkbox)||void 0===t?void 0:t.checked)}_updateHeaderCheckbox(){const e=this.tableRows.filter(e=>this._isRowChecked(e)).length,t=e===this.tableRows.length&&e>0;this.headerRows.forEach(s=>{s.checked=t,s.checkbox&&(s.checkbox.checked=t,s.checkbox.indeterminate=e>0&&!t)})}async _syncHeaderCheckboxAfterRender(){if(!this.multiSelect||0===this.headerRows.length)return;const e=[...this.headerRows,...this.tableRows];await Promise.all(e.map(e=>e.updateComplete)),this._updateHeaderCheckbox()}_emitRowSelect(){const e=this.tableRows.filter(e=>this._isRowChecked(e)).map(e=>e.rowData);this.emit("sgds-row-select",{detail:{selected:e}})}_attachRowListener(e){const t=this._rowHandlers.get(e);t&&e.removeEventListener("i-sgds-change",t);const s=t=>{const{checked:s}=t.detail;this.headerRows.includes(e)?this.tableRows.forEach(e=>{e.checked=s,e.checkbox&&(e.checkbox.checked=s)}):(e.checked=s,this._updateHeaderCheckbox()),this._emitRowSelect()};this._rowHandlers.set(e,s),e.addEventListener("i-sgds-change",s)}_configureRows(){const e=this.tableRows.some(e=>e.expand),t=this.tableRows.length>0;this.headerRows.forEach(s=>{s.showCheckbox=this.multiSelect,s.showExpandPlaceholder=e,s.hasDataRows=t,this.multiSelect&&this._attachRowListener(s)}),this.tableRows.forEach(t=>{t.showCheckbox=this.multiSelect,t.showExpandPlaceholder=!t.expand&&e,this.multiSelect&&this._attachRowListener(t)}),this.multiSelect&&this._syncHeaderCheckboxAfterRender(),this._applyColumnAlignment()}_applyColumnAlignment(){const e=this._headerCells.reduce((e,t)=>{var s;const i=Number(t.colSpan)>0?Number(t.colSpan):1,a=null!==(s=t.textAlign)&&void 0!==s?s:"left";for(let t=0;t<i;t++)e.push(a);return e},[]);this.headerRows.forEach(t=>{t.columnAlignments=[...e]}),this.tableRows.forEach(t=>{t.columnAlignments=[...e]})}_extractCellText(e,t){const s=e.getCellText(t);if(s)return s;const i=Array.from(e.children).filter(e=>"sgds-data-table-cell"===e.tagName.toLowerCase())[t];return((null==i?void 0:i.textContent)||"").trim()}_toComparableValue(e,t,s){return t&&e.rowData&&t in e.rowData?e.rowData[t]:this._extractCellText(e,s)}_compareValues(e,t,s){if(e===t)return 0;const i=Number(e),a=Number(t);if(Number.isFinite(i)&&Number.isFinite(a))return"ascending"===s?i-a:a-i;const o=String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:"base"});return"ascending"===s?o:-o}_resetOtherHeaderSortStates(e){this._headerCells.forEach(t=>{t!==e&&t.sorting&&(t.sortDirection="none")})}_getRowsInInitialPositionOrder(e){return[...e].sort((e,t)=>{const s=this._initialRowPositions.get(e),i=this._initialRowPositions.get(t);return void 0===s&&void 0===i?0:void 0===s?1:void 0===i?-1:s-i})}_captureInitialRowPositions(e){this._hasCapturedInitialRowPositions||(e.forEach((e,t)=>{this._initialRowPositions.set(e,t)}),this._hasCapturedInitialRowPositions=!0)}_handleSort(e){const t=e.composedPath().find(e=>e instanceof Xa);if(!t||!t.sorting)return;const{key:s,direction:i}=e.detail,a=t?this._headerCells.indexOf(t):-1;if(this._resetOtherHeaderSortStates(t),this.serverSort)return e.stopPropagation(),void this.emit("sgds-sort",{detail:{key:s,direction:i}});if(!(a<0)){if("none"===i)return this.tableRows=this._getRowsInInitialPositionOrder(this.tableRows),this._syncDomRowOrder(),void this._updateVisibleRows();if("client"===this.mode){const e=(this.currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage,o=[...this.tableRows],n=o.slice(e,t).sort((e,t)=>{const o=this._toComparableValue(e,s,a),n=this._toComparableValue(t,s,a);return this._compareValues(o,n,i)});return o.splice(e,n.length,...n),this.tableRows=o,this._syncDomRowOrder(),void this._updateVisibleRows()}this.tableRows=[...this.tableRows].sort((e,t)=>{const o=this._toComparableValue(e,s,a),n=this._toComparableValue(t,s,a);return this._compareValues(o,n,i)}),this._syncDomRowOrder(),this._updateVisibleRows()}}_syncDomRowOrder(){var e;const t=null===(e=this.tableRows[0])||void 0===e?void 0:e.parentElement;t&&this.tableRows.forEach(e=>t.appendChild(e))}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter(e=>e instanceof Qa),s=e=>Array.from(e.children).filter(e=>{const t=e.tagName.toLowerCase();return!("sgds-data-table-cell"!==t&&"sgds-data-table-head"!==t)&&"content"!==e.getAttribute("slot")});this.headerRows=t.filter(e=>s(e).some(e=>"sgds-data-table-head"===e.tagName.toLowerCase())),this.tableRows=t.filter(e=>{const t=s(e);return t.length>0&&t.every(e=>"sgds-data-table-cell"===e.tagName.toLowerCase())}),this._headerCells=this.headerRows.reduce((e,t)=>{const s=Array.from(t.children).filter(e=>e instanceof Xa);return e.push(...s),e},[]),this._captureInitialRowPositions(this.tableRows),this._headerCells.forEach(e=>{e.sorting&&!e.sortDirection&&(e.sortDirection="none")}),this._configureRows(),this._updateVisibleRows()}_updateVisibleRows(){if(this.isLoading)return void this.tableRows.forEach(e=>e.style.display="none");if("server"===this.mode)return void this.tableRows.forEach(e=>e.style.display="");const e=this.dataLength||this.tableRows.length,t=Math.max(1,Math.ceil(e/this.itemsPerPage));if(this.currentPage>t)return void(this.currentPage=t);const s=(this.currentPage-1)*this.itemsPerPage,i=new Set(this.tableRows.slice(s,s+this.itemsPerPage));this.tableRows.forEach(e=>e.style.display=i.has(e)?"":"none")}_getSkeletonColumnCount(){const e=this.headerRows[0],t=(e?Array.from(e.children).filter(e=>e instanceof Xa):[]).reduce((e,t)=>e+(Number(t.colSpan)>0?Number(t.colSpan):1),0),s=this.tableRows[0],i=s?Array.from(s.children).filter(e=>e instanceof Ja).length:0,a=this.tableRows.some(e=>e.expand),o=(this.multiSelect?1:0)+(a?1:0),n=t||i||1;return Math.max(1,n+o)}_renderLoadingSkeleton(){const e=this._getSkeletonColumnCount(),t=Math.max(1,this.itemsPerPage||1);return te`<div class="loading" role="status" aria-live="polite" aria-label="Loading">
809
+ <div class="loading-grid" style=${`--sgds-data-table-loading-columns: ${e};`} aria-hidden="true">
810
+ ${Array.from({length:t},(t,s)=>te`<div class="loading-grid-row" key=${s}>
811
+ ${Array.from({length:e},()=>te`<sgds-skeleton .height=${"56px"} .borderRadius=${"4px"}></sgds-skeleton>`)}
812
+ </div>`)}
813
+ </div>
814
+ </div>`}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("mode")||e.has("isLoading"))&&this._updateVisibleRows(),e.has("multiSelect")&&this._configureRows(),this.multiSelect&&(e.has("tableRows")||e.has("headerRows"))&&this._syncHeaderCheckboxAfterRender()}render(){const e=this.dataLength||this.tableRows.length,t=(this.currentPage-1)*this.itemsPerPage,s=Math.min(t+this.itemsPerPage,e),i=0===e?0:t+1,a=!this.isLoading&&0===this.tableRows.length,o=0!==e;return te`
799
815
  <div class="data-table">
800
- <div>
816
+ <div class="table-container">
801
817
  <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort} class="table"></slot>
802
- ${this.isLoading?te`<div class="loading" role="status" aria-live="polite">
803
- <div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>
804
- </div>`:a?te`<slot name="no-data" class="no-data" role="status" aria-live="polite">No data</slot>`:ae}
818
+ ${this.isLoading?this._renderLoadingSkeleton():a?te`<slot name="no-data" class="no-data" role="status" aria-live="polite">No data</slot>`:ae}
805
819
  </div>
806
820
 
807
- ${this.hideFooter?ae:te`<div class="footer">
821
+ ${o?te`<div class="footer">
808
822
  ${this.footerText||te`<span>Showing ${i} to ${s} of ${e} results</span>`}
809
823
  <sgds-pagination
810
824
  .dataLength=${e}
811
825
  .currentPage=${this.currentPage}
812
826
  .itemsPerPage=${this.itemsPerPage}
827
+ .variant=${this.paginationVariant}
813
828
  size="sm"
814
829
  @sgds-page-change=${e=>{this.currentPage=e.detail.currentPage,this.emit("sgds-page-change")}}
815
830
  ></sgds-pagination>
816
- </div>`}
831
+ </div>`:ae}
817
832
  </div>
818
- `}}function to(e,t){const s=e.getDate(),i=e.getMonth()+1,a=e.getFullYear(),o=s<10?"0"+s:String(s),n=i<10?"0"+i:String(i),r=String(a);switch(t){case"dd/MM/yyyy":default:return`${o}/${n}/${r}`;case"MM/dd/yyyy":return`${n}/${o}/${r}`;case"yyyy/MM/dd":return`${r}/${n}/${o}`;case"PPPP":{const t=new Intl.DateTimeFormat("en-US",{weekday:"long"}).format(e),s=new Intl.DateTimeFormat("en-US",{month:"long"}).format(e),i=function(e){if(e>=11&&e<=13)return e+"th";switch(e%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd";default:return e+"th"}}(e.getDate());return`${t}, ${s} ${i}, ${e.getFullYear()}`}}}function so(e){return new Date(e.getFullYear(),e.getMonth()+1,0).getDate()}function io(e,t){return e.getTime()>t.getTime()}function ao(e,t){return e.getTime()<t.getTime()}function oo(e,t){return e.getTime()===t.getTime()}function no(e){return e.getDate()===so(e)}function ro(e){return e instanceof Date&&!isNaN(e.getTime())}function lo(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function co(e,t){const s=e.split("/");let i,a,o;switch(t){case"dd/MM/yyyy":i=parseInt(s[0],10),a=parseInt(s[1],10)-1,o=parseInt(s[2],10);break;case"MM/dd/yyyy":a=parseInt(s[0],10)-1,i=parseInt(s[1],10),o=parseInt(s[2],10);break;case"yyyy/MM/dd":o=parseInt(s[0],10),a=parseInt(s[1],10)-1,i=parseInt(s[2],10);break;default:return new Date(NaN)}if(isNaN(i)||isNaN(a)||isNaN(o))return new Date(NaN);const n=new Date(o,a,i,12,0,0,0);return n.getFullYear()!==o||n.getMonth()!==a||n.getDate()!==i?new Date(NaN):n}eo.styles=[...Oe.styles,Ka,r`
833
+ `}}function io(e,t){const s=e.getDate(),i=e.getMonth()+1,a=e.getFullYear(),o=s<10?"0"+s:String(s),n=i<10?"0"+i:String(i),r=String(a);switch(t){case"dd/MM/yyyy":default:return`${o}/${n}/${r}`;case"MM/dd/yyyy":return`${n}/${o}/${r}`;case"yyyy/MM/dd":return`${r}/${n}/${o}`;case"PPPP":{const t=new Intl.DateTimeFormat("en-US",{weekday:"long"}).format(e),s=new Intl.DateTimeFormat("en-US",{month:"long"}).format(e),i=function(e){if(e>=11&&e<=13)return e+"th";switch(e%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd";default:return e+"th"}}(e.getDate());return`${t}, ${s} ${i}, ${e.getFullYear()}`}}}function ao(e){return new Date(e.getFullYear(),e.getMonth()+1,0).getDate()}function oo(e,t){return e.getTime()>t.getTime()}function no(e,t){return e.getTime()<t.getTime()}function ro(e,t){return e.getTime()===t.getTime()}function lo(e){return e.getDate()===ao(e)}function co(e){return e instanceof Date&&!isNaN(e.getTime())}function ho(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function po(e,t){const s=e.split("/");let i,a,o;switch(t){case"dd/MM/yyyy":i=parseInt(s[0],10),a=parseInt(s[1],10)-1,o=parseInt(s[2],10);break;case"MM/dd/yyyy":a=parseInt(s[0],10)-1,i=parseInt(s[1],10),o=parseInt(s[2],10);break;case"yyyy/MM/dd":o=parseInt(s[0],10),a=parseInt(s[1],10)-1,i=parseInt(s[2],10);break;default:return new Date(NaN)}if(isNaN(i)||isNaN(a)||isNaN(o))return new Date(NaN);const n=new Date(o,a,i,12,0,0,0);return n.getFullYear()!==o||n.getMonth()!==a||n.getDate()!==i?new Date(NaN):n}so.styles=[...Oe.styles,Ka,r`
819
834
  :host {
820
835
  display: block;
821
836
  }
822
- `],eo.dependencies={"sgds-pagination":Ga,"sgds-data-table-cell":Ja,"sgds-data-table-head":Xa,"sgds-spinner":Rt},t([Ve({type:Boolean})],eo.prototype,"multiSelect",void 0),t([Ve({type:Number})],eo.prototype,"dataLength",void 0),t([Ve({type:Number})],eo.prototype,"currentPage",void 0),t([Ve({type:Number})],eo.prototype,"itemsPerPage",void 0),t([Ve({type:String})],eo.prototype,"footerText",void 0),t([Ve({type:Boolean})],eo.prototype,"hideFooter",void 0),t([Ve({type:Boolean})],eo.prototype,"isLoading",void 0),t([Ve({type:Boolean})],eo.prototype,"serverSort",void 0),t([Ve({type:String,reflect:!0})],eo.prototype,"layout",void 0),t([Ve({type:String})],eo.prototype,"mode",void 0),t([Pe()],eo.prototype,"tableRows",void 0),t([Pe()],eo.prototype,"headerRows",void 0);const ho={"DD/MM/YYYY":{imPattern:"`dd{/}`mm{/}`yyyy",imRangePattern:"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY",fnsPattern:"dd/MM/yyyy"},"MM/DD/YYYY":{imPattern:"`mm{/}`dd{/}`yyyy",imRangePattern:"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY",fnsPattern:"MM/dd/yyyy"},"YYYY/MM/DD":{imPattern:"`yyyy{/}`mm{/}`dd",imRangePattern:"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD",fnsPattern:"yyyy/MM/dd"}},po=e=>{const t=e.getMonth(),s=e.getFullYear(),i=e.getDate(),a=new Date(s,t+1),o=so(a);return no(e)&&o<i?lo(a):new Date(s,t+1,i)},uo=e=>{const t=e.getMonth(),s=e.getFullYear(),i=e.getDate(),a=new Date(s,t-1),o=so(a);return no(e)&&o<i?lo(a):new Date(s,t-1,i)},go=e=>{const t=new Date(e);return t.setHours(12),t.setMinutes(0),t.setSeconds(0),t.setMilliseconds(0),t};var vo=r`.datepicker-body{color:var(--sgds-form-color-default);display:flex;justify-content:center}table{border-collapse:collapse;text-align:center}.monthpicker,.yearpicker{display:grid;grid-template-columns:repeat(3,6rem);grid-template-rows:repeat(4,2.5rem)}.monthpicker [role=row],.yearpicker [role=row]{display:contents}button.month,button.year{background-color:transparent;border:0;border-radius:var(--sgds-form-border-radius-sm);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs);padding:0;position:relative}button.month.active:not(.selected-ends),button.year.active:not(.selected-ends),td[data-day].active:not(.selected-ends){background-color:var(--sgds-primary-surface-translucent);border-radius:0;cursor:pointer}button.month:hover:not(.active),button.year:hover:not(.active),td[data-day]:hover:not(.disabled):not(.selected-ends):not(.active){background-color:var(--sgds-bg-translucent-subtle);cursor:pointer}button.month:focus:not(.active),button.year:focus:not(.active),td[data-day]:focus:not(.disabled):not(.selected-ends):not(.active){background-color:var(--sgds-bg-translucent-subtle)}button.month:focus-visible,button.year:focus-visible,td[data-day]:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}button.month.active:not(.selected-ends):focus,button.year.active:not(.selected-ends):focus,td[data-day].active:not(.selected-ends):focus{border-radius:var(--sgds-form-border-radius-sm)}button.year.active{background-color:var(--sgds-primary-surface-translucent);cursor:pointer}td,th{border-radius:var(--sgds-form-border-radius-sm);font-size:var(--sgds-font-size-label-sm);height:var(--sgds-form-height-lg);line-height:var(--sgds-line-height-2-xs);padding:0;position:relative;width:var(--sgds-form-width-md)}th{font-weight:var(--sgds-font-weight-semibold)}td[data-day]{cursor:pointer}button.month.active.selected-ends,button.year.active.selected-ends,td[data-day].active.selected-ends{background-color:var(--sgds-form-primary-surface-default);color:var(--sgds-form-color-fixed-light)}button.month.active.selected-ends:focus,button.month.active.selected-ends:hover,button.year.active.selected-ends:focus,button.year.active.selected-ends:hover,td[data-day].active.selected-ends:focus,td[data-day].active.selected-ends:hover{background-color:var(--sgds-form-primary-surface-emphasis)}td[data-day].disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.today{align-items:center;display:flex;flex-direction:column;justify-content:center}.today:after{background-color:var(--sgds-form-primary-surface-default);bottom:6px;content:".";line-height:4px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' fill='none'%3E%3Ccircle cx='2' cy='2' r='2' fill='%235A42C0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' fill='none'%3E%3Ccircle cx='2' cy='2' r='2' fill='%235A42C0'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:4px}.today.active.selected-ends:after{background-color:var(--sgds-form-color-inverse)}`;const mo=new Date,fo={ArrowUp:{days:-7,months:-3,years:-3},ArrowDown:{days:7,months:3,years:3},ArrowRight:{days:1,months:1,years:1},ArrowLeft:{days:-1,months:-1,years:-1}};class bo extends Oe{constructor(){super(...arguments),this.selectedDate=[],this.mode="single"}focusOnCalendar(e){e.blur(),this._focusOnCalendarCell()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyPress),this.addEventListener("blur",e=>e.stopPropagation())}updated(){3===this.focusedTabIndex&&this._focusOnCalendarCell()}_updateFocusedDate(){this.focusedDate=go(this.displayDate),this.focusedDate.getFullYear()<1900&&this.focusedDate.setFullYear(1900)}_setFocusedDate(e){const t=this.focusedDate.getDate(),s=this.focusedDate.getMonth(),i=this.focusedDate.getFullYear();switch(this.view){case"days":{const a=go(new Date(i,s,t+e));(io(a,new Date(0,0,1,12))||oo(a,new Date(0,0,1,12)))&&(this.focusedDate=a);break}case"months":{const a=go(new Date(i,s+e,t));(io(a,new Date(0,0,1,12))||oo(a,new Date(0,0,1,12)))&&(this.focusedDate=a);break}case"years":{const a=go(new Date(i+e,s,t));a.getFullYear()>=1900&&(this.focusedDate=a);break}}}_handleEnterDateKeyboard(e){const t=e.composedPath()[0];if(!t.classList.contains("disabled"))switch(this.view){case"days":this._onClickDay(e);break;case"months":{const{month:e}=t.dataset;this._onClickMonth(parseInt(e));break}case"years":{const{year:e}=t.dataset;this._onClickYear(parseInt(e))}}}_handleKeyPress(e){if("Enter"===e.key)return e.preventDefault(),void this._handleEnterDateKeyboard(e);if("Tab"===e.key){const e=this._getFocusedTarget();return void(3!==this.focusedTabIndex&&e.blur())}if(e.key.includes("Arrow")){e.preventDefault(),this._blurCalendarCell();const t=fo[e.key][this.view];this._setFocusedDate(t),this._focusOnCalendarCell()}}_generateIncrementDates(){const e=go(this.selectedDate[0]);if(this.selectedDate.length<2)return[e];const t=go(this.selectedDate[1]),s=[];if(e.getTime()<t.getTime())for(let i=e;i<=t;i.setDate(i.getDate()+1))s.push(new Date(i));else for(let i=t;i<=e;i.setDate(i.getDate()+1))s.push(new Date(i));return s}_onClickDay(e){const{day:t,date:s}=e.composedPath()[0].dataset,i=new Date(this.displayDate);if(i.setDate(parseInt(t)),"click"===e.type&&(this.focusedDate=go(new Date(s))),"single"===this.mode)this.selectedDate=[i],this.emit("sgds-selectdates",{detail:this.selectedDate});else if("range"===this.mode){const e=[...this.selectedDate];0!==e.length&&2!==e.length||(e.length=0),e.push(i),this.selectedDate=e,this.emit("sgds-selectdates",{detail:this.selectedDate})}const a=this.minDate?go(new Date(this.minDate)):null,o=this.maxDate?go(new Date(this.maxDate)):null,n=go(i);(a&&n<a||o&&n>o)&&(e.stopPropagation(),e.preventDefault())}_onClickMonth(e,t=this.focusedDate.getFullYear()){const s=new Date(this.displayDate);this.view="days",s.setMonth(e),s.setFullYear(t),this.displayDate=s,this.emit("sgds-view",{detail:this.view}),this.emit("sgds-selectmonth",{detail:this.displayDate})}_onClickYear(e){const t=new Date(this.displayDate);t.setFullYear(e),this.displayDate=t,this.view="months",this.emit("sgds-view",{detail:this.view}),this.emit("sgds-selectyear",{detail:this.displayDate})}_getFocusedTarget(){const e={days:`td[data-date="${this.focusedDate.toISOString()}"]`,months:`button[data-month="${this.focusedDate.getMonth()}"][data-year="${this.focusedDate.getFullYear()}"]`,years:`button[data-year="${this.focusedDate.getFullYear()}"]`}[this.view];return this.shadowRoot.querySelector(`${e}`)}_blurCalendarCell(){const e=this._getFocusedTarget();e.setAttribute("tabindex","-1"),e.blur()}_focusOnCalendarCell(){const e=this._getFocusedTarget();e?(e.setAttribute("tabindex","0"),e.focus(),this.emit("sgds-update-focus",{detail:this.focusedDate})):this.emit("sgds-change-calendar",{detail:this.focusedDate})}_generateDays(){const e=this.selectedDate.map(e=>go(e)),t=this._generateIncrementDates(),s=this.minDate?go(new Date(this.minDate)):null,i=this.maxDate?go(new Date(this.maxDate)):null,a=this.displayDate.getFullYear(),o=this.displayDate.getMonth(),n=new Date(a,o,1).getDay();let r=bo.daysInMonth[o];1===o&&(a%4==0&&a%100!=0||a%400==0)&&(r=29);const l=[];let d=1;for(let c=0;c<9;c++){const h=[];for(let l=0;l<=6;l++)if(d<=r&&(c>0||l>=n)){const n=new Date(a,o,d,12,0,0,0),r=n.toISOString(),c=s&&Date.parse(r)<Date.parse(s.toISOString()),p=i&&Date.parse(r)>Date.parse(i.toISOString()),u=c||p?void 0:this._onClickDay,g=mo.getMonth()===this.displayDate.getMonth(),v=mo.getFullYear()===this.displayDate.getFullYear(),m=mo.getDate()===d,f=e.length>0&&t.some(e=>Date.parse(r)===Date.parse(e.toISOString())),b=e.length>0&&t[0].toISOString()===r,w=e.length>1&&t[t.length-1].toISOString()===r,y=""+(m&&g&&v?"Today's date, ":"")+to(n,"PPPP");h.push(te`<td
837
+ `],so.dependencies={"sgds-pagination":Ga,"sgds-data-table-cell":Ja,"sgds-data-table-head":Xa,"sgds-skeleton":to},t([ze({type:Boolean})],so.prototype,"multiSelect",void 0),t([ze({type:Number})],so.prototype,"dataLength",void 0),t([ze({type:Number})],so.prototype,"currentPage",void 0),t([ze({type:Number})],so.prototype,"itemsPerPage",void 0),t([ze({type:String})],so.prototype,"footerText",void 0),t([ze({type:Boolean})],so.prototype,"isLoading",void 0),t([ze({type:Boolean})],so.prototype,"serverSort",void 0),t([ze({type:String})],so.prototype,"paginationVariant",void 0),t([ze({type:String,reflect:!0})],so.prototype,"layout",void 0),t([ze({type:String})],so.prototype,"mode",void 0),t([Pe()],so.prototype,"tableRows",void 0),t([Pe()],so.prototype,"headerRows",void 0);const go={"DD/MM/YYYY":{imPattern:"`dd{/}`mm{/}`yyyy",imRangePattern:"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY",fnsPattern:"dd/MM/yyyy"},"MM/DD/YYYY":{imPattern:"`mm{/}`dd{/}`yyyy",imRangePattern:"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY",fnsPattern:"MM/dd/yyyy"},"YYYY/MM/DD":{imPattern:"`yyyy{/}`mm{/}`dd",imRangePattern:"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD",fnsPattern:"yyyy/MM/dd"}},uo=e=>{const t=e.getMonth(),s=e.getFullYear(),i=e.getDate(),a=new Date(s,t+1),o=ao(a);return lo(e)&&o<i?ho(a):new Date(s,t+1,i)},vo=e=>{const t=e.getMonth(),s=e.getFullYear(),i=e.getDate(),a=new Date(s,t-1),o=ao(a);return lo(e)&&o<i?ho(a):new Date(s,t-1,i)},mo=e=>{const t=new Date(e);return t.setHours(12),t.setMinutes(0),t.setSeconds(0),t.setMilliseconds(0),t};var fo=r`.datepicker-body{color:var(--sgds-form-color-default);display:flex;justify-content:center}table{border-collapse:collapse;text-align:center}.monthpicker,.yearpicker{display:grid;grid-template-columns:repeat(3,6rem);grid-template-rows:repeat(4,2.5rem)}.monthpicker [role=row],.yearpicker [role=row]{display:contents}button.month,button.year{background-color:transparent;border:0;border-radius:var(--sgds-form-border-radius-sm);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs);padding:0;position:relative}button.month.active:not(.selected-ends),button.year.active:not(.selected-ends),td[data-day].active:not(.selected-ends){background-color:var(--sgds-primary-surface-translucent);border-radius:0;cursor:pointer}button.month:hover:not(.active),button.year:hover:not(.active),td[data-day]:hover:not(.disabled):not(.selected-ends):not(.active){background-color:var(--sgds-bg-translucent-subtle);cursor:pointer}button.month:focus:not(.active),button.year:focus:not(.active),td[data-day]:focus:not(.disabled):not(.selected-ends):not(.active){background-color:var(--sgds-bg-translucent-subtle)}button.month:focus-visible,button.year:focus-visible,td[data-day]:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}button.month.active:not(.selected-ends):focus,button.year.active:not(.selected-ends):focus,td[data-day].active:not(.selected-ends):focus{border-radius:var(--sgds-form-border-radius-sm)}button.year.active{background-color:var(--sgds-primary-surface-translucent);cursor:pointer}td,th{border-radius:var(--sgds-form-border-radius-sm);font-size:var(--sgds-font-size-label-sm);height:var(--sgds-form-height-lg);line-height:var(--sgds-line-height-2-xs);padding:0;position:relative;width:var(--sgds-form-width-md)}th{font-weight:var(--sgds-font-weight-semibold)}td[data-day]{cursor:pointer}button.month.active.selected-ends,button.year.active.selected-ends,td[data-day].active.selected-ends{background-color:var(--sgds-form-primary-surface-default);color:var(--sgds-form-color-fixed-light)}button.month.active.selected-ends:focus,button.month.active.selected-ends:hover,button.year.active.selected-ends:focus,button.year.active.selected-ends:hover,td[data-day].active.selected-ends:focus,td[data-day].active.selected-ends:hover{background-color:var(--sgds-form-primary-surface-emphasis)}td[data-day].disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.today{align-items:center;display:flex;flex-direction:column;justify-content:center}.today:after{background-color:var(--sgds-form-primary-surface-default);bottom:6px;content:".";line-height:4px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' fill='none'%3E%3Ccircle cx='2' cy='2' r='2' fill='%235A42C0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' fill='none'%3E%3Ccircle cx='2' cy='2' r='2' fill='%235A42C0'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:4px}.today.active.selected-ends:after{background-color:var(--sgds-form-color-inverse)}`;const bo=new Date,wo={ArrowUp:{days:-7,months:-3,years:-3},ArrowDown:{days:7,months:3,years:3},ArrowRight:{days:1,months:1,years:1},ArrowLeft:{days:-1,months:-1,years:-1}};class yo extends Oe{constructor(){super(...arguments),this.selectedDate=[],this.mode="single"}focusOnCalendar(e){e.blur(),this._focusOnCalendarCell()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyPress),this.addEventListener("blur",e=>e.stopPropagation())}updated(){3===this.focusedTabIndex&&this._focusOnCalendarCell()}_updateFocusedDate(){this.focusedDate=mo(this.displayDate),this.focusedDate.getFullYear()<1900&&this.focusedDate.setFullYear(1900)}_setFocusedDate(e){const t=this.focusedDate.getDate(),s=this.focusedDate.getMonth(),i=this.focusedDate.getFullYear();switch(this.view){case"days":{const a=mo(new Date(i,s,t+e));(oo(a,new Date(0,0,1,12))||ro(a,new Date(0,0,1,12)))&&(this.focusedDate=a);break}case"months":{const a=mo(new Date(i,s+e,t));(oo(a,new Date(0,0,1,12))||ro(a,new Date(0,0,1,12)))&&(this.focusedDate=a);break}case"years":{const a=mo(new Date(i+e,s,t));a.getFullYear()>=1900&&(this.focusedDate=a);break}}}_handleEnterDateKeyboard(e){const t=e.composedPath()[0];if(!t.classList.contains("disabled"))switch(this.view){case"days":this._onClickDay(e);break;case"months":{const{month:e}=t.dataset;this._onClickMonth(parseInt(e));break}case"years":{const{year:e}=t.dataset;this._onClickYear(parseInt(e))}}}_handleKeyPress(e){if("Enter"===e.key)return e.preventDefault(),void this._handleEnterDateKeyboard(e);if("Tab"===e.key){const e=this._getFocusedTarget();return void(3!==this.focusedTabIndex&&e.blur())}if(e.key.includes("Arrow")){e.preventDefault(),this._blurCalendarCell();const t=wo[e.key][this.view];this._setFocusedDate(t),this._focusOnCalendarCell()}}_generateIncrementDates(){const e=mo(this.selectedDate[0]);if(this.selectedDate.length<2)return[e];const t=mo(this.selectedDate[1]),s=[];if(e.getTime()<t.getTime())for(let i=e;i<=t;i.setDate(i.getDate()+1))s.push(new Date(i));else for(let i=t;i<=e;i.setDate(i.getDate()+1))s.push(new Date(i));return s}_onClickDay(e){const{day:t,date:s}=e.composedPath()[0].dataset,i=new Date(this.displayDate);if(i.setDate(parseInt(t)),"click"===e.type&&(this.focusedDate=mo(new Date(s))),"single"===this.mode)this.selectedDate=[i],this.emit("sgds-selectdates",{detail:this.selectedDate});else if("range"===this.mode){const e=[...this.selectedDate];0!==e.length&&2!==e.length||(e.length=0),e.push(i),this.selectedDate=e,this.emit("sgds-selectdates",{detail:this.selectedDate})}const a=this.minDate?mo(new Date(this.minDate)):null,o=this.maxDate?mo(new Date(this.maxDate)):null,n=mo(i);(a&&n<a||o&&n>o)&&(e.stopPropagation(),e.preventDefault())}_onClickMonth(e,t=this.focusedDate.getFullYear()){const s=new Date(this.displayDate);this.view="days",s.setMonth(e),s.setFullYear(t),this.displayDate=s,this.emit("sgds-view",{detail:this.view}),this.emit("sgds-selectmonth",{detail:this.displayDate})}_onClickYear(e){const t=new Date(this.displayDate);t.setFullYear(e),this.displayDate=t,this.view="months",this.emit("sgds-view",{detail:this.view}),this.emit("sgds-selectyear",{detail:this.displayDate})}_getFocusedTarget(){const e={days:`td[data-date="${this.focusedDate.toISOString()}"]`,months:`button[data-month="${this.focusedDate.getMonth()}"][data-year="${this.focusedDate.getFullYear()}"]`,years:`button[data-year="${this.focusedDate.getFullYear()}"]`}[this.view];return this.shadowRoot.querySelector(`${e}`)}_blurCalendarCell(){const e=this._getFocusedTarget();e.setAttribute("tabindex","-1"),e.blur()}_focusOnCalendarCell(){const e=this._getFocusedTarget();e?(e.setAttribute("tabindex","0"),e.focus(),this.emit("sgds-update-focus",{detail:this.focusedDate})):this.emit("sgds-change-calendar",{detail:this.focusedDate})}_generateDays(){const e=this.selectedDate.map(e=>mo(e)),t=this._generateIncrementDates(),s=this.minDate?mo(new Date(this.minDate)):null,i=this.maxDate?mo(new Date(this.maxDate)):null,a=this.displayDate.getFullYear(),o=this.displayDate.getMonth(),n=new Date(a,o,1).getDay();let r=yo.daysInMonth[o];1===o&&(a%4==0&&a%100!=0||a%400==0)&&(r=29);const l=[];let d=1;for(let c=0;c<9;c++){const h=[];for(let l=0;l<=6;l++)if(d<=r&&(c>0||l>=n)){const n=new Date(a,o,d,12,0,0,0),r=n.toISOString(),c=s&&Date.parse(r)<Date.parse(s.toISOString()),p=i&&Date.parse(r)>Date.parse(i.toISOString()),g=c||p?void 0:this._onClickDay,u=bo.getMonth()===this.displayDate.getMonth(),v=bo.getFullYear()===this.displayDate.getFullYear(),m=bo.getDate()===d,f=e.length>0&&t.some(e=>Date.parse(r)===Date.parse(e.toISOString())),b=e.length>0&&t[0].toISOString()===r,w=e.length>1&&t[t.length-1].toISOString()===r,y=""+(m&&u&&v?"Today's date, ":"")+io(n,"PPPP");h.push(te`<td
823
838
  key=${l}
824
839
  data-date=${r}
825
840
  data-day=${d}
826
841
  aria-label=${y}
827
- aria-current=${Ge(m&&g&&v?"date":void 0)}
828
- class=${We({today:m&&g&&v,"selected-ends":b||w,active:f,disabled:c||p})}
829
- @click=${u}
842
+ aria-current=${Ge(m&&u&&v?"date":void 0)}
843
+ class=${We({today:m&&u&&v,"selected-ends":b||w,active:f,disabled:c||p})}
844
+ @click=${g}
830
845
  aria-selected=${f?"true":"false"}
831
846
  tabindex=${this.focusedDate===new Date(r)?"0":"-1"}
832
847
  ?disabled=${c||p}
@@ -840,18 +855,18 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
840
855
  <table role="grid">
841
856
  <thead>
842
857
  <tr>
843
- ${bo.DAY_LABELS.map((e,t)=>te` <th key=${t} abbr=${e} scope="col">${e.slice(0,3)}</th> `)}
858
+ ${yo.DAY_LABELS.map((e,t)=>te` <th key=${t} abbr=${e} scope="col">${e.slice(0,3)}</th> `)}
844
859
  </tr>
845
860
  </thead>
846
861
  <tbody>
847
862
  ${l}
848
863
  </tbody>
849
864
  </table>
850
- `}_generateMonths(){const e=this._generateIncrementDates(),t=e.map(e=>go(new Date(e.getFullYear(),e.getMonth())).getTime()),s=this.displayDate.getFullYear();return te`
865
+ `}_generateMonths(){const e=this._generateIncrementDates(),t=e.map(e=>mo(new Date(e.getFullYear(),e.getMonth())).getTime()),s=this.displayDate.getFullYear();return te`
851
866
  <div class="monthpicker" role="grid">
852
867
  ${[0,1,2,3].map(i=>te`
853
868
  <div role="row">
854
- ${bo.MONTHVIEW_LABELS.slice(3*i,3*i+3).map((a,o)=>{const n=3*i+o,r=n===mo.getMonth()&&s===mo.getFullYear(),l=go(new Date(s,n)).getTime(),d=e[0].getMonth()===n,c=e[0].getFullYear()===s,h=e[e.length-1].getMonth()===n,p=e[e.length-1].getFullYear()===s,u=r?`Current month ${a} ${s}`:`${a} ${s}`;return te` <button
869
+ ${yo.MONTHVIEW_LABELS.slice(3*i,3*i+3).map((a,o)=>{const n=3*i+o,r=n===bo.getMonth()&&s===bo.getFullYear(),l=mo(new Date(s,n)).getTime(),d=e[0].getMonth()===n,c=e[0].getFullYear()===s,h=e[e.length-1].getMonth()===n,p=e[e.length-1].getFullYear()===s,g=r?`Current month ${a} ${s}`:`${a} ${s}`;return te` <button
855
870
  role="gridcell"
856
871
  class=${We({active:t.includes(l),today:r,month:!0,"selected-ends":d&&c||h&&p})}
857
872
  @click=${()=>this._onClickMonth(n)}
@@ -859,14 +874,14 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
859
874
  data-year=${s}
860
875
  tabindex="0"
861
876
  aria-selected=${t.includes(l)?"true":"false"}
862
- aria-label=${u}
877
+ aria-label=${g}
863
878
  >
864
879
  ${a.slice(0,3)}
865
880
  </button>`})}
866
881
  </div>
867
882
  `)}
868
883
  </div>
869
- `}_generateYears(){const e=this._generateIncrementDates().map(e=>e.getFullYear()),t=mo.getFullYear(),s=((e,t)=>{const s=e.getFullYear(),i=(s-t)%12,a=i<0?12+i:i,o=[],n=s-a+12-1;for(let e=s-a;e<n+1;e++)o.push(e);return o})(this.displayDate,t);return te`
884
+ `}_generateYears(){const e=this._generateIncrementDates().map(e=>e.getFullYear()),t=bo.getFullYear(),s=((e,t)=>{const s=e.getFullYear(),i=(s-t)%12,a=i<0?12+i:i,o=[],n=s-a+12-1;for(let e=s-a;e<n+1;e++)o.push(e);return o})(this.displayDate,t);return te`
870
885
  <div class="sgds yearpicker" role="grid">
871
886
  ${[0,1,2,3].map(i=>te`
872
887
  <div role="row">
@@ -887,7 +902,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
887
902
  </div>
888
903
  `)}
889
904
  </div>
890
- `}render(){let e;switch(this.view){case"days":default:e=te` ${this._generateDays()} `;break;case"months":e=te` ${this._generateMonths()} `;break;case"years":e=te` ${this._generateYears()} `}return te` <div class="datepicker-body">${e}</div> `}}bo.styles=[vo],bo.DAY_LABELS=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],bo.daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31],bo.MONTHVIEW_LABELS=["January","February","March","April","May","June","July","August","September","October","November","December"],t([Ve({type:Array})],bo.prototype,"selectedDate",void 0),t([Ve({attribute:!1})],bo.prototype,"displayDate",void 0),t([Ve({type:String})],bo.prototype,"minDate",void 0),t([Ve({type:String})],bo.prototype,"maxDate",void 0),t([Ve({type:String,reflect:!0})],bo.prototype,"mode",void 0),t([Ve()],bo.prototype,"view",void 0),t([Ve({type:Boolean})],bo.prototype,"show",void 0),t([Ve()],bo.prototype,"focusedTabIndex",void 0),t([nt("displayDate")],bo.prototype,"_updateFocusedDate",null);var wo=r`.datepicker-header{display:flex;gap:var(--sgds-form-gap-md)}sgds-button{--btn-font-weight:var(--sgds-font-weight-semibold)}`;class yo extends Oe{constructor(){super(...arguments),this.selectedDate=[]}_handleFocusedTabIndexChange(){let e;switch(this.focusedTabIndex){case 0:e=this.shadowRoot.querySelector("sgds-icon-button[name='arrow-left']");break;case 1:e=this.shadowRoot.querySelector("sgds-button");break;case 2:e=this.shadowRoot.querySelector("sgds-icon-button[name='arrow-right']");break;default:return}e.focus()}_changeView(){switch(this.view){case"days":this.view="months";break;case"months":this.view="years"}this.emit("sgds-view",{detail:this.view})}renderHeader(e=this.displayDate,t=this.view){if("months"===t)return e.getFullYear();if("years"===t){const t=(new Date).getFullYear(),s=e.getFullYear(),i=(s-t)%12,a=i<0?12+i:i;return`${s-a} - ${s-a+12-1}`}return`${xo[e.getMonth()]} ${e.getFullYear()}`}_renderHeaderTemplate(){return te`${this.renderHeader()}`}handleClickPrevious(){const{view:e,displayDate:t,focusedDate:s}=this;let i=new Date(t);"months"===e?i.setFullYear(i.getFullYear()-1):"years"===this.view?i.setFullYear(i.getFullYear()-12):i=s.getDate()!==t.getDate()?uo(s):uo(i),this.displayDate=i,this.emit("sgds-change-calendar",{detail:this.displayDate})}_handleClickNext(){const{view:e,displayDate:t,focusedDate:s}=this;let i=new Date(t);"months"===e?i.setFullYear(i.getFullYear()+1):"years"===this.view?i.setFullYear(i.getFullYear()+12):i=s.getDate()!==t.getDate()?po(s):po(i),this.displayDate=i,this.emit("sgds-change-calendar",{detail:this.displayDate})}_removeCaret(){const e=this.displayDate.getFullYear(),t=this.displayDate.getMonth(),s=new Date(e,t);return"months"===this.view?e<=1900:"years"===this.view?e<1904:oo(s,new Date(0,0,1))||ao(s,new Date(0,0,1))}_ariaLabelForNextBtn(){return{days:"Show next month",months:"Show next year",years:"Show next 12 years"}[this.view]}_ariaLabelForPrevBtn(){return{days:"Show previous month",months:"Show previous year",years:"Show previous 12 years"}[this.view]}_ariaLabelForHeaderBtn(){const e={days:`Current view is days, click to show months in ${this.displayDate.getFullYear()}`,months:`Current view is months, click to show years between ${this.renderHeader(this.displayDate,"years")}`,years:"Current view is years"};return`${this.renderHeader()}. ${e[this.view]}`}render(){return te`
905
+ `}render(){let e;switch(this.view){case"days":default:e=te` ${this._generateDays()} `;break;case"months":e=te` ${this._generateMonths()} `;break;case"years":e=te` ${this._generateYears()} `}return te` <div class="datepicker-body">${e}</div> `}}yo.styles=[fo],yo.DAY_LABELS=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],yo.daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31],yo.MONTHVIEW_LABELS=["January","February","March","April","May","June","July","August","September","October","November","December"],t([ze({type:Array})],yo.prototype,"selectedDate",void 0),t([ze({attribute:!1})],yo.prototype,"displayDate",void 0),t([ze({type:String})],yo.prototype,"minDate",void 0),t([ze({type:String})],yo.prototype,"maxDate",void 0),t([ze({type:String,reflect:!0})],yo.prototype,"mode",void 0),t([ze()],yo.prototype,"view",void 0),t([ze({type:Boolean})],yo.prototype,"show",void 0),t([ze()],yo.prototype,"focusedTabIndex",void 0),t([nt("displayDate")],yo.prototype,"_updateFocusedDate",null);var xo=r`.datepicker-header{display:flex;gap:var(--sgds-form-gap-md)}sgds-button{--btn-font-weight:var(--sgds-font-weight-semibold)}`;class _o extends Oe{constructor(){super(...arguments),this.selectedDate=[]}_handleFocusedTabIndexChange(){let e;switch(this.focusedTabIndex){case 0:e=this.shadowRoot.querySelector("sgds-icon-button[name='arrow-left']");break;case 1:e=this.shadowRoot.querySelector("sgds-button");break;case 2:e=this.shadowRoot.querySelector("sgds-icon-button[name='arrow-right']");break;default:return}e.focus()}_changeView(){switch(this.view){case"days":this.view="months";break;case"months":this.view="years"}this.emit("sgds-view",{detail:this.view})}renderHeader(e=this.displayDate,t=this.view){if("months"===t)return e.getFullYear();if("years"===t){const t=(new Date).getFullYear(),s=e.getFullYear(),i=(s-t)%12,a=i<0?12+i:i;return`${s-a} - ${s-a+12-1}`}return`${ko[e.getMonth()]} ${e.getFullYear()}`}_renderHeaderTemplate(){return te`${this.renderHeader()}`}handleClickPrevious(){const{view:e,displayDate:t,focusedDate:s}=this;let i=new Date(t);"months"===e?i.setFullYear(i.getFullYear()-1):"years"===this.view?i.setFullYear(i.getFullYear()-12):i=s.getDate()!==t.getDate()?vo(s):vo(i),this.displayDate=i,this.emit("sgds-change-calendar",{detail:this.displayDate})}_handleClickNext(){const{view:e,displayDate:t,focusedDate:s}=this;let i=new Date(t);"months"===e?i.setFullYear(i.getFullYear()+1):"years"===this.view?i.setFullYear(i.getFullYear()+12):i=s.getDate()!==t.getDate()?uo(s):uo(i),this.displayDate=i,this.emit("sgds-change-calendar",{detail:this.displayDate})}_removeCaret(){const e=this.displayDate.getFullYear(),t=this.displayDate.getMonth(),s=new Date(e,t);return"months"===this.view?e<=1900:"years"===this.view?e<1904:ro(s,new Date(0,0,1))||no(s,new Date(0,0,1))}_ariaLabelForNextBtn(){return{days:"Show next month",months:"Show next year",years:"Show next 12 years"}[this.view]}_ariaLabelForPrevBtn(){return{days:"Show previous month",months:"Show previous year",years:"Show previous 12 years"}[this.view]}_ariaLabelForHeaderBtn(){const e={days:`Current view is days, click to show months in ${this.displayDate.getFullYear()}`,months:`Current view is months, click to show years between ${this.renderHeader(this.displayDate,"years")}`,years:"Current view is years"};return`${this.renderHeader()}. ${e[this.view]}`}render(){return te`
891
906
  <div class="datepicker-header dropdown-header">
892
907
  <sgds-icon-button
893
908
  name="arrow-left"
@@ -919,13 +934,13 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
919
934
  >
920
935
  </sgds-icon-button>
921
936
  </div>
922
- `}}yo.styles=[wo],yo.dependencies={"sgds-icon":xt,"sgds-icon-button":Nt,"sgds-button":va},t([Ve({attribute:!1})],yo.prototype,"displayDate",void 0),t([Ve({attribute:!1})],yo.prototype,"focusedDate",void 0),t([Ve({attribute:!1})],yo.prototype,"selectedDate",void 0),t([Ve()],yo.prototype,"view",void 0),t([Ve()],yo.prototype,"focusedTabIndex",void 0),t([nt("focusedTabIndex",{waitUntilFirstUpdate:!0})],yo.prototype,"_handleFocusedTabIndexChange",null);const xo=["January","February","March","April","May","June","July","August","September","October","November","December"];class _o{constructor(e,t){this.listeners=new Map,this.input=e,this.placeholderStr=this._buildPlaceholder(t.pattern),this._state=this.placeholderStr,this.listeners.set("accept",[]),this.listeners.set("complete",[]);const s={value:"",isComplete:!1};Object.defineProperties(s,{value:{get:()=>this._state,enumerable:!0},isComplete:{get:()=>this._state.length>0&&!/[DMY]/.test(this._state),enumerable:!0}}),this.masked=s,this.input.value&&this.input.value.length===this._state.length&&!/[DMY]/.test(this.input.value)?this._state=this.input.value:this.input.value=this._state,this._boundHandleBeforeInput=this._handleBeforeInput.bind(this),this._boundHandleInput=this._handleInput.bind(this),this._boundHandleKeydown=this._handleKeydown.bind(this),this._boundHandleFocus=this._handleFocus.bind(this),this._boundHandleBlur=this._handleBlur.bind(this),this._valueAtFocus=this._state,this.input.addEventListener("beforeinput",this._boundHandleBeforeInput),this.input.addEventListener("input",this._boundHandleInput),this.input.addEventListener("keydown",this._boundHandleKeydown),this.input.addEventListener("focus",this._boundHandleFocus),this.input.addEventListener("blur",this._boundHandleBlur)}get value(){return this._state}set value(e){this._state=e&&""!==e?e:this.placeholderStr,this.input.value=this._state,this._emit("accept")}on(e,t){var s;null===(s=this.listeners.get(e))||void 0===s||s.push(t)}updateValue(){this._state=this.input.value}destroy(){this.input.removeEventListener("beforeinput",this._boundHandleBeforeInput),this.input.removeEventListener("input",this._boundHandleInput),this.input.removeEventListener("keydown",this._boundHandleKeydown),this.input.removeEventListener("focus",this._boundHandleFocus),this.input.removeEventListener("blur",this._boundHandleBlur),this.listeners.clear()}_handleFocus(){this._valueAtFocus=this._state}_handleBlur(){this._state!==this._valueAtFocus&&this.input.dispatchEvent(new Event("change",{bubbles:!0}))}_buildPlaceholder(e){return e.replace(/`/g,"").replace(/\{(\/)\}/g,"$1").replace(/d/g,"D").replace(/m/g,"M").replace(/y/g,"Y")}_getDigitPositions(){const e=[];for(let t=0;t<this.placeholderStr.length;t++){const s=this.placeholderStr[t];"D"!==s&&"M"!==s&&"Y"!==s||e.push(t)}return e}_handleBeforeInput(e){e.preventDefault()}_handleInput(){this.input.value!==this._state&&(this.input.value=this._state)}_handleKeydown(e){"Backspace"===e.key?(e.preventDefault(),this._backspace()):"Delete"===e.key?(e.preventDefault(),this._deleteForward()):1===e.key.length&&/\d/.test(e.key)&&(e.preventDefault(),this._insertDigit(e.key))}_insertDigit(e){const t=this._getDigitPositions(),s=this._state.split("");let i=-1;for(const e of t)if(/[DMY]/.test(s[e])){i=e;break}if(-1===i)return;s[i]=e,this._state=s.join(""),this.input.value=this._state;const a=this._findNextInputPos(i);this.input.setSelectionRange(a,a),this._emit("accept"),this.masked.isComplete&&this._emit("complete")}_backspace(){var e;const t=null!==(e=this.input.selectionStart)&&void 0!==e?e:this._state.length,s=this._state.split("");let i=t-1;for(;i>=0&&!/\d/.test(s[i]);)i--;i>=0&&(s[i]=this.placeholderStr[i],this._state=s.join(""),this.input.value=this._state,this.input.setSelectionRange(i,i),this._emit("accept"))}_deleteForward(){var e;const t=null!==(e=this.input.selectionStart)&&void 0!==e?e:0,s=this._state.split("");let i=t;for(;i<s.length&&!/\d/.test(s[i]);)i++;i<s.length&&(s[i]=this.placeholderStr[i],this._state=s.join(""),this.input.value=this._state,this.input.setSelectionRange(t,t),this._emit("accept"))}_findNextInputPos(e){for(let t=e+1;t<this._state.length;t++)if(/[DMY]/.test(this._state[t]))return t;return this._state.length}_emit(e){const t=this.listeners.get(e);if(t)for(const e of t)e()}}var ko=r`:host{--input-border-radius:var(--sgds-form-border-radius-md);--input-min-width:var(--sgds-dimension-160)}.form-control-container{min-width:var(--input-min-width)}:host(.quantity-toggle) input::-webkit-inner-spin-button{appearance:none;margin:0}:host(.quantity-toggle) input{text-align:center}.form-control-prefix,.form-control-suffix{align-items:center;color:var(--sgds-form-color-subtle);display:flex;flex-shrink:0;font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);height:100%;justify-content:center}.form-control-prefix{border-right:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-right:var(--sgds-form-padding-x)}.form-control-suffix{border-left:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-left:var(--sgds-form-padding-x)}.form-control-group.quantity-toggle{padding:0}sgds-icon[role=button]{cursor:pointer}sgds-icon[role=button]:focus,sgds-icon[role=button]:focus-visible{outline:var(--sgds-form-outline-focus)}.form-control-row{align-items:center;display:flex;gap:var(--sgds-gap-sm)}`;class Co extends(Ia(za)){constructor(){super(...arguments),this.type="text",this.placeholder="placeholder",this.autofocus=!1,this.readonly=!1,this.autocomplete="on",this.defaultValue="",this.valid=!1,this.loading=!1,this.required=!1,this.noValidate=!1,this.value="",this._isTouched=!1,this._showPassword=!1}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,s){return this._mixinSetValidity(e,t,s)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleClick(){this.focus()}_handleChange(e){this.value=this.input.value;this.emit("sgds-change",{cancelable:!0}).defaultPrevented||super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value;this.emit("sgds-input",{cancelable:!0}).defaultPrevented||super._mixinHandleInputChange(e)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_renderInput(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback,s=[this.hintText?`${this._controlId}Help`:"",this.invalid&&t?`${this._controlId}-invalid`:""].filter(Boolean).join(" ")||void 0;return ut`
937
+ `}}_o.styles=[xo],_o.dependencies={"sgds-icon":xt,"sgds-icon-button":Nt,"sgds-button":va},t([ze({attribute:!1})],_o.prototype,"displayDate",void 0),t([ze({attribute:!1})],_o.prototype,"focusedDate",void 0),t([ze({attribute:!1})],_o.prototype,"selectedDate",void 0),t([ze()],_o.prototype,"view",void 0),t([ze()],_o.prototype,"focusedTabIndex",void 0),t([nt("focusedTabIndex",{waitUntilFirstUpdate:!0})],_o.prototype,"_handleFocusedTabIndexChange",null);const ko=["January","February","March","April","May","June","July","August","September","October","November","December"];class Co{constructor(e,t){this.listeners=new Map,this.input=e,this.placeholderStr=this._buildPlaceholder(t.pattern),this._state=this.placeholderStr,this.listeners.set("accept",[]),this.listeners.set("complete",[]);const s={value:"",isComplete:!1};Object.defineProperties(s,{value:{get:()=>this._state,enumerable:!0},isComplete:{get:()=>this._state.length>0&&!/[DMY]/.test(this._state),enumerable:!0}}),this.masked=s,this.input.value&&this.input.value.length===this._state.length&&!/[DMY]/.test(this.input.value)?this._state=this.input.value:this.input.value=this._state,this._boundHandleBeforeInput=this._handleBeforeInput.bind(this),this._boundHandleInput=this._handleInput.bind(this),this._boundHandleKeydown=this._handleKeydown.bind(this),this._boundHandleFocus=this._handleFocus.bind(this),this._boundHandleBlur=this._handleBlur.bind(this),this._valueAtFocus=this._state,this.input.addEventListener("beforeinput",this._boundHandleBeforeInput),this.input.addEventListener("input",this._boundHandleInput),this.input.addEventListener("keydown",this._boundHandleKeydown),this.input.addEventListener("focus",this._boundHandleFocus),this.input.addEventListener("blur",this._boundHandleBlur)}get value(){return this._state}set value(e){this._state=e&&""!==e?e:this.placeholderStr,this.input.value=this._state,this._emit("accept")}on(e,t){var s;null===(s=this.listeners.get(e))||void 0===s||s.push(t)}updateValue(){this._state=this.input.value}destroy(){this.input.removeEventListener("beforeinput",this._boundHandleBeforeInput),this.input.removeEventListener("input",this._boundHandleInput),this.input.removeEventListener("keydown",this._boundHandleKeydown),this.input.removeEventListener("focus",this._boundHandleFocus),this.input.removeEventListener("blur",this._boundHandleBlur),this.listeners.clear()}_handleFocus(){this._valueAtFocus=this._state}_handleBlur(){this._state!==this._valueAtFocus&&this.input.dispatchEvent(new Event("change",{bubbles:!0}))}_buildPlaceholder(e){return e.replace(/`/g,"").replace(/\{(\/)\}/g,"$1").replace(/d/g,"D").replace(/m/g,"M").replace(/y/g,"Y")}_getDigitPositions(){const e=[];for(let t=0;t<this.placeholderStr.length;t++){const s=this.placeholderStr[t];"D"!==s&&"M"!==s&&"Y"!==s||e.push(t)}return e}_handleBeforeInput(e){e.preventDefault()}_handleInput(){this.input.value!==this._state&&(this.input.value=this._state)}_handleKeydown(e){"Backspace"===e.key?(e.preventDefault(),this._backspace()):"Delete"===e.key?(e.preventDefault(),this._deleteForward()):1===e.key.length&&/\d/.test(e.key)&&(e.preventDefault(),this._insertDigit(e.key))}_insertDigit(e){const t=this._getDigitPositions(),s=this._state.split("");let i=-1;for(const e of t)if(/[DMY]/.test(s[e])){i=e;break}if(-1===i)return;s[i]=e,this._state=s.join(""),this.input.value=this._state;const a=this._findNextInputPos(i);this.input.setSelectionRange(a,a),this._emit("accept"),this.masked.isComplete&&this._emit("complete")}_backspace(){var e;const t=null!==(e=this.input.selectionStart)&&void 0!==e?e:this._state.length,s=this._state.split("");let i=t-1;for(;i>=0&&!/\d/.test(s[i]);)i--;i>=0&&(s[i]=this.placeholderStr[i],this._state=s.join(""),this.input.value=this._state,this.input.setSelectionRange(i,i),this._emit("accept"))}_deleteForward(){var e;const t=null!==(e=this.input.selectionStart)&&void 0!==e?e:0,s=this._state.split("");let i=t;for(;i<s.length&&!/\d/.test(s[i]);)i++;i<s.length&&(s[i]=this.placeholderStr[i],this._state=s.join(""),this.input.value=this._state,this.input.setSelectionRange(t,t),this._emit("accept"))}_findNextInputPos(e){for(let t=e+1;t<this._state.length;t++)if(/[DMY]/.test(this._state[t]))return t;return this._state.length}_emit(e){const t=this.listeners.get(e);if(t)for(const e of t)e()}}var $o=r`:host{--input-border-radius:var(--sgds-form-border-radius-md);--input-min-width:var(--sgds-dimension-160)}.form-control-container{min-width:var(--input-min-width)}:host(.quantity-toggle) input::-webkit-inner-spin-button{appearance:none;margin:0}:host(.quantity-toggle) input{text-align:center}.form-control-prefix,.form-control-suffix{align-items:center;color:var(--sgds-form-color-subtle);display:flex;flex-shrink:0;font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);height:100%;justify-content:center}.form-control-prefix{border-right:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-right:var(--sgds-form-padding-x)}.form-control-suffix{border-left:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-left:var(--sgds-form-padding-x)}.form-control-group.quantity-toggle{padding:0}sgds-icon[role=button]{cursor:pointer}sgds-icon[role=button]:focus,sgds-icon[role=button]:focus-visible{outline:var(--sgds-form-outline-focus)}.form-control-row{align-items:center;display:flex;gap:var(--sgds-gap-sm)}`;class So extends(Da(Va)){constructor(){super(...arguments),this.type="text",this.placeholder="placeholder",this.autofocus=!1,this.readonly=!1,this.autocomplete="on",this.defaultValue="",this.valid=!1,this.loading=!1,this.required=!1,this.noValidate=!1,this.value="",this._isTouched=!1,this._showPassword=!1}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,s){return this._mixinSetValidity(e,t,s)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleClick(){this.focus()}_handleChange(e){this.value=this.input.value;this.emit("sgds-change",{cancelable:!0}).defaultPrevented||super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value;this.emit("sgds-input",{cancelable:!0}).defaultPrevented||super._mixinHandleInputChange(e)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_renderInput(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback,s=[this.hintText?`${this._controlId}Help`:"",this.invalid&&t?`${this._controlId}-invalid`:""].filter(Boolean).join(" ")||void 0;return gt`
923
938
  <div
924
939
  class="form-control-group ${We({disabled:this.disabled,readonly:this.readonly,"is-invalid":this.invalid&&e})}"
925
940
  @click=${this._handleClick}
926
941
  >
927
942
  <slot name="icon"></slot>
928
- ${this.prefix?ut`<span class="form-control-prefix">${this.prefix}</span>`:ae}
943
+ ${this.prefix?gt`<span class="form-control-prefix">${this.prefix}</span>`:ae}
929
944
  <input
930
945
  class="form-control"
931
946
  type=${this._inputType()}
@@ -953,30 +968,30 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
953
968
  .autocomplete=${this.autocomplete}
954
969
  />
955
970
  ${"password"===this.type?this._renderPasswordToggle():ae}
956
- ${this.suffix?ut`<span class="form-control-suffix">${this.suffix}</span>`:ae}
971
+ ${this.suffix?gt`<span class="form-control-suffix">${this.suffix}</span>`:ae}
957
972
  <slot name="trailing-icon">
958
- ${this.loading?ut`<sgds-spinner size="sm"></sgds-spinner>`:ae}
959
- ${this.valid?ut`<sgds-icon name="check-circle-fill" class="valid-icon"></sgds-icon>`:ae}
973
+ ${this.loading?gt`<sgds-spinner size="sm"></sgds-spinner>`:ae}
974
+ ${this.valid?gt`<sgds-icon name="check-circle-fill" class="valid-icon"></sgds-icon>`:ae}
960
975
  </slot>
961
976
  </div>
962
- `}_renderPasswordToggle(){return ut`<sgds-icon
977
+ `}_renderPasswordToggle(){return gt`<sgds-icon
963
978
  tabIndex="0"
964
979
  role="button"
965
980
  name=${this._showPassword?"eye-slash-fill":"eye-fill"}
966
981
  @click=${()=>this._showPassword=!this._showPassword}
967
- ></sgds-icon>`}_inputType(){return"password"===this.type&&this._showPassword?"text":this.type}_renderFeedback(){const e="both"===this.hasFeedback||"text"===this.hasFeedback;return this.invalid&&e?ut` <div class="invalid-feedback-container">
982
+ ></sgds-icon>`}_inputType(){return"password"===this.type&&this._showPassword?"text":this.type}_renderFeedback(){const e="both"===this.hasFeedback||"text"===this.hasFeedback;return this.invalid&&e?gt` <div class="invalid-feedback-container">
968
983
  <sgds-icon name="exclamation-circle-fill" size="md"></sgds-icon>
969
984
  <div id="${this._controlId}-invalid" class="invalid-feedback">
970
985
  ${this.invalidFeedback?this.invalidFeedback:this.input.validationMessage}
971
986
  </div>
972
- </div>`:ut`${this._renderHintText()}`}_renderLabel(){const e=ut`
987
+ </div>`:gt`${this._renderHintText()}`}_renderLabel(){const e=gt`
973
988
  <label
974
989
  for=${this._controlId}
975
990
  id=${this._labelId}
976
991
  class=${We({"form-label":!0,required:this.required})}
977
992
  >${this.label}</label
978
993
  >
979
- `;return this.label&&e}_renderHintText(){const e=ut` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}render(){return ut`
994
+ `;return this.label&&e}_renderHintText(){const e=gt` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}render(){return gt`
980
995
  <div
981
996
  class="form-control-container ${We({disabled:this.disabled})}"
982
997
  >
@@ -987,7 +1002,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
987
1002
  </div>
988
1003
  ${this._renderFeedback()}
989
1004
  </div>
990
- `}}Co.styles=[...za.styles,Ha,Za,ko],Co.dependencies={"sgds-spinner":Rt,"sgds-icon":xt},t([Ve({reflect:!0})],Co.prototype,"type",void 0),t([Ve({type:String})],Co.prototype,"prefix",void 0),t([Ve({type:String})],Co.prototype,"suffix",void 0),t([Ve({type:Number,reflect:!0})],Co.prototype,"minlength",void 0),t([Ve({type:Number,reflect:!0})],Co.prototype,"maxlength",void 0),t([Ve()],Co.prototype,"min",void 0),t([Ve()],Co.prototype,"max",void 0),t([Ve({type:String,reflect:!0})],Co.prototype,"placeholder",void 0),t([Ve({type:String})],Co.prototype,"pattern",void 0),t([Ve({type:Boolean,reflect:!0})],Co.prototype,"autofocus",void 0),t([Ve({type:Boolean,reflect:!0})],Co.prototype,"readonly",void 0),t([Ve({type:String,reflect:!0})],Co.prototype,"autocomplete",void 0),t([Ve()],Co.prototype,"step",void 0),t([Ve({type:String,reflect:!0})],Co.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],Co.prototype,"invalidFeedback",void 0),t([Va()],Co.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],Co.prototype,"valid",void 0),t([Ve({type:Boolean,reflect:!0})],Co.prototype,"loading",void 0),t([Ve({type:Boolean,reflect:!0})],Co.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],Co.prototype,"noValidate",void 0),t([Ve({reflect:!0})],Co.prototype,"value",void 0),t([Pe()],Co.prototype,"_isTouched",void 0),t([Pe()],Co.prototype,"_showPassword",void 0),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Co.prototype,"_handleIsTouched",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Co.prototype,"_handleDisabledChange",null);var $o=r`.datepicker-input-container{display:flex;flex-direction:row;width:-webkit-fill-available;width:-moz-available}.datepicker-input-container .form-control-group{border-right:0}.calendar-btn{all:unset}`;class So extends Co{constructor(){super(),this.dateFormat="DD/MM/YYYY",this.mode="single",this._validateInput=async()=>{const e=this.mask.value.split(" - ").filter(e=>e!==this.dateFormat),t=e.map(e=>go(co(e,ho[this.dateFormat].fnsPattern))),s=t.filter(e=>!ro(e)||ao(e,new Date(0,0,1))||ao(e,go(new Date(this.minDate)))||io(e,go(new Date(this.maxDate))));return s.length>0||"range"===this.mode&&1===t.length?(this.setInvalid(!0),this.emit("i-sgds-invalid-input")):0===s.length&&t.length>0?(this.setInvalid(!1),this.emit("i-sgds-selectdates-input",{detail:t})):0===t.length&&0===s.length?(this.setInvalid(!1),this.emit("i-sgds-empty-input")):void 0},this.type="text"}_handleBlur(){const e=this.mask.value.split(" - ").filter(e=>e!==this.dateFormat),t=e.map(e=>go(co(e,ho[this.dateFormat].fnsPattern))),s=t.filter(e=>!ro(e)||ao(e,new Date(0,0,1))||ao(e,go(new Date(this.minDate)))||io(e,go(new Date(this.maxDate))));this.mask.masked.isComplete&&s.length>0&&t.length>0&&(this.value="",this.mask.value="",this.setInvalid(!1)),this.emit("sgds-blur")}async _handleChange(e){this.value=this.input.value,this.emit("sgds-change"),super._mixinHandleChange(e),await this._validateInput()}async firstUpdated(e){super.firstUpdated(e),this._applyInputMask(this.dateFormat)}async _applyInputMask(e){const t=await this.shadowInput,s="single"===this.mode?ho[e].imPattern:ho[e].imRangePattern;this.mask=new _o(t,{pattern:s}),this.mask.on("accept",()=>{this.value=this.mask.masked.value,this.emit("i-sgds-mask-input-change",{detail:this.value})}),this.mask.on("complete",this._validateInput)}updateMaskValue(){var e;null===(e=this.mask)||void 0===e||e.updateValue()}destroyInputMask(){var e;null===(e=this.mask)||void 0===e||e.destroy()}async applyInputMask(){return await this._applyInputMask(this.dateFormat)}async focus(){return(await this.shadowInput).focus()}render(){return te`
1005
+ `}}So.styles=[...Va.styles,Ha,Za,$o],So.dependencies={"sgds-spinner":Rt,"sgds-icon":xt},t([ze({reflect:!0})],So.prototype,"type",void 0),t([ze({type:String})],So.prototype,"prefix",void 0),t([ze({type:String})],So.prototype,"suffix",void 0),t([ze({type:Number,reflect:!0})],So.prototype,"minlength",void 0),t([ze({type:Number,reflect:!0})],So.prototype,"maxlength",void 0),t([ze()],So.prototype,"min",void 0),t([ze()],So.prototype,"max",void 0),t([ze({type:String,reflect:!0})],So.prototype,"placeholder",void 0),t([ze({type:String})],So.prototype,"pattern",void 0),t([ze({type:Boolean,reflect:!0})],So.prototype,"autofocus",void 0),t([ze({type:Boolean,reflect:!0})],So.prototype,"readonly",void 0),t([ze({type:String,reflect:!0})],So.prototype,"autocomplete",void 0),t([ze()],So.prototype,"step",void 0),t([ze({type:String,reflect:!0})],So.prototype,"hasFeedback",void 0),t([ze({type:String,reflect:!0})],So.prototype,"invalidFeedback",void 0),t([za()],So.prototype,"defaultValue",void 0),t([ze({type:Boolean,reflect:!0})],So.prototype,"valid",void 0),t([ze({type:Boolean,reflect:!0})],So.prototype,"loading",void 0),t([ze({type:Boolean,reflect:!0})],So.prototype,"required",void 0),t([ze({type:Boolean,reflect:!0})],So.prototype,"noValidate",void 0),t([ze({reflect:!0})],So.prototype,"value",void 0),t([Pe()],So.prototype,"_isTouched",void 0),t([Pe()],So.prototype,"_showPassword",void 0),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],So.prototype,"_handleIsTouched",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],So.prototype,"_handleDisabledChange",null);var Mo=r`.datepicker-input-container{display:flex;flex-direction:row;width:-webkit-fill-available;width:-moz-available}.datepicker-input-container .form-control-group{border-right:0}.calendar-btn{all:unset}`;class Zo extends So{constructor(){super(),this.dateFormat="DD/MM/YYYY",this.mode="single",this._validateInput=async()=>{const e=this.mask.value.split(" - ").filter(e=>e!==this.dateFormat),t=e.map(e=>mo(po(e,go[this.dateFormat].fnsPattern))),s=t.filter(e=>!co(e)||no(e,new Date(0,0,1))||no(e,mo(new Date(this.minDate)))||oo(e,mo(new Date(this.maxDate))));return s.length>0||"range"===this.mode&&1===t.length?(this.setInvalid(!0),this.emit("i-sgds-invalid-input")):0===s.length&&t.length>0?(this.setInvalid(!1),this.emit("i-sgds-selectdates-input",{detail:t})):0===t.length&&0===s.length?(this.setInvalid(!1),this.emit("i-sgds-empty-input")):void 0},this.type="text"}_handleBlur(){const e=this.mask.value.split(" - ").filter(e=>e!==this.dateFormat),t=e.map(e=>mo(po(e,go[this.dateFormat].fnsPattern))),s=t.filter(e=>!co(e)||no(e,new Date(0,0,1))||no(e,mo(new Date(this.minDate)))||oo(e,mo(new Date(this.maxDate))));this.mask.masked.isComplete&&s.length>0&&t.length>0&&(this.value="",this.mask.value="",this.setInvalid(!1)),this.emit("sgds-blur")}async _handleChange(e){this.value=this.input.value,this.emit("sgds-change"),super._mixinHandleChange(e),await this._validateInput()}async firstUpdated(e){super.firstUpdated(e),this._applyInputMask(this.dateFormat)}async _applyInputMask(e){const t=await this.shadowInput,s="single"===this.mode?go[e].imPattern:go[e].imRangePattern;this.mask=new Co(t,{pattern:s}),this.mask.on("accept",()=>{this.value=this.mask.masked.value,this.emit("i-sgds-mask-input-change",{detail:this.value})}),this.mask.on("complete",this._validateInput)}updateMaskValue(){var e;null===(e=this.mask)||void 0===e||e.updateValue()}destroyInputMask(){var e;null===(e=this.mask)||void 0===e||e.destroy()}async applyInputMask(){return await this._applyInputMask(this.dateFormat)}async focus(){return(await this.shadowInput).focus()}render(){return te`
991
1006
  <div
992
1007
  class="form-control-container ${We({disabled:this.disabled})}"
993
1008
  >
@@ -998,7 +1013,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
998
1013
  </div>
999
1014
  ${this._renderFeedback()}
1000
1015
  </div>
1001
- `}}So.styles=[...Co.styles,$o],t([Ve({type:String})],So.prototype,"minDate",void 0),t([Ve({type:String})],So.prototype,"maxDate",void 0),t([Ve({type:String,reflect:!0})],So.prototype,"mode",void 0),t([Ae("input")],So.prototype,"shadowInput",void 0);var Mo=r`:host{--datepicker-theme-color:var(--sgds-primary);--datepicker-hover-bg:var(--sgds-primary-100);--datepicker-bg:#fff;--datepicker-close-btn-bg:var(--datepicker-theme-color);--datepicker-close-btn-hover-bg:var(--sgds-primary-700);--datepicker-close-btn-color:#fff;--datepicker-selected-date-bg:var(--sgds-primary);--datepicker-selected-date-color:#fff}:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{background-color:var(--sgds-form-surface-default);display:flex;flex-direction:column;gap:var(--sgds-form-gap-sm);overflow:unset;padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x);width:var(--sgds-dimension-320)}.dropdown{display:flex;height:100%}sgds-datepicker-input{--input-border-radius:var(--sgds-form-border-radius-md) 0 0 var(--sgds-form-border-radius-md);flex:1;margin-right:0}sgds-icon-button{--btn-border-radius:0 var(--sgds-form-border-radius-md) var(--sgds-form-border-radius-md) 0}.m-width-160{min-width:var(--sgds-dimension-160)}`;class Zo extends(Ia(Ui)){constructor(){super(),this.required=!1,this.disabled=!1,this.noValidate=!1,this.value="",this.initialValue=[],this.dateFormat="DD/MM/YYYY",this.minDate="",this.maxDate="",this.mode="single",this.hasFeedback=!1,this.label="",this.hintText="",this.noFlip=!1,this.drop="down",this.defaultValue="",this.invalid=!1,this.view="days",this.selectedDateRange=[],this.focusedTabIndex=3,this.initialDisplayDate=new Date,this._makeInputValueString=(e,t,s)=>{if(!e&&!t)return this.value;const i=e=>to(e,ho[s].fnsPattern);switch(this.mode){case"single":e&&(this.value=i(e));break;case"range":e&&t&&(this.value=`${i(e)} - ${i(t)}`),e&&!t&&(this.value=`${i(e)} - ${this.dateFormat}`)}return this.value},this._dialogAriaLabels={days:"Choose date",months:"Choose month",years:"Choose year"},this.floatingOpts={placement:"bottom-end"}}isValueEmpty(){return""===this.value||"DD/MM/YYYY"===this.value||"DD/MM/YYYY - DD/MM/YYYY"===this.value}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setInvalid(e){this.invalid=e,this.datepickerInput&&this.datepickerInput.setInvalid(e)}setValidity(e,t,s){return this._mixinSetValidity(e,t,s)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}async connectedCallback(){if(super.connectedCallback(),this.addEventListener("sgds-view",this._handleViewChanged),this.addEventListener("sgds-change-calendar",this._handleDateChanged),this.addEventListener("sgds-update-focus",this._handleFocusDateChanged),this.addEventListener("sgds-selectmonth",this._handleSelectMonth),this.addEventListener("sgds-selectyear",this._handleSelectYear),this.addEventListener("sgds-selectdates",this._handleSelectDatesAndClose),this.addEventListener("i-sgds-selectdates-input",this._handleSelectDatesInput),this.addEventListener("i-sgds-empty-input",this._handleEmptyInput),this.addEventListener("keydown",this._handleTab),this.addEventListener("sgds-hide",this._handleCloseMenu),this.addEventListener("sgds-show",this._handleOpenMenu),this.addEventListener("blur",this._mixinCheckValidity),this.initialValue=this.value?this.value.split(" - ").map(e=>e.trim()):this.initialValue,this.initialDisplayDate=this.displayDate||new Date,this.initialValue&&this.initialValue.length>0){const e=new RegExp(this._getDateFormatRegex()),t=this.initialValue.filter(t=>!e.test(t));if(t.length>0)return console.error("Invalid date format in initialValue:",t);{const e=this.initialValue.map(e=>go(co(e,ho[this.dateFormat].fnsPattern)));this._handleSelectDates(e)}}else this.displayDate=this.initialDisplayDate;(await this.datepickerInputAsync).setInvalid(this.invalid)}async firstUpdated(e){if(super.firstUpdated(e),this.menuIsOpen){const e=await this.datepickerInputAsync;await this.updateFloatingPosition();(await this.calendar).focusOnCalendar(e)}}_getDateFormatRegex(){return this.dateFormat.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace("MM","\\d{2}").replace("DD","\\d{2}").replace("YYYY","\\d{4}").replace("/","\\/")}_handleTab(e){if(!this.menuIsOpen)return;const t=Array(4);e.shiftKey&&"Tab"===e.key?(e.preventDefault(),this.focusedTabIndex=(this.focusedTabIndex-1+t.length)%t.length):"Tab"===e.key&&(e.preventDefault(),this.focusedTabIndex=(this.focusedTabIndex+1+t.length)%t.length)}_handleValueChange(){this.emit("sgds-change-date")}async _handleCloseMenu(){if(0===this.selectedDateRange.length)this.displayDate=this.initialDisplayDate;else{const e=this.selectedDateRange.length;this.displayDate=this.selectedDateRange[e-1];(await this.calendar)._updateFocusedDate()}await this.updateComplete;(await this.datepickerInputAsync).focus()}async _handleOpenMenu(){const e=await this.calendar,t=await this.datepickerInputAsync;e.focusOnCalendar(t)}_handleSelectDatesInput(e){this._handleSelectDates(e.detail)}async _handleSelectDates(e){e.sort((e,t)=>e.getTime()-t.getTime()),this.displayDate=e[0],this.focusedDate=e[0],this.selectedDateRange=e;const t=this._makeInputValueString(this.selectedDateRange[0],this.selectedDateRange[1],this.dateFormat);this.value=t;(await this.datepickerInputAsync).updateMaskValue(),this._manageInternalsValid()}async _handleSelectDatesAndClose(e){await this._handleSelectDates(e.detail),("range"===this.mode&&2===this.selectedDateRange.length||"single"===this.mode&&1===this.selectedDateRange.length)&&this.hideMenu()}_handleViewChanged(e){this.view=e.detail}_handleDateChanged(e){this.displayDate=e.detail}_handleFocusDateChanged(e){this.focusedDate=e.detail}_handleSelectMonth(e){this.displayDate=e.detail}_handleSelectYear(e){this.displayDate=e.detail}async _handleInvalidInput(){this.selectedDateRange=[],this.displayDate=this.initialDisplayDate,this._mixinShouldSkipSgdsValidation()||(this.invalid=!0,this._manageInternalsBadInput())}async _handleEmptyInput(){this.required&&this._manageEmptyInput()}async _resetDatepicker(e=""){this.displayDate=this.initialDisplayDate,this.selectedDateRange=[],this.value=e,this.view="days";const t=await this.datepickerInputAsync;t.setInvalid(this.invalid),t.destroyInputMask(),await t.applyInputMask(),this._mixinResetValidity(t),this.isValueEmpty()&&this._handleEmptyInput()}_manageInternalsBadInput(){this._mixinSetValidity({badInput:!0},"Invalid date input",this.datepickerInput)}_manageEmptyInput(){this._mixinSetValidity({valueMissing:!0},"Please fill in this field",this.datepickerInput)}_manageInternalsValid(){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||(this._mixinSetValidity({}),this.invalid=this.datepickerInput.invalid=!1)}async _mixinResetFormControl(){this._resetDatepicker(this.defaultValue)}async _handleInputMaskChange(e){this.value=e.detail,this.isValueEmpty()&&this._resetDatepicker()}render(){return te`
1016
+ `}}Zo.styles=[...So.styles,Mo],t([ze({type:String})],Zo.prototype,"minDate",void 0),t([ze({type:String})],Zo.prototype,"maxDate",void 0),t([ze({type:String,reflect:!0})],Zo.prototype,"mode",void 0),t([Ae("input")],Zo.prototype,"shadowInput",void 0);var Vo=r`:host{--datepicker-theme-color:var(--sgds-primary);--datepicker-hover-bg:var(--sgds-primary-100);--datepicker-bg:#fff;--datepicker-close-btn-bg:var(--datepicker-theme-color);--datepicker-close-btn-hover-bg:var(--sgds-primary-700);--datepicker-close-btn-color:#fff;--datepicker-selected-date-bg:var(--sgds-primary);--datepicker-selected-date-color:#fff}:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{background-color:var(--sgds-form-surface-default);display:flex;flex-direction:column;gap:var(--sgds-form-gap-sm);overflow:unset;padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x);width:var(--sgds-dimension-320)}.dropdown{display:flex;height:100%}sgds-datepicker-input{--input-border-radius:var(--sgds-form-border-radius-md) 0 0 var(--sgds-form-border-radius-md);flex:1;margin-right:0}sgds-icon-button{--btn-border-radius:0 var(--sgds-form-border-radius-md) var(--sgds-form-border-radius-md) 0}.m-width-160{min-width:var(--sgds-dimension-160)}`;class zo extends(Da(Ui)){constructor(){super(),this.required=!1,this.disabled=!1,this.noValidate=!1,this.value="",this.initialValue=[],this.dateFormat="DD/MM/YYYY",this.minDate="",this.maxDate="",this.mode="single",this.hasFeedback=!1,this.label="",this.hintText="",this.noFlip=!1,this.drop="down",this.defaultValue="",this.invalid=!1,this.view="days",this.selectedDateRange=[],this.focusedTabIndex=3,this.initialDisplayDate=new Date,this._makeInputValueString=(e,t,s)=>{if(!e&&!t)return this.value;const i=e=>io(e,go[s].fnsPattern);switch(this.mode){case"single":e&&(this.value=i(e));break;case"range":e&&t&&(this.value=`${i(e)} - ${i(t)}`),e&&!t&&(this.value=`${i(e)} - ${this.dateFormat}`)}return this.value},this._dialogAriaLabels={days:"Choose date",months:"Choose month",years:"Choose year"},this.floatingOpts={placement:"bottom-end"}}isValueEmpty(){return""===this.value||"DD/MM/YYYY"===this.value||"DD/MM/YYYY - DD/MM/YYYY"===this.value}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setInvalid(e){this.invalid=e,this.datepickerInput&&this.datepickerInput.setInvalid(e)}setValidity(e,t,s){return this._mixinSetValidity(e,t,s)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}async connectedCallback(){if(super.connectedCallback(),this.addEventListener("sgds-view",this._handleViewChanged),this.addEventListener("sgds-change-calendar",this._handleDateChanged),this.addEventListener("sgds-update-focus",this._handleFocusDateChanged),this.addEventListener("sgds-selectmonth",this._handleSelectMonth),this.addEventListener("sgds-selectyear",this._handleSelectYear),this.addEventListener("sgds-selectdates",this._handleSelectDatesAndClose),this.addEventListener("i-sgds-selectdates-input",this._handleSelectDatesInput),this.addEventListener("i-sgds-empty-input",this._handleEmptyInput),this.addEventListener("keydown",this._handleTab),this.addEventListener("sgds-hide",this._handleCloseMenu),this.addEventListener("sgds-show",this._handleOpenMenu),this.addEventListener("blur",this._mixinCheckValidity),this.initialValue=this.value?this.value.split(" - ").map(e=>e.trim()):this.initialValue,this.initialDisplayDate=this.displayDate||new Date,this.initialValue&&this.initialValue.length>0){const e=new RegExp(this._getDateFormatRegex()),t=this.initialValue.filter(t=>!e.test(t));if(t.length>0)return console.error("Invalid date format in initialValue:",t);{const e=this.initialValue.map(e=>mo(po(e,go[this.dateFormat].fnsPattern)));this._handleSelectDates(e)}}else this.displayDate=this.initialDisplayDate;(await this.datepickerInputAsync).setInvalid(this.invalid)}async firstUpdated(e){if(super.firstUpdated(e),this.menuIsOpen){const e=await this.datepickerInputAsync;await this.updateFloatingPosition();(await this.calendar).focusOnCalendar(e)}}_getDateFormatRegex(){return this.dateFormat.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace("MM","\\d{2}").replace("DD","\\d{2}").replace("YYYY","\\d{4}").replace("/","\\/")}_handleTab(e){if(!this.menuIsOpen)return;const t=Array(4);e.shiftKey&&"Tab"===e.key?(e.preventDefault(),this.focusedTabIndex=(this.focusedTabIndex-1+t.length)%t.length):"Tab"===e.key&&(e.preventDefault(),this.focusedTabIndex=(this.focusedTabIndex+1+t.length)%t.length)}_handleValueChange(){this.emit("sgds-change-date")}async _handleCloseMenu(){if(0===this.selectedDateRange.length)this.displayDate=this.initialDisplayDate;else{const e=this.selectedDateRange.length;this.displayDate=this.selectedDateRange[e-1];(await this.calendar)._updateFocusedDate()}await this.updateComplete;(await this.datepickerInputAsync).focus()}async _handleOpenMenu(){const e=await this.calendar,t=await this.datepickerInputAsync;e.focusOnCalendar(t)}_handleSelectDatesInput(e){this._handleSelectDates(e.detail)}async _handleSelectDates(e){e.sort((e,t)=>e.getTime()-t.getTime()),this.displayDate=e[0],this.focusedDate=e[0],this.selectedDateRange=e;const t=this._makeInputValueString(this.selectedDateRange[0],this.selectedDateRange[1],this.dateFormat);this.value=t;(await this.datepickerInputAsync).updateMaskValue(),this._manageInternalsValid()}async _handleSelectDatesAndClose(e){await this._handleSelectDates(e.detail),("range"===this.mode&&2===this.selectedDateRange.length||"single"===this.mode&&1===this.selectedDateRange.length)&&this.hideMenu()}_handleViewChanged(e){this.view=e.detail}_handleDateChanged(e){this.displayDate=e.detail}_handleFocusDateChanged(e){this.focusedDate=e.detail}_handleSelectMonth(e){this.displayDate=e.detail}_handleSelectYear(e){this.displayDate=e.detail}async _handleInvalidInput(){this.selectedDateRange=[],this.displayDate=this.initialDisplayDate,this._mixinShouldSkipSgdsValidation()||(this.invalid=!0,this._manageInternalsBadInput())}async _handleEmptyInput(){this.required&&this._manageEmptyInput()}async _resetDatepicker(e=""){this.displayDate=this.initialDisplayDate,this.selectedDateRange=[],this.value=e,this.view="days";const t=await this.datepickerInputAsync;t.setInvalid(this.invalid),t.destroyInputMask(),await t.applyInputMask(),this._mixinResetValidity(t),this.isValueEmpty()&&this._handleEmptyInput()}_manageInternalsBadInput(){this._mixinSetValidity({badInput:!0},"Invalid date input",this.datepickerInput)}_manageEmptyInput(){this._mixinSetValidity({valueMissing:!0},"Please fill in this field",this.datepickerInput)}_manageInternalsValid(){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||(this._mixinSetValidity({}),this.invalid=this.datepickerInput.invalid=!1)}async _mixinResetFormControl(){this._resetDatepicker(this.defaultValue)}async _handleInputMaskChange(e){this.value=e.detail,this.isValueEmpty()&&this._resetDatepicker()}render(){return te`
1002
1017
  <div class="datepicker-container m-width-160">
1003
1018
  <sgds-datepicker-input
1004
1019
  .value=${Ca(this.value)}
@@ -1062,7 +1077,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1062
1077
  ></sgds-datepicker-calendar>
1063
1078
  </div>
1064
1079
  </div>
1065
- `}}Zo.styles=[...Ui.styles,Yi,Mo],Zo.dependencies={"sgds-datepicker-input":So,"sgds-datepicker-calendar":bo,"sgds-datepicker-header":yo,"sgds-button":va,"sgds-icon-button":Nt},t([Ve({type:Boolean,reflect:!0})],Zo.prototype,"required",void 0),t([Ve({reflect:!0})],Zo.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],Zo.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],Zo.prototype,"noValidate",void 0),t([Ve({type:String,reflect:!0})],Zo.prototype,"value",void 0),t([Ve({type:Array,reflect:!0})],Zo.prototype,"initialValue",void 0),t([Ve({type:String})],Zo.prototype,"minDate",void 0),t([Ve({type:String})],Zo.prototype,"maxDate",void 0),t([Ve({type:String,reflect:!0})],Zo.prototype,"mode",void 0),t([Ve({type:String,reflect:!0})],Zo.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Zo.prototype,"hasFeedback",void 0),t([Ve({reflect:!0})],Zo.prototype,"label",void 0),t([Ve({reflect:!0})],Zo.prototype,"hintText",void 0),t([Ve({type:Boolean,reflect:!0,state:!1})],Zo.prototype,"noFlip",void 0),t([Ve({type:String,reflect:!0,state:!1})],Zo.prototype,"drop",void 0),t([Ve({attribute:!1})],Zo.prototype,"displayDate",void 0),t([Va()],Zo.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],Zo.prototype,"invalid",void 0),t([Pe()],Zo.prototype,"view",void 0),t([Pe()],Zo.prototype,"selectedDateRange",void 0),t([Pe()],Zo.prototype,"focusedDate",void 0),t([Pe()],Zo.prototype,"focusedTabIndex",void 0),t([Ae("sgds-datepicker-calendar")],Zo.prototype,"calendar",void 0),t([Ae("sgds-datepicker-input")],Zo.prototype,"datepickerInputAsync",void 0),t([De("sgds-datepicker-input")],Zo.prototype,"datepickerInput",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Zo.prototype,"_handleValueChange",null);var zo=r`:host([bordered][islastchild]) .container:last-child{border-bottom:none}.container{align-items:flex-start;border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);justify-content:flex-start;padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}.data-container,.label-container{flex:1}.label-container{max-width:var(--sgds-dimension-280)}.label{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold)}.data,.label{font-size:var(--sgds-font-size-label-md)}.data{color:var(--sgds-color-subtle);font-weight:var(--sgds-font-weight-regular);margin:0}@media (min-width:512px){:host(:not([stacked])) .container{flex-direction:row;gap:var(--sgds-gap-2-xl)}}`;let Vo=0;class Po extends Oe{constructor(){super(...arguments),this.attrId=++Vo,this.componentId=`sgds-description-list-${this.attrId}`,this.stacked=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","listitem")}render(){return te`
1080
+ `}}zo.styles=[...Ui.styles,Yi,Vo],zo.dependencies={"sgds-datepicker-input":Zo,"sgds-datepicker-calendar":yo,"sgds-datepicker-header":_o,"sgds-button":va,"sgds-icon-button":Nt},t([ze({type:Boolean,reflect:!0})],zo.prototype,"required",void 0),t([ze({reflect:!0})],zo.prototype,"name",void 0),t([ze({type:Boolean,reflect:!0})],zo.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],zo.prototype,"noValidate",void 0),t([ze({type:String,reflect:!0})],zo.prototype,"value",void 0),t([ze({type:Array,reflect:!0})],zo.prototype,"initialValue",void 0),t([ze({type:String})],zo.prototype,"minDate",void 0),t([ze({type:String})],zo.prototype,"maxDate",void 0),t([ze({type:String,reflect:!0})],zo.prototype,"mode",void 0),t([ze({type:String,reflect:!0})],zo.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],zo.prototype,"hasFeedback",void 0),t([ze({reflect:!0})],zo.prototype,"label",void 0),t([ze({reflect:!0})],zo.prototype,"hintText",void 0),t([ze({type:Boolean,reflect:!0,state:!1})],zo.prototype,"noFlip",void 0),t([ze({type:String,reflect:!0,state:!1})],zo.prototype,"drop",void 0),t([ze({attribute:!1})],zo.prototype,"displayDate",void 0),t([za()],zo.prototype,"defaultValue",void 0),t([ze({type:Boolean,reflect:!0})],zo.prototype,"invalid",void 0),t([Pe()],zo.prototype,"view",void 0),t([Pe()],zo.prototype,"selectedDateRange",void 0),t([Pe()],zo.prototype,"focusedDate",void 0),t([Pe()],zo.prototype,"focusedTabIndex",void 0),t([Ae("sgds-datepicker-calendar")],zo.prototype,"calendar",void 0),t([Ae("sgds-datepicker-input")],zo.prototype,"datepickerInputAsync",void 0),t([Le("sgds-datepicker-input")],zo.prototype,"datepickerInput",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],zo.prototype,"_handleValueChange",null);var Po=r`:host([bordered][islastchild]) .container:last-child{border-bottom:none}.container{align-items:flex-start;border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);justify-content:flex-start;padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}.data-container,.label-container{flex:1}.label-container{max-width:var(--sgds-dimension-280)}.label{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold)}.data,.label{font-size:var(--sgds-font-size-label-md)}.data{color:var(--sgds-color-subtle);font-weight:var(--sgds-font-weight-regular);margin:0}@media (min-width:512px){:host(:not([stacked])) .container{flex-direction:row;gap:var(--sgds-gap-2-xl)}}`;let Do=0;class Io extends Oe{constructor(){super(...arguments),this.attrId=++Do,this.componentId=`sgds-description-list-${this.attrId}`,this.stacked=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","listitem")}render(){return te`
1066
1081
  <div class="container">
1067
1082
  <div class="label-container">
1068
1083
  <span class="label">
@@ -1075,7 +1090,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1075
1090
  </span>
1076
1091
  </div>
1077
1092
  </div>
1078
- `}}Po.styles=[...Oe.styles,zo],t([Ve({type:Boolean,reflect:!0})],Po.prototype,"stacked",void 0),t([Ve({type:Boolean,reflect:!0})],Po.prototype,"bordered",void 0);var Io=r`:host([bordered]) .container{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md)}.container{display:flex;flex-direction:column}slot[name=title]::slotted(*){color:var(--sgds-heading-color-default);font-size:var(--sgds-font-size-heading-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-sm)}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs)}.header{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.has-header{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}`;class Lo extends Oe{constructor(){super(...arguments),this.bordered=!1,this.stacked=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasSlotController=new qt(this,"title","description")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","list"),this.updateComplete.then(()=>{this._updateDescriptionLists()})}_updateDescriptionLists(){this._descriptionLists&&this._descriptionLists.forEach((e,t)=>{this.stacked?e.setAttribute("stacked",""):e.removeAttribute("stacked"),this.bordered?e.setAttribute("bordered",""):e.removeAttribute("bordered"),t===this._descriptionLists.length-1&&e.setAttribute("isLastChild","")})}updated(e){e.has("stacked")&&this._updateDescriptionLists(),e.has("bordered")&&this._updateDescriptionLists(),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description"))}render(){return te`
1093
+ `}}Io.styles=[...Oe.styles,Po],t([ze({type:Boolean,reflect:!0})],Io.prototype,"stacked",void 0),t([ze({type:Boolean,reflect:!0})],Io.prototype,"bordered",void 0);var Lo=r`:host([bordered]) .container{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md)}.container{display:flex;flex-direction:column}slot[name=title]::slotted(*){color:var(--sgds-heading-color-default);font-size:var(--sgds-font-size-heading-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-sm)}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs)}.header{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.has-header{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}`;class Ao extends Oe{constructor(){super(...arguments),this.bordered=!1,this.stacked=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasSlotController=new qt(this,"title","description")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","list"),this.updateComplete.then(()=>{this._updateDescriptionLists()})}_updateDescriptionLists(){this._descriptionLists&&this._descriptionLists.forEach((e,t)=>{this.stacked?e.setAttribute("stacked",""):e.removeAttribute("stacked"),this.bordered?e.setAttribute("bordered",""):e.removeAttribute("bordered"),t===this._descriptionLists.length-1&&e.setAttribute("isLastChild","")})}updated(e){e.has("stacked")&&this._updateDescriptionLists(),e.has("bordered")&&this._updateDescriptionLists(),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description"))}render(){return te`
1079
1094
  <div class="container">
1080
1095
  <div
1081
1096
  class="${We({header:!0,"has-header":this.hasTitleSlot||this.hasDescriptionSlot})}"
@@ -1087,7 +1102,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1087
1102
  <slot></slot>
1088
1103
  </div>
1089
1104
  </div>
1090
- `}}Lo.styles=[...Oe.styles,Io],t([Ve({type:Boolean,reflect:!0})],Lo.prototype,"bordered",void 0),t([Ve({type:Boolean,reflect:!0})],Lo.prototype,"stacked",void 0),t([Ve({type:Boolean})],Lo.prototype,"hasTitleSlot",void 0),t([Ve({type:Boolean})],Lo.prototype,"hasDescriptionSlot",void 0),t([Ee({flatten:!0})],Lo.prototype,"_descriptionLists",void 0);var Do=r`:host{--container-size:8px}:host([orientation=horizontal]){border-top:var(--border-width) solid var(--sgds-border-color-muted);display:block;margin:calc((var(--container-size) - var(--border-width))/2) 0;width:100%}:host([orientation=vertical]){border-left:var(--border-width) solid var(--sgds-border-color-muted);display:inline-block;height:100%;margin:0 calc((var(--container-size) - var(--border-width))/2)}:host([thickness=thin]){--border-width:var(--sgds-border-width-1)}:host([thickness=thick]){--border-width:var(--sgds-border-width-2)}:host([thickness=thicker]){--border-width:var(--sgds-border-width-4)}`;class Ao extends Oe{constructor(){super(...arguments),this.orientation="horizontal",this.thickness="thin"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator"),this.setAttribute("aria-orientation",this.orientation)}}Ao.styles=[Do],t([Ve({type:String,reflect:!0})],Ao.prototype,"orientation",void 0),t([Ve({type:String,reflect:!0})],Ao.prototype,"thickness",void 0);const Eo=new Set;function Bo(e){Eo.add(e),document.body.style.overflow="hidden"}function Ho(e){Eo.delete(e),0===Eo.size&&(document.body.style.overflow="")}var Oo=r`:host([size=md]) .drawer-end .drawer-panel,:host([size=md]) .drawer-start .drawer-panel{max-width:var(--sgds-dimension-768)}:host([size=md]) .drawer-bottom .drawer-panel,:host([size=md]) .drawer-top .drawer-panel{max-height:var(--sgds-dimension-768)}:host([size=lg]) .drawer-end .drawer-panel,:host([size=lg]) .drawer-start .drawer-panel{max-width:var(--sgds-dimension-1024)}:host([size=lg]) .drawer-bottom .drawer-panel,:host([size=lg]) .drawer-top .drawer-panel{max-height:var(--sgds-dimension-1024)}.drawer{height:100%;inset-inline-start:0;overflow:hidden;pointer-events:none;top:0;width:100%}.drawer-fixed{position:fixed;z-index:var(--sgds-z-index-modal)}.drawer-panel{background-color:var(--sgds-surface-default);display:flex;flex-direction:column;overflow:auto;pointer-events:all;position:absolute;z-index:2}.drawer-panel:focus{outline:none}.drawer-top .drawer-panel{bottom:auto;height:80%;inset-inline-end:auto;inset-inline-start:0;max-height:var(--sgds-dimension-512);top:0;width:100%}.drawer-end .drawer-panel{bottom:auto;height:100%;inset-inline-end:0;inset-inline-start:auto;max-width:var(--sgds-dimension-512);top:0;width:80%}.drawer-bottom .drawer-panel{bottom:0;height:80%;inset-inline-end:auto;inset-inline-start:0;max-height:var(--sgds-dimension-512);top:auto;width:100%}.drawer-start .drawer-panel{bottom:auto;height:100%;inset-inline-end:auto;inset-inline-start:0;max-width:var(--sgds-dimension-512);top:0;width:80%}.drawer-close-wrapper{position:sticky;top:0}sgds-close-button.drawer-close{inset-inline-end:8px;position:absolute;top:8px}.drawer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-lg) var(--sgds-padding-lg) var(--sgds-padding-none)}slot[name=title]::slotted(*){color:var(--sgds-color-default)!important;font-size:var(--sgds-font-size-heading-sm)!important;margin-bottom:var(--sgds-margin-none)!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);margin-bottom:var(--sgds-margin-none)!important}slot[name=footer]::slotted(*){background-color:var(--sgds-surface-default);bottom:0;padding:var(--sgds-padding-lg);position:sticky}.drawer-body{-webkit-overflow-scrolling:touch;display:block;flex:1 1 auto;overflow:hidden;padding:var(--sgds-padding-lg)}.drawer-overlay{background-color:var(--sgds-bg-overlay);display:block;inset:0;pointer-events:all;position:fixed}.drawer-contained .drawer-overlay{display:none}.drawer-contained{height:unset;width:unset}@media screen and (min-width:512px){.drawer-body{padding:var(--sgds-padding-2-xl)}.drawer-header{padding:var(--sgds-padding-2-xl) var(--sgds-padding-2-xl) var(--sgds-padding-none)}slot[name=footer]::slotted(*){padding:var(--sgds-padding-2-xl)}}`;class To extends Oe{constructor(){super(...arguments),this.open=!1,this.size="sm",this.placement="end",this.ariaLabel="Drawer",this.contained=!1,this.handleDocumentKeyDown=e=>{this.open&&!this.contained&&"Escape"===e.key&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(e){super.firstUpdated(e),this.open&&(this.addOpenListeners(),this.contained||Bo(this))}disconnectedCallback(){super.disconnectedCallback(),Ho(this)}uppercaseFirstLetter(e){return e.charAt(0).toUpperCase()+e.slice(1)}requestClose(e){if(this.emit("sgds-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){const e=it(this,"drawer.denyClose");return void Je(this.panel,e.keyframes,e.options)}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sgds-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||Bo(this);const e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([et(this.drawer),et(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("sgds-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});const t=it(this,`drawer.show${this.uppercaseFirstLetter(this.placement)}`),s=it(this,"drawer.overlay.show");await Promise.all([Je(this.panel,t.keyframes,t.options),Je(this.overlay,s.keyframes,s.options)]),this.emit("sgds-after-show")}else{this.emit("sgds-hide"),this.removeOpenListeners(),this.contained||Ho(this),await Promise.all([et(this.drawer),et(this.overlay)]);const e=it(this,`drawer.hide${this.uppercaseFirstLetter(this.placement)}`),t=it(this,"drawer.overlay.hide");await Promise.all([Je(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),Je(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const s=this.originalTrigger;"function"==typeof(null==s?void 0:s.focus)&&setTimeout(()=>s.focus()),this.emit("sgds-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&Bo(this),this.open&&this.contained&&Ho(this)}async show(){if(!this.open)return this.open=!0,ot(this,"sgds-after-show")}async hide(){if(this.open)return this.open=!1,ot(this,"sgds-after-hide")}render(){const e=this.hasUpdated,t=!this.open&&!e;return te`
1105
+ `}}Ao.styles=[...Oe.styles,Lo],t([ze({type:Boolean,reflect:!0})],Ao.prototype,"bordered",void 0),t([ze({type:Boolean,reflect:!0})],Ao.prototype,"stacked",void 0),t([ze({type:Boolean})],Ao.prototype,"hasTitleSlot",void 0),t([ze({type:Boolean})],Ao.prototype,"hasDescriptionSlot",void 0),t([Ee({flatten:!0})],Ao.prototype,"_descriptionLists",void 0);var Eo=r`:host{--container-size:8px}:host([orientation=horizontal]){border-top:var(--border-width) solid var(--sgds-border-color-muted);display:block;margin:calc((var(--container-size) - var(--border-width))/2) 0;width:100%}:host([orientation=vertical]){border-left:var(--border-width) solid var(--sgds-border-color-muted);display:inline-block;height:100%;margin:0 calc((var(--container-size) - var(--border-width))/2)}:host([thickness=thin]){--border-width:var(--sgds-border-width-1)}:host([thickness=thick]){--border-width:var(--sgds-border-width-2)}:host([thickness=thicker]){--border-width:var(--sgds-border-width-4)}`;class Bo extends Oe{constructor(){super(...arguments),this.orientation="horizontal",this.thickness="thin"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator"),this.setAttribute("aria-orientation",this.orientation)}}Bo.styles=[Eo],t([ze({type:String,reflect:!0})],Bo.prototype,"orientation",void 0),t([ze({type:String,reflect:!0})],Bo.prototype,"thickness",void 0);const Ho=new Set;function Oo(e){Ho.add(e),document.body.style.overflow="hidden"}function To(e){Ho.delete(e),0===Ho.size&&(document.body.style.overflow="")}var Ro=r`:host([size=md]) .drawer-end .drawer-panel,:host([size=md]) .drawer-start .drawer-panel{max-width:var(--sgds-dimension-768)}:host([size=md]) .drawer-bottom .drawer-panel,:host([size=md]) .drawer-top .drawer-panel{max-height:var(--sgds-dimension-768)}:host([size=lg]) .drawer-end .drawer-panel,:host([size=lg]) .drawer-start .drawer-panel{max-width:var(--sgds-dimension-1024)}:host([size=lg]) .drawer-bottom .drawer-panel,:host([size=lg]) .drawer-top .drawer-panel{max-height:var(--sgds-dimension-1024)}.drawer{height:100%;inset-inline-start:0;overflow:hidden;pointer-events:none;top:0;width:100%}.drawer-fixed{position:fixed;z-index:var(--sgds-z-index-modal)}.drawer-panel{background-color:var(--sgds-surface-default);display:flex;flex-direction:column;overflow:auto;pointer-events:all;position:absolute;z-index:2}.drawer-panel:focus{outline:none}.drawer-top .drawer-panel{bottom:auto;height:80%;inset-inline-end:auto;inset-inline-start:0;max-height:var(--sgds-dimension-512);top:0;width:100%}.drawer-end .drawer-panel{bottom:auto;height:100%;inset-inline-end:0;inset-inline-start:auto;max-width:var(--sgds-dimension-512);top:0;width:80%}.drawer-bottom .drawer-panel{bottom:0;height:80%;inset-inline-end:auto;inset-inline-start:0;max-height:var(--sgds-dimension-512);top:auto;width:100%}.drawer-start .drawer-panel{bottom:auto;height:100%;inset-inline-end:auto;inset-inline-start:0;max-width:var(--sgds-dimension-512);top:0;width:80%}.drawer-close-wrapper{position:sticky;top:0}sgds-close-button.drawer-close{inset-inline-end:8px;position:absolute;top:8px}.drawer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-lg) var(--sgds-padding-lg) var(--sgds-padding-none)}slot[name=title]::slotted(*){color:var(--sgds-color-default)!important;font-size:var(--sgds-font-size-heading-sm)!important;margin-bottom:var(--sgds-margin-none)!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);margin-bottom:var(--sgds-margin-none)!important}slot[name=footer]::slotted(*){background-color:var(--sgds-surface-default);bottom:0;padding:var(--sgds-padding-lg);position:sticky}.drawer-body{-webkit-overflow-scrolling:touch;display:block;flex:1 1 auto;overflow:hidden;padding:var(--sgds-padding-lg)}.drawer-overlay{background-color:var(--sgds-bg-overlay);display:block;inset:0;pointer-events:all;position:fixed}.drawer-contained .drawer-overlay{display:none}.drawer-contained{height:unset;width:unset}@media screen and (min-width:512px){.drawer-body{padding:var(--sgds-padding-2-xl)}.drawer-header{padding:var(--sgds-padding-2-xl) var(--sgds-padding-2-xl) var(--sgds-padding-none)}slot[name=footer]::slotted(*){padding:var(--sgds-padding-2-xl)}}`;class Fo extends Oe{constructor(){super(...arguments),this.open=!1,this.size="sm",this.placement="end",this.ariaLabel="Drawer",this.contained=!1,this.handleDocumentKeyDown=e=>{this.open&&!this.contained&&"Escape"===e.key&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(e){super.firstUpdated(e),this.open&&(this.addOpenListeners(),this.contained||Oo(this))}disconnectedCallback(){super.disconnectedCallback(),To(this)}uppercaseFirstLetter(e){return e.charAt(0).toUpperCase()+e.slice(1)}requestClose(e){if(this.emit("sgds-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){const e=it(this,"drawer.denyClose");return void Je(this.panel,e.keyframes,e.options)}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sgds-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||Oo(this);const e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([et(this.drawer),et(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("sgds-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});const t=it(this,`drawer.show${this.uppercaseFirstLetter(this.placement)}`),s=it(this,"drawer.overlay.show");await Promise.all([Je(this.panel,t.keyframes,t.options),Je(this.overlay,s.keyframes,s.options)]),this.emit("sgds-after-show")}else{this.emit("sgds-hide"),this.removeOpenListeners(),this.contained||To(this),await Promise.all([et(this.drawer),et(this.overlay)]);const e=it(this,`drawer.hide${this.uppercaseFirstLetter(this.placement)}`),t=it(this,"drawer.overlay.hide");await Promise.all([Je(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),Je(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const s=this.originalTrigger;"function"==typeof(null==s?void 0:s.focus)&&setTimeout(()=>s.focus()),this.emit("sgds-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&Oo(this),this.open&&this.contained&&To(this)}async show(){if(!this.open)return this.open=!0,ot(this,"sgds-after-show")}async hide(){if(this.open)return this.open=!1,ot(this,"sgds-after-hide")}render(){const e=this.hasUpdated,t=!this.open&&!e;return te`
1091
1106
  <div
1092
1107
  class=${We({drawer:!0,"drawer-top":"top"===this.placement,"drawer-end":"end"===this.placement,"drawer-bottom":"bottom"===this.placement,"drawer-start":"start"===this.placement,"drawer-contained":this.contained,"drawer-fixed":!this.contained})}
1093
1108
  ?hidden=${t}
@@ -1121,7 +1136,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1121
1136
  </div>
1122
1137
  </div>
1123
1138
  </div>
1124
- `}}To.styles=[...Oe.styles,Oo],To.dependencies={"sgds-close-button":ft},t([De(".drawer")],To.prototype,"drawer",void 0),t([De(".drawer-panel")],To.prototype,"panel",void 0),t([De(".drawer-overlay")],To.prototype,"overlay",void 0),t([Ve({type:Boolean,reflect:!0})],To.prototype,"open",void 0),t([Ve({type:String,reflect:!0})],To.prototype,"size",void 0),t([Ve({type:String,reflect:!0})],To.prototype,"placement",void 0),t([Ve({type:String})],To.prototype,"ariaLabel",void 0),t([Ve({type:Boolean,reflect:!0})],To.prototype,"contained",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],To.prototype,"handleOpenChange",null),t([nt("contained",{waitUntilFirstUpdate:!0})],To.prototype,"handleNoModalChange",null),at("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}}),at("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),at("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}}),at("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),at("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),at("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),at("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});var Ro=r`.file-upload-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.file-upload-list{display:flex;flex-direction:column;gap:var(--sgds-form-gap-xl);list-style-type:none;margin-top:0}.file-upload-list.has-files{margin-top:var(--sgds-margin-xl)}.filesize{color:var(--sgds-form-color-subtle)}@keyframes fileUploadEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fileUploadExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.file-upload-list-item-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md);max-height:500px;overflow:hidden;transition:max-height var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard),opacity var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.file-upload-list-item-container.file-upload-exit{max-height:0;opacity:0}.file-upload-list-item{align-items:center;animation:fileUploadEnter var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter);background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);border-radius:var(--sgds-form-border-radius-md);display:flex;gap:var(--sgds-form-gap-lg);padding:var(--sgds-form-padding-y) calc(var(--sgds-form-padding-x) + var(--sgds-padding-2-xl)) var(--sgds-form-padding-y) var(--sgds-form-padding-x);position:relative;transition:transform var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.file-upload-list-item.file-upload-error{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.file-upload-list-item.file-upload-exit{animation:fileUploadExit var(--sgds-motion-duration-standard) var(--sgds-motion-easing-exit)}.file-upload-list-item span:not(:first-of-type){cursor:pointer}.file-upload-item-error{align-items:flex-start;display:flex;gap:var(--sgds-form-gap-lg)}.file-upload-item-error sgds-icon{color:var(--sgds-color-muted);flex-shrink:0;margin-top:2px}.file-upload-item-error-message{color:var(--sgds-form-danger-color-default);font-size:var(--sgds-font-size-label-sm,);line-height:var(--sgds-line-height-2-xs)}ul{margin:0;padding:0}input{display:none}sgds-button{cursor:pointer;width:fit-content}sgds-close-button{position:absolute;right:8px;top:8px}sgds-icon.valid{color:var(--sgds-form-success-color-default)}sgds-icon.invalid{color:var(--sgds-color-muted)}.drag-drop-zone{align-items:center;background-color:var(--sgds-surface-raised);border:var(--sgds-border-width-1) dashed var(--sgds-border-color-default);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-md);justify-content:center;padding:var(--sgds-padding-2-xl)}.drag-drop-text{font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.drag-drop-zone:focus,.drag-drop-zone:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}:host([disabled]) .file-upload-container>:not(sgds-button):not(.invalid-feedback-container){opacity:var(--sgds-opacity-50)}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .drag-drop-zone:focus,:host([disabled]) .drag-drop-zone:focus-visible{outline:none}:host([invalid]:not([disabled])) .drag-drop-zone{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}:host([invalid]:not([disabled])) .drag-drop-zone:focus,:host([invalid]:not([disabled])) .drag-drop-zone:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}:host(:not([disabled]):not([invalid])) .drag-drop-zone:hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Fo extends(Ia(za)){constructor(){super(...arguments),this.multiple=!1,this.accept="",this.hasFeedback=!1,this.required=!1,this.variant="default",this.ariaLabel="Choose files",this.noValidate=!1,this.selectedFiles=[],this.exitingFile=null,this.fileMetadata=new Map,this._isTouched=!1,this._isProgrammaticChange=!1,this.inputRef=Ri(),this._dragZoneRef=Ri(),this._dragCounter=0,this._isDialogOpen=!1}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}get files(){return this.selectedFiles}setFileUploadState(e,t,s){const i=this.selectedFiles[e];i&&(this.fileMetadata.set(i,{uploading:"loading"===t,error:s}),this.requestUpdate())}_setFileList(e,t=0,s){if(this.emit("sgds-change",{detail:e}),this.emit("sgds-files-selected",{detail:e}),e.length>t){const s=Array.from(e).slice(t),i=new DataTransfer;s.forEach(e=>i.items.add(e)),this.emit("sgds-add-files",{detail:i.files})}else if(e.length===t&&t>0&&!s){const t=new DataTransfer;Array.from(e).forEach(e=>t.items.add(e)),this.emit("sgds-add-files",{detail:t.files})}e.length<t&&s&&this.emit("sgds-remove-file",{detail:{file:s,files:e}})}_handleClick(e){if(e.preventDefault(),!this.disabled){this._isDialogOpen=!0;const e=this.inputRef.value;null==e||e.click()}}_handleCancel(){this._isDialogOpen=!1,this._isTouched=!0,this._mixinShouldSkipSgdsValidation()||this.setInvalid(!this._mixinCheckValidity())}_handleChange(e){this._isDialogOpen=!1;const t=e.target,s=t.files,i=this.selectedFiles.length,a=0===s.length&&!this._isProgrammaticChange,o=s.length>0&&!this._isProgrammaticChange,n=o&&this.multiple&&this.selectedFiles.length>0;a&&this.selectedFiles.length>0?this._restoreNativeInput(t):n?this._appendFiles(t,s):s.length>0&&(this.selectedFiles=Array.from(s)),o&&this._setFileList(t.files,i),a&&!this._isTouched||super._mixinHandleChange(e)}_restoreNativeInput(e){const t=new DataTransfer;this.selectedFiles.forEach(e=>t.items.add(e)),e.files=t.files}_appendFiles(e,t){const s=[...this.selectedFiles,...Array.from(t)];this.selectedFiles=s;const i=new DataTransfer;s.forEach(e=>i.items.add(e)),e.files=i.files}_removeFileHandler(e){const t=this.selectedFiles[e];this.exitingFile=t,this.requestUpdate(),setTimeout(()=>{const s=this.inputRef.value;if(!s)return;const i=this.selectedFiles.length,a=new DataTransfer;this.selectedFiles.forEach((t,s)=>{e!==s&&a.items.add(t)}),this._isProgrammaticChange=!0,s.files=a.files,this._setFileList(a.files,i,t),this.selectedFiles=Array.from(a.files),this.exitingFile=null,this.requestUpdate(),s.dispatchEvent(new Event("change",{bubbles:!0})),this._isProgrammaticChange=!1},300)}_clearAllFiles(){const e=this.inputRef.value,t=this.selectedFiles.length,s=new DataTransfer;e&&(e.files=s.files),this._setFileList(s.files,t),this.selectedFiles=Array.from(s.files)}_mixinResetFormControl(){this._clearAllFiles(),this._mixinResetValidity(this.input)}_handleDisabledChange(){this.setInvalid(!1)}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||this._isDialogOpen||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_renderLabel(){const e=te` <label id=${this._labelId} class="form-label"> ${this.label} </label> `;return this.label&&e}_renderHintText(){const e=te` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_renderFeedback(){return te`
1139
+ `}}Fo.styles=[...Oe.styles,Ro],Fo.dependencies={"sgds-close-button":ft},t([Le(".drawer")],Fo.prototype,"drawer",void 0),t([Le(".drawer-panel")],Fo.prototype,"panel",void 0),t([Le(".drawer-overlay")],Fo.prototype,"overlay",void 0),t([ze({type:Boolean,reflect:!0})],Fo.prototype,"open",void 0),t([ze({type:String,reflect:!0})],Fo.prototype,"size",void 0),t([ze({type:String,reflect:!0})],Fo.prototype,"placement",void 0),t([ze({type:String})],Fo.prototype,"ariaLabel",void 0),t([ze({type:Boolean,reflect:!0})],Fo.prototype,"contained",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],Fo.prototype,"handleOpenChange",null),t([nt("contained",{waitUntilFirstUpdate:!0})],Fo.prototype,"handleNoModalChange",null),at("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}}),at("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),at("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}}),at("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),at("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),at("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),at("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),at("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});var No=r`.file-upload-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.file-upload-list{display:flex;flex-direction:column;gap:var(--sgds-form-gap-xl);list-style-type:none;margin-top:0}.file-upload-list.has-files{margin-top:var(--sgds-margin-xl)}.filesize{color:var(--sgds-form-color-subtle)}@keyframes fileUploadEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fileUploadExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.file-upload-list-item-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md);max-height:500px;overflow:hidden;transition:max-height var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard),opacity var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.file-upload-list-item-container.file-upload-exit{max-height:0;opacity:0}.file-upload-list-item{align-items:center;animation:fileUploadEnter var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter);background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);border-radius:var(--sgds-form-border-radius-md);display:flex;gap:var(--sgds-form-gap-lg);padding:var(--sgds-form-padding-y) calc(var(--sgds-form-padding-x) + var(--sgds-padding-2-xl)) var(--sgds-form-padding-y) var(--sgds-form-padding-x);position:relative;transition:transform var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.file-upload-list-item.file-upload-error{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.file-upload-list-item.file-upload-exit{animation:fileUploadExit var(--sgds-motion-duration-standard) var(--sgds-motion-easing-exit)}.file-upload-list-item span:not(:first-of-type){cursor:pointer}.file-upload-item-error{align-items:flex-start;display:flex;gap:var(--sgds-form-gap-lg)}.file-upload-item-error sgds-icon{color:var(--sgds-color-muted);flex-shrink:0;margin-top:2px}.file-upload-item-error-message{color:var(--sgds-form-danger-color-default);font-size:var(--sgds-font-size-label-sm,);line-height:var(--sgds-line-height-2-xs)}ul{margin:0;padding:0}input{display:none}sgds-button{cursor:pointer;width:fit-content}sgds-close-button{position:absolute;right:8px;top:8px}sgds-icon.valid{color:var(--sgds-form-success-color-default)}sgds-icon.invalid{color:var(--sgds-color-muted)}.drag-drop-zone{align-items:center;background-color:var(--sgds-surface-raised);border:var(--sgds-border-width-1) dashed var(--sgds-border-color-default);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-md);justify-content:center;padding:var(--sgds-padding-2-xl)}.drag-drop-text{font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.drag-drop-zone:focus,.drag-drop-zone:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}:host([disabled]) .file-upload-container>:not(sgds-button):not(.invalid-feedback-container){opacity:var(--sgds-opacity-50)}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .drag-drop-zone:focus,:host([disabled]) .drag-drop-zone:focus-visible{outline:none}:host([invalid]:not([disabled])) .drag-drop-zone{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}:host([invalid]:not([disabled])) .drag-drop-zone:focus,:host([invalid]:not([disabled])) .drag-drop-zone:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}:host(:not([disabled]):not([invalid])) .drag-drop-zone:hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}`;class jo extends(Da(Va)){constructor(){super(...arguments),this.multiple=!1,this.accept="",this.hasFeedback=!1,this.required=!1,this.variant="default",this.ariaLabel="Choose files",this.noValidate=!1,this.selectedFiles=[],this.exitingFile=null,this.fileMetadata=new Map,this._isTouched=!1,this._isProgrammaticChange=!1,this.inputRef=Ri(),this._dragZoneRef=Ri(),this._dragCounter=0,this._isDialogOpen=!1}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}get files(){return this.selectedFiles}setFileUploadState(e,t,s){const i=this.selectedFiles[e];i&&(this.fileMetadata.set(i,{uploading:"loading"===t,error:s}),this.requestUpdate())}_setFileList(e,t=0,s){if(this.emit("sgds-change",{detail:e}),this.emit("sgds-files-selected",{detail:e}),e.length>t){const s=Array.from(e).slice(t),i=new DataTransfer;s.forEach(e=>i.items.add(e)),this.emit("sgds-add-files",{detail:i.files})}else if(e.length===t&&t>0&&!s){const t=new DataTransfer;Array.from(e).forEach(e=>t.items.add(e)),this.emit("sgds-add-files",{detail:t.files})}e.length<t&&s&&this.emit("sgds-remove-file",{detail:{file:s,files:e}})}_handleClick(e){if(e.preventDefault(),!this.disabled){this._isDialogOpen=!0;const e=this.inputRef.value;null==e||e.click()}}_handleCancel(){this._isDialogOpen=!1,this._isTouched=!0,this._mixinShouldSkipSgdsValidation()||this.setInvalid(!this._mixinCheckValidity())}_handleChange(e){this._isDialogOpen=!1;const t=e.target,s=t.files,i=this.selectedFiles.length,a=0===s.length&&!this._isProgrammaticChange,o=s.length>0&&!this._isProgrammaticChange,n=o&&this.multiple&&this.selectedFiles.length>0;a&&this.selectedFiles.length>0?this._restoreNativeInput(t):n?this._appendFiles(t,s):s.length>0&&(this.selectedFiles=Array.from(s)),o&&this._setFileList(t.files,i),a&&!this._isTouched||super._mixinHandleChange(e)}_restoreNativeInput(e){const t=new DataTransfer;this.selectedFiles.forEach(e=>t.items.add(e)),e.files=t.files}_appendFiles(e,t){const s=[...this.selectedFiles,...Array.from(t)];this.selectedFiles=s;const i=new DataTransfer;s.forEach(e=>i.items.add(e)),e.files=i.files}_removeFileHandler(e){const t=this.selectedFiles[e];this.exitingFile=t,this.requestUpdate(),setTimeout(()=>{const s=this.inputRef.value;if(!s)return;const i=this.selectedFiles.length,a=new DataTransfer;this.selectedFiles.forEach((t,s)=>{e!==s&&a.items.add(t)}),this._isProgrammaticChange=!0,s.files=a.files,this._setFileList(a.files,i,t),this.selectedFiles=Array.from(a.files),this.exitingFile=null,this.requestUpdate(),s.dispatchEvent(new Event("change",{bubbles:!0})),this._isProgrammaticChange=!1},300)}_clearAllFiles(){const e=this.inputRef.value,t=this.selectedFiles.length,s=new DataTransfer;e&&(e.files=s.files),this._setFileList(s.files,t),this.selectedFiles=Array.from(s.files)}_mixinResetFormControl(){this._clearAllFiles(),this._mixinResetValidity(this.input)}_handleDisabledChange(){this.setInvalid(!1)}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||this._isDialogOpen||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_renderLabel(){const e=te` <label id=${this._labelId} class="form-label"> ${this.label} </label> `;return this.label&&e}_renderHintText(){const e=te` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_renderFeedback(){return te`
1125
1140
  <div class="invalid-feedback-container">
1126
1141
  <sgds-icon name="exclamation-circle-fill" size="md"></sgds-icon>
1127
1142
  <div id="${this._controlId}-invalid" class="invalid-feedback">
@@ -1201,7 +1216,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1201
1216
  <ul class="file-upload-list ${this.selectedFiles.length>0?"has-files":""}">
1202
1217
  ${t}
1203
1218
  </ul>
1204
- `}}Fo.styles=[...za.styles,Ro],Fo.dependencies={"sgds-button":va,"sgds-close-button":ft,"sgds-icon":xt,"sgds-spinner":Rt},t([Ve({type:Boolean,reflect:!0})],Fo.prototype,"multiple",void 0),t([Ve({type:String,reflect:!0})],Fo.prototype,"accept",void 0),t([Ve({type:Boolean,reflect:!0})],Fo.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],Fo.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Fo.prototype,"required",void 0),t([Ve({type:String,reflect:!0})],Fo.prototype,"variant",void 0),t([Ve({type:String})],Fo.prototype,"ariaLabel",void 0),t([Ve({type:Boolean,reflect:!0})],Fo.prototype,"noValidate",void 0),t([Pe()],Fo.prototype,"selectedFiles",void 0),t([Pe()],Fo.prototype,"exitingFile",void 0),t([Pe()],Fo.prototype,"fileMetadata",void 0),t([Pe()],Fo.prototype,"_isTouched",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],Fo.prototype,"_handleDisabledChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Fo.prototype,"_handleIsTouched",null);var No=r`.footer{background-color:var(--sgds-bg-fixed-dark);height:auto}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-heading-md)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-md)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}@media (min-width:768px){.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@media (min-width:1024px){.footer-top{padding:var(--sgds-padding-3-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-heading-md)!important;line-height:var(--sgds-line-height-md)!important}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@media (min-width:1280px){.footer-mandatory-links{flex-direction:row}}:host([tone=neutral]) .footer{background-color:var(--sgds-bg-default)}:host([tone=neutral]) slot[name=title]::slotted(*){color:var(--sgds-color-default)!important}:host([tone=neutral]) slot:not([name])::slotted(*),:host([tone=neutral]) slot[name=description]::slotted(*){color:var(--sgds-color-default)}:host([tone=neutral]) .footer-copyrights{color:var(--sgds-color-default)}`,jo=r`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-md)}.sgds-grid{display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@media (min-width:1680px){.sgds-container-sidebar{max-width:var(--sgds-dimension-1296)}.sgds-col-3-xl-1{grid-column:span 1}.sgds-col-3-xl-2{grid-column:span 2}.sgds-col-3-xl-3{grid-column:span 3}.sgds-col-3-xl-4{grid-column:span 4}.sgds-col-3-xl-5{grid-column:span 5}.sgds-col-3-xl-6{grid-column:span 6}.sgds-col-3-xl-7{grid-column:span 7}.sgds-col-3-xl-8{grid-column:span 8}.sgds-col-3-xl-9{grid-column:span 9}.sgds-col-3-xl-10{grid-column:span 10}.sgds-col-3-xl-11{grid-column:span 11}.sgds-col-3-xl-12{grid-column:span 12}.sgds-col-3-xl-center-2{grid-column:6/span 2}.sgds-col-3-xl-center-4{grid-column:5/span 4}.sgds-col-3-xl-center-6{grid-column:4/span 6}.sgds-col-3-xl-center-8{grid-column:3/span 8}.sgds-col-3-xl-center-10{grid-column:2/span 10}.sgds-col-2-xl-none{display:revert}.sgds-col-3-xl-none{display:none}}`;class Uo extends Oe{constructor(){super(...arguments),this.copyrightLiner="Government of Singapore",this.contactHref="#",this.feedbackHref="#",this.faqHref="",this.sitemapHref="",this.privacyHref="#",this.termsOfUseHref="#",this.layout="default",this.tone="fixed-dark",this.hasDefaultSlot=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasItemsSlot=!1,this.hasSlotController=new qt(this,"[default]","title","description","items")}_handleItemsSlotChange(e){e.target.assignedElements().forEach(e=>{e.tone=this.tone})}_handleToneChange(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="items"]');null==t||t.assignedElements().forEach(e=>{e.tone=this.tone})}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description")),this.hasItemsSlot||(this.hasItemsSlot=this.hasSlotController.test("items"))}get _linkTone(){return"neutral"===this.tone?"neutral":"fixed-light"}render(){return te`
1219
+ `}}jo.styles=[...Va.styles,No],jo.dependencies={"sgds-button":va,"sgds-close-button":ft,"sgds-icon":xt,"sgds-spinner":Rt},t([ze({type:Boolean,reflect:!0})],jo.prototype,"multiple",void 0),t([ze({type:String,reflect:!0})],jo.prototype,"accept",void 0),t([ze({type:Boolean,reflect:!0})],jo.prototype,"hasFeedback",void 0),t([ze({type:String,reflect:!0})],jo.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],jo.prototype,"required",void 0),t([ze({type:String,reflect:!0})],jo.prototype,"variant",void 0),t([ze({type:String})],jo.prototype,"ariaLabel",void 0),t([ze({type:Boolean,reflect:!0})],jo.prototype,"noValidate",void 0),t([Pe()],jo.prototype,"selectedFiles",void 0),t([Pe()],jo.prototype,"exitingFile",void 0),t([Pe()],jo.prototype,"fileMetadata",void 0),t([Pe()],jo.prototype,"_isTouched",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],jo.prototype,"_handleDisabledChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],jo.prototype,"_handleIsTouched",null);var Uo=r`.footer{background-color:var(--sgds-bg-fixed-dark);height:auto}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-heading-md)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-md)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}@media (min-width:768px){.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@media (min-width:1024px){.footer-top{padding:var(--sgds-padding-3-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-heading-md)!important;line-height:var(--sgds-line-height-md)!important}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@media (min-width:1280px){.footer-mandatory-links{flex-direction:row}}:host([tone=neutral]) .footer{background-color:var(--sgds-bg-default)}:host([tone=neutral]) slot[name=title]::slotted(*){color:var(--sgds-color-default)!important}:host([tone=neutral]) slot:not([name])::slotted(*),:host([tone=neutral]) slot[name=description]::slotted(*){color:var(--sgds-color-default)}:host([tone=neutral]) .footer-copyrights{color:var(--sgds-color-default)}`,qo=r`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-md)}.sgds-grid{display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@media (min-width:1680px){.sgds-container-sidebar{max-width:var(--sgds-dimension-1296)}.sgds-col-3-xl-1{grid-column:span 1}.sgds-col-3-xl-2{grid-column:span 2}.sgds-col-3-xl-3{grid-column:span 3}.sgds-col-3-xl-4{grid-column:span 4}.sgds-col-3-xl-5{grid-column:span 5}.sgds-col-3-xl-6{grid-column:span 6}.sgds-col-3-xl-7{grid-column:span 7}.sgds-col-3-xl-8{grid-column:span 8}.sgds-col-3-xl-9{grid-column:span 9}.sgds-col-3-xl-10{grid-column:span 10}.sgds-col-3-xl-11{grid-column:span 11}.sgds-col-3-xl-12{grid-column:span 12}.sgds-col-3-xl-center-2{grid-column:6/span 2}.sgds-col-3-xl-center-4{grid-column:5/span 4}.sgds-col-3-xl-center-6{grid-column:4/span 6}.sgds-col-3-xl-center-8{grid-column:3/span 8}.sgds-col-3-xl-center-10{grid-column:2/span 10}.sgds-col-2-xl-none{display:revert}.sgds-col-3-xl-none{display:none}}`;class Yo extends Oe{constructor(){super(...arguments),this.copyrightLiner="Government of Singapore",this.contactHref="#",this.feedbackHref="#",this.faqHref="",this.sitemapHref="",this.privacyHref="#",this.termsOfUseHref="#",this.layout="default",this.tone="fixed-dark",this.hasDefaultSlot=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasItemsSlot=!1,this.hasSlotController=new qt(this,"[default]","title","description","items")}_handleItemsSlotChange(e){e.target.assignedElements().forEach(e=>{e.tone=this.tone})}_handleToneChange(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="items"]');null==t||t.assignedElements().forEach(e=>{e.tone=this.tone})}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description")),this.hasItemsSlot||(this.hasItemsSlot=this.hasSlotController.test("items"))}get _linkTone(){return"neutral"===this.tone?"neutral":"fixed-light"}render(){return te`
1205
1220
  <footer class="footer">
1206
1221
  <section
1207
1222
  class="${We({"footer-top":this.hasDefaultSlot||this.hasTitleSlot||this.hasDescriptionSlot||this.hasItemsSlot,"has-content":this.hasDefaultSlot||this.hasItemsSlot,"sgds-container":"default"===this.layout,"sgds-container-sidebar":"sidebar"===this.layout})}"
@@ -1255,25 +1270,25 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1255
1270
  </div>
1256
1271
  </section>
1257
1272
  </footer>
1258
- `}}Uo.styles=[...Oe.styles,jo,No],Uo.dependencies={"sgds-link":ca},t([Ve({type:String})],Uo.prototype,"copyrightLiner",void 0),t([Ve({type:String})],Uo.prototype,"contactHref",void 0),t([Ve({type:String})],Uo.prototype,"feedbackHref",void 0),t([Ve({type:String})],Uo.prototype,"faqHref",void 0),t([Ve({type:String})],Uo.prototype,"sitemapHref",void 0),t([Ve({type:String})],Uo.prototype,"privacyHref",void 0),t([Ve({type:String})],Uo.prototype,"termsOfUseHref",void 0),t([Ve({type:String,reflect:!0})],Uo.prototype,"layout",void 0),t([Ve({type:String,reflect:!0})],Uo.prototype,"tone",void 0),t([Ve({type:Boolean})],Uo.prototype,"hasDefaultSlot",void 0),t([Ve({type:Boolean})],Uo.prototype,"hasTitleSlot",void 0),t([Ve({type:Boolean})],Uo.prototype,"hasDescriptionSlot",void 0),t([Ve({type:Boolean})],Uo.prototype,"hasItemsSlot",void 0),t([nt("tone",{waitUntilFirstUpdate:!0})],Uo.prototype,"_handleToneChange",null);var qo=r`.footer-item{margin-bottom:var(--sgds-margin-xs)}.footer-item,.links{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}slot[name=title]::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none);--sgds-font-weight-regular:var(--sgds-font-weight-semibold);color:var(--sgds-color-fixed-light);font-weight:var(--sgds-font-weight-regular,--sgds-font-weight-semibold);margin:var(--sgds-paragraph-spacing-xl,--sgds-margin-none)}.links{margin:0;padding:0}.links slot::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-fixed-light);width:fit-content}.links slot::slotted(a:focus),.links slot::slotted(a:focus-visible),slot::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-light)}.links slot::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([tone=neutral]) slot[name=title]::slotted(*){color:var(--sgds-color-default)}:host([tone=neutral]) .links slot::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default)}:host([tone=neutral]) .links slot::slotted(a:focus),:host([tone=neutral]) .links slot::slotted(a:focus-visible),:host([tone=neutral]) .links slot::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis)}`;class Yo extends Oe{constructor(){super(...arguments),this.tone="fixed-dark"}_handleToneChange(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");null==t||t.assignedElements().forEach(e=>{"SGDS-LINK"===e.tagName&&(e.tone="neutral"===this.tone?"neutral":"fixed-light")})}_handleSlotChange(e){const t="neutral"===this.tone?"neutral":"fixed-light";e.target.assignedElements().forEach(e=>{if("SGDS-LINK"===e.tagName){const s=e;s.tone=t,s.size="sm"}})}render(){return te`
1273
+ `}}Yo.styles=[...Oe.styles,qo,Uo],Yo.dependencies={"sgds-link":ca},t([ze({type:String})],Yo.prototype,"copyrightLiner",void 0),t([ze({type:String})],Yo.prototype,"contactHref",void 0),t([ze({type:String})],Yo.prototype,"feedbackHref",void 0),t([ze({type:String})],Yo.prototype,"faqHref",void 0),t([ze({type:String})],Yo.prototype,"sitemapHref",void 0),t([ze({type:String})],Yo.prototype,"privacyHref",void 0),t([ze({type:String})],Yo.prototype,"termsOfUseHref",void 0),t([ze({type:String,reflect:!0})],Yo.prototype,"layout",void 0),t([ze({type:String,reflect:!0})],Yo.prototype,"tone",void 0),t([ze({type:Boolean})],Yo.prototype,"hasDefaultSlot",void 0),t([ze({type:Boolean})],Yo.prototype,"hasTitleSlot",void 0),t([ze({type:Boolean})],Yo.prototype,"hasDescriptionSlot",void 0),t([ze({type:Boolean})],Yo.prototype,"hasItemsSlot",void 0),t([nt("tone",{waitUntilFirstUpdate:!0})],Yo.prototype,"_handleToneChange",null);var Ko=r`.footer-item{margin-bottom:var(--sgds-margin-xs)}.footer-item,.links{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}slot[name=title]::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none);--sgds-font-weight-regular:var(--sgds-font-weight-semibold);color:var(--sgds-color-fixed-light);font-weight:var(--sgds-font-weight-regular,--sgds-font-weight-semibold);margin:var(--sgds-paragraph-spacing-xl,--sgds-margin-none)}.links{margin:0;padding:0}.links slot::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-fixed-light);width:fit-content}.links slot::slotted(a:focus),.links slot::slotted(a:focus-visible),slot::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-light)}.links slot::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([tone=neutral]) slot[name=title]::slotted(*){color:var(--sgds-color-default)}:host([tone=neutral]) .links slot::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default)}:host([tone=neutral]) .links slot::slotted(a:focus),:host([tone=neutral]) .links slot::slotted(a:focus-visible),:host([tone=neutral]) .links slot::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis)}`;class Wo extends Oe{constructor(){super(...arguments),this.tone="fixed-dark"}_handleToneChange(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");null==t||t.assignedElements().forEach(e=>{"SGDS-LINK"===e.tagName&&(e.tone="neutral"===this.tone?"neutral":"fixed-light")})}_handleSlotChange(e){const t="neutral"===this.tone?"neutral":"fixed-light";e.target.assignedElements().forEach(e=>{if("SGDS-LINK"===e.tagName){const s=e;s.tone=t,s.size="sm"}})}render(){return te`
1259
1274
  <div class="footer-item">
1260
1275
  <slot name="title"></slot>
1261
1276
  <div class="links">
1262
1277
  <slot @slotchange=${this._handleSlotChange}></slot>
1263
1278
  </div>
1264
1279
  </div>
1265
- `}}Yo.styles=[...Oe.styles,qo],t([Ve({type:String,reflect:!0})],Yo.prototype,"tone",void 0),t([nt("tone",{waitUntilFirstUpdate:!0})],Yo.prototype,"_handleToneChange",null);var Ko=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}`;class Wo extends xa{constructor(){super(...arguments),this.noPadding=!1}get linkSlotItems(){if(!this.linkNode||0===this.linkNode.length)return null;const e=this.linkNode[0];return e.querySelector("a")||e}get footerSlotItems(){if(!this.footerNode||0===this.footerNode.length)return null;const e=this.footerNode[0];return e.querySelector("a")||e}firstUpdated(e){var t,s;if(super.firstUpdated(e),0===this._iconNode.length&&("vertical"===this.orientation&&0===this._upperNode.length||"horizontal"===this.orientation)){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-media");e&&(e.style.display="none");const i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(".card-body");i&&this.noPadding&&(i.style.padding="0px")}if(this.stretchedLink){const e=this.footerSlotItems,t=this.linkSlotItems;this._forwardAnchorAttributes((null==e?void 0:e.href)?e:t)}}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return ut`
1280
+ `}}Wo.styles=[...Oe.styles,Ko],t([ze({type:String,reflect:!0})],Wo.prototype,"tone",void 0),t([nt("tone",{waitUntilFirstUpdate:!0})],Wo.prototype,"_handleToneChange",null);var Go=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}`;class Jo extends xa{constructor(){super(...arguments),this.noPadding=!1}get linkSlotItems(){if(!this.linkNode||0===this.linkNode.length)return null;const e=this.linkNode[0];return e.querySelector("a")||e}get footerSlotItems(){if(!this.footerNode||0===this.footerNode.length)return null;const e=this.footerNode[0];return e.querySelector("a")||e}firstUpdated(e){var t,s;if(super.firstUpdated(e),0===this._iconNode.length&&("vertical"===this.orientation&&0===this._upperNode.length||"horizontal"===this.orientation)){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-media");e&&(e.style.display="none");const i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(".card-body");i&&this.noPadding&&(i.style.padding="0px")}if(this.stretchedLink){const e=this.footerSlotItems,t=this.linkSlotItems;this._forwardAnchorAttributes((null==e?void 0:e.href)?e:t)}}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return gt`
1266
1281
  <${e}
1267
1282
  class="${We({card:!0,disabled:this.disabled})}"
1268
1283
  tabindex=${t}
1269
1284
  >
1270
- ${this.tinted&&!this.noPadding?ut`<div class="card-tinted-bg"></div>`:ae}
1285
+ ${this.tinted&&!this.noPadding?gt`<div class="card-tinted-bg"></div>`:ae}
1271
1286
  <div class="card-media">
1272
1287
  <slot name="icon"></slot>
1273
- ${"vertical"===this.orientation?ut`<slot name="upper"></slot>`:ae}
1288
+ ${"vertical"===this.orientation?gt`<slot name="upper"></slot>`:ae}
1274
1289
  </div>
1275
1290
  <div class="card-body">
1276
- ${"horizontal"===this.orientation?ut`<slot name="upper"></slot>`:ae}
1291
+ ${"horizontal"===this.orientation?gt`<slot name="upper"></slot>`:ae}
1277
1292
  <div class="card-header-container">
1278
1293
  <div class="card-header">
1279
1294
  <slot name="subtitle"></slot>
@@ -1288,16 +1303,16 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1288
1303
  </slot>
1289
1304
  </div>
1290
1305
  </${e}>
1291
- `}}Wo.styles=[...xa.styles,Ko],t([Be({slot:"icon",flatten:!0})],Wo.prototype,"_iconNode",void 0),t([Be({slot:"upper",flatten:!0})],Wo.prototype,"_upperNode",void 0),t([Ee({slot:"footer"})],Wo.prototype,"footerNode",void 0),t([Ee({slot:"link"})],Wo.prototype,"linkNode",void 0),t([Ve({type:Boolean,reflect:!0})],Wo.prototype,"noPadding",void 0);var Go=r`slot{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}slot::slotted(*){align-items:flex-start;display:flex;gap:var(--sgds-gap-xs)}.sm{font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.lg{font-size:var(--sgds-font-size-label-lg);line-height:var(--sgds-line-height-md)}`;class Jo extends Oe{constructor(){super(...arguments),this.role="list",this.size="md"}render(){return te`
1306
+ `}}Jo.styles=[...xa.styles,Go],t([Be({slot:"icon",flatten:!0})],Jo.prototype,"_iconNode",void 0),t([Be({slot:"upper",flatten:!0})],Jo.prototype,"_upperNode",void 0),t([Ee({slot:"footer"})],Jo.prototype,"footerNode",void 0),t([Ee({slot:"link"})],Jo.prototype,"linkNode",void 0),t([ze({type:Boolean,reflect:!0})],Jo.prototype,"noPadding",void 0);var Xo=r`slot{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}slot::slotted(*){align-items:flex-start;display:flex;gap:var(--sgds-gap-xs)}.sm{font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.lg{font-size:var(--sgds-font-size-label-lg);line-height:var(--sgds-line-height-md)}`;class Qo extends Oe{constructor(){super(...arguments),this.role="list",this.size="md"}render(){return te`
1292
1307
  <div class=${We({[this.size]:this.size})}>
1293
1308
  <slot></slot>
1294
1309
  </div>
1295
- `}}Jo.styles=[...Oe.styles,Go],t([Ve({type:String,reflect:!0})],Jo.prototype,"role",void 0),t([Ve({type:String,reflect:!0})],Jo.prototype,"size",void 0);var Xo=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=image-badge]::slotted(*){left:20px;position:absolute;top:20px}slot[name=image-action]::slotted(*){position:absolute;right:20px;top:20px}`;class Qo extends xa{constructor(){super(...arguments),this.noPadding=!1,this.imagePosition="before",this.imageAdjustment="default"}get linkSlotItems(){if(!this.linkNode||0===this.linkNode.length)return null;const e=this.linkNode[0];return e.querySelector("a")||e}get footerSlotItems(){if(!this.footerNode||0===this.footerNode.length)return null;const e=this.footerNode[0];return e.querySelector("a")||e}firstUpdated(e){var t,s;if(super.firstUpdated(e),0===this._imageNode.length){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-image"),i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(".card-body");e&&(e.style.display="none"),i&&this.noPadding&&(i.style.padding="0px")}if(this.stretchedLink){const e=this.footerSlotItems,t=this.linkSlotItems;this._forwardAnchorAttributes((null==e?void 0:e.href)?e:t)}}handleImgSlotChange(e){if(e.target.assignedNodes({flatten:!0}).length>1)return console.error("Multiple elements passed into SgdsCard's image slot")}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return ut`
1310
+ `}}Qo.styles=[...Oe.styles,Xo],t([ze({type:String,reflect:!0})],Qo.prototype,"role",void 0),t([ze({type:String,reflect:!0})],Qo.prototype,"size",void 0);var en=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=image-badge]::slotted(*){left:20px;position:absolute;top:20px}slot[name=image-action]::slotted(*){position:absolute;right:20px;top:20px}`;class tn extends xa{constructor(){super(...arguments),this.noPadding=!1,this.imagePosition="before",this.imageAdjustment="default"}get linkSlotItems(){if(!this.linkNode||0===this.linkNode.length)return null;const e=this.linkNode[0];return e.querySelector("a")||e}get footerSlotItems(){if(!this.footerNode||0===this.footerNode.length)return null;const e=this.footerNode[0];return e.querySelector("a")||e}firstUpdated(e){var t,s;if(super.firstUpdated(e),0===this._imageNode.length){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-image"),i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(".card-body");e&&(e.style.display="none"),i&&this.noPadding&&(i.style.padding="0px")}if(this.stretchedLink){const e=this.footerSlotItems,t=this.linkSlotItems;this._forwardAnchorAttributes((null==e?void 0:e.href)?e:t)}}handleImgSlotChange(e){if(e.target.assignedNodes({flatten:!0}).length>1)return console.error("Multiple elements passed into SgdsCard's image slot")}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return gt`
1296
1311
  <${e}
1297
1312
  class="card ${We({disabled:this.disabled})}"
1298
1313
  tabindex=${t}
1299
1314
  >
1300
- ${this.tinted&&!this.noPadding?ut`<div class="card-tinted-bg"></div>`:ae}
1315
+ ${this.tinted&&!this.noPadding?gt`<div class="card-tinted-bg"></div>`:ae}
1301
1316
  <div class="card-image">
1302
1317
  <slot name="image" @slotchange=${this.handleImgSlotChange}></slot>
1303
1318
  <slot name="image-badge"></slot>
@@ -1319,7 +1334,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1319
1334
  </slot>
1320
1335
  </div>
1321
1336
  </${e}>
1322
- `}}Qo.styles=[...xa.styles,Xo],t([Be({slot:"image",flatten:!0})],Qo.prototype,"_imageNode",void 0),t([Ee({slot:"footer"})],Qo.prototype,"footerNode",void 0),t([Ee({slot:"link"})],Qo.prototype,"linkNode",void 0),t([Ve({type:Boolean,reflect:!0})],Qo.prototype,"noPadding",void 0),t([Ve({type:String,reflect:!0})],Qo.prototype,"imagePosition",void 0),t([Ve({type:String,reflect:!0})],Qo.prototype,"imageAdjustment",void 0);const en="mainnav-context",tn="mainnav-expanded-context";var sn=r`:host{display:block}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}:host([tone=brand]) nav{background-color:var(--sgds-primary-surface-default)}:host([tone=gradient-1]) nav{background:var(--sgds-gradient-1)}:host([tone=gradient-2]) nav{background:var(--sgds-gradient-2)}:host([tone=gradient-3]) nav{background:var(--sgds-gradient-3)}:host([tone=gradient-4]) nav{background:var(--sgds-gradient-4)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand{align-items:center;color:var(--sgds-color-default);display:flex;text-decoration:none;white-space:nowrap}:host([tone=brand]) .navbar-brand,:host([tone^=gradient]) .navbar-brand{color:var(--sgds-color-fixed-light)}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{align-items:center;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}slot[name=non-collapsible].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4)}:host([tone=brand]) slot[name=non-collapsible]::slotted(*),:host([tone^=gradient]) slot[name=non-collapsible]::slotted(*){color:var(--sgds-color-fixed-light)}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);height:inherit;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}`;class an extends Ut{constructor(){super(...arguments),this._breakpointReached=!1,this._expanded=!1,this.hasNonCollapsibleSlot=!1,this.fluid=!1,this.hasSlotController=new qt(this,"non-collapsible")}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}get endSlotItems(){return[...this.endNodes||[]].filter(e=>void 0!==e.tagName)}updated(){this.hasNonCollapsibleSlot||(this.hasNonCollapsibleSlot=this.hasSlotController.test("non-collapsible")),this._expanded=this.expanded}_onBreakpointReached(e){this._breakpointReached=e}_isBreakpointReached(){return this._breakpointReached}_handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach(e=>{e.setAttribute("expand",this.expand)}),this._hasProfileComponent&&t.length>0&&console.warn("[sgds-mainnav] Using <sgds-mainnav-item> alongside <sgds-mainnav-profile> is not recommended. The profile component disables the mainnav hamburger menu, so nav items will have no mobile menu. Use a sidebar for navigation in operational apps.")}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute("name",e.tagName.toLowerCase()),e.setAttribute("expand",this.expand)})}_handleProfileSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute("expand",this.expand)})}render(){return this.breakpointReached=window.innerWidth<("always"===this.expand?-1:"never"===this.expand?1/0:{sm:512,md:768,lg:1024,xl:1280,xxl:1440}[this.expand]),te`
1337
+ `}}tn.styles=[...xa.styles,en],t([Be({slot:"image",flatten:!0})],tn.prototype,"_imageNode",void 0),t([Ee({slot:"footer"})],tn.prototype,"footerNode",void 0),t([Ee({slot:"link"})],tn.prototype,"linkNode",void 0),t([ze({type:Boolean,reflect:!0})],tn.prototype,"noPadding",void 0),t([ze({type:String,reflect:!0})],tn.prototype,"imagePosition",void 0),t([ze({type:String,reflect:!0})],tn.prototype,"imageAdjustment",void 0);const sn="mainnav-context",an="mainnav-expanded-context";var on=r`:host{display:block}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}:host([tone=brand]) nav{background-color:var(--sgds-primary-surface-default)}:host([tone=gradient-1]) nav{background:var(--sgds-gradient-1)}:host([tone=gradient-2]) nav{background:var(--sgds-gradient-2)}:host([tone=gradient-3]) nav{background:var(--sgds-gradient-3)}:host([tone=gradient-4]) nav{background:var(--sgds-gradient-4)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand{align-items:center;color:var(--sgds-color-default);display:flex;text-decoration:none;white-space:nowrap}:host([tone=brand]) .navbar-brand,:host([tone^=gradient]) .navbar-brand{color:var(--sgds-color-fixed-light)}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{align-items:center;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}slot[name=non-collapsible].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4)}:host([tone=brand]) slot[name=non-collapsible]::slotted(*),:host([tone^=gradient]) slot[name=non-collapsible]::slotted(*){color:var(--sgds-color-fixed-light)}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);height:inherit;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}`;class nn extends Ut{constructor(){super(...arguments),this._breakpointReached=!1,this._expanded=!1,this.hasNonCollapsibleSlot=!1,this.fluid=!1,this.hasSlotController=new qt(this,"non-collapsible")}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}get endSlotItems(){return[...this.endNodes||[]].filter(e=>void 0!==e.tagName)}updated(){this.hasNonCollapsibleSlot||(this.hasNonCollapsibleSlot=this.hasSlotController.test("non-collapsible")),this._expanded=this.expanded}_onBreakpointReached(e){this._breakpointReached=e}_isBreakpointReached(){return this._breakpointReached}_handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach(e=>{e.setAttribute("expand",this.expand)}),this._hasProfileComponent&&t.length>0&&console.warn("[sgds-mainnav] Using <sgds-mainnav-item> alongside <sgds-mainnav-profile> is not recommended. The profile component disables the mainnav hamburger menu, so nav items will have no mobile menu. Use a sidebar for navigation in operational apps.")}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute("name",e.tagName.toLowerCase()),e.setAttribute("expand",this.expand)})}_handleProfileSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute("expand",this.expand)})}render(){return this.breakpointReached=window.innerWidth<("always"===this.expand?-1:"never"===this.expand?1/0:{sm:512,md:768,lg:1024,xl:1280,xxl:1440}[this.expand]),te`
1323
1338
  <nav>
1324
1339
  <div class="navbar ${this._expandClass()}">
1325
1340
  <slot name="start"></slot>
@@ -1343,7 +1358,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1343
1358
  </div>
1344
1359
  </div>
1345
1360
  </nav>
1346
- `}}an.styles=[...Ut.styles,sn],t([It({context:en}),Pe()],an.prototype,"_breakpointReached",void 0),t([It({context:tn}),Pe()],an.prototype,"_expanded",void 0),t([Ve({type:Boolean})],an.prototype,"hasNonCollapsibleSlot",void 0),t([Ve({type:Boolean,reflect:!0})],an.prototype,"fluid",void 0),t([Ee()],an.prototype,"defaultNodes",void 0),t([Ee({slot:"end"})],an.prototype,"endNodes",void 0);var on=r`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}.nav-link{align-items:center;box-sizing:border-box;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}:host([tone=brand][expand=always]) .nav-link,:host([tone^=gradient][expand=always]) .nav-link{color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) .nav-link,:host([tone^=gradient][expand=sm]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) .nav-link,:host([tone^=gradient][expand=md]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) .nav-link,:host([tone^=gradient][expand=lg]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) .nav-link,:host([tone^=gradient][expand=xl]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) .nav-link,:host([tone^=gradient][expand=xxl]) .nav-link{color:var(--sgds-color-fixed-light)}}.nav-link.show,.nav-link:not(.disabled).active{border-color:var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.dropdown-items{background-color:var(--sgds-surface-default);height:100%;left:100%;overflow-y:auto;padding:var(--sgds-padding-md) 0;position:absolute;top:0;width:100%}.dropdown-items a{align-items:center;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.dropdown-items a:hover{color:var(--sgds-primary-color-default)}.dropdown-items a:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:-5px}:host([tone=brand][expand=always]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=always]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=sm]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=md]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=lg]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=xl]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=xxl]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}slot[name=toggler]::slotted(*){flex:1}sgds-dropdown{display:block;height:100%}@media screen and (min-width:1024px){.dropdown-items a,.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;const nn="Enter";class rn extends Oe{constructor(){super(...arguments),this._breakpointReached=!0,this.togglerId=Et("dropdown","button"),this.active=!1,this.disabled=!1}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}updated(){this._breakpointReached&&(this._copyTextToMenu(),this._resetDropdownMenu(),this._hideDropdownMenuItems())}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{var t;e.addEventListener("keydown",this._handleKeyboardMenuItemsEvent.bind(this));const s=e.shadowRoot.querySelector(".dropdown-item");s.classList.add("mainnav-dropdown-link");const i=(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("a"))||e.querySelector("a");i.tabIndex=-1,s.classList.contains("disabled")?(i.setAttribute("href","javascript:void(0)"),i.setAttribute("tabindex","-1")):i.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})})}_handleDesktopSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.classList.remove("mainnav-dropdown-link");e.shadowRoot.querySelector(".dropdown-item slot").assignedElements({flatten:!0}).forEach(e=>{t.classList.contains("disabled")&&(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1"))})})}_handleKeyboardMenuItemsEvent(e){if(!this._breakpointReached)return;const t=this.defaultSlotItems.filter(e=>!e.hasAttribute("disabled")),s=[this.menuHeaderButton,...t],i=s.length;if(0===i)return;const a=s[0],o=s[i-1].shadowRoot.querySelector(".dropdown-item");let n=document.activeElement;if(n===this&&(n=this.shadowRoot.activeElement),"Tab"===e.key)if(e.shiftKey)n===a&&(e.preventDefault(),setTimeout(()=>{o.focus()},0));else{const t=n.shadowRoot?n.shadowRoot.querySelector(".dropdown-item"):null;t&&t===o&&(e.preventDefault(),a.focus())}}_copyTextToMenu(){this.menuHeaderText.innerHTML=this.togglerNodes[0].innerHTML}_hideDropdownMenuItems(){this.dropdownItems.style.display="none",this.dropdownItems.setAttribute("aria-hidden","true")}_resetDropdownMenu(){const e=this._getNavbarBody();return e?new Promise(t=>{const s=i=>{"transform"===i.propertyName&&(e.removeEventListener("transitionend",s),t())};getComputedStyle(e).transitionProperty.includes("transform")?(e.addEventListener("transitionend",s),e.style.removeProperty("transform")):(e.style.removeProperty("transform"),t())}):Promise.resolve()}_handleKeyboardOpen(e){this.disabled||e.key!==nn&&" "!==e.key||(e.preventDefault(),this._openMenu())}_getNavbarBody(){const e=document.querySelector("sgds-mainnav");if(!(null==e?void 0:e.shadowRoot))return void console.warn("sgds-mainnav or its shadowRoot not found");const t=e.shadowRoot.querySelector(".navbar-body");if(t)return t;console.warn(".navbar-body not found in sgds-mainnav")}_openMenu(){this._getNavbarBody().style.transform="translateX(-100%)",this.dropdownItems.style.removeProperty("display"),this.dropdownItems.setAttribute("aria-hidden","false"),setTimeout(()=>{this.menuHeaderButton.focus()},50)}_handleHeaderKeyboardEvent(e){switch(e.key){case"Tab":this._handleKeyboardMenuItemsEvent(e);break;case nn:case" ":e.preventDefault(),this._closeMenu()}}async _closeMenu(){await this._resetDropdownMenu(),this._hideDropdownMenuItems(),this.navLink.focus()}render(){const e=te`
1361
+ `}}nn.styles=[...Ut.styles,on],t([Dt({context:sn}),Pe()],nn.prototype,"_breakpointReached",void 0),t([Dt({context:an}),Pe()],nn.prototype,"_expanded",void 0),t([ze({type:Boolean})],nn.prototype,"hasNonCollapsibleSlot",void 0),t([ze({type:Boolean,reflect:!0})],nn.prototype,"fluid",void 0),t([Ee()],nn.prototype,"defaultNodes",void 0),t([Ee({slot:"end"})],nn.prototype,"endNodes",void 0);var rn=r`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}.nav-link{align-items:center;box-sizing:border-box;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}:host([tone=brand][expand=always]) .nav-link,:host([tone^=gradient][expand=always]) .nav-link{color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) .nav-link,:host([tone^=gradient][expand=sm]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) .nav-link,:host([tone^=gradient][expand=md]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) .nav-link,:host([tone^=gradient][expand=lg]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) .nav-link,:host([tone^=gradient][expand=xl]) .nav-link{color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) .nav-link,:host([tone^=gradient][expand=xxl]) .nav-link{color:var(--sgds-color-fixed-light)}}.nav-link.show,.nav-link:not(.disabled).active{border-color:var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-40)}.dropdown-items{background-color:var(--sgds-surface-default);height:100%;left:100%;overflow-y:auto;padding:var(--sgds-padding-md) 0;position:absolute;top:0;width:100%}.dropdown-items a{align-items:center;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-2-xs,20px);margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.dropdown-items a:hover{color:var(--sgds-primary-color-default)}.dropdown-items a:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:-5px}:host([tone=brand][expand=always]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=always]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=sm]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=md]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=lg]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=xl]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) slot[name=toggler]::slotted(*),:host([tone^=gradient][expand=xxl]) slot[name=toggler]::slotted(*){color:var(--sgds-color-fixed-light)}}slot[name=toggler]::slotted(*){flex:1}sgds-dropdown{display:block;height:100%}@media screen and (min-width:1024px){.dropdown-items a,.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;const ln="Enter";class dn extends Oe{constructor(){super(...arguments),this._breakpointReached=!0,this.togglerId=Et("dropdown","button"),this.active=!1,this.disabled=!1}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}updated(){this._breakpointReached&&(this._copyTextToMenu(),this._resetDropdownMenu(),this._hideDropdownMenuItems())}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{var t;e.addEventListener("keydown",this._handleKeyboardMenuItemsEvent.bind(this));const s=e.shadowRoot.querySelector(".dropdown-item");s.classList.add("mainnav-dropdown-link");const i=(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("a"))||e.querySelector("a");i.tabIndex=-1,s.classList.contains("disabled")?(i.setAttribute("href","javascript:void(0)"),i.setAttribute("tabindex","-1")):i.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})})}_handleDesktopSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.classList.remove("mainnav-dropdown-link");e.shadowRoot.querySelector(".dropdown-item slot").assignedElements({flatten:!0}).forEach(e=>{t.classList.contains("disabled")&&(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1"))})})}_handleKeyboardMenuItemsEvent(e){if(!this._breakpointReached)return;const t=this.defaultSlotItems.filter(e=>!e.hasAttribute("disabled")),s=[this.menuHeaderButton,...t],i=s.length;if(0===i)return;const a=s[0],o=s[i-1].shadowRoot.querySelector(".dropdown-item");let n=document.activeElement;if(n===this&&(n=this.shadowRoot.activeElement),"Tab"===e.key)if(e.shiftKey)n===a&&(e.preventDefault(),setTimeout(()=>{o.focus()},0));else{const t=n.shadowRoot?n.shadowRoot.querySelector(".dropdown-item"):null;t&&t===o&&(e.preventDefault(),a.focus())}}_copyTextToMenu(){this.menuHeaderText.innerHTML=this.togglerNodes[0].innerHTML}_hideDropdownMenuItems(){this.dropdownItems.style.display="none",this.dropdownItems.setAttribute("aria-hidden","true")}_resetDropdownMenu(){const e=this._getNavbarBody();return e?new Promise(t=>{const s=i=>{"transform"===i.propertyName&&(e.removeEventListener("transitionend",s),t())};getComputedStyle(e).transitionProperty.includes("transform")?(e.addEventListener("transitionend",s),e.style.removeProperty("transform")):(e.style.removeProperty("transform"),t())}):Promise.resolve()}_handleKeyboardOpen(e){this.disabled||e.key!==ln&&" "!==e.key||(e.preventDefault(),this._openMenu())}_getNavbarBody(){const e=document.querySelector("sgds-mainnav");if(!(null==e?void 0:e.shadowRoot))return void console.warn("sgds-mainnav or its shadowRoot not found");const t=e.shadowRoot.querySelector(".navbar-body");if(t)return t;console.warn(".navbar-body not found in sgds-mainnav")}_openMenu(){this._getNavbarBody().style.transform="translateX(-100%)",this.dropdownItems.style.removeProperty("display"),this.dropdownItems.setAttribute("aria-hidden","false"),setTimeout(()=>{this.menuHeaderButton.focus()},50)}_handleHeaderKeyboardEvent(e){switch(e.key){case"Tab":this._handleKeyboardMenuItemsEvent(e);break;case ln:case" ":e.preventDefault(),this._closeMenu()}}async _closeMenu(){await this._resetDropdownMenu(),this._hideDropdownMenuItems(),this.navLink.focus()}render(){const e=te`
1347
1362
  <a
1348
1363
  class="${We({"nav-link":!0,active:this.active,disabled:this.disabled})}"
1349
1364
  aria-disabled=${this.disabled?"true":"false"}
@@ -1380,7 +1395,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1380
1395
  <sgds-icon name="chevron-down" size="md"></sgds-icon>
1381
1396
  </a>
1382
1397
  <slot @slotchange=${this._handleDesktopSlotChange}></slot>
1383
- </sgds-dropdown>`;return this._breakpointReached?e:t}}rn.styles=[...Oe.styles,Ki,Yi,on],rn.dependencies={"sgds-dropdown":Wi,"sgds-dropdown-item":oa,"sgds-icon":xt},t([Lt({context:en,subscribe:!0}),Pe()],rn.prototype,"_breakpointReached",void 0),t([Lt({context:tn,subscribe:!0}),Pe()],rn.prototype,"expanded",void 0),t([De(".nav-link")],rn.prototype,"navLink",void 0),t([De(".dropdown-items")],rn.prototype,"dropdownItems",void 0),t([De(".dropdown-items a")],rn.prototype,"menuHeaderButton",void 0),t([De(".dropdown-items span")],rn.prototype,"menuHeaderText",void 0),t([Ve({type:Boolean})],rn.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],rn.prototype,"disabled",void 0),t([Ve({type:String})],rn.prototype,"ariaLabel",void 0),t([Ee({slot:"toggler"})],rn.prototype,"togglerNodes",void 0),t([Ee()],rn.prototype,"defaultNodes",void 0);var ln=r`:host([expand=always]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media screen and (min-width:512px){:host([expand=sm]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=sm]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:768px){:host([expand=md]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=md]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1024px){:host([expand=lg]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=lg]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1280px){:host([expand=xl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1440px){:host([expand=xxl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xxl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (max-width:511px){:host(:not([disabled])[active][expand=sm]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:767px){:host(:not([disabled])[active][expand=md]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1023px){:host(:not([disabled])[active][expand=lg]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1279px){:host(:not([disabled])[active][expand=xl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1439px){:host(:not([disabled])[active][expand=xxl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);--sgds-link-color-emphasis:var(--sgds-color-default);align-items:center;box-sizing:border-box;color:var(--sgds-color-default)!important;cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);height:auto!important;line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none!important}:host([tone=brand][expand=always]) ::slotted(*),:host([tone^=gradient][expand=always]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=always]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=always]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) ::slotted(*),:host([tone^=gradient][expand=sm]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=sm]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=sm]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) ::slotted(*),:host([tone^=gradient][expand=md]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=md]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=md]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) ::slotted(*),:host([tone^=gradient][expand=lg]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=lg]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=lg]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) ::slotted(*),:host([tone^=gradient][expand=xl]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=xl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xl]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) ::slotted(*),:host([tone^=gradient][expand=xxl]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=xxl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xxl]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}:host(:not([disabled])[active]) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-primary-color-default)!important}:host(:not([disabled]):not([active])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default)!important}:host(:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-primary-color-default)!important}:host([tone=brand][expand=always]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=always]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=always]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=always]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}@media screen and (min-width:512px){:host([tone=brand][expand=sm]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=sm]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=sm]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=sm]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:768px){:host([tone=brand][expand=md]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=md]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=md]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=md]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=lg]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=lg]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=lg]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=xl]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=xl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xl]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=xxl]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=xxl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xxl]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default)!important}:host(:not([disabled]):not([active])) ::slotted(a:active){color:var(--sgds-color-default)!important}:host(:not([disabled])[active]) ::slotted(a:active){color:var(--sgds-primary-color-default)!important}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-primary-color-default)!important;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed;opacity:var(--sgds-opacity-40)}`;class dn extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,s=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(s.length>1)console.error("More than one anchor tag is added to sgds-mainnav-item");else{if(0===s.length){t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){const t=document.createElement("a");t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}})}if(1===s.length){const e=s[0];if(this.active&&e.setAttribute("aria-current","true"),this.disabled)return e.setAttribute("href","javascript:void(0)"),void e.setAttribute("tabindex","-1");e.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})}}}render(){return te`<slot @slotchange=${this._handleSlotChange}></slot>`}}dn.styles=[...Oe.styles,ln],t([Ve({type:Boolean,reflect:!0})],dn.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],dn.prototype,"disabled",void 0),t([nt("disabled")],dn.prototype,"_handleDisabled",null);class cn extends Ji{constructor(){super(...arguments),this._breakpointReached=!0}}t([Lt({context:en,subscribe:!0}),Pe()],cn.prototype,"_breakpointReached",void 0);var hn=r`b{font-weight:bolder}[role=button]{cursor:pointer}a{color:#0049dc;text-decoration:none!important}a[target=_blank]:after{height:var(--sgds-icon-size-sm,1rem)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-sm,1rem)!important}a:hover{color:#0022b9}.sgds-masthead{color-scheme:var(--sgds-color-scheme,only light);font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem}.banner{background-color:light-dark(#f7f7f7,#1a1a1a)}.container{margin-left:auto;margin-right:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:.25rem var(--sgds-mainnav-mobile-padding-x,1.25rem);width:100%}:host([fluid]) .container{max-width:none}.sg-crest{flex-shrink:0;height:20px;width:20px}.sg-crest path{fill:#db0000}.masthead-layout{display:flex;gap:.25rem}.masthead-text-layout{align-items:center;display:flex;flex-wrap:wrap;gap:0 .75rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:20px;transform:rotate(180deg);transition:transform .3s ease-in-out 0s;user-select:none;width:20px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:light-dark(#0269d0,#60aaf4);cursor:pointer;display:flex;gap:4px}.sgds-masthead-button:hover{color:light-dark(#0151a0,#96c7f7)}.panel{background-color:light-dark(#f7f7f7,#1a1a1a)}.sgds-masthead .sgds-masthead-content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:grid-template-rows .3s cubic-bezier(.25,0,.25,1),opacity .3s cubic-bezier(.25,0,.25,1),padding .3s cubic-bezier(.25,0,.25,1)}.sgds-masthead .sgds-masthead-content.show{grid-template-rows:1fr;opacity:1;padding-bottom:1rem;padding-top:1rem}.sgds-masthead .sgds-masthead-content>.content-grid{min-height:0}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}.icon{margin-top:-.1em}.wrapper{display:flex;gap:.5rem}.content{display:flex;flex-direction:column;gap:.25rem}.content .title{font-weight:600}.content article{color:light-dark(#525252,#a5a5a5)}.banner-icon,.banner-icon-inline{height:20px;width:20px}.banner-icon path,.banner-icon-inline path{fill:light-dark(#1a1a1a,#f3f3f3)}a.trusted-websites-link{color:light-dark(#0269d0,#60aaf4);text-decoration:underline;width:fit-content}a.trusted-websites-link:hover{color:light-dark(#0151a0,#96c7f7)}.sgds-masthead-button:focus-visible,a.trusted-websites-link:focus-visible{outline:4px solid #60aaf4}@media screen and (min-width:768px){.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1024px){.container{padding:.25rem var(--sgds-mainnav-padding-x,2rem)}}`,pn=r`svg{vertical-align:middle}`;class un extends Oe{constructor(){super(...arguments),this.fluid=!1,this.toggleVisibility=!1}_handleKeydown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._toggleVisibility())}_toggleVisibility(){this.toggleVisibility=!this.toggleVisibility}render(){return te`
1398
+ </sgds-dropdown>`;return this._breakpointReached?e:t}}dn.styles=[...Oe.styles,Ki,Yi,rn],dn.dependencies={"sgds-dropdown":Wi,"sgds-dropdown-item":oa,"sgds-icon":xt},t([It({context:sn,subscribe:!0}),Pe()],dn.prototype,"_breakpointReached",void 0),t([It({context:an,subscribe:!0}),Pe()],dn.prototype,"expanded",void 0),t([Le(".nav-link")],dn.prototype,"navLink",void 0),t([Le(".dropdown-items")],dn.prototype,"dropdownItems",void 0),t([Le(".dropdown-items a")],dn.prototype,"menuHeaderButton",void 0),t([Le(".dropdown-items span")],dn.prototype,"menuHeaderText",void 0),t([ze({type:Boolean})],dn.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],dn.prototype,"disabled",void 0),t([ze({type:String})],dn.prototype,"ariaLabel",void 0),t([Ee({slot:"toggler"})],dn.prototype,"togglerNodes",void 0),t([Ee()],dn.prototype,"defaultNodes",void 0);var cn=r`:host([expand=always]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media screen and (min-width:512px){:host([expand=sm]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=sm]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:768px){:host([expand=md]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=md]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1024px){:host([expand=lg]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=lg]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1280px){:host([expand=xl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1440px){:host([expand=xxl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xxl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (max-width:511px){:host(:not([disabled])[active][expand=sm]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:767px){:host(:not([disabled])[active][expand=md]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1023px){:host(:not([disabled])[active][expand=lg]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1279px){:host(:not([disabled])[active][expand=xl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1439px){:host(:not([disabled])[active][expand=xxl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);--sgds-link-color-emphasis:var(--sgds-color-default);align-items:center;box-sizing:border-box;color:var(--sgds-color-default)!important;cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);height:auto!important;line-height:var(--sgds-line-height-2-xs,20px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none!important}:host([tone=brand][expand=always]) ::slotted(*),:host([tone^=gradient][expand=always]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=always]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=always]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}@media screen and (min-width:512px){:host([tone=brand][expand=sm]) ::slotted(*),:host([tone^=gradient][expand=sm]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=sm]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=sm]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:768px){:host([tone=brand][expand=md]) ::slotted(*),:host([tone^=gradient][expand=md]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=md]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=md]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]) ::slotted(*),:host([tone^=gradient][expand=lg]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=lg]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=lg]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]) ::slotted(*),:host([tone^=gradient][expand=xl]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=xl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xl]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]) ::slotted(*),:host([tone^=gradient][expand=xxl]) ::slotted(*){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}:host([tone=brand][expand=xxl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xxl]:not([disabled])[active]) ::slotted(*){border-color:var(--sgds-color-fixed-light)}}@media screen and (min-width:1024px){::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}:host(:not([disabled])[active]) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-primary-color-default)!important}:host(:not([disabled]):not([active])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default)!important}:host(:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-primary-color-default)!important}:host([tone=brand][expand=always]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=always]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=always]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=always]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}@media screen and (min-width:512px){:host([tone=brand][expand=sm]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=sm]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=sm]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=sm]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:768px){:host([tone=brand][expand=md]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=md]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=md]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=md]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:1024px){:host([tone=brand][expand=lg]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=lg]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=lg]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=lg]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:1280px){:host([tone=brand][expand=xl]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=xl]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=xl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xl]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}@media screen and (min-width:1440px){:host([tone=brand][expand=xxl]:not([disabled])[active]) ::slotted(*),:host([tone=brand][expand=xxl]:not([disabled])[active]) ::slotted(a:hover),:host([tone^=gradient][expand=xxl]:not([disabled])[active]) ::slotted(*),:host([tone^=gradient][expand=xxl]:not([disabled])[active]) ::slotted(a:hover){--sgds-link-color-default:var(--sgds-color-fixed-light);--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-color-fixed-light)!important}}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default)!important}:host(:not([disabled]):not([active])) ::slotted(a:active){color:var(--sgds-color-default)!important}:host(:not([disabled])[active]) ::slotted(a:active){color:var(--sgds-primary-color-default)!important}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-primary-color-default)!important;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed;opacity:var(--sgds-opacity-40)}`;class hn extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,s=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(s.length>1)console.error("More than one anchor tag is added to sgds-mainnav-item");else{if(0===s.length){t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){const t=document.createElement("a");t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}})}if(1===s.length){const e=s[0];if(this.active&&e.setAttribute("aria-current","true"),this.disabled)return e.setAttribute("href","javascript:void(0)"),void e.setAttribute("tabindex","-1");e.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})}}}render(){return te`<slot @slotchange=${this._handleSlotChange}></slot>`}}hn.styles=[...Oe.styles,cn],t([ze({type:Boolean,reflect:!0})],hn.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],hn.prototype,"disabled",void 0),t([nt("disabled")],hn.prototype,"_handleDisabled",null);class pn extends Ji{constructor(){super(...arguments),this._breakpointReached=!0}}t([It({context:sn,subscribe:!0}),Pe()],pn.prototype,"_breakpointReached",void 0);var gn=r`b{font-weight:bolder}[role=button]{cursor:pointer}a{color:#0049dc;text-decoration:none!important}a[target=_blank]:after{height:var(--sgds-icon-size-sm,1rem)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-sm,1rem)!important}a:hover{color:#0022b9}.sgds-masthead{color-scheme:var(--sgds-color-scheme,only light);font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem}.banner{background-color:light-dark(#f7f7f7,#1a1a1a)}.container{margin-left:auto;margin-right:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:.25rem var(--sgds-mainnav-mobile-padding-x,1.25rem);width:100%}:host([fluid]) .container{max-width:none}.sg-crest{flex-shrink:0;height:20px;width:20px}.sg-crest path{fill:#db0000}.masthead-layout{display:flex;gap:.25rem}.masthead-text-layout{align-items:center;display:flex;flex-wrap:wrap;gap:0 .75rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:20px;transform:rotate(180deg);transition:transform .3s ease-in-out 0s;user-select:none;width:20px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:light-dark(#0269d0,#60aaf4);cursor:pointer;display:flex;gap:4px}.sgds-masthead-button:hover{color:light-dark(#0151a0,#96c7f7)}.panel{background-color:light-dark(#f7f7f7,#1a1a1a)}.sgds-masthead .sgds-masthead-content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:grid-template-rows .3s cubic-bezier(.25,0,.25,1),opacity .3s cubic-bezier(.25,0,.25,1),padding .3s cubic-bezier(.25,0,.25,1)}.sgds-masthead .sgds-masthead-content.show{grid-template-rows:1fr;opacity:1;padding-bottom:1rem;padding-top:1rem}.sgds-masthead .sgds-masthead-content>.content-grid{min-height:0}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}.icon{margin-top:-.1em}.wrapper{display:flex;gap:.5rem}.content{display:flex;flex-direction:column;gap:.25rem}.content .title{font-weight:600}.content article{color:light-dark(#525252,#a5a5a5)}.banner-icon,.banner-icon-inline{height:20px;width:20px}.banner-icon path,.banner-icon-inline path{fill:light-dark(#1a1a1a,#f3f3f3)}a.trusted-websites-link{color:light-dark(#0269d0,#60aaf4);text-decoration:underline;width:fit-content}a.trusted-websites-link:hover{color:light-dark(#0151a0,#96c7f7)}.sgds-masthead-button:focus-visible,a.trusted-websites-link:focus-visible{outline:4px solid #60aaf4}@media screen and (min-width:768px){.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1024px){.container{padding:.25rem var(--sgds-mainnav-padding-x,2rem)}}`,un=r`svg{vertical-align:middle}`;class vn extends Oe{constructor(){super(...arguments),this.fluid=!1,this.toggleVisibility=!1}_handleKeydown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._toggleVisibility())}_toggleVisibility(){this.toggleVisibility=!this.toggleVisibility}render(){return te`
1384
1399
  <div id="sgds-masthead" class="sgds-masthead">
1385
1400
  <div class="banner">
1386
1401
  <div class="container">
@@ -1532,7 +1547,7 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1532
1547
  </div>
1533
1548
  </div>
1534
1549
  </div>
1535
- `}}function gn(e){const t=e.tagName.toLowerCase();return"-1"!==e.getAttribute("tabindex")&&(!e.hasAttribute("disabled")&&((!e.hasAttribute("aria-disabled")||"false"===e.getAttribute("aria-disabled"))&&(!("input"===t&&"radio"===e.getAttribute("type")&&!e.hasAttribute("checked"))&&(null!==e.offsetParent&&("hidden"!==window.getComputedStyle(e).visibility&&(!("audio"!==t&&"video"!==t||!e.hasAttribute("controls"))||(!!e.hasAttribute("tabindex")||(!(!e.hasAttribute("contenteditable")||"false"===e.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(t)))))))))}un.styles=[...Oe.styles,pn,$t,hn],t([Ve({type:Boolean,reflect:!0})],un.prototype,"fluid",void 0),t([Pe()],un.prototype,"toggleVisibility",void 0);let vn=[];class mn{constructor(e){this.tabDirection="forward",this.element=e,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this)}activate(){vn.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){vn=vn.filter(e=>e!==this.element),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return vn[vn.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(":focus-within")){const{start:e,end:t}=function(e){var t,s;const i=[];return function e(t){t instanceof HTMLElement&&(i.push(t),null!==t.shadowRoot&&"open"===t.shadowRoot.mode&&e(t.shadowRoot)),[...t.children].forEach(t=>e(t))}(e),{start:null!==(t=i.find(e=>gn(e)))&&void 0!==t?t:null,end:null!==(s=i.reverse().find(e=>gn(e)))&&void 0!==s?s:null}}(this.element),s="forward"===this.tabDirection?e:t;"function"==typeof(null==s?void 0:s.focus)&&s.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(e){"Tab"===e.key&&e.shiftKey&&(this.tabDirection="backward",requestAnimationFrame(()=>this.checkFocus()))}handleKeyUp(){this.tabDirection="forward"}}var fn=r`:host(:not([size=fullscreen])) .modal-panel{background-color:var(--sgds-surface-default);max-width:var(--sgds-dimension-640);padding:var(--sgds-padding-xl)}:host([size=sm]) .modal-panel{max-width:var(--sgds-dimension-480)}:host([size=md]) .modal-panel{max-width:var(--sgds-dimension-640)}:host([size=lg]) .modal-panel{max-width:var(--sgds-dimension-800)}:host([size=xl]) .modal-panel{max-width:var(--sgds-dimension-1280)}:host([size=fullscreen]) .modal-overlay{background-color:var(--sgds-surface-default)}:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-xl) var(--sgds-margin-lg)}.modal{align-items:start;bottom:0;display:flex;font-family:var(--sgds-body-font-family);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--sgds-z-index-modal)}.modal-panel{border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xl);margin:auto;max-height:calc(100% - var(--sgds-margin-xl) - var(--sgds-margin-xl));width:100%;z-index:2}.modal-panel:focus{outline:none}.modal-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-2-xl);min-height:0;position:relative}.modal-header__close{position:absolute;right:calc(var(--sgds-padding-md)*-1);top:calc(var(--sgds-padding-md)*-1)}@media screen and (min-width:512px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-xl)}}@media screen and (min-width:768px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-2-xl);max-height:calc(100% - var(--sgds-margin-2-xl) - var(--sgds-margin-2-xl))}}@media screen and (min-width:1024px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-4-xl) var(--sgds-margin-lg);max-height:calc(100% - var(--sgds-margin-4-xl) - var(--sgds-margin-4-xl));max-width:var(--sgds-dimension-888)}}@media screen and (min-width:1280px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1168)}}@media screen and (min-width:1440px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1312)}}.modal.show .modal-panel{opacity:1;transform:none}.modal-header{display:flex;flex:0 0 auto;flex-direction:row;justify-content:space-between;max-width:var(--sgds-dimension-872)}.modal-header__title-description{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}:host([size=fullscreen]) .modal-header__title-description{gap:var(--sgds-gap-md)}slot[name=title]::slotted(*){align-items:center;display:flex;flex:1 1 auto;font-size:var(--sgds-font-size-heading-sm)!important;gap:1rem;line-height:var(--sgds-line-height-lg)!important;margin:var(--sgds-margin-none)!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);line-height:var(--sgds-line-height-xs);margin:var(--sgds-margin-none)!important}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow:auto}.modal-body slot::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none)}.modal-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--sgds-gap-md);justify-content:flex-end;padding-top:var(--sgds-padding-md)}.modal:not(.has-footer) .modal-footer{display:none}.modal-overlay{background-color:var(--sgds-bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0}[hidden]{display:none}`;class bn extends Oe{constructor(){super(...arguments),this.hasSlotController=new qt(this,"footer"),this.open=!1,this.noAnimation=!1,this.size="md",this.hasFooterSlot=!1,this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new mn(this),this._resizeHandler=this._debounce(this._onWindowResize.bind(this),200)}disconnectedCallback(){super.disconnectedCallback(),this._removeResizeListener(),Ho(this)}firstUpdated(e){super.firstUpdated(e),this._onWindowResize(),this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),Bo(this))}updated(){this.hasFooterSlot||(this.hasFooterSlot=this.hasSlotController.test("footer"))}_debounce(e,t){let s;return(...i)=>{clearTimeout(s),s=window.setTimeout(()=>e(...i),t)}}_onWindowResize(){const e=this.panel.getBoundingClientRect().width,t=this.querySelectorAll("sgds-button[slot='footer']");this.panel&&(t.length<=1||(e<512||"fullscreen"===this.size&&e<At?t.forEach(e=>{e.fullWidth=!0}):t.forEach(e=>{e.fullWidth=!1})))}_addResizeListener(){window.addEventListener("resize",this._resizeHandler)}_removeResizeListener(){window.removeEventListener("resize",this._resizeHandler)}async show(){if(!this.open)return this.open=!0,ot(this,"sgds-after-show")}async hide(){if(this.open)return this.open=!1,ot(this,"sgds-after-hide")}requestClose(e){if(this.emit("sgds-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){const e=it(this,"modal.denyClose");return void Je(this.panel,e.keyframes)}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&"Escape"===e.key&&(e.stopPropagation(),this.requestClose("keyboard"))}_overlayClickHandler(){"fullscreen"!==this.size&&this.requestClose("overlay")}async handleOpenChange(){if(this.open){this.emit("sgds-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),Bo(this),await Promise.all([et(this.dialog),et(this.overlay)]),this.dialog.hidden=!1;const e=it(this,"modal.show"),t=it(this,"modal.overlay.show");!this.noAnimation&&await Promise.all([Je(this.panel,e.keyframes,e.options),Je(this.overlay,t.keyframes,t.options)]),this.emit("sgds-after-show"),this.heading.focus(),this._addResizeListener()}else{this.emit("sgds-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([et(this.dialog),et(this.overlay)]);const e=it(this,"modal.hide"),t=it(this,"modal.overlay.hide");!this.noAnimation&&await Promise.all([Je(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),Je(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,Ho(this);const s=this.originalTrigger;"function"==typeof(null==s?void 0:s.focus)&&setTimeout(()=>s.focus()),this.emit("sgds-after-hide"),this._removeResizeListener()}}render(){return te`
1550
+ `}}function mn(e){const t=e.tagName.toLowerCase();return"-1"!==e.getAttribute("tabindex")&&(!e.hasAttribute("disabled")&&((!e.hasAttribute("aria-disabled")||"false"===e.getAttribute("aria-disabled"))&&(!("input"===t&&"radio"===e.getAttribute("type")&&!e.hasAttribute("checked"))&&(null!==e.offsetParent&&("hidden"!==window.getComputedStyle(e).visibility&&(!("audio"!==t&&"video"!==t||!e.hasAttribute("controls"))||(!!e.hasAttribute("tabindex")||(!(!e.hasAttribute("contenteditable")||"false"===e.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(t)))))))))}vn.styles=[...Oe.styles,un,$t,gn],t([ze({type:Boolean,reflect:!0})],vn.prototype,"fluid",void 0),t([Pe()],vn.prototype,"toggleVisibility",void 0);let fn=[];class bn{constructor(e){this.tabDirection="forward",this.element=e,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this)}activate(){fn.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){fn=fn.filter(e=>e!==this.element),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return fn[fn.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(":focus-within")){const{start:e,end:t}=function(e){var t,s;const i=[];return function e(t){t instanceof HTMLElement&&(i.push(t),null!==t.shadowRoot&&"open"===t.shadowRoot.mode&&e(t.shadowRoot)),[...t.children].forEach(t=>e(t))}(e),{start:null!==(t=i.find(e=>mn(e)))&&void 0!==t?t:null,end:null!==(s=i.reverse().find(e=>mn(e)))&&void 0!==s?s:null}}(this.element),s="forward"===this.tabDirection?e:t;"function"==typeof(null==s?void 0:s.focus)&&s.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(e){"Tab"===e.key&&e.shiftKey&&(this.tabDirection="backward",requestAnimationFrame(()=>this.checkFocus()))}handleKeyUp(){this.tabDirection="forward"}}var wn=r`:host(:not([size=fullscreen])) .modal-panel{background-color:var(--sgds-surface-default);max-width:var(--sgds-dimension-640);padding:var(--sgds-padding-xl)}:host([size=sm]) .modal-panel{max-width:var(--sgds-dimension-480)}:host([size=md]) .modal-panel{max-width:var(--sgds-dimension-640)}:host([size=lg]) .modal-panel{max-width:var(--sgds-dimension-800)}:host([size=xl]) .modal-panel{max-width:var(--sgds-dimension-1280)}:host([size=fullscreen]) .modal-overlay{background-color:var(--sgds-surface-default)}:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-xl) var(--sgds-margin-lg)}.modal{align-items:start;bottom:0;display:flex;font-family:var(--sgds-body-font-family);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--sgds-z-index-modal)}.modal-panel{border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xl);margin:auto;max-height:calc(100% - var(--sgds-margin-xl) - var(--sgds-margin-xl));width:100%;z-index:2}.modal-panel:focus{outline:none}.modal-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-2-xl);min-height:0;position:relative}.modal-header__close{position:absolute;right:calc(var(--sgds-padding-md)*-1);top:calc(var(--sgds-padding-md)*-1)}@media screen and (min-width:512px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-xl)}}@media screen and (min-width:768px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-2-xl);max-height:calc(100% - var(--sgds-margin-2-xl) - var(--sgds-margin-2-xl))}}@media screen and (min-width:1024px){:host([size=fullscreen]) .modal-panel{margin:var(--sgds-margin-4-xl) var(--sgds-margin-lg);max-height:calc(100% - var(--sgds-margin-4-xl) - var(--sgds-margin-4-xl));max-width:var(--sgds-dimension-888)}}@media screen and (min-width:1280px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1168)}}@media screen and (min-width:1440px){:host([size=fullscreen]) .modal-panel{max-width:var(--sgds-dimension-1312)}}.modal.show .modal-panel{opacity:1;transform:none}.modal-header{display:flex;flex:0 0 auto;flex-direction:row;justify-content:space-between;max-width:var(--sgds-dimension-872)}.modal-header__title-description{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}:host([size=fullscreen]) .modal-header__title-description{gap:var(--sgds-gap-md)}slot[name=title]::slotted(*){align-items:center;display:flex;flex:1 1 auto;font-size:var(--sgds-font-size-heading-sm)!important;gap:1rem;line-height:var(--sgds-line-height-lg)!important;margin:var(--sgds-margin-none)!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle);line-height:var(--sgds-line-height-xs);margin:var(--sgds-margin-none)!important}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow:auto}.modal-body slot::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none)}.modal-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--sgds-gap-md);justify-content:flex-end;padding-top:var(--sgds-padding-md)}.modal:not(.has-footer) .modal-footer{display:none}.modal-overlay{background-color:var(--sgds-bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0}[hidden]{display:none}`;class yn extends Oe{constructor(){super(...arguments),this.hasSlotController=new qt(this,"footer"),this.open=!1,this.noAnimation=!1,this.size="md",this.hasFooterSlot=!1,this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new bn(this),this._resizeHandler=this._debounce(this._onWindowResize.bind(this),200)}disconnectedCallback(){super.disconnectedCallback(),this._removeResizeListener(),To(this)}firstUpdated(e){super.firstUpdated(e),this._onWindowResize(),this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),Oo(this))}updated(){this.hasFooterSlot||(this.hasFooterSlot=this.hasSlotController.test("footer"))}_debounce(e,t){let s;return(...i)=>{clearTimeout(s),s=window.setTimeout(()=>e(...i),t)}}_onWindowResize(){const e=this.panel.getBoundingClientRect().width,t=this.querySelectorAll("sgds-button[slot='footer']");this.panel&&(t.length<=1||(e<512||"fullscreen"===this.size&&e<At?t.forEach(e=>{e.fullWidth=!0}):t.forEach(e=>{e.fullWidth=!1})))}_addResizeListener(){window.addEventListener("resize",this._resizeHandler)}_removeResizeListener(){window.removeEventListener("resize",this._resizeHandler)}async show(){if(!this.open)return this.open=!0,ot(this,"sgds-after-show")}async hide(){if(this.open)return this.open=!1,ot(this,"sgds-after-hide")}requestClose(e){if(this.emit("sgds-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){const e=it(this,"modal.denyClose");return void Je(this.panel,e.keyframes)}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&"Escape"===e.key&&(e.stopPropagation(),this.requestClose("keyboard"))}_overlayClickHandler(){"fullscreen"!==this.size&&this.requestClose("overlay")}async handleOpenChange(){if(this.open){this.emit("sgds-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),Oo(this),await Promise.all([et(this.dialog),et(this.overlay)]),this.dialog.hidden=!1;const e=it(this,"modal.show"),t=it(this,"modal.overlay.show");!this.noAnimation&&await Promise.all([Je(this.panel,e.keyframes,e.options),Je(this.overlay,t.keyframes,t.options)]),this.emit("sgds-after-show"),this.heading.focus(),this._addResizeListener()}else{this.emit("sgds-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([et(this.dialog),et(this.overlay)]);const e=it(this,"modal.hide"),t=it(this,"modal.overlay.hide");!this.noAnimation&&await Promise.all([Je(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),Je(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,To(this);const s=this.originalTrigger;"function"==typeof(null==s?void 0:s.focus)&&setTimeout(()=>s.focus()),this.emit("sgds-after-hide"),this._removeResizeListener()}}render(){return te`
1536
1551
  <div
1537
1552
  class=${We({modal:!0,show:this.open,"has-footer":this.hasFooterSlot})}
1538
1553
  >
@@ -1567,19 +1582,19 @@ const Ua=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
1567
1582
  </div>
1568
1583
  </div>
1569
1584
  </div>
1570
- `}}bn.styles=[...Oe.styles,wa,pn,fn],bn.dependencies={"sgds-close-button":ft},t([De(".modal")],bn.prototype,"dialog",void 0),t([De(".modal-panel")],bn.prototype,"panel",void 0),t([De(".modal-overlay")],bn.prototype,"overlay",void 0),t([De(".modal-title")],bn.prototype,"heading",void 0),t([Ve({type:Boolean,reflect:!0})],bn.prototype,"open",void 0),t([Ve({type:Boolean,reflect:!0})],bn.prototype,"noAnimation",void 0),t([Ve({reflect:!0})],bn.prototype,"size",void 0),t([Ve({type:Boolean})],bn.prototype,"hasFooterSlot",void 0),t([Ve({type:Boolean,reflect:!0})],bn.prototype,"noCloseButton",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],bn.prototype,"handleOpenChange",null),at("modal.show",{keyframes:[{opacity:0,transform:"scale(1) translate(0, -100%)"},{opacity:1,transform:"scale(1) translate(0, 0%)"}],options:{duration:400,easing:"ease"}}),at("modal.hide",{keyframes:[{opacity:1,transform:"scale(1) translate(0, 0)"},{opacity:0,transform:"scale(1) translate(0, -100%)"}],options:{duration:400,easing:"ease"}}),at("modal.denyClose",{keyframes:[{transform:"scale(1)"},{transform:"scale(1.02)"},{transform:"scale(1)"}],options:{duration:400}}),at("modal.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:400}}),at("modal.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:400}});
1585
+ `}}yn.styles=[...Oe.styles,wa,un,wn],yn.dependencies={"sgds-close-button":ft},t([Le(".modal")],yn.prototype,"dialog",void 0),t([Le(".modal-panel")],yn.prototype,"panel",void 0),t([Le(".modal-overlay")],yn.prototype,"overlay",void 0),t([Le(".modal-title")],yn.prototype,"heading",void 0),t([ze({type:Boolean,reflect:!0})],yn.prototype,"open",void 0),t([ze({type:Boolean,reflect:!0})],yn.prototype,"noAnimation",void 0),t([ze({reflect:!0})],yn.prototype,"size",void 0),t([ze({type:Boolean})],yn.prototype,"hasFooterSlot",void 0),t([ze({type:Boolean,reflect:!0})],yn.prototype,"noCloseButton",void 0),t([nt("open",{waitUntilFirstUpdate:!0})],yn.prototype,"handleOpenChange",null),at("modal.show",{keyframes:[{opacity:0,transform:"scale(1) translate(0, -100%)"},{opacity:1,transform:"scale(1) translate(0, 0%)"}],options:{duration:400,easing:"ease"}}),at("modal.hide",{keyframes:[{opacity:1,transform:"scale(1) translate(0, 0)"},{opacity:0,transform:"scale(1) translate(0, -100%)"}],options:{duration:400,easing:"ease"}}),at("modal.denyClose",{keyframes:[{transform:"scale(1)"},{transform:"scale(1.02)"},{transform:"scale(1)"}],options:{duration:400}}),at("modal.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:400}}),at("modal.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:400}});
1571
1586
  /**
1572
1587
  * @license
1573
1588
  * Copyright 2018 Google LLC
1574
1589
  * SPDX-License-Identifier: BSD-3-Clause
1575
1590
  */
1576
- const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(super(e),e.type!==Ne||"style"!==e.name||e.strings?.length>2)throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,s)=>{const i=e[s];return null==i?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(e,[t]){const{style:s}=e.element;if(void 0===this._previousStyleProperties)return this._previousStyleProperties=new Set(Object.keys(t)),this.render(t);for(const e of this._previousStyleProperties)null==t[e]&&(this._previousStyleProperties.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const i=t[e];if(null!=i){this._previousStyleProperties.add(e);const t="string"==typeof i&&i.endsWith(yn);e.includes("-")||t?s.setProperty(e,t?i.slice(0,-11):i,t?wn:""):s[e]=i}}return ie}});var _n=r`progress{vertical-align:baseline}.progress-container{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);overflow:hidden}.progress{background-color:var(--sgds-bg-translucent)}.progress-bar{background-color:var(--sgds-primary-surface-default);display:flex;flex-direction:column;height:var(--sgds-dimension-4);justify-content:center;overflow:hidden;transition:width .6s ease}:host([variant=neutral]) .progress-bar{background-color:var(--sgds-neutral-surface-default)}.label{color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-label-sm);white-space:nowrap}`;class kn extends Oe{constructor(){super(...arguments),this.variant="primary",this.ariaLabel="",this.arialabel="",this.label=""}render(){var e,t;return te`
1591
+ const xn="important",_n=" !"+xn;const kn=Ye(class extends Ke{constructor(e){if(super(e),e.type!==Ne||"style"!==e.name||e.strings?.length>2)throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,s)=>{const i=e[s];return null==i?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(e,[t]){const{style:s}=e.element;if(void 0===this._previousStyleProperties)return this._previousStyleProperties=new Set(Object.keys(t)),this.render(t);for(const e of this._previousStyleProperties)null==t[e]&&(this._previousStyleProperties.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const i=t[e];if(null!=i){this._previousStyleProperties.add(e);const t="string"==typeof i&&i.endsWith(_n);e.includes("-")||t?s.setProperty(e,t?i.slice(0,-11):i,t?xn:""):s[e]=i}}return ie}});var Cn=r`progress{vertical-align:baseline}.progress-container{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);overflow:hidden}.progress{background-color:var(--sgds-bg-translucent)}.progress-bar{background-color:var(--sgds-primary-surface-default);display:flex;flex-direction:column;height:var(--sgds-dimension-4);justify-content:center;overflow:hidden;transition:width .6s ease}:host([variant=neutral]) .progress-bar{background-color:var(--sgds-neutral-surface-default)}.label{color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-label-sm);white-space:nowrap}`;class $n extends Oe{constructor(){super(...arguments),this.variant="primary",this.ariaLabel="",this.arialabel="",this.label=""}render(){var e,t;return te`
1577
1592
  <div class="progress-container">
1578
1593
  <div class="progress">
1579
1594
  <div
1580
1595
  class="progress-bar"
1581
1596
  role="progressbar"
1582
- style=${xn({width:`${this.value}%`})}
1597
+ style=${kn({width:`${this.value}%`})}
1583
1598
  aria-label=${this.ariaLabel||this.arialabel||ae}
1584
1599
  aria-valuenow=${this.value}
1585
1600
  aria-valuemin=${null!==(e=this.ariamin)&&void 0!==e?e:ae}
@@ -1588,7 +1603,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1588
1603
  </div>
1589
1604
  ${this.label?te`<span class="label">${this.label}</span>`:ae}
1590
1605
  </div>
1591
- `}}kn.styles=[...Oe.styles,_n],t([Ve({type:String,reflect:!0})],kn.prototype,"variant",void 0),t([Ve({type:Number,reflect:!0})],kn.prototype,"value",void 0),t([Ve({type:Number,reflect:!0})],kn.prototype,"ariamin",void 0),t([Ve({type:Number,reflect:!0})],kn.prototype,"ariamax",void 0),t([Ve({type:String,reflect:!0})],kn.prototype,"ariaLabel",void 0),t([Ve({type:String,reflect:!0})],kn.prototype,"arialabel",void 0),t([Ve({type:String,reflect:!0})],kn.prototype,"label",void 0);var Cn=r`sgds-input{--input-min-width:var(--sgds-dimension-0)}.input-group{align-items:stretch;display:flex;gap:var(--sgds-gap-none)}.input-group>sgds-input{--input-border-radius:0;flex:1 1 auto;margin-inline:calc(var(--sgds-form-border-width-default)*-1);min-width:0;position:relative;z-index:1}.input-group>sgds-input:focus-within{z-index:3}.input-group>sgds-icon-button.minus-btn{--btn-border-radius:var(--sgds-form-border-radius-md) 0 0 var(--sgds-form-border-radius-md)}.input-group>sgds-icon-button.plus-btn{--btn-border-radius:0 var(--sgds-form-border-radius-md) var(--sgds-form-border-radius-md) 0}.input-group sgds-button:focus{z-index:3}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`;class $n extends(Ia(za)){constructor(){super(...arguments),this.value=0,this.step=1,this.noValidate=!1,this.readonly=!1,this.defaultValue=0}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}async _handleValueChange(e,t){e.stopPropagation();const s=await this._sgdsInput;(parseInt(s.value)<this.step||""===s.value)&&(s.value="0"),this.value=parseInt(s.value),this._mixinSetFormValue(),this.emit(t),this._mixinShouldSkipSgdsValidation()||("sgds-input"===t&&(this.invalid=!1),this._mixinValidate(s.input),"sgds-change"===t&&(this.invalid=!this._mixinReportValidity()))}async _mixinResetFormControl(){const e=await this._sgdsInput;this.value=this.defaultValue,e.input.value=this.value.toString(),this._mixinResetValidity(e.input)}_handleKeyDown(e){const t=["Backspace","ArrowUp","ArrowDown","ArrowLeft","ArrowRight",...Array.from(Array(10).keys()).map(e=>e.toString()),"Tab"];t.includes(e.key)||e.preventDefault()}_handleInvalid(){this.invalid=!0}_handleValid(){this.invalid=!1}plus(){this.plusBtn.click()}minus(){this.minusBtn.click()}async _onPlus(e){const t=await this._sgdsInput;e.preventDefault(),e.stopPropagation(),this.value=parseInt(t.value)+parseInt(t.step.toString()),this._validateOnClick(t.input),this.emit("sgds-change")}async _onMinus(e){const t=await this._sgdsInput;e.preventDefault(),e.stopPropagation(),this.value<this.step?this.value=0:this.value=parseInt(t.value)-parseInt(t.step.toString()),this._validateOnClick(t.input),this.emit("sgds-change")}async _validateOnClick(e){const t=await this._sgdsInput;await t.updateComplete,this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||(this._mixinValidate(e),this.invalid=!this._mixinReportValidity())}_renderFeedback(){const e="both"===this.hasFeedback||"text"===this.hasFeedback;return this.invalid&&e?ut` <div class="invalid-feedback-container">
1606
+ `}}$n.styles=[...Oe.styles,Cn],t([ze({type:String,reflect:!0})],$n.prototype,"variant",void 0),t([ze({type:Number,reflect:!0})],$n.prototype,"value",void 0),t([ze({type:Number,reflect:!0})],$n.prototype,"ariamin",void 0),t([ze({type:Number,reflect:!0})],$n.prototype,"ariamax",void 0),t([ze({type:String,reflect:!0})],$n.prototype,"ariaLabel",void 0),t([ze({type:String,reflect:!0})],$n.prototype,"arialabel",void 0),t([ze({type:String,reflect:!0})],$n.prototype,"label",void 0);var Sn=r`sgds-input{--input-min-width:var(--sgds-dimension-0)}.input-group{align-items:stretch;display:flex;gap:var(--sgds-gap-none)}.input-group>sgds-input{--input-border-radius:0;flex:1 1 auto;margin-inline:calc(var(--sgds-form-border-width-default)*-1);min-width:0;position:relative;z-index:1}.input-group>sgds-input:focus-within{z-index:3}.input-group>sgds-icon-button.minus-btn{--btn-border-radius:var(--sgds-form-border-radius-md) 0 0 var(--sgds-form-border-radius-md)}.input-group>sgds-icon-button.plus-btn{--btn-border-radius:0 var(--sgds-form-border-radius-md) var(--sgds-form-border-radius-md) 0}.input-group sgds-button:focus{z-index:3}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}`;class Mn extends(Da(Va)){constructor(){super(...arguments),this.value=0,this.step=1,this.noValidate=!1,this.readonly=!1,this.defaultValue=0}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}async _handleValueChange(e,t){e.stopPropagation();const s=await this._sgdsInput;(parseInt(s.value)<this.step||""===s.value)&&(s.value="0"),this.value=parseInt(s.value),this._mixinSetFormValue(),this.emit(t),this._mixinShouldSkipSgdsValidation()||("sgds-input"===t&&(this.invalid=!1),this._mixinValidate(s.input),"sgds-change"===t&&(this.invalid=!this._mixinReportValidity()))}async _mixinResetFormControl(){const e=await this._sgdsInput;this.value=this.defaultValue,e.input.value=this.value.toString(),this._mixinResetValidity(e.input)}_handleKeyDown(e){const t=["Backspace","ArrowUp","ArrowDown","ArrowLeft","ArrowRight",...Array.from(Array(10).keys()).map(e=>e.toString()),"Tab"];t.includes(e.key)||e.preventDefault()}_handleInvalid(){this.invalid=!0}_handleValid(){this.invalid=!1}plus(){this.plusBtn.click()}minus(){this.minusBtn.click()}async _onPlus(e){const t=await this._sgdsInput;e.preventDefault(),e.stopPropagation(),this.value=parseInt(t.value)+parseInt(t.step.toString()),this._validateOnClick(t.input),this.emit("sgds-change")}async _onMinus(e){const t=await this._sgdsInput;e.preventDefault(),e.stopPropagation(),this.value<this.step?this.value=0:this.value=parseInt(t.value)-parseInt(t.step.toString()),this._validateOnClick(t.input),this.emit("sgds-change")}async _validateOnClick(e){const t=await this._sgdsInput;await t.updateComplete,this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||(this._mixinValidate(e),this.invalid=!this._mixinReportValidity())}_renderFeedback(){const e="both"===this.hasFeedback||"text"===this.hasFeedback;return this.invalid&&e?gt` <div class="invalid-feedback-container">
1592
1607
  <slot name="invalidIcon">
1593
1608
  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1594
1609
  <path
@@ -1600,14 +1615,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1600
1615
  <div id="${this._controlId}-invalid" class="invalid-feedback">
1601
1616
  ${this.invalidFeedback?this.invalidFeedback:this.validationMessage}
1602
1617
  </div>
1603
- </div>`:ut`${this._renderHintText()}`}_renderLabel(){const e=ut`
1618
+ </div>`:gt`${this._renderHintText()}`}_renderLabel(){const e=gt`
1604
1619
  <label
1605
1620
  for=${this._controlId}
1606
1621
  id=${this._labelId}
1607
1622
  class=${We({"form-label":!0,disabled:this.disabled})}
1608
1623
  >${this.label}</label
1609
1624
  >
1610
- `;return this.label&&e}_renderHintText(){const e=ut` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}render(){return ut`
1625
+ `;return this.label&&e}_renderHintText(){const e=gt` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}render(){return gt`
1611
1626
  <div class="form-control-container m-width-160">
1612
1627
  ${this._renderLabel()}
1613
1628
  <div class="input-group">
@@ -1656,7 +1671,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1656
1671
  <div id="${this._controlId}-announcer" aria-live="assertive" class="visually-hidden">${this.value}</div>
1657
1672
  ${this._renderFeedback()}
1658
1673
  </div>
1659
- `}}$n.styles=[...za.styles,Za,pn,Ha,Cn],$n.dependencies={"sgds-input":Co,"sgds-icon-button":Nt},t([De("sgds-icon-button[ariaLabel^='increase by']")],$n.prototype,"plusBtn",void 0),t([De("sgds-icon-button[ariaLabel^='decrease by']")],$n.prototype,"minusBtn",void 0),t([Ve({type:Number,reflect:!0})],$n.prototype,"value",void 0),t([Ve({type:Number})],$n.prototype,"step",void 0),t([Ve({type:Number})],$n.prototype,"min",void 0),t([Ve({type:Number})],$n.prototype,"max",void 0),t([Ve({type:String,reflect:!0})],$n.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],$n.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],$n.prototype,"noValidate",void 0),t([Ve({type:Boolean,reflect:!0})],$n.prototype,"readonly",void 0),t([Va()],$n.prototype,"defaultValue",void 0),t([Ae("sgds-input")],$n.prototype,"_sgdsInput",void 0);var Sn=r`:host{outline:0}.form-check-input[type=radio]{border-radius:50%}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z" fill="%23fff"/></svg>')}.form-check-input[checked].is-invalid{background-color:var(--sgds-form-danger-surface-default)}`;class Mn extends Oe{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.invalid=!1,this.autofocus=!1,this.radioId=Et("radio")}connectedCallback(){super.connectedCallback(),this.setInitialAttributes(),this.addEventListeners()}handleCheckedChange(){var e;this.checked&&this.autofocus&&(null===(e=this.input)||void 0===e||e.focus()),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleBlur(){this.emit("sgds-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.emit("sgds-focus")}addEventListeners(){this.addEventListener("blur",()=>this.handleBlur()),this.addEventListener("click",()=>this.handleClick()),this.addEventListener("focus",()=>this.handleFocus())}setInitialAttributes(){this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return te`
1674
+ `}}Mn.styles=[...Va.styles,Za,un,Ha,Sn],Mn.dependencies={"sgds-input":So,"sgds-icon-button":Nt},t([Le("sgds-icon-button[ariaLabel^='increase by']")],Mn.prototype,"plusBtn",void 0),t([Le("sgds-icon-button[ariaLabel^='decrease by']")],Mn.prototype,"minusBtn",void 0),t([ze({type:Number,reflect:!0})],Mn.prototype,"value",void 0),t([ze({type:Number})],Mn.prototype,"step",void 0),t([ze({type:Number})],Mn.prototype,"min",void 0),t([ze({type:Number})],Mn.prototype,"max",void 0),t([ze({type:String,reflect:!0})],Mn.prototype,"hasFeedback",void 0),t([ze({type:String,reflect:!0})],Mn.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Mn.prototype,"noValidate",void 0),t([ze({type:Boolean,reflect:!0})],Mn.prototype,"readonly",void 0),t([za()],Mn.prototype,"defaultValue",void 0),t([Ae("sgds-input")],Mn.prototype,"_sgdsInput",void 0);var Zn=r`:host{outline:0}.form-check-input[type=radio]{border-radius:50%}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z" fill="%23fff"/></svg>')}.form-check-input[checked].is-invalid{background-color:var(--sgds-form-danger-surface-default)}`;class Vn extends Oe{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.invalid=!1,this.autofocus=!1,this.radioId=Et("radio")}connectedCallback(){super.connectedCallback(),this.setInitialAttributes(),this.addEventListeners()}handleCheckedChange(){var e;this.checked&&this.autofocus&&(null===(e=this.input)||void 0===e||e.focus()),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleBlur(){this.emit("sgds-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.emit("sgds-focus")}addEventListeners(){this.addEventListener("blur",()=>this.handleBlur()),this.addEventListener("click",()=>this.handleClick()),this.addEventListener("focus",()=>this.handleFocus())}setInitialAttributes(){this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return te`
1660
1675
  <div class="form-check">
1661
1676
  <input
1662
1677
  class=${We({"form-check-input":!0,"is-invalid":this.invalid})}
@@ -1673,7 +1688,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1673
1688
  <slot></slot>
1674
1689
  </label>
1675
1690
  </div>
1676
- `}}Mn.styles=[...Oe.styles,Da,Ma,Sn],t([Ve({type:Boolean,reflect:!0})],Mn.prototype,"checked",void 0),t([Ve()],Mn.prototype,"value",void 0),t([Ve({type:Boolean,reflect:!0})],Mn.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],Mn.prototype,"invalid",void 0),t([Ve({type:Boolean,reflect:!1})],Mn.prototype,"autofocus",void 0),t([De("input")],Mn.prototype,"input",void 0),t([nt("checked")],Mn.prototype,"handleCheckedChange",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Mn.prototype,"handleDisabledChange",null);var Zn=r`fieldset{border:0;gap:var(--sgds-form-gap-md);margin:0;min-width:0;padding:0}.label-hint-container,fieldset{display:flex;flex-direction:column}.label-hint-container{gap:var(--sgds-form-gap-sm)}.radio-group-validation-input{display:none}.radio-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}:host([disabled]) .label-hint-container{cursor:not-allowed;opacity:var(--sgds-opacity-40)}`;class zn extends(Ia(za)){constructor(){super(...arguments),this.defaultValue="",this.value="",this.invalidFeedback="",this.hasFeedback=!1,this.required=!1,this.noValidate=!1,this.autofocus=!1,this._isTouched=!1}_handleValueChange(){this._updateCheckedRadio()}_handleInvalidChange(){this._radios.forEach(e=>e.invalid=this.invalid)}_mixinResetFormControl(){this.value=this.input.value=this.defaultValue,this._updateInputValue("reset"),this._mixinResetValidity(this.input)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.addEventListener("sgds-blur",()=>{this._isTouched=!0})}firstUpdated(e){super.firstUpdated(e);const t=this._radios;t.forEach((e,s)=>{if(t.length>1)switch(s){case 0:e.setAttribute("first-of-type","");break;case t.length-1:e.setAttribute("last-of-type","");break;default:e.setAttribute("nth-of-type","")}}),this.value&&this._updateInputValue("change")}_handleRadioClick(e){e.preventDefault();const t=e.target;if(t.disabled)return;this.value=t.value,this.emit("sgds-change",{detail:{value:this.value}}),this._updateInputValue();this._radios.forEach(e=>e.checked=e===t)}_updateInputValue(e="change"){this.input.value=this.value,this.input.dispatchEvent(new InputEvent(e))}_handleKeyDown(e){var t;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key))return;const s=this._radios.filter(e=>!e.disabled),i=null!==(t=s.find(e=>e.checked))&&void 0!==t?t:s[0],a=" "===e.key?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let o=s.indexOf(i)+a;o<0&&(o=s.length-1),o>s.length-1&&(o=0),this._radios.forEach(e=>{e.checked=!1,e.tabIndex=-1}),this.value=s[o].value,this.emit("sgds-change",{detail:{value:this.value}}),this._updateInputValue(),s[o].checked=!0,s[o].tabIndex=0,e.preventDefault()}_handleSlotChange(){const e=this._radios;e.forEach(e=>(e.autofocus=this.autofocus,e.checked=e.value===this.value,e)),this._disabledChildRadios(),e.some(e=>e.checked)||e[0]&&(e[0].tabIndex=0)}_updateCheckedRadio(){this._radios.forEach(e=>e.checked=e.value===this.value)}_renderHintText(){const e=te` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&(this.invalid=!this.input.checkValidity())}_handleDisabledChange(){this.setInvalid(!1),this._disabledChildRadios()}_disabledChildRadios(){if(this.disabled){this._radios.forEach(e=>e.disabled=this.disabled)}}render(){const e=te`
1691
+ `}}Vn.styles=[...Oe.styles,La,Ma,Zn],t([ze({type:Boolean,reflect:!0})],Vn.prototype,"checked",void 0),t([ze()],Vn.prototype,"value",void 0),t([ze({type:Boolean,reflect:!0})],Vn.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],Vn.prototype,"invalid",void 0),t([ze({type:Boolean,reflect:!1})],Vn.prototype,"autofocus",void 0),t([Le("input")],Vn.prototype,"input",void 0),t([nt("checked")],Vn.prototype,"handleCheckedChange",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Vn.prototype,"handleDisabledChange",null);var zn=r`fieldset{border:0;gap:var(--sgds-form-gap-md);margin:0;min-width:0;padding:0}.label-hint-container,fieldset{display:flex;flex-direction:column}.label-hint-container{gap:var(--sgds-form-gap-sm)}.radio-group-validation-input{display:none}.radio-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}:host([disabled]) .label-hint-container{cursor:not-allowed;opacity:var(--sgds-opacity-40)}`;class Pn extends(Da(Va)){constructor(){super(...arguments),this.defaultValue="",this.value="",this.invalidFeedback="",this.hasFeedback=!1,this.required=!1,this.noValidate=!1,this.autofocus=!1,this._isTouched=!1}_handleValueChange(){this._updateCheckedRadio()}_handleInvalidChange(){this._radios.forEach(e=>e.invalid=this.invalid)}_mixinResetFormControl(){this.value=this.input.value=this.defaultValue,this._updateInputValue("reset"),this._mixinResetValidity(this.input)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.addEventListener("sgds-blur",()=>{this._isTouched=!0})}firstUpdated(e){super.firstUpdated(e);const t=this._radios;t.forEach((e,s)=>{if(t.length>1)switch(s){case 0:e.setAttribute("first-of-type","");break;case t.length-1:e.setAttribute("last-of-type","");break;default:e.setAttribute("nth-of-type","")}}),this.value&&this._updateInputValue("change")}_handleRadioClick(e){e.preventDefault();const t=e.target;if(t.disabled)return;this.value=t.value,this.emit("sgds-change",{detail:{value:this.value}}),this._updateInputValue();this._radios.forEach(e=>e.checked=e===t)}_updateInputValue(e="change"){this.input.value=this.value,this.input.dispatchEvent(new InputEvent(e))}_handleKeyDown(e){var t;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key))return;const s=this._radios.filter(e=>!e.disabled),i=null!==(t=s.find(e=>e.checked))&&void 0!==t?t:s[0],a=" "===e.key?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let o=s.indexOf(i)+a;o<0&&(o=s.length-1),o>s.length-1&&(o=0),this._radios.forEach(e=>{e.checked=!1,e.tabIndex=-1}),this.value=s[o].value,this.emit("sgds-change",{detail:{value:this.value}}),this._updateInputValue(),s[o].checked=!0,s[o].tabIndex=0,e.preventDefault()}_handleSlotChange(){const e=this._radios;e.forEach(e=>(e.autofocus=this.autofocus,e.checked=e.value===this.value,e)),this._disabledChildRadios(),e.some(e=>e.checked)||e[0]&&(e[0].tabIndex=0)}_updateCheckedRadio(){this._radios.forEach(e=>e.checked=e.value===this.value)}_renderHintText(){const e=te` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&(this.invalid=!this.input.checkValidity())}_handleDisabledChange(){this.setInvalid(!1),this._disabledChildRadios()}_disabledChildRadios(){if(this.disabled){this._radios.forEach(e=>e.disabled=this.disabled)}}render(){const e=te`
1677
1692
  <slot
1678
1693
  class="radio-container"
1679
1694
  @click=${this._handleRadioClick}
@@ -1717,10 +1732,10 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1717
1732
  </div>
1718
1733
  `:ae}
1719
1734
  </fieldset>
1720
- `}}zn.styles=[...za.styles,Zn],t([De("slot:not([name])")],zn.prototype,"defaultSlot",void 0),t([Pe()],zn.prototype,"defaultValue",void 0),t([Ve({reflect:!0})],zn.prototype,"value",void 0),t([Ve({type:String,reflect:!0})],zn.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],zn.prototype,"hasFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],zn.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],zn.prototype,"noValidate",void 0),t([Ve({type:Boolean,reflect:!0})],zn.prototype,"autofocus",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],zn.prototype,"_handleValueChange",null),t([nt("invalid",{waitUntilFirstUpdate:!0})],zn.prototype,"_handleInvalidChange",null),t([Pe()],zn.prototype,"_isTouched",void 0),t([Ee()],zn.prototype,"_radios",void 0),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],zn.prototype,"_handleIsTouched",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],zn.prototype,"_handleDisabledChange",null);var Vn=r`:host{display:block;position:relative}input.form-control{caret-color:transparent;cursor:default}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}slot[id=default].is-loading,slot[id=default].is-loading::slotted(*){display:none}`;class Pn extends Na{constructor(){super(...arguments),this._renderItemContent=()=>te`<div class="normal-item-content" role="presentation">
1735
+ `}}Pn.styles=[...Va.styles,zn],t([Le("slot:not([name])")],Pn.prototype,"defaultSlot",void 0),t([Pe()],Pn.prototype,"defaultValue",void 0),t([ze({reflect:!0})],Pn.prototype,"value",void 0),t([ze({type:String,reflect:!0})],Pn.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Pn.prototype,"hasFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Pn.prototype,"required",void 0),t([ze({type:Boolean,reflect:!0})],Pn.prototype,"noValidate",void 0),t([ze({type:Boolean,reflect:!0})],Pn.prototype,"autofocus",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Pn.prototype,"_handleValueChange",null),t([nt("invalid",{waitUntilFirstUpdate:!0})],Pn.prototype,"_handleInvalidChange",null),t([Pe()],Pn.prototype,"_isTouched",void 0),t([Ee()],Pn.prototype,"_radios",void 0),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Pn.prototype,"_handleIsTouched",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Pn.prototype,"_handleDisabledChange",null);var Dn=r`:host{display:block;position:relative}input.form-control{caret-color:transparent;cursor:default}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}slot[id=default].is-loading,slot[id=default].is-loading::slotted(*){display:none}`;class In extends Na{constructor(){super(...arguments),this._renderItemContent=()=>te`<div class="normal-item-content" role="presentation">
1721
1736
  <slot></slot>
1722
1737
  ${this.active?te` <sgds-icon name="check"></sgds-icon> `:ae}
1723
- </div>`}}Pn.dependencies={"sgds-icon":xt};class In extends Ta{constructor(){super(...arguments),this.noValidate=!1,this._blockInputKeydown=e=>{"Tab"!==e.key&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",async()=>{(await this._input).focus()})}async firstUpdated(e){super.firstUpdated(e),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input),this.menuIsOpen&&await this.updateFloatingPosition()}async _handleSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach(e=>e.addEventListener("click",e=>{e.target.disabled||this._handleItemSelected(e)})),t.forEach(e=>e.addEventListener("keydown",e=>{"Enter"===e.key&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){const e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){const e=this.menuList.findIndex(e=>e.value.toString()===this.value);this.options.forEach((t,s)=>{t.active=s===e})}async _handleValueChange(){this._setActiveToOption(),this.emit("sgds-change"),this.value&&this.emit("sgds-select");const e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||""!==this.value)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}async _handleItemSelected(e){var t,s,i;const a=e.target,o=null!==(s=null===(t=a.textContent)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",n={label:o,value:null!==(i=a.getAttribute("value"))&&void 0!==i?i:o};this.value=n.value.toString(),this.displayValue=n.label,this.hideMenu()}_handleFocus(){this.emit("sgds-focus")}async _handleInputBlur(e){e.preventDefault(),this.emit("sgds-blur")}async _mixinResetFormControl(){this.value=this.defaultValue;const e=this.menuList.filter(({value:e})=>e===this.value);e.length<=0?this.displayValue="":this.displayValue=e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){const e=this.menuList.map(e=>{const t=e.value===this.value;return te`
1738
+ </div>`}}In.dependencies={"sgds-icon":xt};class Ln extends Ta{constructor(){super(...arguments),this.noValidate=!1,this._blockInputKeydown=e=>{"Tab"!==e.key&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",async()=>{(await this._input).focus()})}async firstUpdated(e){super.firstUpdated(e),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input),this.menuIsOpen&&await this.updateFloatingPosition()}async _handleSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach(e=>e.addEventListener("click",e=>{e.target.disabled||this._handleItemSelected(e)})),t.forEach(e=>e.addEventListener("keydown",e=>{"Enter"===e.key&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){const e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){const e=this.menuList.findIndex(e=>e.value.toString()===this.value);this.options.forEach((t,s)=>{t.active=s===e})}async _handleValueChange(){this._setActiveToOption(),this.emit("sgds-change"),this.value&&this.emit("sgds-select");const e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||""!==this.value)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}async _handleItemSelected(e){var t,s,i;const a=e.target,o=null!==(s=null===(t=a.textContent)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",n={label:o,value:null!==(i=a.getAttribute("value"))&&void 0!==i?i:o};this.value=n.value.toString(),this.displayValue=n.label,this.hideMenu()}_handleFocus(){this.emit("sgds-focus")}async _handleInputBlur(e){e.preventDefault(),this.emit("sgds-blur")}async _mixinResetFormControl(){this.value=this.defaultValue;const e=this.menuList.filter(({value:e})=>e===this.value);e.length<=0?this.displayValue="":this.displayValue=e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){const e=this.menuList.map(e=>{const t=e.value===this.value;return te`
1724
1739
  <sgds-select-option
1725
1740
  ?active=${t}
1726
1741
  value=${e.value}
@@ -1777,7 +1792,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1777
1792
  ${this.loading?this._renderLoadingMenu():ae}
1778
1793
  </div>
1779
1794
  </div>
1780
- `}}In.styles=[...Ta.styles,Ha,Vn],In.childName="sgds-select-option",In.dependencies={"sgds-icon":xt,"sgds-spinner":Rt,[In.childName]:Pn},t([Ve({type:Boolean,reflect:!0})],In.prototype,"noValidate",void 0),t([Ee({flatten:!0,selector:"sgds-select-option"})],In.prototype,"options",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],In.prototype,"_handleValueChange",null);var Ln=r`.sidebar{display:flex;flex-direction:column;height:100%;position:relative;transition:width var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);width:var(--sgds-dimension-288);z-index:var(--sgds-z-index-sticky)}.sidebar:not(.overlay).sidebar--collapsed{width:var(--sgds-dimension-72)}.overlay{left:0;position:absolute;top:0}.overlay.sidebar--collapsed{width:var(--sgds-dimension-0)}.sidebar-top{align-items:center;display:flex;gap:var(--sgds-gap-md);justify-content:space-between;padding:0 var(--sgds-padding-xs)}:not(.overlay).sidebar--collapsed .sidebar-brand-name{display:none}:not(.overlay).sidebar--collapsed .sidebar-top{justify-content:center}.sidebar-main{background-color:var(--sgds-surface-default);border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--sgds-padding-lg) 0;position:relative;z-index:1}.overlay .sidebar-main{left:0;transition:left var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.overlay.sidebar--collapsed .sidebar-main{left:calc(var(--sgds-dimension-288)*-1)}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-content{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-md);margin-top:var(--sgds-margin-lg);overflow-y:auto}slot[name=lower]::slotted(*){margin-top:var(--sgds-margin-lg)}.sidebar-nested-overlay{background-color:var(--sgds-surface-raised);overflow-y:auto;padding:var(--sgds-padding-md) var(--sgds-padding-xs);transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);transition-property:opacity left;width:var(--sgds-dimension-288);z-index:0}.sidebar--overlay,.sidebar-nested-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0}.sidebar--overlay{background-color:var(--sgds-bg-overlay);content:"";transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);width:100vw}.sidebar--overlay.show{opacity:1;pointer-events:unset}.sidebar-nested-overlay.show{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:var(--sgds-dimension-288);opacity:1;pointer-events:auto}:not(.overlay).sidebar--collapsed .sidebar-nested-overlay.show{left:var(--sgds-dimension-72)}.sidebar-nested-overlay sgds-icon-button{display:none}.sidebar::-webkit-scrollbar{width:var(--sgds-dimension-2)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sgds-color-subtle)}@media screen and (max-width:767px){.sidebar-nested-overlay sgds-icon-button{display:block}.sidebar,.sidebar-nested-overlay{width:var(--sgds-dimension-256)}.sidebar-nested-overlay,.sidebar-nested-overlay.show{left:var(--sgds-dimension-256)}}@media screen and (max-width:511px){.sidebar--overlay{display:none}.sidebar{position:absolute;width:100dvw}.sidebar-nested-overlay{left:-100dvw;width:100dvw;z-index:2}.sidebar-nested-overlay.show,:not(.overlay).sidebar--collapsed .sidebar-nested-overlay.show{left:0}.overlay.sidebar--collapsed .sidebar-main{left:calc(100dvw*-1)}}`;const Dn="sidebar-active-group",An="sidebar-active",En="sidebar-collapsed",Bn="sidebar-drawer-items",Hn="sidebar-drawer-open",On="sidebar-drawer-overlay";var Tn=r`.sidebar-item{border-radius:var(--sgds-border-radius-md);cursor:pointer;padding:var(--sgds-padding-xs);transition:background-color .15s ease-in-out,color .15s ease-in-out}.sidebar-item.active,.sidebar-item:focus-visible,.sidebar-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidebar-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-item-label-wrapper,.sidebar-item-label-wrapper>div{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.sidebar-item-label-wrapper{justify-content:space-between;padding:var(--sgds-padding-3-xs) var(--sgds-padding-2-xs)}.sidebar-item-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs);max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden}.sidebar-item-label.offset{color:var(--sgds-color-subtle);margin-left:var(--sgds-margin-2-xl)}.sidebar-item-leaf.active .sidebar-item-label.offset,.sidebar-item-leaf:focus-visible .sidebar-item-label.offset,.sidebar-item-leaf:hover .sidebar-item-label.offset{color:var(--sgds-color-default)}.sidebar-item-leaf.active,.sidebar-item-leaf:focus-visible,.sidebar-item-leaf:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidebar-item-label-wrapper .sidebar-item.active{background-color:var(--sgds-surface-raised);color:var(--sgds-primary-color-default)}.sidebar-item-label-wrapper .sidebar-item-indicator{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}.sidebar-item--collapsed{margin:auto;width:var(--sgds-dimension-40)}.sidebar-item--collapsed .sidebar-item-indicator,.sidebar-item--collapsed .sidebar-item-label{display:none}.sidebar-item--collapsed .sidebar-item-label-wrapper{justify-content:center}.sidebar-submenu{overflow:hidden}.sidebar-submenu>div{margin-top:-100%;opacity:0;pointer-events:none;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.sidebar-submenu.show>div{margin-top:0;opacity:1;pointer-events:auto}.sidebar-submenu--collapsed{display:none}`;class Rn extends Oe{constructor(){super(...arguments),this.title="",this.name="",this._sidebarCollapsed=!1,this._sidebarActiveItem=null,this._sidebarActiveGroup=null,this._drawerItems=null,this._showDrawer=!1,this._isOverlay=!1,this._childLevel=1,this._selected=!1,this._hidden=!1,this._childElements=[],this._childActive=!1}connectedCallback(){super.connectedCallback(),this._getChildLevel(),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this._getChildLevel()}updated(){var e;if(2===this._childLevel)this._hidden=!this.closest(".sidebar-nested-overlay");else if(this._childLevel>=3){const t=!!this.closest(".sidebar-nested-overlay"),s=this.parentElement,i=null!==(e=null==s?void 0:s.showMenu)&&void 0!==e&&e;this._hidden=!t||!i}}_handleSlotChange(){this._childElements=this._defaultNodes}_handleClick(){this.emit("i-sgds-click",{detail:{element:this,level:this._childLevel}})}_handleKeyDown(e){var t,s;const i=e.target;switch(e.key){case" ":case"Enter":return e.preventDefault(),e.stopPropagation(),void(e.target===this&&this._handleClick());case"ArrowLeft":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this)this._showDrawer&&this._handleClick();else{if(i._childLevel>=2&&(null===(t=this._sidebarActiveGroup)||void 0===t?void 0:t.shadowRoot)){const e=this._sidebarActiveGroup.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}}return;case"ArrowRight":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this){if(null===(s=this._drawerItems)||void 0===s?void 0:s.length)if(this._showDrawer){const e=this._drawerItems[0];if(null==e?void 0:e.shadowRoot){const t=e.shadowRoot.querySelector("[tabindex]");null==t||t.focus()}}else this._handleClick()}else 1===this._childLevel&&this._childElements.length>0&&this._handleClick();return}}_getChildLevel(){let e=this.parentElement,t=1;for(;"sgds-sidebar-group"===(null==e?void 0:e.tagName.toLowerCase());)t+=1,e=e.parentElement;const s=null==e?void 0:e.classList.contains("sidebar-nested-overlay");this._childLevel=s?t+1:t}}Rn.styles=Ui.styles,t([Ve({type:String,reflect:!0})],Rn.prototype,"title",void 0),t([Ve({type:String,reflect:!0})],Rn.prototype,"name",void 0),t([Lt({context:En,subscribe:!0}),Pe()],Rn.prototype,"_sidebarCollapsed",void 0),t([Lt({context:An,subscribe:!0}),Pe()],Rn.prototype,"_sidebarActiveItem",void 0),t([Lt({context:Dn,subscribe:!0}),Pe()],Rn.prototype,"_sidebarActiveGroup",void 0),t([Lt({context:Bn,subscribe:!0}),Pe()],Rn.prototype,"_drawerItems",void 0),t([Lt({context:Hn,subscribe:!0}),Pe()],Rn.prototype,"_showDrawer",void 0),t([Lt({context:On,subscribe:!0}),Pe()],Rn.prototype,"_isOverlay",void 0),t([Pe()],Rn.prototype,"_childLevel",void 0),t([Pe()],Rn.prototype,"_selected",void 0),t([Pe()],Rn.prototype,"_hidden",void 0),t([Pe()],Rn.prototype,"_childElements",void 0),t([Pe()],Rn.prototype,"_childActive",void 0),t([Ee({flatten:!0})],Rn.prototype,"_defaultNodes",void 0);class Fn extends Rn{constructor(){super(...arguments),this._showMenu=!1}get showMenu(){return this._showMenu}_handleActiveItemContext(){this._childLevel>1&&this._sidebarActiveItem&&this.contains(this._sidebarActiveItem)&&(this._showMenu=!0)}_handleClick(){1!==this._childLevel?(this._showMenu=!this._showMenu,this._childElements.forEach(e=>{e._hidden=!this._showMenu})):super._handleClick()}_getIcon(){return 1===this._childLevel?"chevron-right":this._showMenu?"chevron-down":"chevron-up"}_handleSlotChange(){super._handleSlotChange(),this._childElements.forEach(e=>{e._hidden=!this._showMenu})}render(){return te`
1795
+ `}}Ln.styles=[...Ta.styles,Ha,Dn],Ln.childName="sgds-select-option",Ln.dependencies={"sgds-icon":xt,"sgds-spinner":Rt,[Ln.childName]:In},t([ze({type:Boolean,reflect:!0})],Ln.prototype,"noValidate",void 0),t([Ee({flatten:!0,selector:"sgds-select-option"})],Ln.prototype,"options",void 0),t([nt("value",{waitUntilFirstUpdate:!0})],Ln.prototype,"_handleValueChange",null);var An=r`.sidebar{display:flex;flex-direction:column;height:100%;position:relative;transition:width var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);width:var(--sgds-dimension-288);z-index:var(--sgds-z-index-sticky)}.sidebar:not(.overlay).sidebar--collapsed{width:var(--sgds-dimension-72)}.overlay{left:0;position:absolute;top:0}.overlay.sidebar--collapsed{width:var(--sgds-dimension-0)}.sidebar-top{align-items:center;display:flex;gap:var(--sgds-gap-md);justify-content:space-between;padding:0 var(--sgds-padding-xs)}:not(.overlay).sidebar--collapsed .sidebar-brand-name{display:none}:not(.overlay).sidebar--collapsed .sidebar-top{justify-content:center}.sidebar-main{background-color:var(--sgds-surface-default);border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--sgds-padding-lg) 0;position:relative;z-index:1}.overlay .sidebar-main{left:0;transition:left var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.overlay.sidebar--collapsed .sidebar-main{left:calc(var(--sgds-dimension-288)*-1)}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-content{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-md);margin-top:var(--sgds-margin-lg);overflow-y:auto}slot[name=lower]::slotted(*){margin-top:var(--sgds-margin-lg)}.sidebar-nested-overlay{background-color:var(--sgds-surface-raised);overflow-y:auto;padding:var(--sgds-padding-md) var(--sgds-padding-xs);transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);transition-property:opacity left;width:var(--sgds-dimension-288);z-index:0}.sidebar--overlay,.sidebar-nested-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0}.sidebar--overlay{background-color:var(--sgds-bg-overlay);content:"";transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);width:100vw}.sidebar--overlay.show{opacity:1;pointer-events:unset}.sidebar-nested-overlay.show{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:var(--sgds-dimension-288);opacity:1;pointer-events:auto}:not(.overlay).sidebar--collapsed .sidebar-nested-overlay.show{left:var(--sgds-dimension-72)}.sidebar-nested-overlay sgds-icon-button{display:none}.sidebar::-webkit-scrollbar{width:var(--sgds-dimension-2)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sgds-color-subtle)}@media screen and (max-width:767px){.sidebar-nested-overlay sgds-icon-button{display:block}.sidebar,.sidebar-nested-overlay{width:var(--sgds-dimension-256)}.sidebar-nested-overlay,.sidebar-nested-overlay.show{left:var(--sgds-dimension-256)}}@media screen and (max-width:511px){.sidebar--overlay{display:none}.sidebar{position:absolute;width:100dvw}.sidebar-nested-overlay{left:-100dvw;width:100dvw;z-index:2}.sidebar-nested-overlay.show,:not(.overlay).sidebar--collapsed .sidebar-nested-overlay.show{left:0}.overlay.sidebar--collapsed .sidebar-main{left:calc(100dvw*-1)}}`;const En="sidebar-active-group",Bn="sidebar-active",Hn="sidebar-collapsed",On="sidebar-drawer-items",Tn="sidebar-drawer-open",Rn="sidebar-drawer-overlay";var Fn=r`.sidebar-item{border-radius:var(--sgds-border-radius-md);cursor:pointer;padding:var(--sgds-padding-xs);transition:background-color .15s ease-in-out,color .15s ease-in-out}.sidebar-item.active,.sidebar-item:focus-visible,.sidebar-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidebar-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-item-label-wrapper,.sidebar-item-label-wrapper>div{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.sidebar-item-label-wrapper{justify-content:space-between;padding:var(--sgds-padding-3-xs) var(--sgds-padding-2-xs)}.sidebar-item-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs);max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden}.sidebar-item-label.offset{color:var(--sgds-color-subtle);margin-left:var(--sgds-margin-2-xl)}.sidebar-item-leaf.active .sidebar-item-label.offset,.sidebar-item-leaf:focus-visible .sidebar-item-label.offset,.sidebar-item-leaf:hover .sidebar-item-label.offset{color:var(--sgds-color-default)}.sidebar-item-leaf.active,.sidebar-item-leaf:focus-visible,.sidebar-item-leaf:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidebar-item-label-wrapper .sidebar-item.active{background-color:var(--sgds-surface-raised);color:var(--sgds-primary-color-default)}.sidebar-item-label-wrapper .sidebar-item-indicator{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}.sidebar-item--collapsed{margin:auto;width:var(--sgds-dimension-40)}.sidebar-item--collapsed .sidebar-item-indicator,.sidebar-item--collapsed .sidebar-item-label{display:none}.sidebar-item--collapsed .sidebar-item-label-wrapper{justify-content:center}.sidebar-submenu{overflow:hidden}.sidebar-submenu>div{margin-top:-100%;opacity:0;pointer-events:none;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.sidebar-submenu.show>div{margin-top:0;opacity:1;pointer-events:auto}.sidebar-submenu--collapsed{display:none}`;class Nn extends Oe{constructor(){super(...arguments),this.title="",this.name="",this._sidebarCollapsed=!1,this._sidebarActiveItem=null,this._sidebarActiveGroup=null,this._drawerItems=null,this._showDrawer=!1,this._isOverlay=!1,this._childLevel=1,this._selected=!1,this._hidden=!1,this._childElements=[],this._childActive=!1}connectedCallback(){super.connectedCallback(),this._getChildLevel(),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this._getChildLevel()}updated(){var e;if(2===this._childLevel)this._hidden=!this.closest(".sidebar-nested-overlay");else if(this._childLevel>=3){const t=!!this.closest(".sidebar-nested-overlay"),s=this.parentElement,i=null!==(e=null==s?void 0:s.showMenu)&&void 0!==e&&e;this._hidden=!t||!i}}_handleSlotChange(){this._childElements=this._defaultNodes}_handleClick(){this.emit("i-sgds-click",{detail:{element:this,level:this._childLevel}})}_handleKeyDown(e){var t,s;const i=e.target;switch(e.key){case" ":case"Enter":return e.preventDefault(),e.stopPropagation(),void(e.target===this&&this._handleClick());case"ArrowLeft":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this)this._showDrawer&&this._handleClick();else{if(i._childLevel>=2&&(null===(t=this._sidebarActiveGroup)||void 0===t?void 0:t.shadowRoot)){const e=this._sidebarActiveGroup.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}}return;case"ArrowRight":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this){if(null===(s=this._drawerItems)||void 0===s?void 0:s.length)if(this._showDrawer){const e=this._drawerItems[0];if(null==e?void 0:e.shadowRoot){const t=e.shadowRoot.querySelector("[tabindex]");null==t||t.focus()}}else this._handleClick()}else 1===this._childLevel&&this._childElements.length>0&&this._handleClick();return}}_getChildLevel(){let e=this.parentElement,t=1;for(;"sgds-sidebar-group"===(null==e?void 0:e.tagName.toLowerCase());)t+=1,e=e.parentElement;const s=null==e?void 0:e.classList.contains("sidebar-nested-overlay");this._childLevel=s?t+1:t}}Nn.styles=Ui.styles,t([ze({type:String,reflect:!0})],Nn.prototype,"title",void 0),t([ze({type:String,reflect:!0})],Nn.prototype,"name",void 0),t([It({context:Hn,subscribe:!0}),Pe()],Nn.prototype,"_sidebarCollapsed",void 0),t([It({context:Bn,subscribe:!0}),Pe()],Nn.prototype,"_sidebarActiveItem",void 0),t([It({context:En,subscribe:!0}),Pe()],Nn.prototype,"_sidebarActiveGroup",void 0),t([It({context:On,subscribe:!0}),Pe()],Nn.prototype,"_drawerItems",void 0),t([It({context:Tn,subscribe:!0}),Pe()],Nn.prototype,"_showDrawer",void 0),t([It({context:Rn,subscribe:!0}),Pe()],Nn.prototype,"_isOverlay",void 0),t([Pe()],Nn.prototype,"_childLevel",void 0),t([Pe()],Nn.prototype,"_selected",void 0),t([Pe()],Nn.prototype,"_hidden",void 0),t([Pe()],Nn.prototype,"_childElements",void 0),t([Pe()],Nn.prototype,"_childActive",void 0),t([Ee({flatten:!0})],Nn.prototype,"_defaultNodes",void 0);class jn extends Nn{constructor(){super(...arguments),this._showMenu=!1}get showMenu(){return this._showMenu}_handleActiveItemContext(){this._childLevel>1&&this._sidebarActiveItem&&this.contains(this._sidebarActiveItem)&&(this._showMenu=!0)}_handleClick(){1!==this._childLevel?(this._showMenu=!this._showMenu,this._childElements.forEach(e=>{e._hidden=!this._showMenu})):super._handleClick()}_getIcon(){return 1===this._childLevel?"chevron-right":this._showMenu?"chevron-down":"chevron-up"}_handleSlotChange(){super._handleSlotChange(),this._childElements.forEach(e=>{e._hidden=!this._showMenu})}render(){return te`
1781
1796
  <div
1782
1797
  role="button"
1783
1798
  class=${We({"sidebar-item":!0,"sidebar-item--collapsed":!this._isOverlay&&this._sidebarCollapsed&&1===this._childLevel,active:this._selected})}
@@ -1806,7 +1821,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1806
1821
  <slot @slotchange=${this._handleSlotChange}></slot>
1807
1822
  </div>
1808
1823
  </div>
1809
- `}}Fn.styles=[...Oe.styles,Tn],Fn.dependencies={"sgds-icon":xt},t([Pe()],Fn.prototype,"_showMenu",void 0),t([nt("_sidebarActiveItem")],Fn.prototype,"_handleActiveItemContext",null);class Nn extends Oe{constructor(){super(...arguments),this.collapsed=!1,this.active="",this.scrim=!1,this.variant="collapsible",this.ariaLabel="Sidebar navigation",this._sidebarActiveGroup=null,this._sidebarCollapsed=!1,this._sidebarActiveItem=null,this._drawerItems=[],this._showDrawer=!1,this._isOverlay=!1,this._isNarrowViewport=!1,this._boundHandleResize=this._handleResize.bind(this),this._boundHandleItemClick=this._handleItemClick.bind(this),this._handleClickOutOfElement=e=>{if((e.composedPath().find(e=>{var t;return null===(t=null==e?void 0:e.classList)||void 0===t?void 0:t.contains("sidebar--overlay")})||!e.composedPath().includes(this))&&(this._showDrawer=!1,this._isOverlay)){e.target.getAttribute("data-sidebar-toggler")||(this.collapsed=!0)}}}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this._handleActive()}),null===window||void 0===window||window.addEventListener("resize",this._boundHandleResize),this._handleResize(),this.addEventListener("i-sgds-click",this._boundHandleItemClick)}disconnectedCallback(){super.disconnectedCallback(),null===document||void 0===document||document.removeEventListener("click",this._handleClickOutOfElement),null===window||void 0===window||window.removeEventListener("resize",this._boundHandleResize),this.removeEventListener("i-sgds-click",this._boundHandleItemClick)}firstUpdated(){null===document||void 0===document||document.addEventListener("click",this._handleClickOutOfElement),this._updateOverlayState()}updated(){this._handleActive()}_handleCollapsed(){"persistent"!==this.variant&&(this._sidebarCollapsed=this.collapsed)}_handleActiveItem(e){if(!this._sidebarActiveItem)return;this._getAllItems().forEach(e=>e._selected=!1),this._drawerItems.forEach(e=>e._selected=!1),e&&(e._selected=!1);const t=this._sidebarActiveItem._childLevel;if(this._sidebarActiveItem._selected=!0,1===t)this._sidebarActiveItem._childElements.length>0?this._setNodesToDrawer(this._sidebarActiveItem):this._revertNodesToParent();else{let e=this._sidebarActiveItem.parentElement;for(;e instanceof Fn&&e._childLevel>=1;)1===e._childLevel&&(e.classList.contains("sidebar-nested-overlay")||this._setNodesToDrawer(e)),e._selected=!0,e=e.parentElement;this._sidebarActiveGroup&&(this._sidebarActiveGroup._selected=!0)}}_handleActive(){this.active?this._sidebarActiveItem=this._getActiveChild():this._sidebarActiveItem=null}_getActiveChild(){var e;const t=e=>{var s;for(const i of e){if(i.name===this.active)return i;if(null===(s=i._childElements)||void 0===s?void 0:s.length){const e=t(i._childElements);if(e)return e}}return null};return null!==(e=t(this._defaultNodes))&&void 0!==e?e:t(this._drawerItems)}_handleResize(){const e=window.innerWidth<1280;e!==this._isNarrowViewport&&(this._isNarrowViewport=e,this.collapsed=this._isNarrowViewport),this._updateOverlayState()}_updateOverlayState(){"overlay"===this.variant?this._isOverlay=!0:"collapsible"===this.variant?this._isOverlay=window.innerWidth<At:this._isOverlay=!1}_setNodesToDrawer(e){e&&(this._sidebarActiveGroup&&e!==this._sidebarActiveGroup&&this._revertNodesToParent(),this._sidebarActiveGroup=e,this._drawerItems=[...this._sidebarActiveGroup._childElements])}_revertNodesToParent(){this._sidebarActiveGroup&&(this._drawerItems.forEach(e=>{var t;null===(t=this._sidebarActiveGroup)||void 0===t||t.append(e)}),this._drawerItems=[]),this._sidebarActiveGroup=null}_getAllItems(){var e;const t=e=>{var s;const i=[];for(const a of e)i.push(a),(null===(s=a._childElements)||void 0===s?void 0:s.length)&&i.push(...t(a._childElements));return i};return t(null!==(e=this._defaultNodes)&&void 0!==e?e:[])}_handleItemClick(e){const t=e.detail.element;if(t===this._sidebarActiveGroup)this._showDrawer=!this._showDrawer;else{if(this.active!==t.name){const e=this._getAllItems();this.active=t.name,e.forEach(e=>e._selected=!1)}if(t._childElements.length>0)this._showDrawer=!0;else{this._showDrawer=!1;const e=t.querySelector(":scope > a");e&&e.click()}this.emit("sgds-select",{detail:{activeItem:t.name}})}}toggleCollapsed(){"persistent"!==this.variant&&(this.collapsed=!this.collapsed)}render(){return te`
1824
+ `}}jn.styles=[...Oe.styles,Fn],jn.dependencies={"sgds-icon":xt},t([Pe()],jn.prototype,"_showMenu",void 0),t([nt("_sidebarActiveItem")],jn.prototype,"_handleActiveItemContext",null);class Un extends Oe{constructor(){super(...arguments),this.collapsed=!1,this.active="",this.scrim=!1,this.variant="collapsible",this.ariaLabel="Sidebar navigation",this._sidebarActiveGroup=null,this._sidebarCollapsed=!1,this._sidebarActiveItem=null,this._drawerItems=[],this._showDrawer=!1,this._isOverlay=!1,this._isNarrowViewport=!1,this._boundHandleResize=this._handleResize.bind(this),this._boundHandleItemClick=this._handleItemClick.bind(this),this._handleClickOutOfElement=e=>{if((e.composedPath().find(e=>{var t;return null===(t=null==e?void 0:e.classList)||void 0===t?void 0:t.contains("sidebar--overlay")})||!e.composedPath().includes(this))&&(this._showDrawer=!1,this._isOverlay)){e.target.getAttribute("data-sidebar-toggler")||(this.collapsed=!0)}}}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this._handleActive()}),null===window||void 0===window||window.addEventListener("resize",this._boundHandleResize),this._handleResize(),this.addEventListener("i-sgds-click",this._boundHandleItemClick)}disconnectedCallback(){super.disconnectedCallback(),null===document||void 0===document||document.removeEventListener("click",this._handleClickOutOfElement),null===window||void 0===window||window.removeEventListener("resize",this._boundHandleResize),this.removeEventListener("i-sgds-click",this._boundHandleItemClick)}firstUpdated(){null===document||void 0===document||document.addEventListener("click",this._handleClickOutOfElement),this._updateOverlayState()}updated(){this._handleActive()}_handleCollapsed(){"persistent"!==this.variant&&(this._sidebarCollapsed=this.collapsed)}_handleActiveItem(e){if(!this._sidebarActiveItem)return;this._getAllItems().forEach(e=>e._selected=!1),this._drawerItems.forEach(e=>e._selected=!1),e&&(e._selected=!1);const t=this._sidebarActiveItem._childLevel;if(this._sidebarActiveItem._selected=!0,1===t)this._sidebarActiveItem._childElements.length>0?this._setNodesToDrawer(this._sidebarActiveItem):this._revertNodesToParent();else{let e=this._sidebarActiveItem.parentElement;for(;e instanceof jn&&e._childLevel>=1;)1===e._childLevel&&(e.classList.contains("sidebar-nested-overlay")||this._setNodesToDrawer(e)),e._selected=!0,e=e.parentElement;this._sidebarActiveGroup&&(this._sidebarActiveGroup._selected=!0)}}_handleActive(){this.active?this._sidebarActiveItem=this._getActiveChild():this._sidebarActiveItem=null}_getActiveChild(){var e;const t=e=>{var s;for(const i of e){if(i.name===this.active)return i;if(null===(s=i._childElements)||void 0===s?void 0:s.length){const e=t(i._childElements);if(e)return e}}return null};return null!==(e=t(this._defaultNodes))&&void 0!==e?e:t(this._drawerItems)}_handleResize(){const e=window.innerWidth<1280;e!==this._isNarrowViewport&&(this._isNarrowViewport=e,this.collapsed=this._isNarrowViewport),this._updateOverlayState()}_updateOverlayState(){"overlay"===this.variant?this._isOverlay=!0:"collapsible"===this.variant?this._isOverlay=window.innerWidth<At:this._isOverlay=!1}_setNodesToDrawer(e){e&&(this._sidebarActiveGroup&&e!==this._sidebarActiveGroup&&this._revertNodesToParent(),this._sidebarActiveGroup=e,this._drawerItems=[...this._sidebarActiveGroup._childElements])}_revertNodesToParent(){this._sidebarActiveGroup&&(this._drawerItems.forEach(e=>{var t;null===(t=this._sidebarActiveGroup)||void 0===t||t.append(e)}),this._drawerItems=[]),this._sidebarActiveGroup=null}_getAllItems(){var e;const t=e=>{var s;const i=[];for(const a of e)i.push(a),(null===(s=a._childElements)||void 0===s?void 0:s.length)&&i.push(...t(a._childElements));return i};return t(null!==(e=this._defaultNodes)&&void 0!==e?e:[])}_handleItemClick(e){const t=e.detail.element;if(t===this._sidebarActiveGroup)this._showDrawer=!this._showDrawer;else{if(this.active!==t.name){const e=this._getAllItems();this.active=t.name,e.forEach(e=>e._selected=!1)}if(t._childElements.length>0)this._showDrawer=!0;else{this._showDrawer=!1;const e=t.querySelector(":scope > a");e&&e.click()}this.emit("sgds-select",{detail:{activeItem:t.name}})}}toggleCollapsed(){"persistent"!==this.variant&&(this.collapsed=!this.collapsed)}render(){return te`
1810
1825
  <nav
1811
1826
  class=${We({sidebar:!0,"sidebar--collapsed":this._sidebarCollapsed,overlay:this._isOverlay})}
1812
1827
  aria-label=${this.ariaLabel}
@@ -1854,13 +1869,13 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1854
1869
  ${this._drawerItems}
1855
1870
  </div>
1856
1871
  </nav>
1857
- `}}Nn.styles=[...Oe.styles,Ln],Nn.dependencies={"sgds-icon-button":Nt},t([Ve({type:Boolean,reflect:!0})],Nn.prototype,"collapsed",void 0),t([Ve({type:String,reflect:!0})],Nn.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],Nn.prototype,"scrim",void 0),t([Ve({type:String,reflect:!0})],Nn.prototype,"variant",void 0),t([Ve({type:String})],Nn.prototype,"ariaLabel",void 0),t([It({context:Dn}),Pe()],Nn.prototype,"_sidebarActiveGroup",void 0),t([It({context:En}),Pe()],Nn.prototype,"_sidebarCollapsed",void 0),t([It({context:An}),Pe()],Nn.prototype,"_sidebarActiveItem",void 0),t([It({context:Bn}),Pe()],Nn.prototype,"_drawerItems",void 0),t([It({context:Hn}),Pe()],Nn.prototype,"_showDrawer",void 0),t([It({context:On}),Pe()],Nn.prototype,"_isOverlay",void 0),t([Ee()],Nn.prototype,"_defaultNodes",void 0),t([Pe()],Nn.prototype,"_isNarrowViewport",void 0),t([nt("collapsed")],Nn.prototype,"_handleCollapsed",null),t([nt("_sidebarActiveItem")],Nn.prototype,"_handleActiveItem",null),t([nt("active")],Nn.prototype,"_handleActive",null);var jn=r`:host{--sidenav-sticky-top:0rem}.sticky{height:calc(100vh - var(--sidenav-sticky-top));overflow-y:visible;position:sticky;top:var(--sidenav-sticky-top)}`;class Un extends Oe{constructor(){super(...arguments),this.sticky=!1}get items(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}async onToggle(e){const t="SGDS-SIDENAV-LINK"===e.target.tagName;if(e.defaultPrevented||t)return;this.items}render(){return te`
1872
+ `}}Un.styles=[...Oe.styles,An],Un.dependencies={"sgds-icon-button":Nt},t([ze({type:Boolean,reflect:!0})],Un.prototype,"collapsed",void 0),t([ze({type:String,reflect:!0})],Un.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],Un.prototype,"scrim",void 0),t([ze({type:String,reflect:!0})],Un.prototype,"variant",void 0),t([ze({type:String})],Un.prototype,"ariaLabel",void 0),t([Dt({context:En}),Pe()],Un.prototype,"_sidebarActiveGroup",void 0),t([Dt({context:Hn}),Pe()],Un.prototype,"_sidebarCollapsed",void 0),t([Dt({context:Bn}),Pe()],Un.prototype,"_sidebarActiveItem",void 0),t([Dt({context:On}),Pe()],Un.prototype,"_drawerItems",void 0),t([Dt({context:Tn}),Pe()],Un.prototype,"_showDrawer",void 0),t([Dt({context:Rn}),Pe()],Un.prototype,"_isOverlay",void 0),t([Ee()],Un.prototype,"_defaultNodes",void 0),t([Pe()],Un.prototype,"_isNarrowViewport",void 0),t([nt("collapsed")],Un.prototype,"_handleCollapsed",null),t([nt("_sidebarActiveItem")],Un.prototype,"_handleActiveItem",null),t([nt("active")],Un.prototype,"_handleActive",null);var qn=r`:host{--sidenav-sticky-top:0rem}.sticky{height:calc(100vh - var(--sidenav-sticky-top));overflow-y:visible;position:sticky;top:var(--sidenav-sticky-top)}`;class Yn extends Oe{constructor(){super(...arguments),this.sticky=!1}get items(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}async onToggle(e){const t="SGDS-SIDENAV-LINK"===e.target.tagName;if(e.defaultPrevented||t)return;this.items}render(){return te`
1858
1873
  <nav class=${We({sticky:this.sticky})}>
1859
1874
  <div>
1860
1875
  <slot @click=${this.onToggle}></slot>
1861
1876
  </div>
1862
1877
  </nav>
1863
- `}}Un.styles=[...Oe.styles,jn],t([Ve({type:Boolean,attribute:!0})],Un.prototype,"sticky",void 0),t([Ee()],Un.prototype,"defaultNodes",void 0);var qn=r`:host([class^=second-level]) .sidenav-btn{font-weight:var(--sgds-font-weight-regular);padding-left:var(--sgds-padding-3-xl)}button{all:unset}.sidenav-btn{background:0;border:0;border-radius:var(--sgds-border-radius-md);display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-align:initial;width:100%;.caret-icon,slot[name=caret-icon]::slotted(*){margin-bottom:auto;margin-left:auto;transform:rotate(180deg);transition:all .3s ease-in-out}}.sidenav-btn:hover:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn.active{color:var(--sgds-color-default)}.sidenav-btn.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.sidenav-btn:not(.active){.caret-icon,slot[name=caret-icon]::slotted(*){transform:rotate(0deg)}}.sidenav-btn:focus-visible:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn:focus-visible:not(.disabled){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.no-menu-default::slotted(a){background:0;border:0;border-radius:var(--sgds-border-radius-md);color:inherit!important;display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)!important;gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs)!important;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-decoration:none!important}.no-menu-default::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}.no-menu-default::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([class^=first-level][active]) .no-menu-default::slotted(a){background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis)!important}:host([class^=first-level][disabled]) .no-menu-default::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}`;class Yn extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.isLink=!1,this._collapseId=Et("sidenav","collapse"),this._buttonId=Et("sidenav","button"),this._levelId=Et("sidenav","this"),this._firstLevelId="first-level-"+this._levelId,this._secondLevelId="second-level-"+this._levelId,this._thirdLevelId="third-level-"+this._levelId,this.index="-1"}_onToggle(){this.emit("sgds-toggle",{detail:{index:this.index}})}async show(){if(!this.isLink&&!this.active)return this.active=!0,ot(this,"sgds-after-show")}async hide(){if(!this.isLink&&this.active)return this.active=!1,ot(this,"sgds-after-hide")}connectedCallback(){super.connectedCallback(),this.classList.add(this._firstLevelId)}firstUpdated(e){super.firstUpdated(e),this.isLink||(this.body.hidden=!this.active,this.body.style.height=this.active?"auto":"0"),this._handleOpenMenu()}_handleOpenMenu(){this.active||(this.active=this._items.some(e=>e.active))}_handleSummaryClick(){this.active?this.hide():this.show(),this._onToggle(),this.header.focus()}_handleSummaryKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.active?this.hide():this.show()),"ArrowUp"!==e.key&&"ArrowLeft"!==e.key||(e.preventDefault(),this.hide()),"ArrowDown"!==e.key&&"ArrowRight"!==e.key||(e.preventDefault(),this.show())}async _handleOpenChange(){if(!this.isLink)if(this.active){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.active=!1);await et(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=it(this,"sidenav.show");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.style.height="auto",this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.active=!0);await et(this.body);const{keyframes:e,options:t}=it(this,"sidenav.hide");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("sgds-after-hide")}}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase());if(t.length>1)return console.error("More than one anchor tag is added to sgds-sidenav-item");if(1===t.length){const e=t[0];return this.disabled&&e.setAttribute("tabindex","-1"),this.active&&e.setAttribute("aria-current","true"),this.isLink=!0}e.target.assignedElements({flatten:!0}).filter(e=>"sgds-sidenav-item"===e.tagName.toLowerCase()).forEach(e=>{const t=Array.from(e.classList).filter(e=>e.startsWith("first-level"))[0];e.classList.replace(t,this._secondLevelId)}),Array.from(this.classList).some(e=>e.startsWith("second-level"))&&this._items.forEach(e=>e.classList.add(this._thirdLevelId)),this._handleOpenMenu()}render(){const e=te`
1878
+ `}}Yn.styles=[...Oe.styles,qn],t([ze({type:Boolean,attribute:!0})],Yn.prototype,"sticky",void 0),t([Ee()],Yn.prototype,"defaultNodes",void 0);var Kn=r`:host([class^=second-level]) .sidenav-btn{font-weight:var(--sgds-font-weight-regular);padding-left:var(--sgds-padding-3-xl)}button{all:unset}.sidenav-btn{background:0;border:0;border-radius:var(--sgds-border-radius-md);display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-align:initial;width:100%;.caret-icon,slot[name=caret-icon]::slotted(*){margin-bottom:auto;margin-left:auto;transform:rotate(180deg);transition:all .3s ease-in-out}}.sidenav-btn:hover:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn.active{color:var(--sgds-color-default)}.sidenav-btn.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.sidenav-btn:not(.active){.caret-icon,slot[name=caret-icon]::slotted(*){transform:rotate(0deg)}}.sidenav-btn:focus-visible:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn:focus-visible:not(.disabled){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.no-menu-default::slotted(a){background:0;border:0;border-radius:var(--sgds-border-radius-md);color:inherit!important;display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)!important;gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs)!important;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-decoration:none!important}.no-menu-default::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}.no-menu-default::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([class^=first-level][active]) .no-menu-default::slotted(a){background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis)!important}:host([class^=first-level][disabled]) .no-menu-default::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}`;class Wn extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.isLink=!1,this._collapseId=Et("sidenav","collapse"),this._buttonId=Et("sidenav","button"),this._levelId=Et("sidenav","this"),this._firstLevelId="first-level-"+this._levelId,this._secondLevelId="second-level-"+this._levelId,this._thirdLevelId="third-level-"+this._levelId,this.index="-1"}_onToggle(){this.emit("sgds-toggle",{detail:{index:this.index}})}async show(){if(!this.isLink&&!this.active)return this.active=!0,ot(this,"sgds-after-show")}async hide(){if(!this.isLink&&this.active)return this.active=!1,ot(this,"sgds-after-hide")}connectedCallback(){super.connectedCallback(),this.classList.add(this._firstLevelId)}firstUpdated(e){super.firstUpdated(e),this.isLink||(this.body.hidden=!this.active,this.body.style.height=this.active?"auto":"0"),this._handleOpenMenu()}_handleOpenMenu(){this.active||(this.active=this._items.some(e=>e.active))}_handleSummaryClick(){this.active?this.hide():this.show(),this._onToggle(),this.header.focus()}_handleSummaryKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.active?this.hide():this.show()),"ArrowUp"!==e.key&&"ArrowLeft"!==e.key||(e.preventDefault(),this.hide()),"ArrowDown"!==e.key&&"ArrowRight"!==e.key||(e.preventDefault(),this.show())}async _handleOpenChange(){if(!this.isLink)if(this.active){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.active=!1);await et(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=it(this,"sidenav.show");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.style.height="auto",this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.active=!0);await et(this.body);const{keyframes:e,options:t}=it(this,"sidenav.hide");await Je(this.body,Qe(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("sgds-after-hide")}}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase());if(t.length>1)return console.error("More than one anchor tag is added to sgds-sidenav-item");if(1===t.length){const e=t[0];return this.disabled&&e.setAttribute("tabindex","-1"),this.active&&e.setAttribute("aria-current","true"),this.isLink=!0}e.target.assignedElements({flatten:!0}).filter(e=>"sgds-sidenav-item"===e.tagName.toLowerCase()).forEach(e=>{const t=Array.from(e.classList).filter(e=>e.startsWith("first-level"))[0];e.classList.replace(t,this._secondLevelId)}),Array.from(this.classList).some(e=>e.startsWith("second-level"))&&this._items.forEach(e=>e.classList.add(this._thirdLevelId)),this._handleOpenMenu()}render(){const e=te`
1864
1879
  <button
1865
1880
  @click=${this._handleSummaryClick}
1866
1881
  @keydown=${this._handleSummaryKeyDown}
@@ -1886,17 +1901,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1886
1901
  </div>
1887
1902
  `,t=te` <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot> `;return te`
1888
1903
  <div class="sidenav-item" aria-haspopup="${!this.isLink}">${this.isLink?t:e}</div>
1889
- `}}Yn.styles=[...Oe.styles,qn],Yn.dependencies={"sgds-icon":xt},t([De(".sidenav-body")],Yn.prototype,"body",void 0),t([De(".sidenav-btn")],Yn.prototype,"header",void 0),t([Ve({type:Boolean,reflect:!0})],Yn.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],Yn.prototype,"disabled",void 0),t([Ve({type:String})],Yn.prototype,"ariaLabel",void 0),t([Pe()],Yn.prototype,"isLink",void 0),t([nt("active",{waitUntilFirstUpdate:!0})],Yn.prototype,"_handleOpenChange",null),t([Ee()],Yn.prototype,"_items",void 0),at("sidenav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),at("sidenav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var Kn=r`:host([class^=third-level]) ::slotted(a){padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-default,var(--sgds-link-color-default));display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl);text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}:host(:not([disabled]):not([active])) ::slotted(a:hover){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}:host([disabled]) ::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;class Wn extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-disabled",`${this.disabled}`)}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`),this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute("tabindex")}_handleSlotChange(){this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute("tabindex","-1"),this._anchor[0].removeAttribute("href"),this._anchor[0].setAttribute("role","link"))}render(){return te` <slot @slotchange=${this._handleSlotChange}></slot> `}}Wn.styles=[...Oe.styles,Kn],t([Ve({type:Boolean,reflect:!0})],Wn.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],Wn.prototype,"disabled",void 0),t([Ee({flatten:!0})],Wn.prototype,"_anchor",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],Wn.prototype,"_handleDisabled",null);var Gn=r`.skeleton{--bg:var(--sgds-bg-translucent-subtle);background-color:var(--bg);border-radius:var(--sgds-border-radius-sm);display:flex;flex-direction:column;gap:var(--sgds-gap-xs);max-width:100%}.skeleton.skeleton-paragraph{background-color:transparent}.skeleton.skeleton-paragraph.auto-size-rows>div[class*=skeleton-row]{background-color:var(--sgds-bg-translucent);border-radius:var(--sgds-border-radius-sm);height:-webkit-fill-available}.sheen{--sheen-color:var(--sgds-bg-translucent);animation:sheen 8s ease-in-out infinite;background:linear-gradient(270deg,var(--bg) 0,var(--sheen-color) 33.33%,var(--sheen-color) 66.67%,var(--bg) 100%);background-size:400% 100%}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}`;class Jn extends Oe{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="",this.sheen=!1}render(){const e={width:this.width||void 0,height:this.height||void 0,borderRadius:this.borderRadius||void 0};return te`
1890
- <div
1891
- class=${We({skeleton:!0,"skeleton-paragraph":this.rows>0,"auto-size-rows":this.rows>0,sheen:this.sheen&&!this.rows})}
1892
- style=${Object.entries(e).filter(([e,t])=>t).map(([e,t])=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t}`).join("; ")}
1893
- >
1894
- ${this.rows>0?[...Array(this.rows).keys()].map(e=>{const t={[`skeleton-row-${e}`]:!0,sheen:this.sheen};return te`<div
1895
- class=${We(t)}
1896
- style=${this.borderRadius?`border-radius: ${this.borderRadius}`:ae}
1897
- ></div>`}):ae}
1898
- </div>
1899
- `}}Jn.styles=[Gn],t([De(".skeleton")],Jn.prototype,"skeleton",void 0),t([Ve({type:String,reflect:!0})],Jn.prototype,"width",void 0),t([Ve({type:String,reflect:!0})],Jn.prototype,"height",void 0),t([Ve({type:String,reflect:!0})],Jn.prototype,"borderRadius",void 0),t([Ve({type:Number,reflect:!0})],Jn.prototype,"rows",void 0),t([Ve({type:Boolean,reflect:!0})],Jn.prototype,"sheen",void 0);var Xn=r`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;flex-shrink:0;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{max-width:unset;padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-label{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-label,.stepper-item.clickable:focus-visible .stepper-label,.stepper-item.clickable:hover .stepper-label{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-label{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot{color:var(--sgds-color-subtle);display:flex;flex-direction:column;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);gap:var(--sgds-gap-xs);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;class Qn extends Oe{constructor(){super(...arguments),this.stepHeader="",this.clickable=!1,this.active=!1,this.disabled=!1,this.completed=!1,this.stepIndex=0,this.orientation="horizontal",this.isFirstOfType=!1}render(){const e=!this.disabled&&this.clickable;return te`
1904
+ `}}Wn.styles=[...Oe.styles,Kn],Wn.dependencies={"sgds-icon":xt},t([Le(".sidenav-body")],Wn.prototype,"body",void 0),t([Le(".sidenav-btn")],Wn.prototype,"header",void 0),t([ze({type:Boolean,reflect:!0})],Wn.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],Wn.prototype,"disabled",void 0),t([ze({type:String})],Wn.prototype,"ariaLabel",void 0),t([Pe()],Wn.prototype,"isLink",void 0),t([nt("active",{waitUntilFirstUpdate:!0})],Wn.prototype,"_handleOpenChange",null),t([Ee()],Wn.prototype,"_items",void 0),at("sidenav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),at("sidenav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var Gn=r`:host([class^=third-level]) ::slotted(a){padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-default,var(--sgds-link-color-default));display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl);text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}:host(:not([disabled]):not([active])) ::slotted(a:hover){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}:host([disabled]) ::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;class Jn extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-disabled",`${this.disabled}`)}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`),this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute("tabindex")}_handleSlotChange(){this._anchor[0].setAttribute("aria-disabled",`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute("tabindex","-1"),this._anchor[0].removeAttribute("href"),this._anchor[0].setAttribute("role","link"))}render(){return te` <slot @slotchange=${this._handleSlotChange}></slot> `}}Jn.styles=[...Oe.styles,Gn],t([ze({type:Boolean,reflect:!0})],Jn.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],Jn.prototype,"disabled",void 0),t([Ee({flatten:!0})],Jn.prototype,"_anchor",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],Jn.prototype,"_handleDisabled",null);var Xn=r`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;flex-shrink:0;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{max-width:unset;padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-label{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-label,.stepper-item.clickable:focus-visible .stepper-label,.stepper-item.clickable:hover .stepper-label{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-label{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot{color:var(--sgds-color-subtle);display:flex;flex-direction:column;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);gap:var(--sgds-gap-xs);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;class Qn extends Oe{constructor(){super(...arguments),this.stepHeader="",this.clickable=!1,this.active=!1,this.disabled=!1,this.completed=!1,this.stepIndex=0,this.orientation="horizontal",this.isFirstOfType=!1}render(){const e=!this.disabled&&this.clickable;return te`
1900
1905
  <div class="stepper-item-container">
1901
1906
  <div
1902
1907
  class="stepper-item ${We({first:this.isFirstOfType,active:this.active,completed:this.completed,clickable:this.clickable,vertical:"vertical"===this.orientation,disabled:this.disabled})}"
@@ -1916,7 +1921,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1916
1921
  </div>
1917
1922
  </div>
1918
1923
  </div>
1919
- `}_handleClick(e){if(e){if(e.target.hasAttribute("data-clickable"))return}this.emit("i-sgds-click",{detail:{stepIndex:this.stepIndex}})}_handleKeyDown(e){"Enter"===e.key&&this._handleClick()}}Qn.styles=[...Oe.styles,Xn],Qn.dependencies={"sgds-icon":xt},t([Ve({type:String,reflect:!0})],Qn.prototype,"stepHeader",void 0),t([Ve({type:String,reflect:!0})],Qn.prototype,"iconName",void 0),t([Ve({type:Object})],Qn.prototype,"component",void 0),t([Ve({type:Boolean})],Qn.prototype,"clickable",void 0),t([Ve({type:Boolean,reflect:!0})],Qn.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],Qn.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],Qn.prototype,"completed",void 0),t([Ve({type:Number})],Qn.prototype,"stepIndex",void 0),t([Ve({type:String})],Qn.prototype,"orientation",void 0),t([Ve({type:Boolean})],Qn.prototype,"isFirstOfType",void 0);var er=r`.stepper{display:flex;flex-wrap:wrap}.stepper.vertical{flex-direction:column}.stepper.horizontal .stepper-item-container{align-items:center;display:flex;flex-basis:1em;flex-direction:column;flex-grow:1;flex-shrink:1;position:relative}.stepper.vertical .stepper-item-container{position:relative;width:fit-content}.stepper .stepper-item{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.stepper.vertical .stepper-item{align-items:flex-start;flex-direction:row}.stepper.vertical .stepper-item-container:not(:last-child) .stepper-item{margin-bottom:var(--sgds-padding-xl)}.stepper .stepper-item.is-clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper.horizontal .stepper-item-container:not(:first-of-type) .stepper-item:before{background:var(--sgds-border-color-translucent);bottom:0;content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}.stepper.vertical .stepper-item-container:not(:last-child) .stepper-item:after{background:var(--sgds-bg-translucent);bottom:0;content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper.horizontal .stepper-item-container .stepper-item.is-active:before,.stepper.horizontal .stepper-item-container .stepper-item.is-completed:before,.stepper.vertical .stepper-item-container .stepper-item.is-completed:after{background:var(--sgds-primary-border-color-default)}.stepper .stepper-item.is-clickable{cursor:pointer}.stepper .stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper:not(.vertical) .stepper-detail{max-width:var(--sgds-dimension-128);text-align:center}.stepper.vertical .stepper-detail{padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper .stepper-item:not(.is-active):not(.is-completed) .stepper-detail{color:var(--sgds-color-subtle)}.stepper .stepper-item.is-clickable:focus .stepper-marker,.stepper .stepper-item.is-clickable:focus-visible .stepper-marker,.stepper .stepper-item.is-clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper .stepper-item.is-clickable:focus .stepper-detail,.stepper .stepper-item.is-clickable:focus-visible .stepper-detail,.stepper .stepper-item.is-clickable:hover .stepper-detail{color:var(--sgds-primary-color-emphasis)}.stepper .stepper-item.is-clickable .stepper-detail,.stepper.clickable .stepper-item.is-active .stepper-detail{color:var(--sgds-primary-color-default)}.stepper .stepper-item.is-active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper .stepper-item.is-completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}`;class tr extends Oe{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1,this.linear=!1,this.defaultActiveStep=0,this._items=[],this._totalSteps=0,this._boundHandleItemClick=this._handleStepClick.bind(this),this.hasDefaultSlot=!1,this.hasSlotController=new qt(this,"[default]")}connectedCallback(){super.connectedCallback(),this._totalSteps=this.steps.length,this.addEventListener("i-sgds-click",this._boundHandleItemClick)}_handleSlotChange(){this._items=this._slotNodes,this._totalSteps=this._items.length,this._updateStepItems()}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]"))}_updateStepItems(){this._items&&this._items.length>0&&this._items.forEach((e,t)=>{e.stepIndex=t,e.active=this.activeStep===t,e.completed=e.completed||this.activeStep>t,e.clickable=this.linear?!e.disabled&&this.clickable&&(this.activeStep-1==t||this.activeStep+1==t):!e.disabled&&this.clickable,e.orientation=this.orientation,this._items.length>1&&(e.isFirstOfType=0===t,e.classList.toggle("last",t===this._items.length-1))})}getComponent(e=this.activeStep){var t,s;const i=this.hasDefaultSlot?this._items:this.steps;return i&&i.length>0?null===(t=i[e])||void 0===t?void 0:t.component:null===(s=this.steps[e])||void 0===s?void 0:s.component}nextStep(){var e;this.emit("sgds-next-step"),this.activeStep<this._totalSteps-1&&((null===(e=this._slotNodes[this.activeStep+1])||void 0===e?void 0:e.disabled)||this.activeStep++)}previousStep(){var e;this.emit("sgds-previous-step"),this.activeStep>0&&((null===(e=this._slotNodes[this.activeStep-1])||void 0===e?void 0:e.disabled)||this.activeStep--)}lastStep(){this.emit("sgds-last-step"),this.activeStep!==this._totalSteps-1&&(this.activeStep=this._totalSteps-1)}firstStep(){this.emit("sgds-first-step"),this.activeStep>0&&(this.activeStep=0)}reset(){this.emit("sgds-reset"),this.activeStep=this.defaultActiveStep}_onStepperItemClick(e){this.activeStep=e}_handleActiveStepChange(){this._updateStepItems(),this.emit("sgds-arrived")}_handleClickableChange(){this._updateStepItems()}_handleOrientationChange(){this._updateStepItems()}_handleKeyDown(e,t){"Enter"===e.key&&this._onStepperItemClick(t)}_handleStepClick(e){var t;const s=e;e.stopPropagation();const i=null===(t=s.detail)||void 0===t?void 0:t.stepIndex;this._onStepperItemClick(i)}render(){return te`
1924
+ `}_handleClick(e){if(e){if(e.target.hasAttribute("data-clickable"))return}this.emit("i-sgds-click",{detail:{stepIndex:this.stepIndex}})}_handleKeyDown(e){"Enter"===e.key&&this._handleClick()}}Qn.styles=[...Oe.styles,Xn],Qn.dependencies={"sgds-icon":xt},t([ze({type:String,reflect:!0})],Qn.prototype,"stepHeader",void 0),t([ze({type:String,reflect:!0})],Qn.prototype,"iconName",void 0),t([ze({type:Object})],Qn.prototype,"component",void 0),t([ze({type:Boolean})],Qn.prototype,"clickable",void 0),t([ze({type:Boolean,reflect:!0})],Qn.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],Qn.prototype,"disabled",void 0),t([ze({type:Boolean,reflect:!0})],Qn.prototype,"completed",void 0),t([ze({type:Number})],Qn.prototype,"stepIndex",void 0),t([ze({type:String})],Qn.prototype,"orientation",void 0),t([ze({type:Boolean})],Qn.prototype,"isFirstOfType",void 0);var er=r`.stepper{display:flex;flex-wrap:wrap}.stepper.vertical{flex-direction:column}.stepper.horizontal .stepper-item-container{align-items:center;display:flex;flex-basis:1em;flex-direction:column;flex-grow:1;flex-shrink:1;position:relative}.stepper.vertical .stepper-item-container{position:relative;width:fit-content}.stepper .stepper-item{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.stepper.vertical .stepper-item{align-items:flex-start;flex-direction:row}.stepper.vertical .stepper-item-container:not(:last-child) .stepper-item{margin-bottom:var(--sgds-padding-xl)}.stepper .stepper-item.is-clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper.horizontal .stepper-item-container:not(:first-of-type) .stepper-item:before{background:var(--sgds-border-color-translucent);bottom:0;content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}.stepper.vertical .stepper-item-container:not(:last-child) .stepper-item:after{background:var(--sgds-bg-translucent);bottom:0;content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper.horizontal .stepper-item-container .stepper-item.is-active:before,.stepper.horizontal .stepper-item-container .stepper-item.is-completed:before,.stepper.vertical .stepper-item-container .stepper-item.is-completed:after{background:var(--sgds-primary-border-color-default)}.stepper .stepper-item.is-clickable{cursor:pointer}.stepper .stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper:not(.vertical) .stepper-detail{max-width:var(--sgds-dimension-128);text-align:center}.stepper.vertical .stepper-detail{padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper .stepper-item:not(.is-active):not(.is-completed) .stepper-detail{color:var(--sgds-color-subtle)}.stepper .stepper-item.is-clickable:focus .stepper-marker,.stepper .stepper-item.is-clickable:focus-visible .stepper-marker,.stepper .stepper-item.is-clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper .stepper-item.is-clickable:focus .stepper-detail,.stepper .stepper-item.is-clickable:focus-visible .stepper-detail,.stepper .stepper-item.is-clickable:hover .stepper-detail{color:var(--sgds-primary-color-emphasis)}.stepper .stepper-item.is-clickable .stepper-detail,.stepper.clickable .stepper-item.is-active .stepper-detail{color:var(--sgds-primary-color-default)}.stepper .stepper-item.is-active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper .stepper-item.is-completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}`;class tr extends Oe{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1,this.linear=!1,this.defaultActiveStep=0,this._items=[],this._totalSteps=0,this._boundHandleItemClick=this._handleStepClick.bind(this),this.hasDefaultSlot=!1,this.hasSlotController=new qt(this,"[default]")}connectedCallback(){super.connectedCallback(),this._totalSteps=this.steps.length,this.addEventListener("i-sgds-click",this._boundHandleItemClick)}_handleSlotChange(){this._items=this._slotNodes,this._totalSteps=this._items.length,this._updateStepItems()}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]"))}_updateStepItems(){this._items&&this._items.length>0&&this._items.forEach((e,t)=>{e.stepIndex=t,e.active=this.activeStep===t,e.completed=e.completed||this.activeStep>t,e.clickable=this.linear?!e.disabled&&this.clickable&&(this.activeStep-1==t||this.activeStep+1==t):!e.disabled&&this.clickable,e.orientation=this.orientation,this._items.length>1&&(e.isFirstOfType=0===t,e.classList.toggle("last",t===this._items.length-1))})}getComponent(e=this.activeStep){var t,s;const i=this.hasDefaultSlot?this._items:this.steps;return i&&i.length>0?null===(t=i[e])||void 0===t?void 0:t.component:null===(s=this.steps[e])||void 0===s?void 0:s.component}nextStep(){var e;this.emit("sgds-next-step"),this.activeStep<this._totalSteps-1&&((null===(e=this._slotNodes[this.activeStep+1])||void 0===e?void 0:e.disabled)||this.activeStep++)}previousStep(){var e;this.emit("sgds-previous-step"),this.activeStep>0&&((null===(e=this._slotNodes[this.activeStep-1])||void 0===e?void 0:e.disabled)||this.activeStep--)}lastStep(){this.emit("sgds-last-step"),this.activeStep!==this._totalSteps-1&&(this.activeStep=this._totalSteps-1)}firstStep(){this.emit("sgds-first-step"),this.activeStep>0&&(this.activeStep=0)}reset(){this.emit("sgds-reset"),this.activeStep=this.defaultActiveStep}_onStepperItemClick(e){this.activeStep=e}_handleActiveStepChange(){this._updateStepItems(),this.emit("sgds-arrived")}_handleClickableChange(){this._updateStepItems()}_handleOrientationChange(){this._updateStepItems()}_handleKeyDown(e,t){"Enter"===e.key&&this._onStepperItemClick(t)}_handleStepClick(e){var t;const s=e;e.stopPropagation();const i=null===(t=s.detail)||void 0===t?void 0:t.stepIndex;this._onStepperItemClick(i)}render(){return te`
1920
1925
  <div
1921
1926
  class="stepper ${We({[`${this.orientation}`]:this.orientation,clickable:this.clickable})}"
1922
1927
  >
@@ -1940,7 +1945,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1940
1945
  </div>
1941
1946
  `)}
1942
1947
  </div>
1943
- `}}tr.styles=[...Oe.styles,er],tr.dependencies={"sgds-icon":xt},t([Ve({type:Array})],tr.prototype,"steps",void 0),t([Ve({type:Number,reflect:!0})],tr.prototype,"activeStep",void 0),t([Ve({type:String,reflect:!0})],tr.prototype,"orientation",void 0),t([Ve({type:Boolean,reflect:!0})],tr.prototype,"clickable",void 0),t([Ve({type:Boolean,reflect:!0})],tr.prototype,"linear",void 0),t([Va("activeStep")],tr.prototype,"defaultActiveStep",void 0),t([Ee()],tr.prototype,"_slotNodes",void 0),t([Ve({type:Boolean})],tr.prototype,"hasDefaultSlot",void 0),t([nt("activeStep",{waitUntilFirstUpdate:!0})],tr.prototype,"_handleActiveStepChange",null),t([nt("clickable",{waitUntilFirstUpdate:!0})],tr.prototype,"_handleClickableChange",null),t([nt("orientation",{waitUntilFirstUpdate:!0})],tr.prototype,"_handleOrientationChange",null);var sr=r`:host{display:block;position:relative;z-index:var(--sgds-z-index-sticky)}nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:relative;width:100%}.subnav{flex-direction:column;flex-wrap:nowrap}.header-container,.subnav{align-items:flex-start;display:flex}.header-container{gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);width:100%}slot[name=header]::slotted(*){--sgds-margin-xs:var(--sgds-margin-none);flex:1 1 auto;margin-bottom:var(--sgds-margin-xs,--sgds-margin-none);padding-top:var(--sgds-padding-none)}.subnav-toggler{cursor:pointer;transition:transform .2s ease-in-out}.subnav-toggler:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.subnav:not(.collapsed) .subnav-toggler{transform:rotate(-180deg)}.subnav-nav-group{display:flex;flex:1 1 0}.subnav-nav,.subnav-nav-group{align-items:flex-start;flex-direction:column;width:100%}.subnav-nav{display:none;overflow-y:auto;transition:transform .2s ease-in-out}.subnav-nav ::slotted(*){width:100%}.subnav-actions{bottom:0;display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);position:sticky;width:100%}.no-actions{display:none}slot[name=actions]::slotted(*){width:100%}@media screen and (max-width:1023px){.subnav.sgds-container{max-width:inherit}}@media screen and (min-width:512px){.subnav-actions{flex-direction:row}}@media screen and (min-width:768px){nav{border-bottom:var(--sgds-border-width-0)}.subnav{flex-direction:row}.subnav.collapsed{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.header-container{padding:var(--sgds-padding-lg) var(--sgds-padding-2-xl)}.subnav-nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:0;position:absolute;top:100%}.subnav-actions{align-items:center;flex-direction:row;padding:var(--sgds-padding-sm) var(--sgds-padding-2-xl) var(--sgds-padding-sm) var(--sgds-padding-none);position:inherit}}@media screen and (min-width:1024px){nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:inherit}.subnav{flex-wrap:wrap;gap:var(--sgds-gap-xl);row-gap:var(--sgds-gap-none)}.subnav.collapsed{border-bottom:var(--sgds-border-width-0)}.header-container{flex:1;padding:var(--sgds-padding-none);width:auto}slot[name=header]::slotted(*){padding-top:var(--sgds-padding-lg);white-space:nowrap}.subnav-nav-group{align-items:center;flex:inherit;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between;row-gap:var(--sgds-gap-none);width:auto}.subnav-nav{align-items:center;background-color:inherit;border-bottom:var(--sgds-border-width-0);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-lg);overflow-y:inherit;position:inherit;row-gap:0;transition:none;width:auto}.subnav-nav ::slotted(*){width:inherit}.subnav-toggler{display:none}.subnav-actions{padding:var(--sgds-padding-sm) var(--sgds-padding-none);width:auto}slot[name=actions]::slotted(*){width:inherit}}`;const ir=["Enter"," "];class ar extends Oe{constructor(){super(...arguments),this.hasActionsSlot=!1,this.isCollapsed=!1,this.isMenuOpen=!1,this.hasSlotController=new qt(this,"actions"),this._handleResize=async()=>{this.isCollapsed=window.innerWidth<Dt,await this.updateComplete,this.isCollapsed||(this.isMenuOpen=!1),this._updateMobileLayout()},this._updateMobileLayout=()=>{if(this.nav&&this.headerContainer&&this.mobileActions&&this.mobileNav)if(this.isCollapsed){const{top:e}=this.nav.getBoundingClientRect(),t=this.headerContainer.clientHeight,s=this.mobileActions.clientHeight,i=window.innerWidth>=At&&window.innerWidth<Dt?e+t:e+t+s;this.mobileNav.style.maxHeight=`calc(100dvh - ${i}px)`,this.style.minHeight=`${this.nav.clientHeight}px`,this.nav.style.position="absolute"}else this.mobileNav.style.maxHeight="none",this.style.minHeight="auto",this.nav.style.position="relative"},this._toggleMenu=()=>{var e;this.isMenuOpen?this.hide():(this._lockBodyScroll(),this.show()),null===(e=this.toggler)||void 0===e||e.focus()}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),window.addEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._handleResize),window.removeEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}firstUpdated(e){super.firstUpdated(e),this._handleResize()}updated(){this.hasActionsSlot||(this.hasActionsSlot=this.hasSlotController.test("actions"))}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||e.composedPath().includes(this.toggler)||this.hide()}async _onKeyboardToggle(e){ir.includes(e.key)&&(e.preventDefault(),this._toggleMenu())}async show(){if(!this.isMenuOpen)return this.isMenuOpen=!0,ot(this,"sgds-after-show")}async hide(){if(this.isMenuOpen)return this.isMenuOpen=!1,this._unlockBodyScroll(),ot(this,"sgds-after-hide")}_lockBodyScroll(){if("undefined"==typeof window)return;const e=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%"}_unlockBodyScroll(){if("undefined"==typeof window)return;const e=-1*parseInt(document.body.style.top||"0");document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,e)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!1);await et(this.mobileNav),this.isCollapsed&&(this.mobileNav.style.display="flex");const{keyframes:e,options:t}=it(this,"subnav.show");await Je(this.mobileNav,Qe(e,this.mobileNav.scrollHeight),t),this.emit("sgds-after-show")}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!0);await et(this.mobileNav);const{keyframes:e,options:t}=it(this,"subnav.hide");await Je(this.mobileNav,Qe(e,this.mobileNav.scrollHeight),t),this.isCollapsed&&(this.mobileNav.style.display="none"),this.emit("sgds-after-hide")}async handleOpenChange(){this.isMenuOpen?this._animateToShow():this._animateToHide()}async handleCollapsedChange(){await this.updateComplete,this.mobileNav.style.display=this.isCollapsed?"none":"flex"}render(){return te`
1948
+ `}}tr.styles=[...Oe.styles,er],tr.dependencies={"sgds-icon":xt},t([ze({type:Array})],tr.prototype,"steps",void 0),t([ze({type:Number,reflect:!0})],tr.prototype,"activeStep",void 0),t([ze({type:String,reflect:!0})],tr.prototype,"orientation",void 0),t([ze({type:Boolean,reflect:!0})],tr.prototype,"clickable",void 0),t([ze({type:Boolean,reflect:!0})],tr.prototype,"linear",void 0),t([za("activeStep")],tr.prototype,"defaultActiveStep",void 0),t([Ee()],tr.prototype,"_slotNodes",void 0),t([ze({type:Boolean})],tr.prototype,"hasDefaultSlot",void 0),t([nt("activeStep",{waitUntilFirstUpdate:!0})],tr.prototype,"_handleActiveStepChange",null),t([nt("clickable",{waitUntilFirstUpdate:!0})],tr.prototype,"_handleClickableChange",null),t([nt("orientation",{waitUntilFirstUpdate:!0})],tr.prototype,"_handleOrientationChange",null);var sr=r`:host{display:block;position:relative;z-index:var(--sgds-z-index-sticky)}nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:relative;width:100%}.subnav{flex-direction:column;flex-wrap:nowrap}.header-container,.subnav{align-items:flex-start;display:flex}.header-container{gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);width:100%}slot[name=header]::slotted(*){--sgds-margin-xs:var(--sgds-margin-none);flex:1 1 auto;margin-bottom:var(--sgds-margin-xs,--sgds-margin-none);padding-top:var(--sgds-padding-none)}.subnav-toggler{cursor:pointer;transition:transform .2s ease-in-out}.subnav-toggler:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.subnav:not(.collapsed) .subnav-toggler{transform:rotate(-180deg)}.subnav-nav-group{display:flex;flex:1 1 0}.subnav-nav,.subnav-nav-group{align-items:flex-start;flex-direction:column;width:100%}.subnav-nav{display:none;overflow-y:auto;transition:transform .2s ease-in-out}.subnav-nav ::slotted(*){width:100%}.subnav-actions{bottom:0;display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);position:sticky;width:100%}.no-actions{display:none}slot[name=actions]::slotted(*){width:100%}@media screen and (max-width:1023px){.subnav.sgds-container{max-width:inherit}}@media screen and (min-width:512px){.subnav-actions{flex-direction:row}}@media screen and (min-width:768px){nav{border-bottom:var(--sgds-border-width-0)}.subnav{flex-direction:row}.subnav.collapsed{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.header-container{padding:var(--sgds-padding-lg) var(--sgds-padding-2-xl)}.subnav-nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:0;position:absolute;top:100%}.subnav-actions{align-items:center;flex-direction:row;padding:var(--sgds-padding-sm) var(--sgds-padding-2-xl) var(--sgds-padding-sm) var(--sgds-padding-none);position:inherit}}@media screen and (min-width:1024px){nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:inherit}.subnav{flex-wrap:wrap;gap:var(--sgds-gap-xl);row-gap:var(--sgds-gap-none)}.subnav.collapsed{border-bottom:var(--sgds-border-width-0)}.header-container{flex:1;padding:var(--sgds-padding-none);width:auto}slot[name=header]::slotted(*){padding-top:var(--sgds-padding-lg);white-space:nowrap}.subnav-nav-group{align-items:center;flex:inherit;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between;row-gap:var(--sgds-gap-none);width:auto}.subnav-nav{align-items:center;background-color:inherit;border-bottom:var(--sgds-border-width-0);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-lg);overflow-y:inherit;position:inherit;row-gap:0;transition:none;width:auto}.subnav-nav ::slotted(*){width:inherit}.subnav-toggler{display:none}.subnav-actions{padding:var(--sgds-padding-sm) var(--sgds-padding-none);width:auto}slot[name=actions]::slotted(*){width:inherit}}`;const ir=["Enter"," "];class ar extends Oe{constructor(){super(...arguments),this.hasActionsSlot=!1,this.isCollapsed=!1,this.isMenuOpen=!1,this.hasSlotController=new qt(this,"actions"),this._handleResize=async()=>{this.isCollapsed=window.innerWidth<Lt,await this.updateComplete,this.isCollapsed||(this.isMenuOpen=!1),this._updateMobileLayout()},this._updateMobileLayout=()=>{if(this.nav&&this.headerContainer&&this.mobileActions&&this.mobileNav)if(this.isCollapsed){const{top:e}=this.nav.getBoundingClientRect(),t=this.headerContainer.clientHeight,s=this.mobileActions.clientHeight,i=window.innerWidth>=At&&window.innerWidth<Lt?e+t:e+t+s;this.mobileNav.style.maxHeight=`calc(100dvh - ${i}px)`,this.style.minHeight=`${this.nav.clientHeight}px`,this.nav.style.position="absolute"}else this.mobileNav.style.maxHeight="none",this.style.minHeight="auto",this.nav.style.position="relative"},this._toggleMenu=()=>{var e;this.isMenuOpen?this.hide():(this._lockBodyScroll(),this.show()),null===(e=this.toggler)||void 0===e||e.focus()}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),window.addEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._handleResize),window.removeEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}firstUpdated(e){super.firstUpdated(e),this._handleResize()}updated(){this.hasActionsSlot||(this.hasActionsSlot=this.hasSlotController.test("actions"))}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||e.composedPath().includes(this.toggler)||this.hide()}async _onKeyboardToggle(e){ir.includes(e.key)&&(e.preventDefault(),this._toggleMenu())}async show(){if(!this.isMenuOpen)return this.isMenuOpen=!0,ot(this,"sgds-after-show")}async hide(){if(this.isMenuOpen)return this.isMenuOpen=!1,this._unlockBodyScroll(),ot(this,"sgds-after-hide")}_lockBodyScroll(){if("undefined"==typeof window)return;const e=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%"}_unlockBodyScroll(){if("undefined"==typeof window)return;const e=-1*parseInt(document.body.style.top||"0");document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,e)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!1);await et(this.mobileNav),this.isCollapsed&&(this.mobileNav.style.display="flex");const{keyframes:e,options:t}=it(this,"subnav.show");await Je(this.mobileNav,Qe(e,this.mobileNav.scrollHeight),t),this.emit("sgds-after-show")}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!0);await et(this.mobileNav);const{keyframes:e,options:t}=it(this,"subnav.hide");await Je(this.mobileNav,Qe(e,this.mobileNav.scrollHeight),t),this.isCollapsed&&(this.mobileNav.style.display="none"),this.emit("sgds-after-hide")}async handleOpenChange(){this.isMenuOpen?this._animateToShow():this._animateToHide()}async handleCollapsedChange(){await this.updateComplete,this.mobileNav.style.display=this.isCollapsed?"none":"flex"}render(){return te`
1944
1949
  <nav aria-label="Sub navigation">
1945
1950
  <div
1946
1951
  class=${We({"sgds-container":!0,subnav:!0,collapsed:!this.isMenuOpen})}
@@ -1971,7 +1976,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1971
1976
  </div>
1972
1977
  </div>
1973
1978
  </nav>
1974
- `}}ar.styles=[...Oe.styles,sr,jo],ar.dependencies={"sgds-icon":xt},t([Ve({type:Boolean})],ar.prototype,"hasActionsSlot",void 0),t([De("nav")],ar.prototype,"nav",void 0),t([De(".subnav-nav")],ar.prototype,"mobileNav",void 0),t([De(".header-container")],ar.prototype,"headerContainer",void 0),t([De(".subnav-toggler")],ar.prototype,"toggler",void 0),t([De(".subnav-nav-group")],ar.prototype,"navGroup",void 0),t([De(".subnav-actions")],ar.prototype,"mobileActions",void 0),t([Pe()],ar.prototype,"isCollapsed",void 0),t([Pe()],ar.prototype,"isMenuOpen",void 0),t([nt("isMenuOpen",{waitUntilFirstUpdate:!0})],ar.prototype,"handleOpenChange",null),t([nt("isCollapsed",{waitUntilFirstUpdate:!0})],ar.prototype,"handleCollapsedChange",null),at("subnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),at("subnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var or=r`:host(:not([disabled])[active]:not([active=false])) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle);border-bottom:none}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);box-sizing:border-box;color:var(--sgds-link-color-default,var(--sgds-color-default));cursor:pointer;display:inline-block;font-size:var(--sgds-font-size-label-sm)!important;padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-decoration:none!important;white-space:nowrap;width:100%}::slotted(*):after{height:var(--sgds-icon-size-md)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-md)!important}:host(:not([disabled])[active]:not([active=false])) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-color-default))}:host(:not([disabled])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default))}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default));outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed;opacity:var(--sgds-opacity-40)}@media screen and (min-width:1024px){:host(:not([disabled])[active]:not([active=false])) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);background-color:inherit;border-bottom:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}::slotted(*){border-bottom:var(--sgds-border-width-2) solid transparent;padding:var(--sgds-padding-lg) var(--sgds-padding-none)}}`;class nr extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,s=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(s.length>1)console.error("More than one anchor tag is added to sgds-subnav-item");else{if(0===s.length){t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){const t=document.createElement("a");t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}})}if(1===s.length){const e=s[0];this.active&&e.setAttribute("aria-current","true"),this.disabled&&(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1"))}}}render(){return te`<slot @slotchange=${this._handleSlotChange}></slot>`}}nr.styles=[...Oe.styles,or],t([Ve({type:Boolean,reflect:!0})],nr.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],nr.prototype,"disabled",void 0),t([nt("disabled")],nr.prototype,"_handleDisabled",null);var rr=r`input{margin:0}.form-check{align-items:center;display:flex;gap:var(--sgds-form-gap-lg)}.form-check-input{--sgds-switch-width:var(--sgds-form-width-xl);--sgds-switch-height:var(--sgds-form-height-md);--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.5 12c0-6.627 5.373-12 12-12s12 5.373 12 12-5.373 12-12 12-12-5.373-12-12Z" fill="%23fff"/></svg>');appearance:none;background-color:var(--sgds-form-surface-subtle);background-image:var(--sgds-switch-bg-image);background-position:left var(--sgds-form-padding-inline-sm) center;background-repeat:no-repeat;background-size:var(--sgds-form-width-xs) var(--sgds-form-height-sm);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-full);flex-shrink:0;height:var(--sgds-switch-height);padding:0 var(--sgds-form-padding-inline-sm);transition:background-position .15s ease-in-out;width:var(--sgds-switch-width)}.form-check-input:focus,.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis)}.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:0}.form-check-input:not([disabled]):hover{background-color:var(--sgds-form-surface-emphasis)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);background-position:right var(--sgds-form-padding-inline-sm) center}.form-check-input:not([disabled])[checked]:focus-visible,.form-check-input:not([disabled])[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([size=sm]) .form-check{font-size:var(--sgds-font-size-label-sm)}:host([size=sm]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-md);--sgds-switch-height:var(--sgds-form-height-sm);background-size:var(--sgds-form-width-2-xs) var(--sgds-form-height-2-xs)}:host([size=lg]) .form-check{font-size:var(--sgds-font-size-label-lg)}:host([size=lg]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-3-xl);--sgds-switch-height:var(--sgds-form-height-lg);background-size:var(--sgds-form-width-sm) var(--sgds-form-height-md)}:host([icon]) .form-check-input[checked]{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Zm8.94-21.778a.776.776 0 0 0-.424-.424.781.781 0 0 0-.854.17L13.261 20.372l-4.924-4.925a.783.783 0 1 0-1.108 1.108l5.478 5.478a.777.777 0 0 0 .692.217.787.787 0 0 0 .416-.217L24.77 11.076a.777.777 0 0 0 .17-.854Z" fill="%23fff"/></svg>')}:host([icon]) .form-check-input{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16ZM10.164 9.416a.75.75 0 0 0-.53 1.28L14.937 16l-5.303 5.303a.75.75 0 0 0 1.06 1.061l5.304-5.303 5.303 5.303a.75.75 0 1 0 1.06-1.06L17.06 16l5.303-5.303a.75.75 0 0 0-1.06-1.061l-5.304 5.304-5.303-5.304a.75.75 0 0 0-.53-.22Z" fill="%23fff"/></svg>')}.d-none{display:none}`;class lr extends Oe{constructor(){super(...arguments),this.size="md",this.icon=!1,this.checked=!1,this.disabled=!1,this.hasDefaultSlot=!1,this.hasLeftLabelSlot=!1,this.defaultChecked=!1,this.hasSlotController=new qt(this,"[default]","leftLabel"),this._inputId=Et("switch")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasLeftLabelSlot||(this.hasLeftLabelSlot=this.hasSlotController.test("leftLabel"))}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(){this.checked=!this.checked,this.emit("sgds-change",{detail:{checked:this.checked}})}_handleKeyDown(e){const t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||t||this.click()}_handleDisabledChange(){this.input.disabled=this.disabled}render(){const e=!this.hasDefaultSlot&&!this.hasLeftLabelSlot;return te`
1979
+ `}}ar.styles=[...Oe.styles,sr,qo],ar.dependencies={"sgds-icon":xt},t([ze({type:Boolean})],ar.prototype,"hasActionsSlot",void 0),t([Le("nav")],ar.prototype,"nav",void 0),t([Le(".subnav-nav")],ar.prototype,"mobileNav",void 0),t([Le(".header-container")],ar.prototype,"headerContainer",void 0),t([Le(".subnav-toggler")],ar.prototype,"toggler",void 0),t([Le(".subnav-nav-group")],ar.prototype,"navGroup",void 0),t([Le(".subnav-actions")],ar.prototype,"mobileActions",void 0),t([Pe()],ar.prototype,"isCollapsed",void 0),t([Pe()],ar.prototype,"isMenuOpen",void 0),t([nt("isMenuOpen",{waitUntilFirstUpdate:!0})],ar.prototype,"handleOpenChange",null),t([nt("isCollapsed",{waitUntilFirstUpdate:!0})],ar.prototype,"handleCollapsedChange",null),at("subnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),at("subnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var or=r`:host(:not([disabled])[active]:not([active=false])) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle);border-bottom:none}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);box-sizing:border-box;color:var(--sgds-link-color-default,var(--sgds-color-default));cursor:pointer;display:inline-block;font-size:var(--sgds-font-size-label-sm)!important;padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-decoration:none!important;white-space:nowrap;width:100%}::slotted(*):after{height:var(--sgds-icon-size-md)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-md)!important}:host(:not([disabled])[active]:not([active=false])) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-color-default))}:host(:not([disabled])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default))}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default));outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed;opacity:var(--sgds-opacity-40)}@media screen and (min-width:1024px){:host(:not([disabled])[active]:not([active=false])) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);background-color:inherit;border-bottom:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}::slotted(*){border-bottom:var(--sgds-border-width-2) solid transparent;padding:var(--sgds-padding-lg) var(--sgds-padding-none)}}`;class nr extends Oe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,s=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(s.length>1)console.error("More than one anchor tag is added to sgds-subnav-item");else{if(0===s.length){t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){const t=document.createElement("a");t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}})}if(1===s.length){const e=s[0];this.active&&e.setAttribute("aria-current","true"),this.disabled&&(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1"))}}}render(){return te`<slot @slotchange=${this._handleSlotChange}></slot>`}}nr.styles=[...Oe.styles,or],t([ze({type:Boolean,reflect:!0})],nr.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],nr.prototype,"disabled",void 0),t([nt("disabled")],nr.prototype,"_handleDisabled",null);var rr=r`input{margin:0}.form-check{align-items:center;display:flex;gap:var(--sgds-form-gap-lg)}.form-check-input{--sgds-switch-width:var(--sgds-form-width-xl);--sgds-switch-height:var(--sgds-form-height-md);--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.5 12c0-6.627 5.373-12 12-12s12 5.373 12 12-5.373 12-12 12-12-5.373-12-12Z" fill="%23fff"/></svg>');appearance:none;background-color:var(--sgds-form-surface-subtle);background-image:var(--sgds-switch-bg-image);background-position:left var(--sgds-form-padding-inline-sm) center;background-repeat:no-repeat;background-size:var(--sgds-form-width-xs) var(--sgds-form-height-sm);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-full);flex-shrink:0;height:var(--sgds-switch-height);padding:0 var(--sgds-form-padding-inline-sm);transition:background-position .15s ease-in-out;width:var(--sgds-switch-width)}.form-check-input:focus,.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis)}.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:0}.form-check-input:not([disabled]):hover{background-color:var(--sgds-form-surface-emphasis)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);background-position:right var(--sgds-form-padding-inline-sm) center}.form-check-input:not([disabled])[checked]:focus-visible,.form-check-input:not([disabled])[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([size=sm]) .form-check{font-size:var(--sgds-font-size-label-sm)}:host([size=sm]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-md);--sgds-switch-height:var(--sgds-form-height-sm);background-size:var(--sgds-form-width-2-xs) var(--sgds-form-height-2-xs)}:host([size=lg]) .form-check{font-size:var(--sgds-font-size-label-lg)}:host([size=lg]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-3-xl);--sgds-switch-height:var(--sgds-form-height-lg);background-size:var(--sgds-form-width-sm) var(--sgds-form-height-md)}:host([icon]) .form-check-input[checked]{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Zm8.94-21.778a.776.776 0 0 0-.424-.424.781.781 0 0 0-.854.17L13.261 20.372l-4.924-4.925a.783.783 0 1 0-1.108 1.108l5.478 5.478a.777.777 0 0 0 .692.217.787.787 0 0 0 .416-.217L24.77 11.076a.777.777 0 0 0 .17-.854Z" fill="%23fff"/></svg>')}:host([icon]) .form-check-input{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16ZM10.164 9.416a.75.75 0 0 0-.53 1.28L14.937 16l-5.303 5.303a.75.75 0 0 0 1.06 1.061l5.304-5.303 5.303 5.303a.75.75 0 1 0 1.06-1.06L17.06 16l5.303-5.303a.75.75 0 0 0-1.06-1.061l-5.304 5.304-5.303-5.304a.75.75 0 0 0-.53-.22Z" fill="%23fff"/></svg>')}.d-none{display:none}`;class lr extends Oe{constructor(){super(...arguments),this.size="md",this.icon=!1,this.checked=!1,this.disabled=!1,this.hasDefaultSlot=!1,this.hasLeftLabelSlot=!1,this.defaultChecked=!1,this.hasSlotController=new qt(this,"[default]","leftLabel"),this._inputId=Et("switch")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasLeftLabelSlot||(this.hasLeftLabelSlot=this.hasSlotController.test("leftLabel"))}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(){this.checked=!this.checked,this.emit("sgds-change",{detail:{checked:this.checked}})}_handleKeyDown(e){const t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||t||this.click()}_handleDisabledChange(){this.input.disabled=this.disabled}render(){const e=!this.hasDefaultSlot&&!this.hasLeftLabelSlot;return te`
1975
1980
  <div class="form-check">
1976
1981
  <label
1977
1982
  for="${this._inputId}"
@@ -1997,7 +2002,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
1997
2002
  <slot></slot>
1998
2003
  </label>
1999
2004
  </div>
2000
- `}}lr.styles=[...Oe.styles,Ma,rr],t([Ve({reflect:!0,type:String})],lr.prototype,"size",void 0),t([Ve({reflect:!0,type:Boolean})],lr.prototype,"icon",void 0),t([Ve({type:Boolean,reflect:!0})],lr.prototype,"checked",void 0),t([Ve({type:Boolean,reflect:!0})],lr.prototype,"disabled",void 0),t([Ve({type:Boolean})],lr.prototype,"hasDefaultSlot",void 0),t([Ve({type:Boolean})],lr.prototype,"hasLeftLabelSlot",void 0),t([Va("checked")],lr.prototype,"defaultChecked",void 0),t([De('input[type="checkbox"]')],lr.prototype,"input",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],lr.prototype,"_handleDisabledChange",null);var dr=r`.banner-wrapper{display:block;width:100%}.banner,.banner-wrapper{background-color:var(--sgds-surface-fixed-dark)}.banner{align-items:center;color:var(--sgds-color-fixed-light);display:flex;flex-direction:row;gap:var(--sgds-gap-xl);min-height:var(--sgds-dimension-64);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);position:relative}.content{flex:1;overflow:hidden;width:100%}::slotted(sgds-system-banner-item){display:none;flex:0 0 100%;opacity:0}::slotted(sgds-system-banner-item[active]){display:block;opacity:1}.pagination{align-items:center;bottom:12px;display:flex;font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular,400);gap:var(--sgds-gap-2-xs);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-3-xs);position:absolute;right:20px}.d-none{display:none}sgds-close-button{position:absolute;right:20px;top:10px}@media (min-width:1024px){.pagination,sgds-close-button{position:static}.banner{margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding-left:var(--sgds-mainnav-padding-x);padding-right:var(--sgds-mainnav-padding-x)}:host([fluid]) .banner{max-width:none}}`;class cr extends Oe{constructor(){super(...arguments),this.show=!1,this.dismissible=!1,this.noClampAction=!1,this.fluid=!1,this._intervalId=null,this._intervalTime=5e3,this._currentIndex=0}close(){this.show=!1}firstUpdated(e){super.firstUpdated(e),this.childCount=this.bannerItem.length,this.show?(this.childCount>1&&this._startAutoCycle(),this.addEventListener("mouseenter",this._pauseAutoCycle.bind(this)),this.addEventListener("mouseleave",this._resumeAutoCycle.bind(this)),this.addEventListener("focus",this._pauseAutoCycle.bind(this)),this.addEventListener("blur",this._resumeAutoCycle.bind(this))):this.banner.classList.add("d-none"),this._updateActiveItem(),this.childCount>5&&console.warn("It is not recommended to have more than 5 <sgds-system-banner-item> elements.")}disconnectedCallback(){super.disconnectedCallback(),this._stopAutoCycle()}async _handleShowChange(){this.show?(this.childCount>1&&this._startAutoCycle(),this.emit("sgds-show"),this.banner.classList.remove("d-none")):(this._stopAutoCycle(),this.emit("sgds-hide"),this.banner.classList.add("d-none"))}_updateActiveItem(){this.bannerItem.forEach((e,t)=>{t===this._currentIndex?e.setAttribute("active",""):e.removeAttribute("active")})}_next(){const e=this.bannerItem;this._currentIndex=(this._currentIndex+1)%e.length,this._updateActiveItem(),this._animateItem(e[this._currentIndex],"next"),this._resetAutoCycle()}_prev(){const e=this.bannerItem;this._currentIndex=(this._currentIndex-1+e.length)%e.length,this._updateActiveItem(),this._animateItem(e[this._currentIndex],"prev"),this._resetAutoCycle()}async _animateItem(e,t){e.getAnimations().forEach(e=>e.cancel());const s=it(this,`banner.item.${t}`);await Je(e,s.keyframes,s.options)}_startAutoCycle(){this._stopAutoCycle(),this._intervalId=setInterval(()=>this._next(),this._intervalTime)}_stopAutoCycle(){this._intervalId&&(clearInterval(this._intervalId),this._intervalId=null)}_resetAutoCycle(){this._stopAutoCycle(),this._startAutoCycle()}_pauseAutoCycle(){this._stopAutoCycle()}_resumeAutoCycle(){this.show&&this.childCount>1&&this._startAutoCycle()}render(){return te`
2005
+ `}}lr.styles=[...Oe.styles,Ma,rr],t([ze({reflect:!0,type:String})],lr.prototype,"size",void 0),t([ze({reflect:!0,type:Boolean})],lr.prototype,"icon",void 0),t([ze({type:Boolean,reflect:!0})],lr.prototype,"checked",void 0),t([ze({type:Boolean,reflect:!0})],lr.prototype,"disabled",void 0),t([ze({type:Boolean})],lr.prototype,"hasDefaultSlot",void 0),t([ze({type:Boolean})],lr.prototype,"hasLeftLabelSlot",void 0),t([za("checked")],lr.prototype,"defaultChecked",void 0),t([Le('input[type="checkbox"]')],lr.prototype,"input",void 0),t([nt("disabled",{waitUntilFirstUpdate:!0})],lr.prototype,"_handleDisabledChange",null);var dr=r`.banner-wrapper{display:block;width:100%}.banner,.banner-wrapper{background-color:var(--sgds-surface-fixed-dark)}.banner{align-items:center;color:var(--sgds-color-fixed-light);display:flex;flex-direction:row;gap:var(--sgds-gap-xl);min-height:var(--sgds-dimension-64);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);position:relative}.content{flex:1;overflow:hidden;width:100%}::slotted(sgds-system-banner-item){display:none;flex:0 0 100%;opacity:0}::slotted(sgds-system-banner-item[active]){display:block;opacity:1}.pagination{align-items:center;bottom:12px;display:flex;font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular,400);gap:var(--sgds-gap-2-xs);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-3-xs);position:absolute;right:20px}.d-none{display:none}sgds-close-button{position:absolute;right:20px;top:10px}@media (min-width:1024px){.pagination,sgds-close-button{position:static}.banner{margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding-left:var(--sgds-mainnav-padding-x);padding-right:var(--sgds-mainnav-padding-x)}:host([fluid]) .banner{max-width:none}}`;class cr extends Oe{constructor(){super(...arguments),this.show=!1,this.dismissible=!1,this.noClampAction=!1,this.fluid=!1,this._intervalId=null,this._intervalTime=5e3,this._currentIndex=0}close(){this.show=!1}firstUpdated(e){super.firstUpdated(e),this.childCount=this.bannerItem.length,this.show?(this.childCount>1&&this._startAutoCycle(),this.addEventListener("mouseenter",this._pauseAutoCycle.bind(this)),this.addEventListener("mouseleave",this._resumeAutoCycle.bind(this)),this.addEventListener("focus",this._pauseAutoCycle.bind(this)),this.addEventListener("blur",this._resumeAutoCycle.bind(this))):this.banner.classList.add("d-none"),this._updateActiveItem(),this.childCount>5&&console.warn("It is not recommended to have more than 5 <sgds-system-banner-item> elements.")}disconnectedCallback(){super.disconnectedCallback(),this._stopAutoCycle()}async _handleShowChange(){this.show?(this.childCount>1&&this._startAutoCycle(),this.emit("sgds-show"),this.banner.classList.remove("d-none")):(this._stopAutoCycle(),this.emit("sgds-hide"),this.banner.classList.add("d-none"))}_updateActiveItem(){this.bannerItem.forEach((e,t)=>{t===this._currentIndex?e.setAttribute("active",""):e.removeAttribute("active")})}_next(){const e=this.bannerItem;this._currentIndex=(this._currentIndex+1)%e.length,this._updateActiveItem(),this._animateItem(e[this._currentIndex],"next"),this._resetAutoCycle()}_prev(){const e=this.bannerItem;this._currentIndex=(this._currentIndex-1+e.length)%e.length,this._updateActiveItem(),this._animateItem(e[this._currentIndex],"prev"),this._resetAutoCycle()}async _animateItem(e,t){e.getAnimations().forEach(e=>e.cancel());const s=it(this,`banner.item.${t}`);await Je(e,s.keyframes,s.options)}_startAutoCycle(){this._stopAutoCycle(),this._intervalId=setInterval(()=>this._next(),this._intervalTime)}_stopAutoCycle(){this._intervalId&&(clearInterval(this._intervalId),this._intervalId=null)}_resetAutoCycle(){this._stopAutoCycle(),this._startAutoCycle()}_pauseAutoCycle(){this._stopAutoCycle()}_resumeAutoCycle(){this.show&&this.childCount>1&&this._startAutoCycle()}render(){return te`
2001
2006
  <div class="banner-wrapper">
2002
2007
  <div
2003
2008
  class="${We({banner:!0})}"
@@ -2033,7 +2038,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2033
2038
  `:ae}
2034
2039
  </div>
2035
2040
  </div>
2036
- `}}cr.styles=[...Oe.styles,dr],cr.dependencies={"sgds-close-button":ft,"sgds-icon":xt,"sgds-icon-button":Nt},t([Ve({type:Boolean,reflect:!0})],cr.prototype,"show",void 0),t([Ve({type:Boolean,reflect:!0})],cr.prototype,"dismissible",void 0),t([It({context:"no-clamp-action-context"}),Ve({type:Boolean})],cr.prototype,"noClampAction",void 0),t([Ve({type:Boolean,reflect:!0})],cr.prototype,"fluid",void 0),t([Ee({flatten:!0})],cr.prototype,"bannerItem",void 0),t([De(".banner")],cr.prototype,"banner",void 0),t([It({context:"system-banner-children-count-context"}),Pe()],cr.prototype,"childCount",void 0),t([Pe()],cr.prototype,"_intervalId",void 0),t([Pe()],cr.prototype,"_currentIndex",void 0),t([nt("show",{waitUntilFirstUpdate:!0})],cr.prototype,"_handleShowChange",null),at("banner.item.next",{keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:500,easing:"cubic-bezier(0.45,0.05,0.55,0.95)"}}),at("banner.item.prev",{keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:500,easing:"cubic-bezier(0.45,0.05,0.55,0.95)"}});var hr=r`:host([density=compact]) .tab{font-size:var(--sgds-font-size-label-sm);padding:var(--sgds-spacer-3) var(--sgds-spacer-5)}:host(:not([active])) .tab{cursor:pointer}:host([variant=solid]) .tab{background-color:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-md)}:host([variant=solid][active]) .tab{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus,:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=solid]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent)}:host([disabled]) .tab{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([variant=underlined][active]) .tab{color:var(--sgds-primary-color-default)}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus,:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:0}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=underlined]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent-subtle)}:host([fullWidth][orientation=horizontal]) .tab{justify-content:center}.tab{align-items:center;color:var(--sgds-color-default);display:flex;gap:var(--sgds-spacer-3);padding:var(--sgds-spacer-4) var(--sgds-spacer-5);position:relative}.tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;let pr=0;class ur extends Oe{constructor(){super(...arguments),this.attrId=++pr,this.componentId=`sgds-tab-${this.attrId}`,this.panel="",this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tab")}focus(e){var t,s;null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".tab"))||void 0===s||s.focus(e)}blur(){this.tab.blur()}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&(this.active=!1)}render(){return te`
2041
+ `}}cr.styles=[...Oe.styles,dr],cr.dependencies={"sgds-close-button":ft,"sgds-icon":xt,"sgds-icon-button":Nt},t([ze({type:Boolean,reflect:!0})],cr.prototype,"show",void 0),t([ze({type:Boolean,reflect:!0})],cr.prototype,"dismissible",void 0),t([Dt({context:"no-clamp-action-context"}),ze({type:Boolean})],cr.prototype,"noClampAction",void 0),t([ze({type:Boolean,reflect:!0})],cr.prototype,"fluid",void 0),t([Ee({flatten:!0})],cr.prototype,"bannerItem",void 0),t([Le(".banner")],cr.prototype,"banner",void 0),t([Dt({context:"system-banner-children-count-context"}),Pe()],cr.prototype,"childCount",void 0),t([Pe()],cr.prototype,"_intervalId",void 0),t([Pe()],cr.prototype,"_currentIndex",void 0),t([nt("show",{waitUntilFirstUpdate:!0})],cr.prototype,"_handleShowChange",null),at("banner.item.next",{keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:500,easing:"cubic-bezier(0.45,0.05,0.55,0.95)"}}),at("banner.item.prev",{keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:500,easing:"cubic-bezier(0.45,0.05,0.55,0.95)"}});var hr=r`:host([density=compact]) .tab{font-size:var(--sgds-font-size-label-sm);padding:var(--sgds-spacer-3) var(--sgds-spacer-5)}:host(:not([active])) .tab{cursor:pointer}:host([variant=solid]) .tab{background-color:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-md)}:host([variant=solid][active]) .tab{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus,:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=solid]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent)}:host([disabled]) .tab{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([variant=underlined][active]) .tab{color:var(--sgds-primary-color-default)}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus,:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:0}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=underlined]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent-subtle)}:host([fullWidth][orientation=horizontal]) .tab{justify-content:center}.tab{align-items:center;color:var(--sgds-color-default);display:flex;gap:var(--sgds-spacer-3);padding:var(--sgds-spacer-4) var(--sgds-spacer-5);position:relative}.tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;let pr=0;class gr extends Oe{constructor(){super(...arguments),this.attrId=++pr,this.componentId=`sgds-tab-${this.attrId}`,this.panel="",this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tab")}focus(e){var t,s;null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".tab"))||void 0===s||s.focus(e)}blur(){this.tab.blur()}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&(this.active=!1)}render(){return te`
2037
2042
  <div
2038
2043
  data-testid="inner-tab"
2039
2044
  tabindex=${this.disabled?"-1":"0"}
@@ -2043,7 +2048,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2043
2048
  <slot name="icon"></slot>
2044
2049
  <slot></slot>
2045
2050
  </div>
2046
- `}}ur.styles=[hr],t([De(".tab")],ur.prototype,"tab",void 0),t([Ve({reflect:!0})],ur.prototype,"panel",void 0),t([Ve({type:Boolean,reflect:!0})],ur.prototype,"active",void 0),t([Ve({type:Boolean,reflect:!0})],ur.prototype,"disabled",void 0),t([Ve({type:String})],ur.prototype,"ariaLabel",void 0),t([nt("active")],ur.prototype,"handleActiveChange",null),t([nt("disabled")],ur.prototype,"handleDisabledChange",null);var gr=r`.tab-group{display:flex;flex-direction:column;gap:var(--sgds-gap-xl)}.tab-group__nav{display:flex;flex-direction:row}.tab-group__content{flex:1}:host([orientation=vertical]) .tab-group{flex-direction:row}:host([orientation=vertical]) .tab-group__nav{flex-direction:column}:host([variant=solid]) .tab-group__nav{gap:var(--sgds-gap-xs)}:host([variant=underlined][orientation=horizontal]) .tab-group__nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:row;position:relative}:host([variant=underlined][orientation=vertical]) .tab-group__nav{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:relative}:host([variant=underlined][orientation=horizontal]) .tab-group__indicator{background-color:var(--sgds-primary-surface-default);bottom:-1px;height:var(--sgds-border-width-4);position:absolute;transition:left .3s cubic-bezier(.25,0,.25,1),width .3s cubic-bezier(.25,0,.25,1)}:host([variant=underlined][orientation=vertical]) .tab-group__indicator{background-color:var(--sgds-primary-surface-default);position:absolute;right:-1px;transition:top .3s cubic-bezier(.25,0,.25,1),height .3s cubic-bezier(.25,0,.25,1);width:var(--sgds-border-width-4)}:host([variant=solid]) .tab-group__indicator{display:none}:host([fullWidth][orientation=horizontal]) slot[name=nav]::slotted(sgds-tab){width:100%}`;class vr extends Oe{constructor(){super(...arguments),this._indicatorAnimating=!1,this._tabs=[],this._panels=[],this.variant="underlined",this.orientation="horizontal",this.density="default",this.fullWidth=!1}connectedCallback(){const e=Promise.all([customElements.whenDefined("sgds-tab"),customElements.whenDefined("sgds-tab-panel")]);super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>{this._activeTab&&"underlined"===this.variant&&!this._indicatorAnimating&&this._animateIndicator(void 0,this._activeTab)}),this._tabResizeObserver=new ResizeObserver(()=>{this._activeTab&&"underlined"===this.variant&&!this._indicatorAnimating&&this._animateIndicator(void 0,this._activeTab)}),this._mutationObserver=new MutationObserver(e=>{e.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this._setAriaLabels()),e.some(e=>"disabled"===e.attributeName)&&this._syncTabsAndPanels()}),this.updateComplete.then(()=>{this._syncTabsAndPanels(),this._mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this._resizeObserver.observe(this._nav),e.then(()=>{new IntersectionObserver((e,t)=>{var s;e[0].intersectionRatio>0&&(this._setAriaLabels(),this._setActiveTab(null!==(s=this._getActiveTab())&&void 0!==s?s:this._tabs[0],{emitEvents:!1}),t.unobserve(e[0].target))}).observe(this._tabGroup)})})}disconnectedCallback(){this._mutationObserver.disconnect(),this._resizeObserver.unobserve(this._nav),this._tabResizeObserver.disconnect()}show(e){const t=this._tabs.find(t=>t.panel===e);t&&this._setActiveTab(t)}_getAllTabs(e={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(t=>e.includeDisabled?"sgds-tab"===t.tagName.toLowerCase():"sgds-tab"===t.tagName.toLowerCase()&&!t.disabled)}_getAllPanels(){return[...this._body.assignedElements()].filter(e=>"sgds-tab-panel"===e.tagName.toLowerCase())}_getActiveTab(){return this._tabs.find(e=>e.active)}_handleClick(e){const t=e.target.closest("sgds-tab");(null==t?void 0:t.closest("sgds-tab-group"))===this&&null!==t&&this._setActiveTab(t)}_handleKeyDown(e){const t=e.target.closest("sgds-tab");if((null==t?void 0:t.closest("sgds-tab-group"))===this&&(["Enter"," "].includes(e.key)&&null!==t&&(this._setActiveTab(t),e.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key))){const t=this._tabs.find(e=>e.matches(":focus"));if("sgds-tab"===(null==t?void 0:t.tagName.toLowerCase())){let s=this._tabs.indexOf(t);"Home"===e.key?s=0:"End"===e.key?s=this._tabs.length-1:"ArrowUp"===e.key||"ArrowLeft"===e.key?s--:"ArrowDown"!==e.key&&"ArrowRight"!==e.key||s++,s<0&&(s=this._tabs.length-1),s>this._tabs.length-1&&(s=0),this._tabs[s].focus({preventScroll:!0}),this._setActiveTab(this._tabs[s]),e.preventDefault()}}}_setActiveTab(e,t){if(t=Object.assign({emitEvents:!0},t),e!==this._activeTab&&!e.disabled){const s=this._activeTab;this._activeTab=e,this._tabs.forEach(e=>{e.active=e===this._activeTab}),this._panels.map(e=>{var t;return e.active=e.name===(null===(t=this._activeTab)||void 0===t?void 0:t.panel)}),"underlined"===this.variant&&this._animateIndicator(s,e),t.emitEvents&&(s&&this.emit("sgds-tab-hide",{detail:{name:s.panel}}),this.emit("sgds-tab-show",{detail:{name:this._activeTab.panel}}))}}_animateIndicator(e,t){if(!this._indicator||!this._nav)return;const s=this._nav.getBoundingClientRect(),i=t.getBoundingClientRect();if(e?(this._indicatorAnimating=!0,this._indicator.style.removeProperty("transition")):this._indicator.style.transition="none","vertical"===this.orientation?Object.assign(this._indicator.style,{top:i.top-s.top+"px",height:`${i.height}px`}):Object.assign(this._indicator.style,{left:i.left-s.left+"px",width:`${i.width}px`}),e){const e=()=>{this._indicatorAnimating=!1,this._indicator.removeEventListener("transitionend",e)};this._indicator.addEventListener("transitionend",e),setTimeout(()=>{this._indicatorAnimating=!1},350)}else requestAnimationFrame(()=>{this._indicator.style.removeProperty("transition")})}_setAriaLabels(){this._tabs.forEach(e=>{const t=this._panels.find(t=>t.name===e.panel);t&&(e.setAttribute("aria-controls",t.getAttribute("id")),t.setAttribute("aria-labelledby",e.getAttribute("id")))})}_syncTabsAndPanels(){this._tabs.forEach(e=>{var t;return null===(t=this._tabResizeObserver)||void 0===t?void 0:t.unobserve(e)}),this._tabs=this._getAllTabs({includeDisabled:!1}),this._panels=this._getAllPanels(),this._tabs.forEach(e=>{var t;return null===(t=this._tabResizeObserver)||void 0===t?void 0:t.observe(e)})}_updateTabsAttribute(e){if(!this._navSlot)return;this._navSlot.forEach(t=>{t.setAttribute(e,this[e])})}_handleSlotChange(){this._updateTabsAttribute("variant"),this._updateTabsAttribute("orientation"),this._updateTabsAttribute("density"),this._updateTabsAttribute("fullWidth"),this._syncTabsAndPanels()}willUpdate(e){e.has("variant")&&this._updateTabsAttribute("variant"),e.has("orientation")&&this._updateTabsAttribute("orientation"),e.has("density")&&this._updateTabsAttribute("density"),e.has("fullWidth")&&this._updateTabsAttribute("fullWidth")}render(){return te`
2051
+ `}}gr.styles=[hr],t([Le(".tab")],gr.prototype,"tab",void 0),t([ze({reflect:!0})],gr.prototype,"panel",void 0),t([ze({type:Boolean,reflect:!0})],gr.prototype,"active",void 0),t([ze({type:Boolean,reflect:!0})],gr.prototype,"disabled",void 0),t([ze({type:String})],gr.prototype,"ariaLabel",void 0),t([nt("active")],gr.prototype,"handleActiveChange",null),t([nt("disabled")],gr.prototype,"handleDisabledChange",null);var ur=r`.tab-group{display:flex;flex-direction:column;gap:var(--sgds-gap-xl)}.tab-group__nav{display:flex;flex-direction:row}.tab-group__content{flex:1}:host([orientation=vertical]) .tab-group{flex-direction:row}:host([orientation=vertical]) .tab-group__nav{flex-direction:column}:host([variant=solid]) .tab-group__nav{gap:var(--sgds-gap-xs)}:host([variant=underlined][orientation=horizontal]) .tab-group__nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:row;position:relative}:host([variant=underlined][orientation=vertical]) .tab-group__nav{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:relative}:host([variant=underlined][orientation=horizontal]) .tab-group__indicator{background-color:var(--sgds-primary-surface-default);bottom:-1px;height:var(--sgds-border-width-4);position:absolute;transition:left .3s cubic-bezier(.25,0,.25,1),width .3s cubic-bezier(.25,0,.25,1)}:host([variant=underlined][orientation=vertical]) .tab-group__indicator{background-color:var(--sgds-primary-surface-default);position:absolute;right:-1px;transition:top .3s cubic-bezier(.25,0,.25,1),height .3s cubic-bezier(.25,0,.25,1);width:var(--sgds-border-width-4)}:host([variant=solid]) .tab-group__indicator{display:none}:host([fullWidth][orientation=horizontal]) slot[name=nav]::slotted(sgds-tab){width:100%}`;class vr extends Oe{constructor(){super(...arguments),this._indicatorAnimating=!1,this._tabs=[],this._panels=[],this.variant="underlined",this.orientation="horizontal",this.density="default",this.fullWidth=!1}connectedCallback(){const e=Promise.all([customElements.whenDefined("sgds-tab"),customElements.whenDefined("sgds-tab-panel")]);super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>{this._activeTab&&"underlined"===this.variant&&!this._indicatorAnimating&&this._animateIndicator(void 0,this._activeTab)}),this._tabResizeObserver=new ResizeObserver(()=>{this._activeTab&&"underlined"===this.variant&&!this._indicatorAnimating&&this._animateIndicator(void 0,this._activeTab)}),this._mutationObserver=new MutationObserver(e=>{e.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this._setAriaLabels()),e.some(e=>"disabled"===e.attributeName)&&this._syncTabsAndPanels()}),this.updateComplete.then(()=>{this._syncTabsAndPanels(),this._mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this._resizeObserver.observe(this._nav),e.then(()=>{new IntersectionObserver((e,t)=>{var s;e[0].intersectionRatio>0&&(this._setAriaLabels(),this._setActiveTab(null!==(s=this._getActiveTab())&&void 0!==s?s:this._tabs[0],{emitEvents:!1}),t.unobserve(e[0].target))}).observe(this._tabGroup)})})}disconnectedCallback(){this._mutationObserver.disconnect(),this._resizeObserver.unobserve(this._nav),this._tabResizeObserver.disconnect()}show(e){const t=this._tabs.find(t=>t.panel===e);t&&this._setActiveTab(t)}_getAllTabs(e={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(t=>e.includeDisabled?"sgds-tab"===t.tagName.toLowerCase():"sgds-tab"===t.tagName.toLowerCase()&&!t.disabled)}_getAllPanels(){return[...this._body.assignedElements()].filter(e=>"sgds-tab-panel"===e.tagName.toLowerCase())}_getActiveTab(){return this._tabs.find(e=>e.active)}_handleClick(e){const t=e.target.closest("sgds-tab");(null==t?void 0:t.closest("sgds-tab-group"))===this&&null!==t&&this._setActiveTab(t)}_handleKeyDown(e){const t=e.target.closest("sgds-tab");if((null==t?void 0:t.closest("sgds-tab-group"))===this&&(["Enter"," "].includes(e.key)&&null!==t&&(this._setActiveTab(t),e.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key))){const t=this._tabs.find(e=>e.matches(":focus"));if("sgds-tab"===(null==t?void 0:t.tagName.toLowerCase())){let s=this._tabs.indexOf(t);"Home"===e.key?s=0:"End"===e.key?s=this._tabs.length-1:"ArrowUp"===e.key||"ArrowLeft"===e.key?s--:"ArrowDown"!==e.key&&"ArrowRight"!==e.key||s++,s<0&&(s=this._tabs.length-1),s>this._tabs.length-1&&(s=0),this._tabs[s].focus({preventScroll:!0}),this._setActiveTab(this._tabs[s]),e.preventDefault()}}}_setActiveTab(e,t){if(t=Object.assign({emitEvents:!0},t),e!==this._activeTab&&!e.disabled){const s=this._activeTab;this._activeTab=e,this._tabs.forEach(e=>{e.active=e===this._activeTab}),this._panels.map(e=>{var t;return e.active=e.name===(null===(t=this._activeTab)||void 0===t?void 0:t.panel)}),"underlined"===this.variant&&this._animateIndicator(s,e),t.emitEvents&&(s&&this.emit("sgds-tab-hide",{detail:{name:s.panel}}),this.emit("sgds-tab-show",{detail:{name:this._activeTab.panel}}))}}_animateIndicator(e,t){if(!this._indicator||!this._nav)return;const s=this._nav.getBoundingClientRect(),i=t.getBoundingClientRect();if(e?(this._indicatorAnimating=!0,this._indicator.style.removeProperty("transition")):this._indicator.style.transition="none","vertical"===this.orientation?Object.assign(this._indicator.style,{top:i.top-s.top+"px",height:`${i.height}px`}):Object.assign(this._indicator.style,{left:i.left-s.left+"px",width:`${i.width}px`}),e){const e=()=>{this._indicatorAnimating=!1,this._indicator.removeEventListener("transitionend",e)};this._indicator.addEventListener("transitionend",e),setTimeout(()=>{this._indicatorAnimating=!1},350)}else requestAnimationFrame(()=>{this._indicator.style.removeProperty("transition")})}_setAriaLabels(){this._tabs.forEach(e=>{const t=this._panels.find(t=>t.name===e.panel);t&&(e.setAttribute("aria-controls",t.getAttribute("id")),t.setAttribute("aria-labelledby",e.getAttribute("id")))})}_syncTabsAndPanels(){this._tabs.forEach(e=>{var t;return null===(t=this._tabResizeObserver)||void 0===t?void 0:t.unobserve(e)}),this._tabs=this._getAllTabs({includeDisabled:!1}),this._panels=this._getAllPanels(),this._tabs.forEach(e=>{var t;return null===(t=this._tabResizeObserver)||void 0===t?void 0:t.observe(e)})}_updateTabsAttribute(e){if(!this._navSlot)return;this._navSlot.forEach(t=>{t.setAttribute(e,this[e])})}_handleSlotChange(){this._updateTabsAttribute("variant"),this._updateTabsAttribute("orientation"),this._updateTabsAttribute("density"),this._updateTabsAttribute("fullWidth"),this._syncTabsAndPanels()}willUpdate(e){e.has("variant")&&this._updateTabsAttribute("variant"),e.has("orientation")&&this._updateTabsAttribute("orientation"),e.has("density")&&this._updateTabsAttribute("density"),e.has("fullWidth")&&this._updateTabsAttribute("fullWidth")}render(){return te`
2047
2052
  <div class="tab-group" @click=${this._handleClick} @keydown=${this._handleKeyDown}>
2048
2053
  <div class="tab-group__nav" role="tablist">
2049
2054
  <slot name="nav" @slotchange=${this._handleSlotChange}></slot>
@@ -2054,11 +2059,11 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2054
2059
  <slot class="tab-group__body" @slotchange=${this._syncTabsAndPanels}></slot>
2055
2060
  </div>
2056
2061
  </div>
2057
- `}}vr.styles=[...Oe.styles,gr],t([De(".tab-group")],vr.prototype,"_tabGroup",void 0),t([De(".tab-group__body")],vr.prototype,"_body",void 0),t([De(".tab-group__nav")],vr.prototype,"_nav",void 0),t([De(".tab-group__indicator")],vr.prototype,"_indicator",void 0),t([Ve({type:String,reflect:!0})],vr.prototype,"variant",void 0),t([Ve({type:String,reflect:!0})],vr.prototype,"orientation",void 0),t([Ve({type:String,reflect:!0})],vr.prototype,"density",void 0),t([Ve({type:Boolean,reflect:!0})],vr.prototype,"fullWidth",void 0),t([Ee({slot:"nav",flatten:!0})],vr.prototype,"_navSlot",void 0);var mr=r`:host(:not([active])){display:none}.tab-panel{display:block}.tab-panel:not(.tab-panel--active){display:none}`;let fr=0;class br extends Oe{constructor(){super(...arguments),this.attrId=++fr,this.componentId=`sgds-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}_handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.inert=!this.active}render(){return te`
2062
+ `}}vr.styles=[...Oe.styles,ur],t([Le(".tab-group")],vr.prototype,"_tabGroup",void 0),t([Le(".tab-group__body")],vr.prototype,"_body",void 0),t([Le(".tab-group__nav")],vr.prototype,"_nav",void 0),t([Le(".tab-group__indicator")],vr.prototype,"_indicator",void 0),t([ze({type:String,reflect:!0})],vr.prototype,"variant",void 0),t([ze({type:String,reflect:!0})],vr.prototype,"orientation",void 0),t([ze({type:String,reflect:!0})],vr.prototype,"density",void 0),t([ze({type:Boolean,reflect:!0})],vr.prototype,"fullWidth",void 0),t([Ee({slot:"nav",flatten:!0})],vr.prototype,"_navSlot",void 0);var mr=r`:host(:not([active])){display:none}.tab-panel{display:block}.tab-panel:not(.tab-panel--active){display:none}`;let fr=0;class br extends Oe{constructor(){super(...arguments),this.attrId=++fr,this.componentId=`sgds-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}_handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.inert=!this.active}render(){return te`
2058
2063
  <slot
2059
2064
  class=${We({"tab-panel":!0,"tab-panel--active":this.active})}
2060
2065
  ></slot>
2061
- `}}br.styles=[...Oe.styles,mr],t([Ve({reflect:!0})],br.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],br.prototype,"active",void 0),t([nt("active")],br.prototype,"_handleActiveChange",null);var wr=r`tbody,td,th,thead,tr{border:var(--sgds-border-width-0) solid;border-color:inherit}th{font-weight:var(--sgds-font-weight-semibold);text-align:-webkit-match-parent}table{border-collapse:collapse;caption-side:bottom}.table{display:table;font-size:var(--sgds-font-size-label-sm);table-layout:auto;width:100%}:host([layout=fixed]) .table{table-layout:fixed}.hidden{display:none}.table>:not(caption) td,.table>:not(caption) th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.table>:not(caption) td>div,.table>:not(caption) th>div{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}:host([tableBorder]) .table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-bottom:0}:host([tableBorder]) .table.no-border{border:0}:host([headerBackground]) th{background-color:var(--sgds-surface-raised)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}`;const yr="table-header-background";class xr extends Oe{constructor(){super(...arguments),this.rowHeader=[],this.columnHeader=[],this.tableData=[],this.headerPosition="horizontal",this.headerBackground=!1,this.tableBorder=!1,this.layout="auto",this.hasDefaultSlot=!1,this._headerBackground=!1,this.hasSlotController=new qt(this,"[default]")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this._headerBackground=this.headerBackground}_renderTable(){if("horizontal"===this.headerPosition)return te`
2066
+ `}}br.styles=[...Oe.styles,mr],t([ze({reflect:!0})],br.prototype,"name",void 0),t([ze({type:Boolean,reflect:!0})],br.prototype,"active",void 0),t([nt("active")],br.prototype,"_handleActiveChange",null);var wr=r`tbody,td,th,thead,tr{border:var(--sgds-border-width-0) solid;border-color:inherit}th{font-weight:var(--sgds-font-weight-semibold);text-align:-webkit-match-parent}table{border-collapse:collapse;caption-side:bottom}.table{display:table;font-size:var(--sgds-font-size-label-sm);table-layout:auto;width:100%}:host([layout=fixed]) .table{table-layout:fixed}.hidden{display:none}.table>:not(caption) td,.table>:not(caption) th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.table>:not(caption) td>div,.table>:not(caption) th>div{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}:host([tableBorder]) .table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-bottom:0}:host([tableBorder]) .table.no-border{border:0}:host([headerBackground]) th{background-color:var(--sgds-surface-raised)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}`;const yr="table-header-background";class xr extends Oe{constructor(){super(...arguments),this.rowHeader=[],this.columnHeader=[],this.tableData=[],this.headerPosition="horizontal",this.headerBackground=!1,this.tableBorder=!1,this.layout="auto",this.hasDefaultSlot=!1,this._headerBackground=!1,this.hasSlotController=new qt(this,"[default]")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this._headerBackground=this.headerBackground}_renderTable(){if("horizontal"===this.headerPosition)return te`
2062
2067
  <thead>
2063
2068
  <tr>
2064
2069
  ${this.rowHeader.map(e=>te` <th><div>${e}</div></th> `)}
@@ -2105,22 +2110,22 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2105
2110
  ${this._renderTable()}
2106
2111
  </table>`}
2107
2112
  </div>
2108
- `}}xr.styles=[...Oe.styles,wr],t([Ve({type:String,reflect:!0})],xr.prototype,"responsive",void 0),t([Ve({type:Array})],xr.prototype,"rowHeader",void 0),t([Ve({type:Array})],xr.prototype,"columnHeader",void 0),t([Ve({type:Array})],xr.prototype,"tableData",void 0),t([Ve({type:String,reflect:!0})],xr.prototype,"headerPosition",void 0),t([Ve({type:Boolean,reflect:!0})],xr.prototype,"headerBackground",void 0),t([Ve({type:Boolean,reflect:!0})],xr.prototype,"tableBorder",void 0),t([Ve({type:String,reflect:!0})],xr.prototype,"layout",void 0),t([Ve({type:Boolean})],xr.prototype,"hasDefaultSlot",void 0),t([It({context:yr}),Pe()],xr.prototype,"_headerBackground",void 0);var _r=r`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}.table-cell{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;class kr extends Oe{connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return te`<div class="table-cell"><slot></slot></div>`}}kr.styles=[...Oe.styles,_r];var Cr=r`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}:host([headerBackground]){background-color:var(--sgds-surface-raised)}.table-head{align-items:center;display:flex;font-weight:var(--sgds-font-weight-semibold);min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;class $r extends Oe{constructor(){super(...arguments),this._headerBackground=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}_handleHeaderBackground(){this._headerBackground?this.setAttribute("headerBackground","true"):this.removeAttribute("headerBackground")}render(){return te`<div
2113
+ `}}xr.styles=[...Oe.styles,wr],t([ze({type:String,reflect:!0})],xr.prototype,"responsive",void 0),t([ze({type:Array})],xr.prototype,"rowHeader",void 0),t([ze({type:Array})],xr.prototype,"columnHeader",void 0),t([ze({type:Array})],xr.prototype,"tableData",void 0),t([ze({type:String,reflect:!0})],xr.prototype,"headerPosition",void 0),t([ze({type:Boolean,reflect:!0})],xr.prototype,"headerBackground",void 0),t([ze({type:Boolean,reflect:!0})],xr.prototype,"tableBorder",void 0),t([ze({type:String,reflect:!0})],xr.prototype,"layout",void 0),t([ze({type:Boolean})],xr.prototype,"hasDefaultSlot",void 0),t([Dt({context:yr}),Pe()],xr.prototype,"_headerBackground",void 0);var _r=r`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}.table-cell{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;class kr extends Oe{connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return te`<div class="table-cell"><slot></slot></div>`}}kr.styles=[...Oe.styles,_r];var Cr=r`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}:host([headerBackground]){background-color:var(--sgds-surface-raised)}.table-head{align-items:center;display:flex;font-weight:var(--sgds-font-weight-semibold);min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;class $r extends Oe{constructor(){super(...arguments),this._headerBackground=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}_handleHeaderBackground(){this._headerBackground?this.setAttribute("headerBackground","true"):this.removeAttribute("headerBackground")}render(){return te`<div
2109
2114
  class=${We({"table-head":!0,"header-background":this._headerBackground})}
2110
2115
  >
2111
2116
  <slot></slot>
2112
- </div>`}}$r.styles=[...Oe.styles,Cr],t([Lt({context:yr,subscribe:!0}),Pe()],$r.prototype,"_headerBackground",void 0),t([nt("_headerBackground")],$r.prototype,"_handleHeaderBackground",null);var Sr=r`:host{display:table-row;width:100%}`;class Mr extends Oe{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return te`<slot class="table-row"></slot>`}}Mr.styles=[...Oe.styles,Sr];var Zr=r`.container{display:flex;flex-direction:column;gap:var(--sgds-gap-md)}slot:not([name])::slotted(*){font-size:var(--sgds-font-size-subtitle-md)!important;font-weight:var(--sgds-font-weight-semibold)!important;line-height:var(--sgds-line-height-xs)!important;margin-bottom:var(--sgds-margin-none)!important}.contents{display:flex;flex-direction:column;gap:var(--sgds-gap-md);list-style:none;margin:var(--sgds-margin-none);padding:var(--sgds-padding-none)}slot[name=contents]::slotted(li){margin-top:var(--sgds-margin-none)!important}`;class zr extends Oe{render(){return te`<div class="container">
2117
+ </div>`}}$r.styles=[...Oe.styles,Cr],t([It({context:yr,subscribe:!0}),Pe()],$r.prototype,"_headerBackground",void 0),t([nt("_headerBackground")],$r.prototype,"_handleHeaderBackground",null);var Sr=r`:host{display:table-row;width:100%}`;class Mr extends Oe{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return te`<slot class="table-row"></slot>`}}Mr.styles=[...Oe.styles,Sr];var Zr=r`.container{display:flex;flex-direction:column;gap:var(--sgds-gap-md)}slot:not([name])::slotted(*){font-size:var(--sgds-font-size-subtitle-md)!important;font-weight:var(--sgds-font-weight-semibold)!important;line-height:var(--sgds-line-height-xs)!important;margin-bottom:var(--sgds-margin-none)!important}.contents{display:flex;flex-direction:column;gap:var(--sgds-gap-md);list-style:none;margin:var(--sgds-margin-none);padding:var(--sgds-padding-none)}slot[name=contents]::slotted(li){margin-top:var(--sgds-margin-none)!important}`;class Vr extends Oe{render(){return te`<div class="container">
2113
2118
  <slot></slot>
2114
2119
  <ul class="contents">
2115
2120
  <slot name="contents"></slot>
2116
2121
  </ul>
2117
- </div> `}}zr.styles=[...Oe.styles,Zr];var Vr=r`textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;resize:vertical}textarea.form-control-group{min-height:var(--sgds-dimension-136);overflow:auto;padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.textarea-resize-none{resize:none}.textarea-resize-vertical{resize:vertical}.textarea-resize-auto{height:auto;overflow-y:hidden;resize:none}.textarea-info-container{display:flex;justify-content:space-between}.word-count{margin-left:auto}`;class Pr extends(Ia(za)){constructor(){super(...arguments),this.value="",this.spellcheck=!1,this.rows=4,this.placeholder="Placeholder",this.invalidFeedback="",this.autofocus=!1,this.readonly=!1,this.resize="vertical",this.defaultValue="",this.hasFeedback=!1,this.required=!1,this.noValidate=!1,this.hintText="",this._isTouched=!1}focus(e){this.textarea.focus(e)}blur(){this.textarea.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}select(){this.textarea.select()}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleChange(e){this.value=this.input.value,this.emit("sgds-change"),super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value,this.emit("sgds-input"),super._mixinHandleInputChange(e)}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleRowsChange(){this._setTextareaHeight()}_setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=`${this.textarea.scrollHeight}px`):this.textarea.style.height=void 0}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_handleValueChange(){this.updateComplete.then(()=>this._setTextareaHeight())}_renderHintText(){const e=ut` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_wordCount(){return ut`
2122
+ </div> `}}Vr.styles=[...Oe.styles,Zr];var zr=r`textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;resize:vertical}textarea.form-control-group{height:auto;min-height:var(--sgds-dimension-136);overflow:auto;padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.textarea-resize-none{resize:none}.textarea-resize-vertical{resize:vertical}.textarea-resize-auto{height:auto;overflow-y:hidden;resize:none}.textarea-info-container{display:flex;justify-content:space-between}.word-count{margin-left:auto}`;class Pr extends(Da(Va)){constructor(){super(...arguments),this.value="",this.spellcheck=!1,this.rows=4,this.placeholder="Placeholder",this.invalidFeedback="",this.autofocus=!1,this.readonly=!1,this.resize="vertical",this.defaultValue="",this.hasFeedback=!1,this.required=!1,this.noValidate=!1,this.hintText="",this._isTouched=!1}focus(e){this.textarea.focus(e)}blur(){this.textarea.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}select(){this.textarea.select()}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleChange(e){this.value=this.input.value,this.emit("sgds-change"),super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value,this.emit("sgds-input"),super._mixinHandleInputChange(e)}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleRowsChange(){this._setTextareaHeight()}_setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=`${this.textarea.scrollHeight}px`):this.textarea.style.height=void 0}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_handleValueChange(){this.updateComplete.then(()=>this._setTextareaHeight())}_renderHintText(){const e=gt` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_wordCount(){return gt`
2118
2123
  <div
2119
2124
  class="form-text word-count ${We({"invalid-feedback":this.invalid&&this.hasFeedback})}"
2120
2125
  >
2121
2126
  ${this.value.length}/${this.maxlength}
2122
2127
  </div>
2123
- `}render(){return ut`
2128
+ `}render(){return gt`
2124
2129
  <div
2125
2130
  class="form-control-container m-width-256 ${We({disabled:this.disabled})}"
2126
2131
  >
@@ -2149,29 +2154,29 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2149
2154
  @blur=${this._handleBlur}
2150
2155
  ></textarea>
2151
2156
  <div class="textarea-info-container">
2152
- ${this.invalid&&this.hasFeedback?ut`
2157
+ ${this.invalid&&this.hasFeedback?gt`
2153
2158
  <div class="invalid-feedback-container">
2154
2159
  <sgds-icon name="exclamation-circle-fill" size="md"></sgds-icon>
2155
2160
  <div id="${this._controlId}-invalid" class="invalid-feedback">
2156
2161
  ${this.invalidFeedback?this.invalidFeedback:this.input.validationMessage}
2157
2162
  </div>
2158
2163
  </div>
2159
- `:ut`${this._renderHintText()}`}
2164
+ `:gt`${this._renderHintText()}`}
2160
2165
  ${this.maxlength>0?this._wordCount():ae}
2161
2166
  </div>
2162
2167
  </div>
2163
- `}}Pr.styles=[...za.styles,Ha,Vr],t([De("textarea.form-control-group")],Pr.prototype,"textarea",void 0),t([Ve({type:String,reflect:!0})],Pr.prototype,"name",void 0),t([Ve({type:String,reflect:!0})],Pr.prototype,"value",void 0),t([Ve({type:Number,reflect:!0})],Pr.prototype,"minlength",void 0),t([Ve({type:Number,reflect:!0})],Pr.prototype,"maxlength",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"spellcheck",void 0),t([Ve({type:Number})],Pr.prototype,"rows",void 0),t([Ve({type:String,reflect:!0})],Pr.prototype,"placeholder",void 0),t([Ve({type:String,reflect:!0})],Pr.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"autofocus",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"readonly",void 0),t([Ve({type:String,reflect:!0})],Pr.prototype,"resize",void 0),t([Ve({type:String,reflect:!0})],Pr.prototype,"inputmode",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"autocorrect",void 0),t([Va()],Pr.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"hasFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],Pr.prototype,"noValidate",void 0),t([Ve({reflect:!0})],Pr.prototype,"hintText",void 0),t([Pe()],Pr.prototype,"_isTouched",void 0),t([nt("rows",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleRowsChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleIsTouched",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleDisabledChange",null),t([nt("value",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleValueChange",null);var Ir=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=thumbnail]::slotted(*){height:var(--sgds-dimension-64)!important;max-width:var(--sgds-dimension-128)!important;min-width:var(--sgds-dimension-64)!important;object-fit:contain;object-position:left;width:100%}`;class Lr extends xa{constructor(){super(...arguments),this.noPadding=!1}_getAnchorFromSlot(e){if(!e||0===e.length)return null;const t=e[0];return t.querySelector("a")||t}_handleThumbnailSlotChange(e){var t,s;if(0===e.target.assignedElements({flatten:!0}).length&&("vertical"===this.orientation&&0===this._upperNode.length||"horizontal"===this.orientation)){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-media");e&&(e.style.display="none");const i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(".card-body");i&&this.noPadding&&(i.style.padding="0px")}}_handleFooterSlotChange(e){const t=e.target.assignedElements({flatten:!0}),s=this._getAnchorFromSlot(t);this.stretchedLink&&this._forwardAnchorAttributes(s)}_handleLinkSlotChange(e){this.warnLinkSlotMisused(e);const t=e.target.assignedElements({flatten:!0}),s=this._getAnchorFromSlot(t);this.stretchedLink&&this._forwardAnchorAttributes(s)}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return ut`
2168
+ `}}Pr.styles=[...Va.styles,Ha,zr],t([Le("textarea.form-control-group")],Pr.prototype,"textarea",void 0),t([ze({type:String,reflect:!0})],Pr.prototype,"name",void 0),t([ze({type:String,reflect:!0})],Pr.prototype,"value",void 0),t([ze({type:Number,reflect:!0})],Pr.prototype,"minlength",void 0),t([ze({type:Number,reflect:!0})],Pr.prototype,"maxlength",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"spellcheck",void 0),t([ze({type:Number})],Pr.prototype,"rows",void 0),t([ze({type:String,reflect:!0})],Pr.prototype,"placeholder",void 0),t([ze({type:String,reflect:!0})],Pr.prototype,"invalidFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"autofocus",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"readonly",void 0),t([ze({type:String,reflect:!0})],Pr.prototype,"resize",void 0),t([ze({type:String,reflect:!0})],Pr.prototype,"inputmode",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"autocorrect",void 0),t([za()],Pr.prototype,"defaultValue",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"hasFeedback",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"required",void 0),t([ze({type:Boolean,reflect:!0})],Pr.prototype,"noValidate",void 0),t([ze({reflect:!0})],Pr.prototype,"hintText",void 0),t([Pe()],Pr.prototype,"_isTouched",void 0),t([nt("rows",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleRowsChange",null),t([nt("_isTouched",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleIsTouched",null),t([nt("disabled",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleDisabledChange",null),t([nt("value",{waitUntilFirstUpdate:!0})],Pr.prototype,"_handleValueChange",null);var Dr=r`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=thumbnail]::slotted(*){height:var(--sgds-dimension-64)!important;max-width:var(--sgds-dimension-128)!important;min-width:var(--sgds-dimension-64)!important;object-fit:contain;object-position:left;width:100%}`;class Ir extends xa{constructor(){super(...arguments),this.noPadding=!1}_getAnchorFromSlot(e){if(!e||0===e.length)return null;const t=e[0];return t.querySelector("a")||t}_handleThumbnailSlotChange(e){var t,s;if(0===e.target.assignedElements({flatten:!0}).length&&("vertical"===this.orientation&&0===this._upperNode.length||"horizontal"===this.orientation)){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".card-media");e&&(e.style.display="none");const i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector(".card-body");i&&this.noPadding&&(i.style.padding="0px")}}_handleFooterSlotChange(e){const t=e.target.assignedElements({flatten:!0}),s=this._getAnchorFromSlot(t);this.stretchedLink&&this._forwardAnchorAttributes(s)}_handleLinkSlotChange(e){this.warnLinkSlotMisused(e);const t=e.target.assignedElements({flatten:!0}),s=this._getAnchorFromSlot(t);this.stretchedLink&&this._forwardAnchorAttributes(s)}render(){const e=this.stretchedLink?ht`a`:ht`div`,t=!this.stretchedLink||this.disabled?-1:0;return gt`
2164
2169
  <${e}
2165
2170
  class="card ${We({disabled:this.disabled})}"
2166
2171
  tabindex=${t}
2167
2172
  >
2168
- ${this.tinted&&!this.noPadding?ut`<div class="card-tinted-bg"></div>`:ae}
2173
+ ${this.tinted&&!this.noPadding?gt`<div class="card-tinted-bg"></div>`:ae}
2169
2174
  <div class="card-media">
2170
2175
  <slot name="thumbnail" @slotchange=${this._handleThumbnailSlotChange}></slot>
2171
- ${"vertical"===this.orientation?ut`<slot name="upper"></slot>`:ae}
2176
+ ${"vertical"===this.orientation?gt`<slot name="upper"></slot>`:ae}
2172
2177
  </div>
2173
2178
  <div class="card-body">
2174
- ${"horizontal"===this.orientation?ut`<slot name="upper"></slot>`:ae}
2179
+ ${"horizontal"===this.orientation?gt`<slot name="upper"></slot>`:ae}
2175
2180
  <div class="card-header-container">
2176
2181
  <div class="card-header">
2177
2182
  <slot name="subtitle"></slot>
@@ -2186,7 +2191,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2186
2191
  </slot>
2187
2192
  </div>
2188
2193
  </${e}>
2189
- `}}Lr.styles=[...xa.styles,Ir],t([Be({slot:"upper",flatten:!0})],Lr.prototype,"_upperNode",void 0),t([Ve({type:Boolean,reflect:!0})],Lr.prototype,"noPadding",void 0);var Dr=r`:host([variant=info]) slot[name=icon]::slotted(*){color:var(--sgds-primary-color-default)}:host([variant=success]) slot[name=icon]::slotted(*){color:var(--sgds-success-color-default)}:host([variant=danger]) slot[name=icon]::slotted(*){color:var(--sgds-danger-color-default)}:host([variant=warning]) slot[name=icon]::slotted(*){color:var(--sgds-warning-color-fixed-light)}.toast{align-items:flex-start;background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);display:inline-flex;flex-direction:row;gap:var(--sgds-gap-sm);max-width:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);padding:var(--sgds-padding-md);pointer-events:auto;position:relative}.toast-content{word-wrap:break-word;gap:var(--sgds-gap-sm);padding-right:var(--sgds-padding-xl)}.toast-body,.toast-content{display:flex;flex-direction:column}.toast-body{gap:var(--sgds-gap-2-xs)}.toast-body__title{font-size:var(--sgds-font-size-subtitle-sm);font-weight:var(--sgds-font-weight-semibold);margin:0}.toast-body__message,.toast-body__title{line-height:var(--sgds-line-height-2-xs)}.toast-body__message{color:var(--sgds-color-subtle,#525252);font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular)}.toast-action{word-wrap:break-word;color:var(--sgds-link-color-default)}.toast-header strong{margin-right:auto;word-break:break-all}.close-btn{position:absolute;right:10px;top:10px}.d-none{display:none}`;class Ar extends Oe{constructor(){super(...arguments),this.show=!1,this.title="Title",this.noAnimation=!1,this.autohide=!1,this.delay=5e3,this.variant="info",this.dismissible=!1}async showToast(){if(!this.show)return this.show=!0,ot(this,"sgds-after-show")}async hideToast(){if(this.show)return this.show=!1,ot(this,"sgds-after-hide")}handleCloseClick(){this.show=!1,this.emit("sgds-close")}async handleShowChange(){if(this.show){this.emit("sgds-show"),this.toast.classList.remove("d-none");const e=it(this,"toast.show");this.noAnimation||await Je(this.toast,e.keyframes,e.options),this.emit("sgds-after-show")}else{this.emit("sgds-hide");const e=it(this,"toast.hide");this.noAnimation||await Je(this.toast,e.keyframes,e.options),this.toast.classList.add("d-none"),this.emit("sgds-after-hide")}}firstUpdated(e){var t;if(super.firstUpdated(e),this.show||this.toast.classList.add("d-none"),0===this._actionNodes.length)return null===(t=this.shadowRoot.querySelector("slot[name='action']"))||void 0===t?void 0:t.classList.add("d-none")}render(){return this.autohide&&this.show&&setTimeout(()=>{this.show=!1},this.delay),te`
2194
+ `}}Ir.styles=[...xa.styles,Dr],t([Be({slot:"upper",flatten:!0})],Ir.prototype,"_upperNode",void 0),t([ze({type:Boolean,reflect:!0})],Ir.prototype,"noPadding",void 0);var Lr=r`:host([variant=info]) slot[name=icon]::slotted(*){color:var(--sgds-primary-color-default)}:host([variant=success]) slot[name=icon]::slotted(*){color:var(--sgds-success-color-default)}:host([variant=danger]) slot[name=icon]::slotted(*){color:var(--sgds-danger-color-default)}:host([variant=warning]) slot[name=icon]::slotted(*){color:var(--sgds-warning-color-fixed-light)}.toast{align-items:flex-start;background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);display:inline-flex;flex-direction:row;gap:var(--sgds-gap-sm);max-width:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);padding:var(--sgds-padding-md);pointer-events:auto;position:relative}.toast-content{word-wrap:break-word;gap:var(--sgds-gap-sm);padding-right:var(--sgds-padding-xl)}.toast-body,.toast-content{display:flex;flex-direction:column}.toast-body{gap:var(--sgds-gap-2-xs)}.toast-body__title{font-size:var(--sgds-font-size-subtitle-sm);font-weight:var(--sgds-font-weight-semibold);margin:0}.toast-body__message,.toast-body__title{line-height:var(--sgds-line-height-2-xs)}.toast-body__message{color:var(--sgds-color-subtle,#525252);font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular)}.toast-action{word-wrap:break-word;color:var(--sgds-link-color-default)}.toast-header strong{margin-right:auto;word-break:break-all}.close-btn{position:absolute;right:10px;top:10px}.d-none{display:none}`;class Ar extends Oe{constructor(){super(...arguments),this.show=!1,this.title="Title",this.noAnimation=!1,this.autohide=!1,this.delay=5e3,this.variant="info",this.dismissible=!1}async showToast(){if(!this.show)return this.show=!0,ot(this,"sgds-after-show")}async hideToast(){if(this.show)return this.show=!1,ot(this,"sgds-after-hide")}handleCloseClick(){this.show=!1,this.emit("sgds-close")}async handleShowChange(){if(this.show){this.emit("sgds-show"),this.toast.classList.remove("d-none");const e=it(this,"toast.show");this.noAnimation||await Je(this.toast,e.keyframes,e.options),this.emit("sgds-after-show")}else{this.emit("sgds-hide");const e=it(this,"toast.hide");this.noAnimation||await Je(this.toast,e.keyframes,e.options),this.toast.classList.add("d-none"),this.emit("sgds-after-hide")}}firstUpdated(e){var t;if(super.firstUpdated(e),this.show||this.toast.classList.add("d-none"),0===this._actionNodes.length)return null===(t=this.shadowRoot.querySelector("slot[name='action']"))||void 0===t?void 0:t.classList.add("d-none")}render(){return this.autohide&&this.show&&setTimeout(()=>{this.show=!1},this.delay),te`
2190
2195
  <div
2191
2196
  class="toast"
2192
2197
  role="alert"
@@ -2208,13 +2213,13 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2208
2213
  @click=${this.handleCloseClick}
2209
2214
  ></sgds-close-button>`:ae}
2210
2215
  </div>
2211
- `}}Ar.styles=[...Oe.styles,Dr],Ar.dependencies={"sgds-close-button":ft},t([De("div.toast")],Ar.prototype,"toast",void 0),t([Ve({type:Boolean,reflect:!0})],Ar.prototype,"show",void 0),t([Ve({type:String,reflect:!0})],Ar.prototype,"title",void 0),t([Ve({type:Boolean,reflect:!0})],Ar.prototype,"noAnimation",void 0),t([Ve({type:Boolean,reflect:!0})],Ar.prototype,"autohide",void 0),t([Ve({type:Number,reflect:!0})],Ar.prototype,"delay",void 0),t([Ve({type:String,reflect:!0})],Ar.prototype,"variant",void 0),t([Ve({type:Boolean,reflect:!0})],Ar.prototype,"dismissible",void 0),t([nt("show",{waitUntilFirstUpdate:!0})],Ar.prototype,"handleShowChange",null),t([Be({slot:"action",flatten:!0})],Ar.prototype,"_actionNodes",void 0),at("toast.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:400,easing:"ease"}}),at("toast.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:400,easing:"ease"}});var Er=r`.top-start{top:var(--toast-container-top)}.middle-start,.top-start{left:var(--toast-container-left)}.middle-start{top:50%;transform:translateY(-50%)}.middle-center{left:50%;top:50%;transform:translate(-50%,-50%)}.middle-end{right:var(--toast-container-right);top:50%;transform:translateY(-50%)}.toast-container{--toast-container-top:calc(108px + var(--sgds-spacer-8));--toast-container-right:var(--sgds-spacer-8);--toast-container-left:var(--sgds-spacer-8);--toast-container-bottom:var(--sgds-spacer-8);max-width:100%;pointer-events:none;position:fixed;width:max-content;z-index:var(--sgds-z-index-overlay)}.top-center{left:50%;transform:translateX(-50%)}.top-center,.top-end{top:var(--toast-container-top)}.top-end{right:var(--toast-container-right)}.bottom-start{left:var(--toast-container-left)}.bottom-center,.bottom-start{bottom:var(--toast-container-bottom)}.bottom-center{left:50%;transform:translateX(-50%)}.bottom-end{bottom:var(--toast-container-bottom);right:var(--toast-container-right)}slot{display:flex;gap:var(--sgds-layout-gap-md)}:host([position^=top]) slot{flex-direction:column-reverse}:host([position^=bottom]) slot{flex-direction:column}`;class Br extends Oe{render(){return ut`
2216
+ `}}Ar.styles=[...Oe.styles,Lr],Ar.dependencies={"sgds-close-button":ft},t([Le("div.toast")],Ar.prototype,"toast",void 0),t([ze({type:Boolean,reflect:!0})],Ar.prototype,"show",void 0),t([ze({type:String,reflect:!0})],Ar.prototype,"title",void 0),t([ze({type:Boolean,reflect:!0})],Ar.prototype,"noAnimation",void 0),t([ze({type:Boolean,reflect:!0})],Ar.prototype,"autohide",void 0),t([ze({type:Number,reflect:!0})],Ar.prototype,"delay",void 0),t([ze({type:String,reflect:!0})],Ar.prototype,"variant",void 0),t([ze({type:Boolean,reflect:!0})],Ar.prototype,"dismissible",void 0),t([nt("show",{waitUntilFirstUpdate:!0})],Ar.prototype,"handleShowChange",null),t([Be({slot:"action",flatten:!0})],Ar.prototype,"_actionNodes",void 0),at("toast.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:400,easing:"ease"}}),at("toast.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:400,easing:"ease"}});var Er=r`.top-start{top:var(--toast-container-top)}.middle-start,.top-start{left:var(--toast-container-left)}.middle-start{top:50%;transform:translateY(-50%)}.middle-center{left:50%;top:50%;transform:translate(-50%,-50%)}.middle-end{right:var(--toast-container-right);top:50%;transform:translateY(-50%)}.toast-container{--toast-container-top:calc(108px + var(--sgds-spacer-8));--toast-container-right:var(--sgds-spacer-8);--toast-container-left:var(--sgds-spacer-8);--toast-container-bottom:var(--sgds-spacer-8);max-width:100%;pointer-events:none;position:fixed;width:max-content;z-index:var(--sgds-z-index-overlay)}.top-center{left:50%;transform:translateX(-50%)}.top-center,.top-end{top:var(--toast-container-top)}.top-end{right:var(--toast-container-right)}.bottom-start{left:var(--toast-container-left)}.bottom-center,.bottom-start{bottom:var(--toast-container-bottom)}.bottom-center{left:50%;transform:translateX(-50%)}.bottom-end{bottom:var(--toast-container-bottom);right:var(--toast-container-right)}slot{display:flex;gap:var(--sgds-layout-gap-md)}:host([position^=top]) slot{flex-direction:column-reverse}:host([position^=bottom]) slot{flex-direction:column}`;class Br extends Oe{render(){return gt`
2212
2217
  <div
2213
2218
  class=${We({"toast-container":!0,[this.position]:this.position})}
2214
2219
  >
2215
2220
  <slot></slot>
2216
2221
  </div>
2217
- `}}Br.styles=[Er],t([Ve({type:String,reflect:!0})],Br.prototype,"position",void 0);var Hr=te`
2222
+ `}}Br.styles=[Er],t([ze({type:String,reflect:!0})],Br.prototype,"position",void 0);var Hr=te`
2218
2223
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2219
2224
  <path
2220
2225
  fill="currentColor"
@@ -2359,7 +2364,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2359
2364
  clip-rule="evenodd"
2360
2365
  />
2361
2366
  </svg>
2362
- `,ul=Object.freeze({__proto__:null,default:pl}),gl=te`
2367
+ `,gl=Object.freeze({__proto__:null,default:pl}),ul=te`
2363
2368
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2364
2369
  <path
2365
2370
  fill="currentColor"
@@ -2372,7 +2377,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2372
2377
  clip-rule="evenodd"
2373
2378
  />
2374
2379
  </svg>
2375
- `,vl=Object.freeze({__proto__:null,default:gl}),ml=te`
2380
+ `,vl=Object.freeze({__proto__:null,default:ul}),ml=te`
2376
2381
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2377
2382
  <path
2378
2383
  fill="currentColor"
@@ -2447,7 +2452,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2447
2452
  clip-rule="evenodd"
2448
2453
  />
2449
2454
  </svg>
2450
- `,zl=Object.freeze({__proto__:null,default:Zl}),Vl=te`
2455
+ `,Vl=Object.freeze({__proto__:null,default:Zl}),zl=te`
2451
2456
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2452
2457
  <path
2453
2458
  fill="currentColor"
@@ -2456,7 +2461,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2456
2461
  clip-rule="evenodd"
2457
2462
  />
2458
2463
  </svg>
2459
- `,Pl=Object.freeze({__proto__:null,default:Vl}),Il=te`
2464
+ `,Pl=Object.freeze({__proto__:null,default:zl}),Dl=te`
2460
2465
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2461
2466
  <path
2462
2467
  fill="currentColor"
@@ -2465,7 +2470,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2465
2470
  clip-rule="evenodd"
2466
2471
  />
2467
2472
  </svg>
2468
- `,Ll=Object.freeze({__proto__:null,default:Il}),Dl=te`
2473
+ `,Il=Object.freeze({__proto__:null,default:Dl}),Ll=te`
2469
2474
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2470
2475
  <path
2471
2476
  fill="currentColor"
@@ -2474,7 +2479,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2474
2479
  clip-rule="evenodd"
2475
2480
  />
2476
2481
  </svg>
2477
- `,Al=Object.freeze({__proto__:null,default:Dl}),El=te`
2482
+ `,Al=Object.freeze({__proto__:null,default:Ll}),El=te`
2478
2483
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2479
2484
  <path
2480
2485
  fill="currentColor"
@@ -2648,7 +2653,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2648
2653
  clip-rule="evenodd"
2649
2654
  />
2650
2655
  </svg>
2651
- `,ud=Object.freeze({__proto__:null,default:pd}),gd=te`
2656
+ `,gd=Object.freeze({__proto__:null,default:pd}),ud=te`
2652
2657
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2653
2658
  <path
2654
2659
  fill="currentColor"
@@ -2657,7 +2662,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2657
2662
  clip-rule="evenodd"
2658
2663
  />
2659
2664
  </svg>
2660
- `,vd=Object.freeze({__proto__:null,default:gd}),md=te`
2665
+ `,vd=Object.freeze({__proto__:null,default:ud}),md=te`
2661
2666
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2662
2667
  <path
2663
2668
  fill="currentColor"
@@ -2726,7 +2731,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2726
2731
  clip-rule="evenodd"
2727
2732
  />
2728
2733
  </svg>
2729
- `,zd=Object.freeze({__proto__:null,default:Zd}),Vd=te`
2734
+ `,Vd=Object.freeze({__proto__:null,default:Zd}),zd=te`
2730
2735
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2731
2736
  <path
2732
2737
  fill="currentColor"
@@ -2735,7 +2740,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2735
2740
  clip-rule="evenodd"
2736
2741
  />
2737
2742
  </svg>
2738
- `,Pd=Object.freeze({__proto__:null,default:Vd}),Id=te`
2743
+ `,Pd=Object.freeze({__proto__:null,default:zd}),Dd=te`
2739
2744
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2740
2745
  <path
2741
2746
  fill="currentColor"
@@ -2744,7 +2749,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2744
2749
  clip-rule="evenodd"
2745
2750
  />
2746
2751
  </svg>
2747
- `,Ld=Object.freeze({__proto__:null,default:Id}),Dd=te`
2752
+ `,Id=Object.freeze({__proto__:null,default:Dd}),Ld=te`
2748
2753
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2749
2754
  <path
2750
2755
  fill="currentColor"
@@ -2753,7 +2758,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2753
2758
  clip-rule="evenodd"
2754
2759
  />
2755
2760
  </svg>
2756
- `,Ad=Object.freeze({__proto__:null,default:Dd}),Ed=te`
2761
+ `,Ad=Object.freeze({__proto__:null,default:Ld}),Ed=te`
2757
2762
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2758
2763
  <path
2759
2764
  fill="currentColor"
@@ -2937,7 +2942,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2937
2942
  clip-rule="evenodd"
2938
2943
  />
2939
2944
  </svg>
2940
- `,uc=Object.freeze({__proto__:null,default:pc}),gc=te`
2945
+ `,gc=Object.freeze({__proto__:null,default:pc}),uc=te`
2941
2946
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2942
2947
  <path
2943
2948
  fill="currentColor"
@@ -2950,7 +2955,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
2950
2955
  clip-rule="evenodd"
2951
2956
  />
2952
2957
  </svg>
2953
- `,vc=Object.freeze({__proto__:null,default:gc}),mc=te`
2958
+ `,vc=Object.freeze({__proto__:null,default:uc}),mc=te`
2954
2959
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2955
2960
  <path
2956
2961
  fill="currentColor"
@@ -3025,7 +3030,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3025
3030
  clip-rule="evenodd"
3026
3031
  />
3027
3032
  </svg>
3028
- `,zc=Object.freeze({__proto__:null,default:Zc}),Vc=te`
3033
+ `,Vc=Object.freeze({__proto__:null,default:Zc}),zc=te`
3029
3034
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3030
3035
  <path
3031
3036
  fill="currentColor"
@@ -3034,7 +3039,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3034
3039
  clip-rule="evenodd"
3035
3040
  />
3036
3041
  </svg>
3037
- `,Pc=Object.freeze({__proto__:null,default:Vc}),Ic=te`
3042
+ `,Pc=Object.freeze({__proto__:null,default:zc}),Dc=te`
3038
3043
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3039
3044
  <path
3040
3045
  fill="currentColor"
@@ -3047,14 +3052,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3047
3052
  clip-rule="evenodd"
3048
3053
  />
3049
3054
  </svg>
3050
- `,Lc=Object.freeze({__proto__:null,default:Ic}),Dc=te`
3055
+ `,Ic=Object.freeze({__proto__:null,default:Dc}),Lc=te`
3051
3056
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3052
3057
  <path
3053
3058
  fill="currentColor"
3054
3059
  d="M21 12.055C21 7.054 16.97 3 12.001 3 7.03 3.001 3 7.054 3 12.056c0 4.519 3.291 8.265 7.593 8.944v-6.327H8.309v-2.617h2.286V10.06c0-2.27 1.344-3.522 3.4-3.522.985 0 2.014.176 2.014.176v2.228h-1.135c-1.117 0-1.466.698-1.466 1.415v1.698h2.495l-.398 2.617h-2.098v6.327C17.71 20.319 21 16.574 21 12.055Z"
3055
3060
  />
3056
3061
  </svg>
3057
- `,Ac=Object.freeze({__proto__:null,default:Dc}),Ec=te`
3062
+ `,Ac=Object.freeze({__proto__:null,default:Lc}),Ec=te`
3058
3063
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3059
3064
  <path
3060
3065
  fill="currentColor"
@@ -3237,7 +3242,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3237
3242
  d="M8.316 13.963a.6.6 0 1 0-.231-1.177c-1.729.34-3.236.904-4.328 1.64-1.08.728-1.857 1.702-1.857 2.868 0 1.563 1.38 2.78 3.137 3.57 1.813.816 4.275 1.305 6.963 1.305 2.688 0 5.151-.49 6.964-1.305 1.757-.79 3.136-2.007 3.136-3.57 0-1.166-.777-2.14-1.856-2.867-1.092-.737-2.6-1.301-4.328-1.641a.6.6 0 1 0-.231 1.177c1.627.32 2.97.839 3.888 1.459.932.628 1.327 1.285 1.327 1.872 0 .797-.747 1.719-2.428 2.475-1.626.732-3.913 1.2-6.472 1.2-2.558 0-4.846-.468-6.47-1.2-1.683-.756-2.43-1.678-2.43-2.475 0-.587.395-1.244 1.328-1.873.919-.62 2.261-1.138 3.888-1.458Z"
3238
3243
  />
3239
3244
  </svg>
3240
- `,uh=Object.freeze({__proto__:null,default:ph}),gh=te`
3245
+ `,gh=Object.freeze({__proto__:null,default:ph}),uh=te`
3241
3246
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3242
3247
  <path fill="currentColor" d="M16.75 5.2a.863.863 0 1 0 0 1.725.863.863 0 0 0 0-1.725Z" />
3243
3248
  <path
@@ -3247,7 +3252,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3247
3252
  clip-rule="evenodd"
3248
3253
  />
3249
3254
  </svg>
3250
- `,vh=Object.freeze({__proto__:null,default:gh}),mh=te`
3255
+ `,vh=Object.freeze({__proto__:null,default:uh}),mh=te`
3251
3256
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3252
3257
  <path
3253
3258
  fill="currentColor"
@@ -3306,7 +3311,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3306
3311
  clip-rule="evenodd"
3307
3312
  />
3308
3313
  </svg>
3309
- `,zh=Object.freeze({__proto__:null,default:Zh}),Vh=te`
3314
+ `,Vh=Object.freeze({__proto__:null,default:Zh}),zh=te`
3310
3315
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3311
3316
  <path
3312
3317
  fill="currentColor"
@@ -3315,7 +3320,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3315
3320
  clip-rule="evenodd"
3316
3321
  />
3317
3322
  </svg>
3318
- `,Ph=Object.freeze({__proto__:null,default:Vh}),Ih=te`
3323
+ `,Ph=Object.freeze({__proto__:null,default:zh}),Dh=te`
3319
3324
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3320
3325
  <path
3321
3326
  fill="currentColor"
@@ -3324,7 +3329,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3324
3329
  clip-rule="evenodd"
3325
3330
  />
3326
3331
  </svg>
3327
- `,Lh=Object.freeze({__proto__:null,default:Ih}),Dh=te`
3332
+ `,Ih=Object.freeze({__proto__:null,default:Dh}),Lh=te`
3328
3333
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3329
3334
  <path
3330
3335
  fill="currentColor"
@@ -3333,7 +3338,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3333
3338
  clip-rule="evenodd"
3334
3339
  />
3335
3340
  </svg>
3336
- `,Ah=Object.freeze({__proto__:null,default:Dh}),Eh=te`
3341
+ `,Ah=Object.freeze({__proto__:null,default:Lh}),Eh=te`
3337
3342
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3338
3343
  <path
3339
3344
  fill="currentColor"
@@ -3490,14 +3495,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3490
3495
  d="M3 4.29C3 3.576 3.592 3 4.322 3h15.356C20.408 3 21 3.577 21 4.29v15.42c0 .713-.592 1.29-1.322 1.29H4.322C3.592 21 3 20.423 3 19.71V4.29Zm5.56 13.778V9.94h-2.7v8.128h2.7ZM7.21 8.83c.942 0 1.529-.623 1.529-1.404-.017-.798-.585-1.404-1.51-1.404S5.7 6.629 5.7 7.426c0 .78.586 1.404 1.493 1.404h.018Zm5.522 9.238v-4.54c0-.242.018-.485.09-.658.195-.485.64-.988 1.386-.988.978 0 1.368.745 1.368 1.838v4.348h2.701v-4.662c0-2.497-1.332-3.658-3.109-3.658-1.433 0-2.076.787-2.436 1.342v.028h-.018l.018-.028V9.94h-2.7c.034.763 0 8.128 0 8.128h2.7Z"
3491
3496
  />
3492
3497
  </svg>
3493
- `,up=Object.freeze({__proto__:null,default:pp}),gp=te`
3498
+ `,gp=Object.freeze({__proto__:null,default:pp}),up=te`
3494
3499
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3495
3500
  <path
3496
3501
  fill="currentColor"
3497
3502
  d="M4 4.375a1.625 1.625 0 1 0 0 3.25 1.625 1.625 0 0 0 0-3.25Zm5 1a.625.625 0 1 0 0 1.25h12a.625.625 0 1 0 0-1.25H9Zm-5 5a1.625 1.625 0 1 0 0 3.25 1.625 1.625 0 0 0 0-3.25Zm5 1a.625.625 0 1 0 0 1.25h12a.625.625 0 1 0 0-1.25H9Zm-5 5a1.625 1.625 0 1 0 0 3.25 1.625 1.625 0 0 0 0-3.25Zm5 1a.625.625 0 1 0 0 1.25h12a.625.625 0 1 0 0-1.25H9Z"
3498
3503
  />
3499
3504
  </svg>
3500
- `,vp=Object.freeze({__proto__:null,default:gp}),mp=te`
3505
+ `,vp=Object.freeze({__proto__:null,default:up}),mp=te`
3501
3506
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3502
3507
  <path
3503
3508
  fill="currentColor"
@@ -3570,7 +3575,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3570
3575
  clip-rule="evenodd"
3571
3576
  />
3572
3577
  </svg>
3573
- `,zp=Object.freeze({__proto__:null,default:Zp}),Vp=te`
3578
+ `,Vp=Object.freeze({__proto__:null,default:Zp}),zp=te`
3574
3579
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3575
3580
  <path
3576
3581
  fill="currentColor"
@@ -3579,21 +3584,21 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3579
3584
  clip-rule="evenodd"
3580
3585
  />
3581
3586
  </svg>
3582
- `,Pp=Object.freeze({__proto__:null,default:Vp}),Ip=te`
3587
+ `,Pp=Object.freeze({__proto__:null,default:zp}),Dp=te`
3583
3588
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3584
3589
  <path
3585
3590
  fill="currentColor"
3586
3591
  d="M6.498 5.01c2.62-1.106 7.426-2.376 10.817-1.389 1.744.508 3.326 2.43 3.63 4.476.251 1.696-.391 3.635-1.279 4.616a.36.36 0 0 0-.07.368c1.226 3.229-.699 4.789-2.892 5.227-2.245.448-4.438 1.218-6.547 2.118-2.161.923-5.258-.03-6.304-2.402-.59-1.341-.173-3.292.304-4.674a.538.538 0 0 0-.081-.496 5.5 5.5 0 0 1-.893-1.851c-.755-2.764.922-4.983 3.315-5.993Zm7.711 3.664c-.62-.703-1.719-.815-2.55-.028-.161.153-.457.118-.611-.042-.497-.514-1.406-.621-2.17-.307-.632.259-1.139.853-1.444 1.765 0 0-.554 2.183-1.028 3.511-.75 2.275 2.527 2.93 3.172.798l.93-3.34c.147-.484.37-.9.816-.785.446.117.47.586.294 1.09l-.435 1.844c-.398 1.472 1.623 1.869 2.051.52l.698-2.669c.14-.513.389-.814.75-.736.362.077.472.395.33.907l-.386 1.555c-.252.894-.024 1.637.856 1.782.96.157 1.562-.256 1.768-.43a.297.297 0 0 0 .096-.182.231.231 0 0 0-.22-.27c-.364-.01-.586-.066-.667-.306-.061-.184-.083-.382.028-.78a457.2 457.2 0 0 0 .521-1.91c.2-.739.48-1.582-.188-2.166-.56-.49-1.43-.35-2.112.226a.364.364 0 0 1-.499-.047Zm1.11 12.318c2.722-.072 3.46-1.777 2.826-1.905-1.73-.347-8.968 2.068-2.826 1.905ZM5.956 3.031c-1.874.15-2.453 2.048-2 2.048 1.2 0 6.095-2.375 2-2.048Z"
3587
3592
  />
3588
3593
  </svg>
3589
- `,Lp=Object.freeze({__proto__:null,default:Ip}),Dp=te`
3594
+ `,Ip=Object.freeze({__proto__:null,default:Dp}),Lp=te`
3590
3595
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3591
3596
  <path
3592
3597
  fill="currentColor"
3593
3598
  d="M2.375 6c0-.345.28-.625.625-.625h18a.625.625 0 1 1 0 1.25H3A.625.625 0 0 1 2.375 6Zm0 6c0-.345.28-.625.625-.625h18a.625.625 0 1 1 0 1.25H3A.625.625 0 0 1 2.375 12Zm0 6c0-.345.28-.625.625-.625h12a.625.625 0 1 1 0 1.25H3A.625.625 0 0 1 2.375 18Z"
3594
3599
  />
3595
3600
  </svg>
3596
- `,Ap=Object.freeze({__proto__:null,default:Dp}),Ep=te`
3601
+ `,Ap=Object.freeze({__proto__:null,default:Lp}),Ep=te`
3597
3602
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3598
3603
  <path
3599
3604
  fill="currentColor"
@@ -3686,7 +3691,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3686
3691
  clip-rule="evenodd"
3687
3692
  />
3688
3693
  </svg>
3689
- `,Qp=Object.freeze({__proto__:null,default:Xp}),eu=te`
3694
+ `,Qp=Object.freeze({__proto__:null,default:Xp}),eg=te`
3690
3695
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3691
3696
  <path
3692
3697
  fill="currentColor"
@@ -3695,7 +3700,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3695
3700
  clip-rule="evenodd"
3696
3701
  />
3697
3702
  </svg>
3698
- `,tu=Object.freeze({__proto__:null,default:eu}),su=te`
3703
+ `,tg=Object.freeze({__proto__:null,default:eg}),sg=te`
3699
3704
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3700
3705
  <path
3701
3706
  fill="currentColor"
@@ -3704,7 +3709,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3704
3709
  clip-rule="evenodd"
3705
3710
  />
3706
3711
  </svg>
3707
- `,iu=Object.freeze({__proto__:null,default:su}),au=te`
3712
+ `,ig=Object.freeze({__proto__:null,default:sg}),ag=te`
3708
3713
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3709
3714
  <path
3710
3715
  fill="currentColor"
@@ -3713,7 +3718,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3713
3718
  clip-rule="evenodd"
3714
3719
  />
3715
3720
  </svg>
3716
- `,ou=Object.freeze({__proto__:null,default:au}),nu=te`
3721
+ `,og=Object.freeze({__proto__:null,default:ag}),ng=te`
3717
3722
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3718
3723
  <path
3719
3724
  fill="currentColor"
@@ -3722,7 +3727,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3722
3727
  clip-rule="evenodd"
3723
3728
  />
3724
3729
  </svg>
3725
- `,ru=Object.freeze({__proto__:null,default:nu}),lu=te`
3730
+ `,rg=Object.freeze({__proto__:null,default:ng}),lg=te`
3726
3731
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3727
3732
  <path
3728
3733
  fill="currentColor"
@@ -3731,7 +3736,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3731
3736
  clip-rule="evenodd"
3732
3737
  />
3733
3738
  </svg>
3734
- `,du=Object.freeze({__proto__:null,default:lu}),cu=te`
3739
+ `,dg=Object.freeze({__proto__:null,default:lg}),cg=te`
3735
3740
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3736
3741
  <path
3737
3742
  fill="currentColor"
@@ -3744,7 +3749,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3744
3749
  clip-rule="evenodd"
3745
3750
  />
3746
3751
  </svg>
3747
- `,hu=Object.freeze({__proto__:null,default:cu}),pu=te`
3752
+ `,hg=Object.freeze({__proto__:null,default:cg}),pg=te`
3748
3753
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3749
3754
  <path
3750
3755
  fill="currentColor"
@@ -3753,7 +3758,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3753
3758
  clip-rule="evenodd"
3754
3759
  />
3755
3760
  </svg>
3756
- `,uu=Object.freeze({__proto__:null,default:pu}),gu=te`
3761
+ `,gg=Object.freeze({__proto__:null,default:pg}),ug=te`
3757
3762
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3758
3763
  <path
3759
3764
  fill="currentColor"
@@ -3762,14 +3767,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3762
3767
  clip-rule="evenodd"
3763
3768
  />
3764
3769
  </svg>
3765
- `,vu=Object.freeze({__proto__:null,default:gu}),mu=te`
3770
+ `,vg=Object.freeze({__proto__:null,default:ug}),mg=te`
3766
3771
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3767
3772
  <path
3768
3773
  fill="currentColor"
3769
3774
  d="M10.855 20.676A8.81 8.81 0 0 0 12 20.75V22c-.443 0-.878-.032-1.306-.088l.161-1.236Zm2.29 0 .16 1.236c-.428.056-.863.088-1.305.088v-1.25c.389 0 .77-.025 1.145-.074Zm-6.471-1.734c.602.463 1.267.85 1.977 1.145l-.48 1.152a9.987 9.987 0 0 1-2.259-1.307l.762-.99Zm11.413.99a9.986 9.986 0 0 1-2.26 1.307l-.478-1.152a8.745 8.745 0 0 0 1.977-1.145l.76.99ZM3.913 15.349c.295.71.682 1.375 1.145 1.977l-.99.76a9.984 9.984 0 0 1-1.308-2.259l1.153-.478Zm17.326.478a9.986 9.986 0 0 1-1.307 2.26l-.99-.76a8.745 8.745 0 0 0 1.145-1.978l1.152.478ZM2 12c0-.443.031-.878.087-1.306l.617.08.62.082a8.844 8.844 0 0 0 0 2.289l-.62.08-.617.08A10.089 10.089 0 0 1 2 12Zm20 0c0 .442-.032.877-.088 1.305l-.616-.08-.62-.08a8.842 8.842 0 0 0 0-2.29l1.236-.16c.056.427.088.862.088 1.305ZM5.058 6.674A8.745 8.745 0 0 0 3.913 8.65L2.76 8.17a9.987 9.987 0 0 1 1.307-2.259l.99.762Zm14.874-.762c.529.688.97 1.447 1.307 2.26l-1.152.48a8.745 8.745 0 0 0-1.145-1.978l.99-.762ZM8.652 3.913a8.745 8.745 0 0 0-1.978 1.145l-.762-.99a9.987 9.987 0 0 1 2.26-1.308l.48 1.153Zm7.175-1.153a9.984 9.984 0 0 1 2.26 1.307l-.76.99a8.745 8.745 0 0 0-1.978-1.144l.478-1.153ZM12 2c.442 0 .878.031 1.305.087l-.075.583-.085.654a8.844 8.844 0 0 0-2.29 0l-.085-.654-.076-.583A10.09 10.09 0 0 1 12 2Z"
3770
3775
  />
3771
3776
  </svg>
3772
- `,fu=Object.freeze({__proto__:null,default:mu}),bu=te`
3777
+ `,fg=Object.freeze({__proto__:null,default:mg}),bg=te`
3773
3778
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3774
3779
  <path
3775
3780
  fill="currentColor"
@@ -3778,14 +3783,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3778
3783
  clip-rule="evenodd"
3779
3784
  />
3780
3785
  </svg>
3781
- `,wu=Object.freeze({__proto__:null,default:bu}),yu=te`
3786
+ `,wg=Object.freeze({__proto__:null,default:bg}),yg=te`
3782
3787
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3783
3788
  <path
3784
3789
  fill="currentColor"
3785
3790
  d="M17.518 10.57c.703.467 1.055.7 1.178.996.107.257.108.547.002.805-.122.296-.473.53-1.174 1l-7.905 5.294c-.85.57-1.276.855-1.628.834a1.052 1.052 0 0 1-.778-.415C7 18.802 7 18.291 7 17.267V6.727c0-1.02 0-1.529.213-1.81.185-.245.468-.397.775-.416.352-.021.776.26 1.625.824l7.905 5.246Z"
3786
3791
  />
3787
3792
  </svg>
3788
- `,xu=Object.freeze({__proto__:null,default:yu}),_u=te`
3793
+ `,xg=Object.freeze({__proto__:null,default:yg}),_g=te`
3789
3794
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3790
3795
  <path
3791
3796
  fill="currentColor"
@@ -3794,7 +3799,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3794
3799
  clip-rule="evenodd"
3795
3800
  />
3796
3801
  </svg>
3797
- `,ku=Object.freeze({__proto__:null,default:_u}),Cu=te`
3802
+ `,kg=Object.freeze({__proto__:null,default:_g}),Cg=te`
3798
3803
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3799
3804
  <path
3800
3805
  fill="currentColor"
@@ -3803,7 +3808,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3803
3808
  clip-rule="evenodd"
3804
3809
  />
3805
3810
  </svg>
3806
- `,$u=Object.freeze({__proto__:null,default:Cu}),Su=te`
3811
+ `,$g=Object.freeze({__proto__:null,default:Cg}),Sg=te`
3807
3812
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3808
3813
  <path
3809
3814
  fill="currentColor"
@@ -3812,7 +3817,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3812
3817
  clip-rule="evenodd"
3813
3818
  />
3814
3819
  </svg>
3815
- `,Mu=Object.freeze({__proto__:null,default:Su}),Zu=te`
3820
+ `,Mg=Object.freeze({__proto__:null,default:Sg}),Zg=te`
3816
3821
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3817
3822
  <path
3818
3823
  fill="currentColor"
@@ -3821,7 +3826,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3821
3826
  clip-rule="evenodd"
3822
3827
  />
3823
3828
  </svg>
3824
- `,zu=Object.freeze({__proto__:null,default:Zu}),Vu=te`
3829
+ `,Vg=Object.freeze({__proto__:null,default:Zg}),zg=te`
3825
3830
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3826
3831
  <path
3827
3832
  fill="currentColor"
@@ -3834,7 +3839,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3834
3839
  clip-rule="evenodd"
3835
3840
  />
3836
3841
  </svg>
3837
- `,Pu=Object.freeze({__proto__:null,default:Vu}),Iu=te`
3842
+ `,Pg=Object.freeze({__proto__:null,default:zg}),Dg=te`
3838
3843
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3839
3844
  <path
3840
3845
  fill="currentColor"
@@ -3849,7 +3854,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3849
3854
  clip-rule="evenodd"
3850
3855
  />
3851
3856
  </svg>
3852
- `,Lu=Object.freeze({__proto__:null,default:Iu}),Du=te`
3857
+ `,Ig=Object.freeze({__proto__:null,default:Dg}),Lg=te`
3853
3858
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3854
3859
  <path
3855
3860
  fill="currentColor"
@@ -3858,7 +3863,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3858
3863
  clip-rule="evenodd"
3859
3864
  />
3860
3865
  </svg>
3861
- `,Au=Object.freeze({__proto__:null,default:Du}),Eu=te`
3866
+ `,Ag=Object.freeze({__proto__:null,default:Lg}),Eg=te`
3862
3867
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3863
3868
  <path
3864
3869
  fill="currentColor"
@@ -3867,7 +3872,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3867
3872
  clip-rule="evenodd"
3868
3873
  />
3869
3874
  </svg>
3870
- `,Bu=Object.freeze({__proto__:null,default:Eu}),Hu=te`
3875
+ `,Bg=Object.freeze({__proto__:null,default:Eg}),Hg=te`
3871
3876
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3872
3877
  <path
3873
3878
  fill="currentColor"
@@ -3876,7 +3881,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3876
3881
  clip-rule="evenodd"
3877
3882
  />
3878
3883
  </svg>
3879
- `,Ou=Object.freeze({__proto__:null,default:Hu}),Tu=te`
3884
+ `,Og=Object.freeze({__proto__:null,default:Hg}),Tg=te`
3880
3885
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3881
3886
  <path
3882
3887
  fill="#DB0000"
@@ -3899,7 +3904,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3899
3904
  d="M11.687 6.91s.261-.256.349-.466c3.964 1.713 3.34 4.616.972 7.052-1.452 1.548-1.002 3.218-1.002 3.218s-1.77 1.142-2.381 2.135c0 0-2.565-2.261.987-6.014 3.485-3.684 1.075-5.925 1.075-5.925Z"
3900
3905
  />
3901
3906
  </svg>
3902
- `,Ru=Object.freeze({__proto__:null,default:Tu}),Fu=te`
3907
+ `,Rg=Object.freeze({__proto__:null,default:Tg}),Fg=te`
3903
3908
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3904
3909
  <path
3905
3910
  fill="currentColor"
@@ -3908,7 +3913,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3908
3913
  clip-rule="evenodd"
3909
3914
  />
3910
3915
  </svg>
3911
- `,Nu=Object.freeze({__proto__:null,default:Fu}),ju=te`
3916
+ `,Ng=Object.freeze({__proto__:null,default:Fg}),jg=te`
3912
3917
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3913
3918
  <path
3914
3919
  fill="currentColor"
@@ -3921,7 +3926,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3921
3926
  clip-rule="evenodd"
3922
3927
  />
3923
3928
  </svg>
3924
- `,Uu=Object.freeze({__proto__:null,default:ju}),qu=te`
3929
+ `,Ug=Object.freeze({__proto__:null,default:jg}),qg=te`
3925
3930
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3926
3931
  <path
3927
3932
  fill="currentColor"
@@ -3934,7 +3939,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3934
3939
  d="M15.5 9.058a.626.626 0 0 1 .885.884L14.327 12l2.058 2.058a.626.626 0 0 1-.885.884l-2.5-2.5a.626.626 0 0 1 0-.884l2.5-2.5Z"
3935
3940
  />
3936
3941
  </svg>
3937
- `,Yu=Object.freeze({__proto__:null,default:qu}),Ku=te`
3942
+ `,Yg=Object.freeze({__proto__:null,default:qg}),Kg=te`
3938
3943
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3939
3944
  <path
3940
3945
  fill="currentColor"
@@ -3947,7 +3952,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3947
3952
  d="M13.116 9.058a.626.626 0 0 1 .884 0l2.5 2.5a.626.626 0 0 1 0 .884l-2.5 2.5a.625.625 0 0 1-.884-.884L15.174 12l-2.058-2.058a.626.626 0 0 1 0-.884Z"
3948
3953
  />
3949
3954
  </svg>
3950
- `,Wu=Object.freeze({__proto__:null,default:Ku}),Gu=te`
3955
+ `,Wg=Object.freeze({__proto__:null,default:Kg}),Gg=te`
3951
3956
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3952
3957
  <path
3953
3958
  fill="currentColor"
@@ -3956,11 +3961,11 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3956
3961
  clip-rule="evenodd"
3957
3962
  />
3958
3963
  </svg>
3959
- `,Ju=Object.freeze({__proto__:null,default:Gu}),Xu=te`
3964
+ `,Jg=Object.freeze({__proto__:null,default:Gg}),Xg=te`
3960
3965
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3961
3966
  <path fill="currentColor" d="M16.441 1.72a.624.624 0 1 1 1.118.56l-10 20a.624.624 0 1 1-1.118-.56l10-20Z" />
3962
3967
  </svg>
3963
- `,Qu=Object.freeze({__proto__:null,default:Xu}),eg=te`
3968
+ `,Qg=Object.freeze({__proto__:null,default:Xg}),eu=te`
3964
3969
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3965
3970
  <path
3966
3971
  fill="currentColor"
@@ -3987,21 +3992,21 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
3987
3992
  d="M12 13.875c.345 0 .625.28.625.625v6a.625.625 0 1 1-1.25 0v-6c0-.345.28-.625.625-.625Z"
3988
3993
  />
3989
3994
  </svg>
3990
- `,tg=Object.freeze({__proto__:null,default:eg}),sg=te`
3995
+ `,tu=Object.freeze({__proto__:null,default:eu}),su=te`
3991
3996
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3992
3997
  <path
3993
3998
  fill="currentColor"
3994
3999
  d="M17 17.375a.625.625 0 1 1 0 1.25H4a.625.625 0 1 1 0-1.25h13Zm-5-6a.625.625 0 1 1 0 1.25H4a.625.625 0 1 1 0-1.25h8Zm4.064-7.823a.625.625 0 0 1 .872 0l3.5 3.405a.625.625 0 1 1-.872.896L17.125 5.48V12a.625.625 0 1 1-1.25 0V5.48l-2.44 2.373a.625.625 0 1 1-.87-.896l3.5-3.405ZM8 5.375a.625.625 0 1 1 0 1.25H4a.625.625 0 1 1 0-1.25h4Z"
3995
4000
  />
3996
4001
  </svg>
3997
- `,ig=Object.freeze({__proto__:null,default:sg}),ag=te`
4002
+ `,iu=Object.freeze({__proto__:null,default:su}),au=te`
3998
4003
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3999
4004
  <path
4000
4005
  fill="currentColor"
4001
4006
  d="M16.5 11.375c.345 0 .625.28.625.625v6.52l2.44-2.372a.625.625 0 1 1 .87.895l-3.5 3.405a.625.625 0 0 1-.87 0l-3.5-3.405a.625.625 0 1 1 .87-.895l2.44 2.372V12c0-.345.28-.625.625-.625Zm-8.5 6a.625.625 0 1 1 0 1.25H4a.625.625 0 1 1 0-1.25h4Zm4-6a.625.625 0 1 1 0 1.25H4a.625.625 0 1 1 0-1.25h8Zm5-6a.625.625 0 1 1 0 1.25H4a.625.625 0 1 1 0-1.25h13Z"
4002
4007
  />
4003
4008
  </svg>
4004
- `,og=Object.freeze({__proto__:null,default:ag}),ng=te`
4009
+ `,ou=Object.freeze({__proto__:null,default:au}),nu=te`
4005
4010
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4006
4011
  <path
4007
4012
  fill="currentColor"
@@ -4010,7 +4015,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4010
4015
  clip-rule="evenodd"
4011
4016
  />
4012
4017
  </svg>
4013
- `,rg=Object.freeze({__proto__:null,default:ng}),lg=te`
4018
+ `,ru=Object.freeze({__proto__:null,default:nu}),lu=te`
4014
4019
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4015
4020
  <path
4016
4021
  fill="currentColor"
@@ -4019,7 +4024,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4019
4024
  clip-rule="evenodd"
4020
4025
  />
4021
4026
  </svg>
4022
- `,dg=Object.freeze({__proto__:null,default:lg}),cg=te`
4027
+ `,du=Object.freeze({__proto__:null,default:lu}),cu=te`
4023
4028
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4024
4029
  <path
4025
4030
  fill="currentColor"
@@ -4028,7 +4033,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4028
4033
  clip-rule="evenodd"
4029
4034
  />
4030
4035
  </svg>
4031
- `,hg=Object.freeze({__proto__:null,default:cg}),pg=te`
4036
+ `,hu=Object.freeze({__proto__:null,default:cu}),pu=te`
4032
4037
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4033
4038
  <path
4034
4039
  fill="currentColor"
@@ -4037,7 +4042,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4037
4042
  clip-rule="evenodd"
4038
4043
  />
4039
4044
  </svg>
4040
- `,ug=Object.freeze({__proto__:null,default:pg}),gg=te`
4045
+ `,gu=Object.freeze({__proto__:null,default:pu}),uu=te`
4041
4046
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4042
4047
  <path
4043
4048
  fill="currentColor"
@@ -4052,28 +4057,28 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4052
4057
  clip-rule="evenodd"
4053
4058
  />
4054
4059
  </svg>
4055
- `,vg=Object.freeze({__proto__:null,default:gg}),mg=te`
4060
+ `,vu=Object.freeze({__proto__:null,default:uu}),mu=te`
4056
4061
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4057
4062
  <path
4058
4063
  fill="currentColor"
4059
4064
  d="M11.412 21.412v-1.883a.588.588 0 1 1 1.176 0v1.883a.588.588 0 0 1-1.176 0Zm-5.18-4.473a.588.588 0 0 1 .832.832l-1.33 1.331a.588.588 0 1 1-.832-.832l1.33-1.33Zm10.704 0c.23-.23.602-.23.831 0l1.331 1.331a.588.588 0 1 1-.831.832l-1.331-1.33a.588.588 0 0 1 0-.833ZM16.118 12a4.118 4.118 0 1 0-8.236 0 4.118 4.118 0 0 0 8.236 0ZM4.47 11.412a.588.588 0 1 1 0 1.176H2.588a.588.588 0 1 1 0-1.176h1.883Zm16.94 0a.588.588 0 0 1 0 1.176h-1.88a.588.588 0 1 1 0-1.176h1.883ZM4.9 4.902c.23-.23.603-.23.832 0l1.331 1.33a.588.588 0 1 1-.831.832l-1.331-1.33a.588.588 0 0 1 0-.832Zm13.366 0a.588.588 0 1 1 .831.831l-1.33 1.331a.588.588 0 1 1-.832-.831l1.33-1.331Zm-6.855-.431V2.588a.588.588 0 1 1 1.176 0v1.883a.588.588 0 1 1-1.176 0ZM17.294 12a5.294 5.294 0 1 1-10.588 0 5.294 5.294 0 0 1 10.588 0Z"
4060
4065
  />
4061
4066
  </svg>
4062
- `,fg=Object.freeze({__proto__:null,default:mg}),bg=te`
4067
+ `,fu=Object.freeze({__proto__:null,default:mu}),bu=te`
4063
4068
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4064
4069
  <path
4065
4070
  fill="currentColor"
4066
4071
  d="M16.058 3.058a.625.625 0 0 1 .884 0l4 4a.625.625 0 0 1 0 .884l-4 4a.625.625 0 1 1-.884-.884l2.933-2.933H3.5a.625.625 0 1 1 0-1.25h15.491l-2.933-2.933a.625.625 0 0 1 0-.884Zm-8.116 9a.625.625 0 0 1 0 .884l-2.933 2.933H20.5a.625.625 0 1 1 0 1.25H5.009l2.933 2.933a.625.625 0 1 1-.884.884l-4-4a.625.625 0 0 1 0-.884l4-4a.625.625 0 0 1 .884 0Z"
4067
4072
  />
4068
4073
  </svg>
4069
- `,wg=Object.freeze({__proto__:null,default:bg}),yg=te`
4074
+ `,wu=Object.freeze({__proto__:null,default:bu}),yu=te`
4070
4075
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4071
4076
  <path
4072
4077
  fill="currentColor"
4073
4078
  d="M7.058 3.058a.625.625 0 0 1 .884 0l4 4a.625.625 0 1 1-.884.884L8.125 5.009V20.5a.625.625 0 1 1-1.25 0V5.009L3.942 7.942a.625.625 0 1 1-.884-.884l4-4Zm8.817.442a.625.625 0 1 1 1.25 0v15.491l2.933-2.933a.625.625 0 1 1 .884.884l-4 4a.625.625 0 0 1-.884 0l-4-4a.625.625 0 1 1 .884-.884l2.933 2.933V3.5Z"
4074
4079
  />
4075
4080
  </svg>
4076
- `,xg=Object.freeze({__proto__:null,default:yg}),_g=te`
4081
+ `,xu=Object.freeze({__proto__:null,default:yu}),_u=te`
4077
4082
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4078
4083
  <path fill="currentColor" d="M10.5 16.875a.625.625 0 1 0 0 1.25h3a.625.625 0 1 0 0-1.25h-3Z" />
4079
4084
  <path
@@ -4083,14 +4088,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4083
4088
  clip-rule="evenodd"
4084
4089
  />
4085
4090
  </svg>
4086
- `,kg=Object.freeze({__proto__:null,default:_g}),Cg=te`
4091
+ `,ku=Object.freeze({__proto__:null,default:_u}),Cu=te`
4087
4092
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4088
4093
  <path
4089
4094
  fill="currentColor"
4090
4095
  d="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm3.68 5.418c-.339.006-.858.187-3.358 1.227-.875.364-2.624 1.117-5.248 2.26-.426.17-.65.335-.67.497-.039.311.41.408.973.591.46.15 1.077.324 1.398.331.292.007.618-.114.977-.36 2.448-1.653 3.714-2.489 3.796-2.509.056-.013.134-.029.186.018.053.046.048.135.042.159-.044.19-2.347 2.285-2.48 2.423-.505.526-1.082.847-.194 1.432.77.507 1.217.83 2.01 1.35.505.332.903.725 1.425.677.24-.023.488-.25.614-.923.299-1.594.885-5.047 1.02-6.47a1.587 1.587 0 0 0-.015-.354.379.379 0 0 0-.128-.245.592.592 0 0 0-.348-.104Z"
4091
4096
  />
4092
4097
  </svg>
4093
- `,$g=Object.freeze({__proto__:null,default:Cg}),Sg=te`
4098
+ `,$u=Object.freeze({__proto__:null,default:Cu}),Su=te`
4094
4099
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4095
4100
  <path
4096
4101
  fill="currentColor"
@@ -4099,7 +4104,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4099
4104
  clip-rule="evenodd"
4100
4105
  />
4101
4106
  </svg>
4102
- `,Mg=Object.freeze({__proto__:null,default:Sg}),Zg=te`
4107
+ `,Mu=Object.freeze({__proto__:null,default:Su}),Zu=te`
4103
4108
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4104
4109
  <path
4105
4110
  fill="currentColor"
@@ -4108,7 +4113,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4108
4113
  clip-rule="evenodd"
4109
4114
  />
4110
4115
  </svg>
4111
- `,zg=Object.freeze({__proto__:null,default:Zg}),Vg=te`
4116
+ `,Vu=Object.freeze({__proto__:null,default:Zu}),zu=te`
4112
4117
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4113
4118
  <path
4114
4119
  fill="currentColor"
@@ -4117,7 +4122,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4117
4122
  clip-rule="evenodd"
4118
4123
  />
4119
4124
  </svg>
4120
- `,Pg=Object.freeze({__proto__:null,default:Vg}),Ig=te`
4125
+ `,Pu=Object.freeze({__proto__:null,default:zu}),Du=te`
4121
4126
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4122
4127
  <path
4123
4128
  fill="currentColor"
@@ -4130,7 +4135,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4130
4135
  clip-rule="evenodd"
4131
4136
  />
4132
4137
  </svg>
4133
- `,Lg=Object.freeze({__proto__:null,default:Ig}),Dg=te`
4138
+ `,Iu=Object.freeze({__proto__:null,default:Du}),Lu=te`
4134
4139
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4135
4140
  <path
4136
4141
  fill="currentColor"
@@ -4139,7 +4144,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4139
4144
  clip-rule="evenodd"
4140
4145
  />
4141
4146
  </svg>
4142
- `,Ag=Object.freeze({__proto__:null,default:Dg}),Eg=te`
4147
+ `,Au=Object.freeze({__proto__:null,default:Lu}),Eu=te`
4143
4148
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4144
4149
  <path
4145
4150
  fill="currentColor"
@@ -4148,7 +4153,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4148
4153
  clip-rule="evenodd"
4149
4154
  />
4150
4155
  </svg>
4151
- `,Bg=Object.freeze({__proto__:null,default:Eg}),Hg=te`
4156
+ `,Bu=Object.freeze({__proto__:null,default:Eu}),Hu=te`
4152
4157
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4153
4158
  <path
4154
4159
  fill="currentColor"
@@ -4165,7 +4170,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4165
4170
  d="M8.719 21.5c0-.345.28-.625.625-.625h5.312a.625.625 0 1 1 0 1.25H9.344a.625.625 0 0 1-.625-.625Z"
4166
4171
  />
4167
4172
  </svg>
4168
- `,Og=Object.freeze({__proto__:null,default:Hg}),Tg=te`
4173
+ `,Ou=Object.freeze({__proto__:null,default:Hu}),Tu=te`
4169
4174
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4170
4175
  <path
4171
4176
  fill="currentColor"
@@ -4178,7 +4183,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4178
4183
  clip-rule="evenodd"
4179
4184
  />
4180
4185
  </svg>
4181
- `,Rg=Object.freeze({__proto__:null,default:Tg}),Fg=te`
4186
+ `,Ru=Object.freeze({__proto__:null,default:Tu}),Fu=te`
4182
4187
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4183
4188
  <path
4184
4189
  fill="currentColor"
@@ -4187,21 +4192,21 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4187
4192
  clip-rule="evenodd"
4188
4193
  />
4189
4194
  </svg>
4190
- `,Ng=Object.freeze({__proto__:null,default:Fg}),jg=te`
4195
+ `,Nu=Object.freeze({__proto__:null,default:Fu}),ju=te`
4191
4196
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4192
4197
  <path
4193
4198
  fill="currentColor"
4194
4199
  d="M1.558 6.558a.626.626 0 0 1 .884 0l4.868 4.869c.206.205.334.332.437.42a.498.498 0 0 0 .137.095.377.377 0 0 0 .232 0 .498.498 0 0 0 .137-.095 8.72 8.72 0 0 0 .436-.42l2.738-2.738c.19-.19.36-.36.511-.489.157-.133.336-.258.56-.33a1.624 1.624 0 0 1 1.004 0c.224.072.402.197.56.33.151.129.32.299.511.49l6.802 6.8V10a.625.625 0 1 1 1.25 0v7c0 .345-.28.625-.625.625h-7a.625.625 0 1 1 0-1.25h5.49l-6.8-6.802a8.424 8.424 0 0 0-.437-.42.498.498 0 0 0-.137-.095.377.377 0 0 0-.232 0 .498.498 0 0 0-.137.095 8.424 8.424 0 0 0-.437.42L9.573 12.31c-.19.191-.36.361-.512.49a1.652 1.652 0 0 1-.56.33 1.624 1.624 0 0 1-1.003 0 1.652 1.652 0 0 1-.56-.33c-.151-.129-.32-.299-.511-.49l-4.87-4.868a.626.626 0 0 1 0-.884Z"
4195
4200
  />
4196
4201
  </svg>
4197
- `,Ug=Object.freeze({__proto__:null,default:jg}),qg=te`
4202
+ `,Uu=Object.freeze({__proto__:null,default:ju}),qu=te`
4198
4203
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4199
4204
  <path
4200
4205
  fill="currentColor"
4201
4206
  d="M22.625 14a.625.625 0 0 1-1.25 0V8.509l-6.802 6.801c-.19.191-.36.361-.511.49a1.653 1.653 0 0 1-.56.33 1.624 1.624 0 0 1-1.004 0 1.653 1.653 0 0 1-.56-.33c-.151-.129-.32-.299-.511-.49l-2.738-2.737a8.411 8.411 0 0 0-.436-.42.495.495 0 0 0-.137-.095.377.377 0 0 0-.232 0 .495.495 0 0 0-.137.095 8.416 8.416 0 0 0-.436.42l-4.869 4.87a.626.626 0 0 1-.884-.885l4.869-4.868c.19-.191.36-.361.511-.49.158-.133.336-.258.56-.33a1.624 1.624 0 0 1 1.004 0c.224.072.402.197.56.33.151.129.32.299.511.49l2.737 2.737c.206.205.333.332.437.42a.497.497 0 0 0 .137.095.377.377 0 0 0 .232 0 .5.5 0 0 0 .137-.095 8.72 8.72 0 0 0 .436-.42l6.801-6.802H15a.625.625 0 1 1 0-1.25h7c.345 0 .625.28.625.625v7Z"
4202
4207
  />
4203
4208
  </svg>
4204
- `,Yg=Object.freeze({__proto__:null,default:qg}),Kg=te`
4209
+ `,Yu=Object.freeze({__proto__:null,default:qu}),Ku=te`
4205
4210
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4206
4211
  <path
4207
4212
  fill="currentColor"
@@ -4210,14 +4215,14 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4210
4215
  clip-rule="evenodd"
4211
4216
  />
4212
4217
  </svg>
4213
- `,Wg=Object.freeze({__proto__:null,default:Kg}),Gg=te`
4218
+ `,Wu=Object.freeze({__proto__:null,default:Ku}),Gu=te`
4214
4219
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4215
4220
  <path
4216
4221
  fill="currentColor"
4217
4222
  d="M17.176 3.844h2.76l-6.03 6.91L21 20.156h-5.554l-4.35-5.702-4.979 5.702H3.355l6.45-7.39L3 3.843h5.695l3.933 5.212 4.548-5.212ZM16.207 18.5h1.53L7.864 5.413h-1.64L16.206 18.5Z"
4218
4223
  />
4219
4224
  </svg>
4220
- `,Jg=Object.freeze({__proto__:null,default:Gg}),Xg=te`
4225
+ `,Ju=Object.freeze({__proto__:null,default:Gu}),Xu=te`
4221
4226
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4222
4227
  <path
4223
4228
  fill="currentColor"
@@ -4226,7 +4231,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4226
4231
  clip-rule="evenodd"
4227
4232
  />
4228
4233
  </svg>
4229
- `,Qg=Object.freeze({__proto__:null,default:Xg}),ev=te`
4234
+ `,Qu=Object.freeze({__proto__:null,default:Xu}),ev=te`
4230
4235
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4231
4236
  <path
4232
4237
  fill="currentColor"
@@ -4313,7 +4318,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4313
4318
  clip-rule="evenodd"
4314
4319
  />
4315
4320
  </svg>
4316
- `,uv=Object.freeze({__proto__:null,default:pv}),gv=te`
4321
+ `,gv=Object.freeze({__proto__:null,default:pv}),uv=te`
4317
4322
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4318
4323
  <path
4319
4324
  fill="currentColor"
@@ -4326,7 +4331,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4326
4331
  d="M18.366 5.993a.625.625 0 0 1 .872.142A10.011 10.011 0 0 1 21.125 12c0 2.188-.7 4.214-1.887 5.865a.625.625 0 0 1-1.014-.73A8.761 8.761 0 0 0 19.875 12a8.76 8.76 0 0 0-1.651-5.135.625.625 0 0 1 .142-.872Zm-3.138 2.351a.625.625 0 0 1 .87.156 6.1 6.1 0 0 1 1.099 3.5 6.1 6.1 0 0 1-1.098 3.5.625.625 0 1 1-1.026-.715A4.85 4.85 0 0 0 15.947 12a4.85 4.85 0 0 0-.874-2.785.625.625 0 0 1 .155-.87Z"
4327
4332
  />
4328
4333
  </svg>
4329
- `,vv=Object.freeze({__proto__:null,default:gv}),mv=te`
4334
+ `,vv=Object.freeze({__proto__:null,default:uv}),mv=te`
4330
4335
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4331
4336
  <path
4332
4337
  fill="currentColor"
@@ -4401,7 +4406,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4401
4406
  clip-rule="evenodd"
4402
4407
  />
4403
4408
  </svg>
4404
- `,zv=Object.freeze({__proto__:null,default:Zv}),Vv=te`
4409
+ `,Vv=Object.freeze({__proto__:null,default:Zv}),zv=te`
4405
4410
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4406
4411
  <path
4407
4412
  fill="currentColor"
@@ -4410,7 +4415,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4410
4415
  clip-rule="evenodd"
4411
4416
  />
4412
4417
  </svg>
4413
- `,Pv=Object.freeze({__proto__:null,default:Vv}),Iv=te`
4418
+ `,Pv=Object.freeze({__proto__:null,default:zv}),Dv=te`
4414
4419
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4415
4420
  <path
4416
4421
  fill="currentColor"
@@ -4419,7 +4424,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4419
4424
  clip-rule="evenodd"
4420
4425
  />
4421
4426
  </svg>
4422
- `,Lv=Object.freeze({__proto__:null,default:Iv}),Dv=te`
4427
+ `,Iv=Object.freeze({__proto__:null,default:Dv}),Lv=te`
4423
4428
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4424
4429
  <path
4425
4430
  fill="currentColor"
@@ -4432,7 +4437,7 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4432
4437
  clip-rule="evenodd"
4433
4438
  />
4434
4439
  </svg>
4435
- `,Av=Object.freeze({__proto__:null,default:Dv}),Ev=te`
4440
+ `,Av=Object.freeze({__proto__:null,default:Lv}),Ev=te`
4436
4441
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
4437
4442
  <path
4438
4443
  fill="currentColor"
@@ -4484,5 +4489,5 @@ const wn="important",yn=" !"+wn;const xn=Ye(class extends Ke{constructor(e){if(s
4484
4489
  clip-rule="evenodd"
4485
4490
  />
4486
4491
  </svg>
4487
- `,Yv=Object.freeze({__proto__:null,default:qv});e.SgdsAccordion=Fe,e.SgdsAccordionItem=lt,e.SgdsAlert=kt,e.SgdsAlertLink=St,e.SgdsAppnav=Wt,e.SgdsAppnavProfile=Xi,e.SgdsBadge=sa,e.SgdsBreadcrumb=la,e.SgdsBreadcrumbItem=pa,e.SgdsButton=va,e.SgdsCard=ka,e.SgdsCheckbox=Aa,e.SgdsCheckboxGroup=Ba,e.SgdsCloseButton=ft,e.SgdsComboBox=Ya,e.SgdsComboBoxOption=ja,e.SgdsDataTable=eo,e.SgdsDataTableCell=Ja,e.SgdsDataTableHead=Xa,e.SgdsDataTableRow=Qa,e.SgdsDatepicker=Zo,e.SgdsDescriptionList=Po,e.SgdsDescriptionListGroup=Lo,e.SgdsDivider=Ao,e.SgdsDrawer=To,e.SgdsDropdown=Wi,e.SgdsDropdownItem=oa,e.SgdsFileUpload=Fo,e.SgdsFooter=Uo,e.SgdsFooterItem=Yo,e.SgdsIcon=xt,e.SgdsIconButton=Nt,e.SgdsIconCard=Wo,e.SgdsIconList=Jo,e.SgdsImageCard=Qo,e.SgdsInput=Co,e.SgdsLink=ca,e.SgdsMainnav=an,e.SgdsMainnavDropdown=rn,e.SgdsMainnavItem=dn,e.SgdsMainnavProfile=cn,e.SgdsMasthead=un,e.SgdsModal=bn,e.SgdsOverflowMenu=na,e.SgdsPagination=Ga,e.SgdsProgressBar=kn,e.SgdsQuantityToggle=$n,e.SgdsRadio=Mn,e.SgdsRadioGroup=zn,e.SgdsSelect=In,e.SgdsSelectOption=Pn,e.SgdsSidebar=Nn,e.SgdsSidenav=Un,e.SgdsSidenavItem=Yn,e.SgdsSidenavLink=Wn,e.SgdsSkeleton=Jn,e.SgdsSpinner=Rt,e.SgdsStep=Qn,e.SgdsStepper=tr,e.SgdsSubnav=ar,e.SgdsSubnavItem=nr,e.SgdsSwitch=lr,e.SgdsSystemBanner=cr,e.SgdsTab=ur,e.SgdsTabGroup=vr,e.SgdsTabPanel=br,e.SgdsTable=xr,e.SgdsTableCell=kr,e.SgdsTableHead=$r,e.SgdsTableOfContents=zr,e.SgdsTableRow=Mr,e.SgdsTextarea=Pr,e.SgdsThumbnailCard=Lr,e.SgdsToast=Ar,e.SgdsToastContainer=Br,e.SgdsTooltip=ta,Object.defineProperty(e,"__esModule",{value:!0})});
4492
+ `,Yv=Object.freeze({__proto__:null,default:qv});e.SgdsAccordion=Fe,e.SgdsAccordionItem=lt,e.SgdsAlert=kt,e.SgdsAlertLink=St,e.SgdsAppnav=Wt,e.SgdsAppnavProfile=Xi,e.SgdsBadge=sa,e.SgdsBreadcrumb=la,e.SgdsBreadcrumbItem=pa,e.SgdsButton=va,e.SgdsCard=ka,e.SgdsCheckbox=Aa,e.SgdsCheckboxGroup=Ba,e.SgdsCloseButton=ft,e.SgdsComboBox=Ya,e.SgdsComboBoxOption=ja,e.SgdsDataTable=so,e.SgdsDataTableCell=Ja,e.SgdsDataTableHead=Xa,e.SgdsDataTableRow=Qa,e.SgdsDatepicker=zo,e.SgdsDescriptionList=Io,e.SgdsDescriptionListGroup=Ao,e.SgdsDivider=Bo,e.SgdsDrawer=Fo,e.SgdsDropdown=Wi,e.SgdsDropdownItem=oa,e.SgdsFileUpload=jo,e.SgdsFooter=Yo,e.SgdsFooterItem=Wo,e.SgdsIcon=xt,e.SgdsIconButton=Nt,e.SgdsIconCard=Jo,e.SgdsIconList=Qo,e.SgdsImageCard=tn,e.SgdsInput=So,e.SgdsLink=ca,e.SgdsMainnav=nn,e.SgdsMainnavDropdown=dn,e.SgdsMainnavItem=hn,e.SgdsMainnavProfile=pn,e.SgdsMasthead=vn,e.SgdsModal=yn,e.SgdsOverflowMenu=na,e.SgdsPagination=Ga,e.SgdsProgressBar=$n,e.SgdsQuantityToggle=Mn,e.SgdsRadio=Vn,e.SgdsRadioGroup=Pn,e.SgdsSelect=Ln,e.SgdsSelectOption=In,e.SgdsSidebar=Un,e.SgdsSidenav=Yn,e.SgdsSidenavItem=Wn,e.SgdsSidenavLink=Jn,e.SgdsSkeleton=to,e.SgdsSpinner=Rt,e.SgdsStep=Qn,e.SgdsStepper=tr,e.SgdsSubnav=ar,e.SgdsSubnavItem=nr,e.SgdsSwitch=lr,e.SgdsSystemBanner=cr,e.SgdsTab=gr,e.SgdsTabGroup=vr,e.SgdsTabPanel=br,e.SgdsTable=xr,e.SgdsTableCell=kr,e.SgdsTableHead=$r,e.SgdsTableOfContents=Vr,e.SgdsTableRow=Mr,e.SgdsTextarea=Pr,e.SgdsThumbnailCard=Ir,e.SgdsToast=Ar,e.SgdsToastContainer=Br,e.SgdsTooltip=ta,Object.defineProperty(e,"__esModule",{value:!0})});
4488
4493
  //# sourceMappingURL=index.umd.min.js.map