@govtechsg/sgds-web-component 3.28.1-rc.0 → 3.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/base/button.js +1 -1
  2. package/base/button.js.map +1 -1
  3. package/components/Alert/alert.js +1 -1
  4. package/components/Alert/alert.js.map +1 -1
  5. package/components/Alert/index.umd.min.js +3 -3
  6. package/components/Alert/index.umd.min.js.map +1 -1
  7. package/components/Alert/sgds-alert.js +1 -1
  8. package/components/Alert/sgds-alert.js.map +1 -1
  9. package/components/Appnav/index.umd.min.js +3 -3
  10. package/components/Appnav/index.umd.min.js.map +1 -1
  11. package/components/Appnav/sgds-appnav.js +1 -1
  12. package/components/Appnav/sgds-appnav.js.map +1 -1
  13. package/components/Badge/index.umd.min.js +1 -1
  14. package/components/Badge/index.umd.min.js.map +1 -1
  15. package/components/Breadcrumb/index.umd.min.js +3 -3
  16. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  17. package/components/Breadcrumb/sgds-breadcrumb.js +2 -2
  18. package/components/Breadcrumb/sgds-breadcrumb.js.map +1 -1
  19. package/components/Button/index.umd.min.js +2 -2
  20. package/components/Button/index.umd.min.js.map +1 -1
  21. package/components/Button/sgds-button.js +1 -1
  22. package/components/Button/sgds-button.js.map +1 -1
  23. package/components/Checkbox/index.umd.min.js +3 -2
  24. package/components/Checkbox/index.umd.min.js.map +1 -1
  25. package/components/Checkbox/sgds-checkbox.d.ts +2 -0
  26. package/components/Checkbox/sgds-checkbox.js +3 -0
  27. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  28. package/components/CloseButton/close-button.js +1 -1
  29. package/components/CloseButton/close-button.js.map +1 -1
  30. package/components/CloseButton/index.umd.min.js +1 -1
  31. package/components/CloseButton/index.umd.min.js.map +1 -1
  32. package/components/ComboBox/index.umd.min.js +4 -3
  33. package/components/ComboBox/index.umd.min.js.map +1 -1
  34. package/components/DataTable/data-table.js +1 -1
  35. package/components/DataTable/data-table.js.map +1 -1
  36. package/components/DataTable/index.umd.min.js +20 -11
  37. package/components/DataTable/index.umd.min.js.map +1 -1
  38. package/components/DataTable/sgds-data-table-row.js +12 -4
  39. package/components/DataTable/sgds-data-table-row.js.map +1 -1
  40. package/components/DataTable/sgds-data-table.js +1 -2
  41. package/components/DataTable/sgds-data-table.js.map +1 -1
  42. package/components/Datepicker/index.umd.min.js +3 -2
  43. package/components/Datepicker/index.umd.min.js.map +1 -1
  44. package/components/Drawer/index.umd.min.js +1 -1
  45. package/components/Drawer/index.umd.min.js.map +1 -1
  46. package/components/Dropdown/index.umd.min.js +1 -1
  47. package/components/Dropdown/index.umd.min.js.map +1 -1
  48. package/components/Dropdown/sgds-dropdown.js +1 -1
  49. package/components/Dropdown/sgds-dropdown.js.map +1 -1
  50. package/components/FileUpload/index.umd.min.js +3 -3
  51. package/components/FileUpload/index.umd.min.js.map +1 -1
  52. package/components/IconButton/index.umd.min.js +1 -1
  53. package/components/IconButton/index.umd.min.js.map +1 -1
  54. package/components/Input/index.umd.min.js +1 -0
  55. package/components/Input/index.umd.min.js.map +1 -1
  56. package/components/Input/sgds-input.js +1 -0
  57. package/components/Input/sgds-input.js.map +1 -1
  58. package/components/Mainnav/index.umd.min.js +3 -3
  59. package/components/Mainnav/index.umd.min.js.map +1 -1
  60. package/components/Mainnav/sgds-mainnav.js +1 -1
  61. package/components/Mainnav/sgds-mainnav.js.map +1 -1
  62. package/components/Modal/index.umd.min.js +3 -3
  63. package/components/Modal/index.umd.min.js.map +1 -1
  64. package/components/Modal/modal.js +1 -1
  65. package/components/Modal/modal.js.map +1 -1
  66. package/components/Modal/sgds-modal.js +1 -1
  67. package/components/Modal/sgds-modal.js.map +1 -1
  68. package/components/OverflowMenu/index.umd.min.js +1 -1
  69. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  70. package/components/Pagination/index.umd.min.js +2 -2
  71. package/components/Pagination/index.umd.min.js.map +1 -1
  72. package/components/QuantityToggle/index.umd.min.js +2 -1
  73. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  74. package/components/Select/index.umd.min.js +1 -1
  75. package/components/Select/index.umd.min.js.map +1 -1
  76. package/components/Select/sgds-select.js +1 -1
  77. package/components/Select/sgds-select.js.map +1 -1
  78. package/components/Sidebar/index.umd.min.js +1 -1
  79. package/components/Sidebar/index.umd.min.js.map +1 -1
  80. package/components/Sidenav/index.umd.min.js +1 -1
  81. package/components/Sidenav/index.umd.min.js.map +1 -1
  82. package/components/Sidenav/sgds-sidenav.js +1 -1
  83. package/components/Sidenav/sgds-sidenav.js.map +1 -1
  84. package/components/SystemBanner/index.umd.min.js +4 -2
  85. package/components/SystemBanner/index.umd.min.js.map +1 -1
  86. package/components/SystemBanner/sgds-system-banner.js +2 -0
  87. package/components/SystemBanner/sgds-system-banner.js.map +1 -1
  88. package/components/Toast/index.umd.min.js +1 -1
  89. package/components/Toast/index.umd.min.js.map +1 -1
  90. package/components/index.umd.min.js +68 -56
  91. package/components/index.umd.min.js.map +1 -1
  92. package/custom-elements.json +20 -1
  93. package/index.umd.min.js +49 -37
  94. package/index.umd.min.js.map +1 -1
  95. package/package.json +1 -1
  96. package/react/base/button.cjs.js +1 -1
  97. package/react/base/button.cjs.js.map +1 -1
  98. package/react/base/button.js +1 -1
  99. package/react/base/button.js.map +1 -1
  100. package/react/components/Alert/alert.cjs.js +1 -1
  101. package/react/components/Alert/alert.cjs.js.map +1 -1
  102. package/react/components/Alert/alert.js +1 -1
  103. package/react/components/Alert/alert.js.map +1 -1
  104. package/react/components/Alert/sgds-alert.cjs.js +1 -1
  105. package/react/components/Alert/sgds-alert.cjs.js.map +1 -1
  106. package/react/components/Alert/sgds-alert.js +1 -1
  107. package/react/components/Alert/sgds-alert.js.map +1 -1
  108. package/react/components/Appnav/sgds-appnav.cjs.js +1 -1
  109. package/react/components/Appnav/sgds-appnav.cjs.js.map +1 -1
  110. package/react/components/Appnav/sgds-appnav.js +1 -1
  111. package/react/components/Appnav/sgds-appnav.js.map +1 -1
  112. package/react/components/Breadcrumb/sgds-breadcrumb.cjs.js +2 -2
  113. package/react/components/Breadcrumb/sgds-breadcrumb.cjs.js.map +1 -1
  114. package/react/components/Breadcrumb/sgds-breadcrumb.js +2 -2
  115. package/react/components/Breadcrumb/sgds-breadcrumb.js.map +1 -1
  116. package/react/components/Button/sgds-button.cjs.js +1 -1
  117. package/react/components/Button/sgds-button.cjs.js.map +1 -1
  118. package/react/components/Button/sgds-button.js +1 -1
  119. package/react/components/Button/sgds-button.js.map +1 -1
  120. package/react/components/Checkbox/sgds-checkbox.cjs.js +3 -0
  121. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  122. package/react/components/Checkbox/sgds-checkbox.js +3 -0
  123. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  124. package/react/components/CloseButton/close-button.cjs.js +1 -1
  125. package/react/components/CloseButton/close-button.cjs.js.map +1 -1
  126. package/react/components/CloseButton/close-button.js +1 -1
  127. package/react/components/CloseButton/close-button.js.map +1 -1
  128. package/react/components/DataTable/data-table.cjs.js +1 -1
  129. package/react/components/DataTable/data-table.cjs.js.map +1 -1
  130. package/react/components/DataTable/data-table.js +1 -1
  131. package/react/components/DataTable/data-table.js.map +1 -1
  132. package/react/components/DataTable/sgds-data-table-row.cjs.js +12 -4
  133. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +1 -1
  134. package/react/components/DataTable/sgds-data-table-row.js +12 -4
  135. package/react/components/DataTable/sgds-data-table-row.js.map +1 -1
  136. package/react/components/DataTable/sgds-data-table.cjs.js +1 -2
  137. package/react/components/DataTable/sgds-data-table.cjs.js.map +1 -1
  138. package/react/components/DataTable/sgds-data-table.js +1 -2
  139. package/react/components/DataTable/sgds-data-table.js.map +1 -1
  140. package/react/components/Dropdown/sgds-dropdown.cjs.js +1 -1
  141. package/react/components/Dropdown/sgds-dropdown.cjs.js.map +1 -1
  142. package/react/components/Dropdown/sgds-dropdown.js +1 -1
  143. package/react/components/Dropdown/sgds-dropdown.js.map +1 -1
  144. package/react/components/Input/sgds-input.cjs.js +1 -0
  145. package/react/components/Input/sgds-input.cjs.js.map +1 -1
  146. package/react/components/Input/sgds-input.js +1 -0
  147. package/react/components/Input/sgds-input.js.map +1 -1
  148. package/react/components/Mainnav/sgds-mainnav.cjs.js +1 -1
  149. package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
  150. package/react/components/Mainnav/sgds-mainnav.js +1 -1
  151. package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
  152. package/react/components/Modal/modal.cjs.js +1 -1
  153. package/react/components/Modal/modal.cjs.js.map +1 -1
  154. package/react/components/Modal/modal.js +1 -1
  155. package/react/components/Modal/modal.js.map +1 -1
  156. package/react/components/Modal/sgds-modal.cjs.js +1 -1
  157. package/react/components/Modal/sgds-modal.cjs.js.map +1 -1
  158. package/react/components/Modal/sgds-modal.js +1 -1
  159. package/react/components/Modal/sgds-modal.js.map +1 -1
  160. package/react/components/Select/sgds-select.cjs.js +1 -1
  161. package/react/components/Select/sgds-select.cjs.js.map +1 -1
  162. package/react/components/Select/sgds-select.js +1 -1
  163. package/react/components/Select/sgds-select.js.map +1 -1
  164. package/react/components/Sidenav/sgds-sidenav.cjs.js +1 -1
  165. package/react/components/Sidenav/sgds-sidenav.cjs.js.map +1 -1
  166. package/react/components/Sidenav/sgds-sidenav.js +1 -1
  167. package/react/components/Sidenav/sgds-sidenav.js.map +1 -1
  168. package/react/components/SystemBanner/sgds-system-banner.cjs.js +2 -0
  169. package/react/components/SystemBanner/sgds-system-banner.cjs.js.map +1 -1
  170. package/react/components/SystemBanner/sgds-system-banner.js +2 -0
  171. package/react/components/SystemBanner/sgds-system-banner.js.map +1 -1
  172. package/themes/night.css +8 -8
  173. package/types/react.d.ts +2 -0
package/index.umd.min.js CHANGED
@@ -121,7 +121,7 @@ let dt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ft
121
121
  * Copyright 2020 Google LLC
122
122
  * SPDX-License-Identifier: BSD-3-Clause
123
123
  */
124
- let wt=Symbol.for(``),Tt=e=>{if(e?.r===wt)return e?._$litStatic$},Et=(e,...t)=>({_$litStatic$:t.reduce((t,n,r)=>t+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(n)+e[r+1],e[0]),r:wt}),Dt=/* @__PURE__ */ new Map,I=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],(i=Tt(a))!==void 0);)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=Dt.get(e))===void 0&&(o.raw=o,Dt.set(e,t=o)),n=s}return e(t,...n)})(v);b();var Ot=l`: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}`;b();var kt=class extends E{constructor(...e){super(...e),this.size=`md`,this.tone=`default`,this.disabled=!1,this._clickHandler=()=>{}}static{this.styles=[...E.styles,Ot]}_handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}firstUpdated(e){super.firstUpdated(e),Ct(`sgds-icon`)}render(){return v`
124
+ let wt=Symbol.for(``),Tt=e=>{if(e?.r===wt)return e?._$litStatic$},Et=(e,...t)=>({_$litStatic$:t.reduce((t,n,r)=>t+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(n)+e[r+1],e[0]),r:wt}),Dt=/* @__PURE__ */ new Map,I=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],(i=Tt(a))!==void 0);)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=Dt.get(e))===void 0&&(o.raw=o,Dt.set(e,t=o)),n=s}return e(t,...n)})(v);b();var Ot=l`: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(:not([disabled])) .btn-close:active:after{background-color:var(--sgds-bg-translucent);border-radius:inherit;content:"";inset:0;position:absolute}:host([disabled]) .btn-close{cursor:not-allowed;opacity:var(--sgds-opacity-40);pointer-events:none}`;b();var kt=class extends E{constructor(...e){super(...e),this.size=`md`,this.tone=`default`,this.disabled=!1,this._clickHandler=()=>{}}static{this.styles=[...E.styles,Ot]}_handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}firstUpdated(e){super.firstUpdated(e),Ct(`sgds-icon`)}render(){return v`
125
125
  <button class="btn-close" aria-label="Close button" ?disabled=${this.disabled} @click=${this._handleClick}>
126
126
  <sgds-icon name="cross" size="sm"></sgds-icon>
127
127
  </button>
@@ -2395,7 +2395,7 @@ let wt=Symbol.for(``),Tt=e=>{if(e?.r===wt)return e?._$litStatic$},Et=(e,...t)=>(
2395
2395
  clip-rule="evenodd"
2396
2396
  />
2397
2397
  </svg>
2398
- `}));let Jp={announcement:()=>Promise.resolve().then(()=>(Mt(),At)),archive:()=>Promise.resolve().then(()=>(Ft(),Nt)),"arrow-bar-down":()=>Promise.resolve().then(()=>(Rt(),It)),"arrow-bar-left":()=>Promise.resolve().then(()=>(Vt(),zt)),"arrow-bar-right":()=>Promise.resolve().then(()=>(Wt(),Ht)),"arrow-bar-up":()=>Promise.resolve().then(()=>(qt(),Gt)),"arrow-circle-down":()=>Promise.resolve().then(()=>(Xt(),Jt)),"arrow-circle-left":()=>Promise.resolve().then(()=>($t(),Zt)),"arrow-circle-right":()=>Promise.resolve().then(()=>(nn(),en)),"arrow-circle-up":()=>Promise.resolve().then(()=>(on(),rn)),"arrow-clockwise":()=>Promise.resolve().then(()=>(ln(),sn)),"arrow-down":()=>Promise.resolve().then(()=>(fn(),un)),"arrow-left":()=>Promise.resolve().then(()=>(hn(),pn)),"arrow-repeat":()=>Promise.resolve().then(()=>(vn(),gn)),"arrow-right":()=>Promise.resolve().then(()=>(xn(),yn)),"arrow-square-down":()=>Promise.resolve().then(()=>(wn(),Sn)),"arrow-square-left":()=>Promise.resolve().then(()=>(Dn(),Tn)),"arrow-square-right":()=>Promise.resolve().then(()=>(An(),On)),"arrow-square-up":()=>Promise.resolve().then(()=>(Nn(),jn)),"arrow-up":()=>Promise.resolve().then(()=>(In(),Pn)),"bank-fill":()=>Promise.resolve().then(()=>(zn(),Ln)),"bell-slash":()=>Promise.resolve().then(()=>(Hn(),Bn)),bell:()=>Promise.resolve().then(()=>(Gn(),Un)),"bi-funnel":()=>Promise.resolve().then(()=>(Jn(),Kn)),"bookmark-fill":()=>Promise.resolve().then(()=>(Zn(),Yn)),bookmark:()=>Promise.resolve().then(()=>(er(),Qn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(rr(),tr)),"box-seam":()=>Promise.resolve().then(()=>(or(),ir)),building:()=>Promise.resolve().then(()=>(lr(),sr)),bus:()=>Promise.resolve().then(()=>(fr(),ur)),calculator:()=>Promise.resolve().then(()=>(hr(),pr)),"calendar-check":()=>Promise.resolve().then(()=>(vr(),gr)),"calendar-heart":()=>Promise.resolve().then(()=>(xr(),yr)),"calendar-x":()=>Promise.resolve().then(()=>(wr(),Sr)),calendar:()=>Promise.resolve().then(()=>(Dr(),Tr)),camera:()=>Promise.resolve().then(()=>(Ar(),Or)),car:()=>Promise.resolve().then(()=>(Nr(),jr)),"chat-dots":()=>Promise.resolve().then(()=>(Ir(),Pr)),"chat-left-text":()=>Promise.resolve().then(()=>(zr(),Lr)),chat:()=>Promise.resolve().then(()=>(Hr(),Br)),"check-circle-fill":()=>Promise.resolve().then(()=>(Gr(),Ur)),"check-circle":()=>Promise.resolve().then(()=>(Jr(),Kr)),check:()=>Promise.resolve().then(()=>(Zr(),Yr)),"chevron-down":()=>Promise.resolve().then(()=>(ei(),Qr)),"chevron-left":()=>Promise.resolve().then(()=>(ri(),ti)),"chevron-right":()=>Promise.resolve().then(()=>(oi(),ii)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(li(),si)),"chevron-up":()=>Promise.resolve().then(()=>(fi(),ui)),clock:()=>Promise.resolve().then(()=>(hi(),pi)),"cloud-check":()=>Promise.resolve().then(()=>(vi(),gi)),"cloud-download":()=>Promise.resolve().then(()=>(xi(),yi)),"cloud-upload":()=>Promise.resolve().then(()=>(wi(),Si)),cloud:()=>Promise.resolve().then(()=>(Di(),Ti)),"code-square":()=>Promise.resolve().then(()=>(Ai(),Oi)),"coins-hand":()=>Promise.resolve().then(()=>(Ni(),ji)),compass:()=>Promise.resolve().then(()=>(Ii(),Pi)),copy:()=>Promise.resolve().then(()=>(zi(),Li)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(Hi(),Bi)),cross:()=>Promise.resolve().then(()=>(Gi(),Ui)),"cursor-fill":()=>Promise.resolve().then(()=>(Ji(),Ki)),cursor:()=>Promise.resolve().then(()=>(Zi(),Yi)),"dash-circle":()=>Promise.resolve().then(()=>(ea(),Qi)),"dash-square":()=>Promise.resolve().then(()=>(ra(),ta)),dash:()=>Promise.resolve().then(()=>(oa(),ia)),database:()=>Promise.resolve().then(()=>(la(),sa)),dataflow:()=>Promise.resolve().then(()=>(fa(),ua)),download:()=>Promise.resolve().then(()=>(ha(),pa)),edit:()=>Promise.resolve().then(()=>(va(),ga)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(xa(),ya)),"exclamation-circle":()=>Promise.resolve().then(()=>(wa(),Sa)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(Da(),Ta)),"exclamation-triangle":()=>Promise.resolve().then(()=>(Aa(),Oa)),exclamation:()=>Promise.resolve().then(()=>(Na(),ja)),"eye-fill":()=>Promise.resolve().then(()=>(Ia(),Pa)),"eye-slash-fill":()=>Promise.resolve().then(()=>(za(),La)),"eye-slash":()=>Promise.resolve().then(()=>(Ha(),Ba)),eye:()=>Promise.resolve().then(()=>(Ga(),Ua)),"face-smile-fill":()=>Promise.resolve().then(()=>(Ja(),Ka)),"face-smile":()=>Promise.resolve().then(()=>(Za(),Ya)),facebook:()=>Promise.resolve().then(()=>(eo(),Qa)),"file-earmark-text":()=>Promise.resolve().then(()=>(ro(),to)),"file-pdf":()=>Promise.resolve().then(()=>(oo(),io)),"file-plus":()=>Promise.resolve().then(()=>(lo(),so)),"file-text":()=>Promise.resolve().then(()=>(po(),uo)),file:()=>Promise.resolve().then(()=>(go(),mo)),files:()=>Promise.resolve().then(()=>(yo(),_o)),fingerprint:()=>Promise.resolve().then(()=>(So(),bo)),flash:()=>Promise.resolve().then(()=>(To(),Co)),"folder-check":()=>Promise.resolve().then(()=>(Oo(),Eo)),"folder-minus":()=>Promise.resolve().then(()=>(jo(),ko)),"folder-plus":()=>Promise.resolve().then(()=>(Po(),Mo)),folder:()=>Promise.resolve().then(()=>(Lo(),Fo)),gear:()=>Promise.resolve().then(()=>(Bo(),Ro)),"geo-alt":()=>Promise.resolve().then(()=>(Uo(),Vo)),"geo-fill":()=>Promise.resolve().then(()=>(Ko(),Wo)),geo:()=>Promise.resolve().then(()=>(Yo(),qo)),"globe-alt":()=>Promise.resolve().then(()=>(Qo(),Xo)),globe:()=>Promise.resolve().then(()=>(ts(),$o)),google:()=>Promise.resolve().then(()=>(is(),ns)),"grid-alt":()=>Promise.resolve().then(()=>(ss(),as)),"grid-fill":()=>Promise.resolve().then(()=>(us(),cs)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(ps(),ds)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(gs(),ms)),"hard-drive":()=>Promise.resolve().then(()=>(ys(),_s)),heart:()=>Promise.resolve().then(()=>(Ss(),bs)),"house-door":()=>Promise.resolve().then(()=>(Ts(),Cs)),house:()=>Promise.resolve().then(()=>(Os(),Es)),image:()=>Promise.resolve().then(()=>(js(),ks)),"in-box":()=>Promise.resolve().then(()=>(Ps(),Ms)),"info-circle-fill":()=>Promise.resolve().then(()=>(Ls(),Fs)),"info-circle":()=>Promise.resolve().then(()=>(Bs(),Rs)),instagram:()=>Promise.resolve().then(()=>(Us(),Vs)),key:()=>Promise.resolve().then(()=>(Ks(),Ws)),"laptop-gear":()=>Promise.resolve().then(()=>(Ys(),qs)),laptop:()=>Promise.resolve().then(()=>(Qs(),Xs)),layers:()=>Promise.resolve().then(()=>(tc(),$s)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(ic(),nc)),"layout-text-window":()=>Promise.resolve().then(()=>(sc(),ac)),layout:()=>Promise.resolve().then(()=>(uc(),cc)),"life-buoy":()=>Promise.resolve().then(()=>(pc(),dc)),lightbulb:()=>Promise.resolve().then(()=>(gc(),mc)),link:()=>Promise.resolve().then(()=>(yc(),_c)),linkedin:()=>Promise.resolve().then(()=>(Sc(),bc)),list:()=>Promise.resolve().then(()=>(Tc(),Cc)),"lock-fill":()=>Promise.resolve().then(()=>(Oc(),Ec)),lock:()=>Promise.resolve().then(()=>(jc(),kc)),login:()=>Promise.resolve().then(()=>(Pc(),Mc)),logout:()=>Promise.resolve().then(()=>(Lc(),Fc)),luggage:()=>Promise.resolve().then(()=>(Bc(),Rc)),"mail-open":()=>Promise.resolve().then(()=>(Uc(),Vc)),mail:()=>Promise.resolve().then(()=>(Kc(),Wc)),map:()=>Promise.resolve().then(()=>(Yc(),qc)),meetup:()=>Promise.resolve().then(()=>(Qc(),Xc)),menu:()=>Promise.resolve().then(()=>(tl(),$c)),microphone:()=>Promise.resolve().then(()=>(il(),nl)),monitor:()=>Promise.resolve().then(()=>(sl(),al)),moon:()=>Promise.resolve().then(()=>(ul(),cl)),move:()=>Promise.resolve().then(()=>(pl(),dl)),paperclip:()=>Promise.resolve().then(()=>(gl(),ml)),passcode:()=>Promise.resolve().then(()=>(yl(),_l)),passport:()=>Promise.resolve().then(()=>(Sl(),bl)),pause:()=>Promise.resolve().then(()=>(Tl(),Cl)),pencil:()=>Promise.resolve().then(()=>(Ol(),El)),"pending-circle":()=>Promise.resolve().then(()=>(jl(),kl)),"person-dash":()=>Promise.resolve().then(()=>(Pl(),Ml)),"person-plus":()=>Promise.resolve().then(()=>(Ll(),Fl)),"person-x":()=>Promise.resolve().then(()=>(Bl(),Rl)),person:()=>Promise.resolve().then(()=>(Ul(),Vl)),phone:()=>Promise.resolve().then(()=>(Kl(),Wl)),"pin-map-fill":()=>Promise.resolve().then(()=>(Yl(),ql)),pin:()=>Promise.resolve().then(()=>(Ql(),Xl)),placeholder:()=>Promise.resolve().then(()=>(tu(),$l)),plane:()=>Promise.resolve().then(()=>(iu(),nu)),play:()=>Promise.resolve().then(()=>(su(),au)),"plus-circle":()=>Promise.resolve().then(()=>(uu(),cu)),"plus-square":()=>Promise.resolve().then(()=>(pu(),du)),plus:()=>Promise.resolve().then(()=>(gu(),mu)),printer:()=>Promise.resolve().then(()=>(yu(),_u)),"question-circle":()=>Promise.resolve().then(()=>(Su(),bu)),rocket:()=>Promise.resolve().then(()=>(Tu(),Cu)),save:()=>Promise.resolve().then(()=>(Ou(),Eu)),search:()=>Promise.resolve().then(()=>(ju(),ku)),send:()=>Promise.resolve().then(()=>(Pu(),Mu)),"sg-crest":()=>Promise.resolve().then(()=>(Lu(),Fu)),share:()=>Promise.resolve().then(()=>(Bu(),Ru)),"shield-tick":()=>Promise.resolve().then(()=>(Uu(),Vu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(Ku(),Wu)),"sidebar-expand":()=>Promise.resolve().then(()=>(Yu(),qu)),"slash-circle":()=>Promise.resolve().then(()=>(Qu(),Xu)),"slash-divider":()=>Promise.resolve().then(()=>(td(),$u)),sliders:()=>Promise.resolve().then(()=>(id(),nd)),"sort-ascending":()=>Promise.resolve().then(()=>(sd(),ad)),"sort-descending":()=>Promise.resolve().then(()=>(ud(),cd)),speedometer:()=>Promise.resolve().then(()=>(pd(),dd)),"star-ai":()=>Promise.resolve().then(()=>(gd(),md)),"star-fill":()=>Promise.resolve().then(()=>(yd(),_d)),star:()=>Promise.resolve().then(()=>(Sd(),bd)),stoplights:()=>Promise.resolve().then(()=>(Td(),Cd)),sun:()=>Promise.resolve().then(()=>(Od(),Ed)),"switch-horizontal":()=>Promise.resolve().then(()=>(jd(),kd)),"switch-vertical":()=>Promise.resolve().then(()=>(Pd(),Md)),tablet:()=>Promise.resolve().then(()=>(Ld(),Fd)),telegram:()=>Promise.resolve().then(()=>(Bd(),Rd)),telephone:()=>Promise.resolve().then(()=>(Ud(),Vd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(Kd(),Wd)),"three-dots":()=>Promise.resolve().then(()=>(Yd(),qd)),ticket:()=>Promise.resolve().then(()=>(Qd(),Xd)),"toggle-off":()=>Promise.resolve().then(()=>(tf(),$d)),"toggle-on":()=>Promise.resolve().then(()=>(af(),nf)),train:()=>Promise.resolve().then(()=>(cf(),of)),translate:()=>Promise.resolve().then(()=>(df(),lf)),trash:()=>Promise.resolve().then(()=>(mf(),ff)),"trend-down":()=>Promise.resolve().then(()=>(_f(),hf)),"trend-up":()=>Promise.resolve().then(()=>(bf(),vf)),truck:()=>Promise.resolve().then(()=>(Cf(),xf)),"twitter-x":()=>Promise.resolve().then(()=>(Ef(),wf)),unlock:()=>Promise.resolve().then(()=>(kf(),Df)),upload:()=>Promise.resolve().then(()=>(Mf(),Af)),"user-check":()=>Promise.resolve().then(()=>(Ff(),Nf)),"user-circle":()=>Promise.resolve().then(()=>(Rf(),If)),"user-pause":()=>Promise.resolve().then(()=>(Vf(),zf)),"user-square":()=>Promise.resolve().then(()=>(Wf(),Hf)),users:()=>Promise.resolve().then(()=>(qf(),Gf)),"video-recorder":()=>Promise.resolve().then(()=>(Xf(),Jf)),"volume-max":()=>Promise.resolve().then(()=>($f(),Zf)),"volume-x":()=>Promise.resolve().then(()=>(np(),ep)),"window-dash":()=>Promise.resolve().then(()=>(ap(),rp)),"window-desktop":()=>Promise.resolve().then(()=>(cp(),op)),"window-dock":()=>Promise.resolve().then(()=>(dp(),lp)),"window-fullscreen":()=>Promise.resolve().then(()=>(mp(),fp)),"window-plus":()=>Promise.resolve().then(()=>(_p(),hp)),"window-sidebar":()=>Promise.resolve().then(()=>(bp(),vp)),"window-split":()=>Promise.resolve().then(()=>(Cp(),xp)),"window-stack":()=>Promise.resolve().then(()=>(Ep(),wp)),"window-x":()=>Promise.resolve().then(()=>(kp(),Dp)),window:()=>Promise.resolve().then(()=>(Mp(),Ap)),"xcircle-fill":()=>Promise.resolve().then(()=>(Fp(),Np)),xcircle:()=>Promise.resolve().then(()=>(Rp(),Ip)),youtube:()=>Promise.resolve().then(()=>(Vp(),zp)),"zoom-in":()=>Promise.resolve().then(()=>(Wp(),Hp)),"zoom-out":()=>Promise.resolve().then(()=>(qp(),Gp))};b();var Yp=l`: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)}`;b();let Xp=/* @__PURE__ */ new Map;var L=class extends E{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...E.styles,Yp]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(Xp.has(e)){this._icon=Xp.get(e);return}let t=Jp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();Xp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??y}};T([x({type:String,reflect:!0})],L.prototype,`name`,void 0),T([x({type:String,reflect:!0})],L.prototype,`size`,void 0),T([x({type:String})],L.prototype,`ariaLabel`,void 0),T([S()],L.prototype,`_icon`,void 0),b();var Zp=l`: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}`;b();var Qp=class extends E{constructor(...e){super(...e),this.show=!1,this.dismissible=!1,this.variant=`info`,this.outlined=!1,this.title=``}static{this.styles=[...E.styles,Zp]}static{this.dependencies={"sgds-close-button":kt,"sgds-icon":L}}close(){this.show=!1}_handleShowChange(){this.show?this.emit(`sgds-show`):this.emit(`sgds-hide`)}render(){return this.dismissible&&this.show||!this.dismissible?I`
2398
+ `}));let Jp={announcement:()=>Promise.resolve().then(()=>(Mt(),At)),archive:()=>Promise.resolve().then(()=>(Ft(),Nt)),"arrow-bar-down":()=>Promise.resolve().then(()=>(Rt(),It)),"arrow-bar-left":()=>Promise.resolve().then(()=>(Vt(),zt)),"arrow-bar-right":()=>Promise.resolve().then(()=>(Wt(),Ht)),"arrow-bar-up":()=>Promise.resolve().then(()=>(qt(),Gt)),"arrow-circle-down":()=>Promise.resolve().then(()=>(Xt(),Jt)),"arrow-circle-left":()=>Promise.resolve().then(()=>($t(),Zt)),"arrow-circle-right":()=>Promise.resolve().then(()=>(nn(),en)),"arrow-circle-up":()=>Promise.resolve().then(()=>(on(),rn)),"arrow-clockwise":()=>Promise.resolve().then(()=>(ln(),sn)),"arrow-down":()=>Promise.resolve().then(()=>(fn(),un)),"arrow-left":()=>Promise.resolve().then(()=>(hn(),pn)),"arrow-repeat":()=>Promise.resolve().then(()=>(vn(),gn)),"arrow-right":()=>Promise.resolve().then(()=>(xn(),yn)),"arrow-square-down":()=>Promise.resolve().then(()=>(wn(),Sn)),"arrow-square-left":()=>Promise.resolve().then(()=>(Dn(),Tn)),"arrow-square-right":()=>Promise.resolve().then(()=>(An(),On)),"arrow-square-up":()=>Promise.resolve().then(()=>(Nn(),jn)),"arrow-up":()=>Promise.resolve().then(()=>(In(),Pn)),"bank-fill":()=>Promise.resolve().then(()=>(zn(),Ln)),"bell-slash":()=>Promise.resolve().then(()=>(Hn(),Bn)),bell:()=>Promise.resolve().then(()=>(Gn(),Un)),"bi-funnel":()=>Promise.resolve().then(()=>(Jn(),Kn)),"bookmark-fill":()=>Promise.resolve().then(()=>(Zn(),Yn)),bookmark:()=>Promise.resolve().then(()=>(er(),Qn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(rr(),tr)),"box-seam":()=>Promise.resolve().then(()=>(or(),ir)),building:()=>Promise.resolve().then(()=>(lr(),sr)),bus:()=>Promise.resolve().then(()=>(fr(),ur)),calculator:()=>Promise.resolve().then(()=>(hr(),pr)),"calendar-check":()=>Promise.resolve().then(()=>(vr(),gr)),"calendar-heart":()=>Promise.resolve().then(()=>(xr(),yr)),"calendar-x":()=>Promise.resolve().then(()=>(wr(),Sr)),calendar:()=>Promise.resolve().then(()=>(Dr(),Tr)),camera:()=>Promise.resolve().then(()=>(Ar(),Or)),car:()=>Promise.resolve().then(()=>(Nr(),jr)),"chat-dots":()=>Promise.resolve().then(()=>(Ir(),Pr)),"chat-left-text":()=>Promise.resolve().then(()=>(zr(),Lr)),chat:()=>Promise.resolve().then(()=>(Hr(),Br)),"check-circle-fill":()=>Promise.resolve().then(()=>(Gr(),Ur)),"check-circle":()=>Promise.resolve().then(()=>(Jr(),Kr)),check:()=>Promise.resolve().then(()=>(Zr(),Yr)),"chevron-down":()=>Promise.resolve().then(()=>(ei(),Qr)),"chevron-left":()=>Promise.resolve().then(()=>(ri(),ti)),"chevron-right":()=>Promise.resolve().then(()=>(oi(),ii)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(li(),si)),"chevron-up":()=>Promise.resolve().then(()=>(fi(),ui)),clock:()=>Promise.resolve().then(()=>(hi(),pi)),"cloud-check":()=>Promise.resolve().then(()=>(vi(),gi)),"cloud-download":()=>Promise.resolve().then(()=>(xi(),yi)),"cloud-upload":()=>Promise.resolve().then(()=>(wi(),Si)),cloud:()=>Promise.resolve().then(()=>(Di(),Ti)),"code-square":()=>Promise.resolve().then(()=>(Ai(),Oi)),"coins-hand":()=>Promise.resolve().then(()=>(Ni(),ji)),compass:()=>Promise.resolve().then(()=>(Ii(),Pi)),copy:()=>Promise.resolve().then(()=>(zi(),Li)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(Hi(),Bi)),cross:()=>Promise.resolve().then(()=>(Gi(),Ui)),"cursor-fill":()=>Promise.resolve().then(()=>(Ji(),Ki)),cursor:()=>Promise.resolve().then(()=>(Zi(),Yi)),"dash-circle":()=>Promise.resolve().then(()=>(ea(),Qi)),"dash-square":()=>Promise.resolve().then(()=>(ra(),ta)),dash:()=>Promise.resolve().then(()=>(oa(),ia)),database:()=>Promise.resolve().then(()=>(la(),sa)),dataflow:()=>Promise.resolve().then(()=>(fa(),ua)),download:()=>Promise.resolve().then(()=>(ha(),pa)),edit:()=>Promise.resolve().then(()=>(va(),ga)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(xa(),ya)),"exclamation-circle":()=>Promise.resolve().then(()=>(wa(),Sa)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(Da(),Ta)),"exclamation-triangle":()=>Promise.resolve().then(()=>(Aa(),Oa)),exclamation:()=>Promise.resolve().then(()=>(Na(),ja)),"eye-fill":()=>Promise.resolve().then(()=>(Ia(),Pa)),"eye-slash-fill":()=>Promise.resolve().then(()=>(za(),La)),"eye-slash":()=>Promise.resolve().then(()=>(Ha(),Ba)),eye:()=>Promise.resolve().then(()=>(Ga(),Ua)),"face-smile-fill":()=>Promise.resolve().then(()=>(Ja(),Ka)),"face-smile":()=>Promise.resolve().then(()=>(Za(),Ya)),facebook:()=>Promise.resolve().then(()=>(eo(),Qa)),"file-earmark-text":()=>Promise.resolve().then(()=>(ro(),to)),"file-pdf":()=>Promise.resolve().then(()=>(oo(),io)),"file-plus":()=>Promise.resolve().then(()=>(lo(),so)),"file-text":()=>Promise.resolve().then(()=>(po(),uo)),file:()=>Promise.resolve().then(()=>(go(),mo)),files:()=>Promise.resolve().then(()=>(yo(),_o)),fingerprint:()=>Promise.resolve().then(()=>(So(),bo)),flash:()=>Promise.resolve().then(()=>(To(),Co)),"folder-check":()=>Promise.resolve().then(()=>(Oo(),Eo)),"folder-minus":()=>Promise.resolve().then(()=>(jo(),ko)),"folder-plus":()=>Promise.resolve().then(()=>(Po(),Mo)),folder:()=>Promise.resolve().then(()=>(Lo(),Fo)),gear:()=>Promise.resolve().then(()=>(Bo(),Ro)),"geo-alt":()=>Promise.resolve().then(()=>(Uo(),Vo)),"geo-fill":()=>Promise.resolve().then(()=>(Ko(),Wo)),geo:()=>Promise.resolve().then(()=>(Yo(),qo)),"globe-alt":()=>Promise.resolve().then(()=>(Qo(),Xo)),globe:()=>Promise.resolve().then(()=>(ts(),$o)),google:()=>Promise.resolve().then(()=>(is(),ns)),"grid-alt":()=>Promise.resolve().then(()=>(ss(),as)),"grid-fill":()=>Promise.resolve().then(()=>(us(),cs)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(ps(),ds)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(gs(),ms)),"hard-drive":()=>Promise.resolve().then(()=>(ys(),_s)),heart:()=>Promise.resolve().then(()=>(Ss(),bs)),"house-door":()=>Promise.resolve().then(()=>(Ts(),Cs)),house:()=>Promise.resolve().then(()=>(Os(),Es)),image:()=>Promise.resolve().then(()=>(js(),ks)),"in-box":()=>Promise.resolve().then(()=>(Ps(),Ms)),"info-circle-fill":()=>Promise.resolve().then(()=>(Ls(),Fs)),"info-circle":()=>Promise.resolve().then(()=>(Bs(),Rs)),instagram:()=>Promise.resolve().then(()=>(Us(),Vs)),key:()=>Promise.resolve().then(()=>(Ks(),Ws)),"laptop-gear":()=>Promise.resolve().then(()=>(Ys(),qs)),laptop:()=>Promise.resolve().then(()=>(Qs(),Xs)),layers:()=>Promise.resolve().then(()=>(tc(),$s)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(ic(),nc)),"layout-text-window":()=>Promise.resolve().then(()=>(sc(),ac)),layout:()=>Promise.resolve().then(()=>(uc(),cc)),"life-buoy":()=>Promise.resolve().then(()=>(pc(),dc)),lightbulb:()=>Promise.resolve().then(()=>(gc(),mc)),link:()=>Promise.resolve().then(()=>(yc(),_c)),linkedin:()=>Promise.resolve().then(()=>(Sc(),bc)),list:()=>Promise.resolve().then(()=>(Tc(),Cc)),"lock-fill":()=>Promise.resolve().then(()=>(Oc(),Ec)),lock:()=>Promise.resolve().then(()=>(jc(),kc)),login:()=>Promise.resolve().then(()=>(Pc(),Mc)),logout:()=>Promise.resolve().then(()=>(Lc(),Fc)),luggage:()=>Promise.resolve().then(()=>(Bc(),Rc)),"mail-open":()=>Promise.resolve().then(()=>(Uc(),Vc)),mail:()=>Promise.resolve().then(()=>(Kc(),Wc)),map:()=>Promise.resolve().then(()=>(Yc(),qc)),meetup:()=>Promise.resolve().then(()=>(Qc(),Xc)),menu:()=>Promise.resolve().then(()=>(tl(),$c)),microphone:()=>Promise.resolve().then(()=>(il(),nl)),monitor:()=>Promise.resolve().then(()=>(sl(),al)),moon:()=>Promise.resolve().then(()=>(ul(),cl)),move:()=>Promise.resolve().then(()=>(pl(),dl)),paperclip:()=>Promise.resolve().then(()=>(gl(),ml)),passcode:()=>Promise.resolve().then(()=>(yl(),_l)),passport:()=>Promise.resolve().then(()=>(Sl(),bl)),pause:()=>Promise.resolve().then(()=>(Tl(),Cl)),pencil:()=>Promise.resolve().then(()=>(Ol(),El)),"pending-circle":()=>Promise.resolve().then(()=>(jl(),kl)),"person-dash":()=>Promise.resolve().then(()=>(Pl(),Ml)),"person-plus":()=>Promise.resolve().then(()=>(Ll(),Fl)),"person-x":()=>Promise.resolve().then(()=>(Bl(),Rl)),person:()=>Promise.resolve().then(()=>(Ul(),Vl)),phone:()=>Promise.resolve().then(()=>(Kl(),Wl)),"pin-map-fill":()=>Promise.resolve().then(()=>(Yl(),ql)),pin:()=>Promise.resolve().then(()=>(Ql(),Xl)),placeholder:()=>Promise.resolve().then(()=>(tu(),$l)),plane:()=>Promise.resolve().then(()=>(iu(),nu)),play:()=>Promise.resolve().then(()=>(su(),au)),"plus-circle":()=>Promise.resolve().then(()=>(uu(),cu)),"plus-square":()=>Promise.resolve().then(()=>(pu(),du)),plus:()=>Promise.resolve().then(()=>(gu(),mu)),printer:()=>Promise.resolve().then(()=>(yu(),_u)),"question-circle":()=>Promise.resolve().then(()=>(Su(),bu)),rocket:()=>Promise.resolve().then(()=>(Tu(),Cu)),save:()=>Promise.resolve().then(()=>(Ou(),Eu)),search:()=>Promise.resolve().then(()=>(ju(),ku)),send:()=>Promise.resolve().then(()=>(Pu(),Mu)),"sg-crest":()=>Promise.resolve().then(()=>(Lu(),Fu)),share:()=>Promise.resolve().then(()=>(Bu(),Ru)),"shield-tick":()=>Promise.resolve().then(()=>(Uu(),Vu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(Ku(),Wu)),"sidebar-expand":()=>Promise.resolve().then(()=>(Yu(),qu)),"slash-circle":()=>Promise.resolve().then(()=>(Qu(),Xu)),"slash-divider":()=>Promise.resolve().then(()=>(td(),$u)),sliders:()=>Promise.resolve().then(()=>(id(),nd)),"sort-ascending":()=>Promise.resolve().then(()=>(sd(),ad)),"sort-descending":()=>Promise.resolve().then(()=>(ud(),cd)),speedometer:()=>Promise.resolve().then(()=>(pd(),dd)),"star-ai":()=>Promise.resolve().then(()=>(gd(),md)),"star-fill":()=>Promise.resolve().then(()=>(yd(),_d)),star:()=>Promise.resolve().then(()=>(Sd(),bd)),stoplights:()=>Promise.resolve().then(()=>(Td(),Cd)),sun:()=>Promise.resolve().then(()=>(Od(),Ed)),"switch-horizontal":()=>Promise.resolve().then(()=>(jd(),kd)),"switch-vertical":()=>Promise.resolve().then(()=>(Pd(),Md)),tablet:()=>Promise.resolve().then(()=>(Ld(),Fd)),telegram:()=>Promise.resolve().then(()=>(Bd(),Rd)),telephone:()=>Promise.resolve().then(()=>(Ud(),Vd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(Kd(),Wd)),"three-dots":()=>Promise.resolve().then(()=>(Yd(),qd)),ticket:()=>Promise.resolve().then(()=>(Qd(),Xd)),"toggle-off":()=>Promise.resolve().then(()=>(tf(),$d)),"toggle-on":()=>Promise.resolve().then(()=>(af(),nf)),train:()=>Promise.resolve().then(()=>(cf(),of)),translate:()=>Promise.resolve().then(()=>(df(),lf)),trash:()=>Promise.resolve().then(()=>(mf(),ff)),"trend-down":()=>Promise.resolve().then(()=>(_f(),hf)),"trend-up":()=>Promise.resolve().then(()=>(bf(),vf)),truck:()=>Promise.resolve().then(()=>(Cf(),xf)),"twitter-x":()=>Promise.resolve().then(()=>(Ef(),wf)),unlock:()=>Promise.resolve().then(()=>(kf(),Df)),upload:()=>Promise.resolve().then(()=>(Mf(),Af)),"user-check":()=>Promise.resolve().then(()=>(Ff(),Nf)),"user-circle":()=>Promise.resolve().then(()=>(Rf(),If)),"user-pause":()=>Promise.resolve().then(()=>(Vf(),zf)),"user-square":()=>Promise.resolve().then(()=>(Wf(),Hf)),users:()=>Promise.resolve().then(()=>(qf(),Gf)),"video-recorder":()=>Promise.resolve().then(()=>(Xf(),Jf)),"volume-max":()=>Promise.resolve().then(()=>($f(),Zf)),"volume-x":()=>Promise.resolve().then(()=>(np(),ep)),"window-dash":()=>Promise.resolve().then(()=>(ap(),rp)),"window-desktop":()=>Promise.resolve().then(()=>(cp(),op)),"window-dock":()=>Promise.resolve().then(()=>(dp(),lp)),"window-fullscreen":()=>Promise.resolve().then(()=>(mp(),fp)),"window-plus":()=>Promise.resolve().then(()=>(_p(),hp)),"window-sidebar":()=>Promise.resolve().then(()=>(bp(),vp)),"window-split":()=>Promise.resolve().then(()=>(Cp(),xp)),"window-stack":()=>Promise.resolve().then(()=>(Ep(),wp)),"window-x":()=>Promise.resolve().then(()=>(kp(),Dp)),window:()=>Promise.resolve().then(()=>(Mp(),Ap)),"xcircle-fill":()=>Promise.resolve().then(()=>(Fp(),Np)),xcircle:()=>Promise.resolve().then(()=>(Rp(),Ip)),youtube:()=>Promise.resolve().then(()=>(Vp(),zp)),"zoom-in":()=>Promise.resolve().then(()=>(Wp(),Hp)),"zoom-out":()=>Promise.resolve().then(()=>(qp(),Gp))};b();var Yp=l`: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)}`;b();let Xp=/* @__PURE__ */ new Map;var L=class extends E{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...E.styles,Yp]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(Xp.has(e)){this._icon=Xp.get(e);return}let t=Jp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();Xp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??y}};T([x({type:String,reflect:!0})],L.prototype,`name`,void 0),T([x({type:String,reflect:!0})],L.prototype,`size`,void 0),T([x({type:String})],L.prototype,`ariaLabel`,void 0),T([S()],L.prototype,`_icon`,void 0),b();var Zp=l`: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-default)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-default)}: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-default)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-body-color-default)}.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}:host([outlined]) .alert{--sgds-alert-color:var(--sgds-body-color-default);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}`;b();var Qp=class extends E{constructor(...e){super(...e),this.show=!1,this.dismissible=!1,this.variant=`info`,this.outlined=!1,this.title=``}static{this.styles=[...E.styles,Zp]}static{this.dependencies={"sgds-close-button":kt,"sgds-icon":L}}close(){this.show=!1}_handleShowChange(){this.show?this.emit(`sgds-show`):this.emit(`sgds-hide`)}render(){return this.dismissible&&this.show||!this.dismissible?I`
2399
2399
  <div
2400
2400
  class="${D({alert:!0,show:this.show,"alert-dismissible":this.dismissible,outlined:this.outlined})}"
2401
2401
  role="alert"
@@ -2412,7 +2412,7 @@ let wt=Symbol.for(``),Tt=e=>{if(e?.r===wt)return e?._$litStatic$},Et=(e,...t)=>(
2412
2412
  ${this.dismissible?I`<sgds-close-button
2413
2413
  aria-label="close the alert"
2414
2414
  @click=${this.close}
2415
- tone=${this.outlined||this.variant===`warning`?`fixed-dark`:`fixed-light`}
2415
+ tone="default"
2416
2416
  ></sgds-close-button>`:y}
2417
2417
  </div>
2418
2418
  `:y}};T([x({type:Boolean,reflect:!0})],Qp.prototype,`show`,void 0),T([x({type:Boolean,reflect:!0})],Qp.prototype,`dismissible`,void 0),T([x({type:String,reflect:!0})],Qp.prototype,`variant`,void 0),T([x({type:Boolean,reflect:!0})],Qp.prototype,`outlined`,void 0),T([x({type:String,reflect:!0})],Qp.prototype,`title`,void 0),T([P(`show`)],Qp.prototype,`_handleShowChange`,null);function $p(e){if(!e)return e;let t=e.trim().toLowerCase();if(!(t.startsWith(`javascript:`)||t.startsWith(`data:`)||t.startsWith(`vbscript:`)))return e}b();var em=l`: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)}`;b();var tm=l`::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' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-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.4M12.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-.6' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-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.4M12.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-.6' clip-rule='evenodd'/%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}`,nm=class extends E{static{this.styles=[...E.styles,tm,em]}render(){return I`
@@ -2459,7 +2459,7 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),mm(e,t);return
2459
2459
  ></sgds-close-button>`:y}
2460
2460
  </div>`}render(){return this.dismissible&&this.show||!this.dismissible?this.truncated?v`<sgds-tooltip content=${this.text} @sgds-hide=${e=>e.stopPropagation()}
2461
2461
  >${this._renderBadge()}</sgds-tooltip
2462
- >`:this._renderBadge():y}};T([x({type:Boolean,reflect:!0})],Dg.prototype,`show`,void 0),T([x({reflect:!0})],Dg.prototype,`variant`,void 0),T([x({type:Boolean,reflect:!0})],Dg.prototype,`outlined`,void 0),T([x({type:Boolean,reflect:!0})],Dg.prototype,`dismissible`,void 0),T([x({type:Boolean,reflect:!0})],Dg.prototype,`fullWidth`,void 0),T([S()],Dg.prototype,`truncated`,void 0),T([S()],Dg.prototype,`text`,void 0),T([P(`show`)],Dg.prototype,`_handleShowChange`,null),T([P(`text`,{waitUntilFirstUpdate:!0})],Dg.prototype,`_handleTruncation`,null),F(`sgds-badge`,Dg),b();var Og=l`: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)}`;function kg(e=``,t=``){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}var Ag=class extends E{constructor(...e){super(...e),this.myDropdown=xm(),this.dropdownMenuId=kg(`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=xm(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),this.close!==`inside`&&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(),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){let e=(this.menuRef.value.getAttribute(`data-placement`)||``).startsWith(`top`)?`4px`:`-4px`,{options:t}=j(this,`dropdown.show`);await k(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=gg(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){let e=(this.menuRef.value.getAttribute(`data-placement`)||``).startsWith(`top`)?`4px`:`-4px`,{options:t}=j(this,`dropdown.hide`);await k(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(),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){let n=e=>e?.name||e?.constructor?.name,r=t.map(n);return e.map(e=>{let i=n(e),a=r.indexOf(i);return a===-1?e:t[a]}).concat(t.filter(t=>!e.some(e=>n(e)===n(t))))}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`}let t=[_g(8),this.noFlip?void 0:yg(),vg()].filter(Boolean),n=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(n=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));let r={strategy:`fixed`,placement:e,...this.floatingOpts,middleware:n},{x:i,y:a,strategy:o,placement:s}=await Sg(this.myDropdown.value,this.menuRef.value,r);this.menuRef.value.setAttribute(`data-placement`,s),Object.assign(this.menuRef.value.style,{position:o,left:`${i}px`,top:`${a}px`})}};T([x({type:Boolean,state:!0})],Ag.prototype,`noFlip`,void 0),T([x({type:Boolean,reflect:!0,state:!0})],Ag.prototype,`menuAlignRight`,void 0),T([x({type:String,reflect:!0,state:!0})],Ag.prototype,`drop`,void 0),T([x({type:Object})],Ag.prototype,`floatingOpts`,void 0),T([x({type:Boolean,reflect:!0})],Ag.prototype,`menuIsOpen`,void 0),T([x({type:Boolean,reflect:!0})],Ag.prototype,`disabled`,void 0),T([x({type:Boolean,reflect:!0})],Ag.prototype,`readonly`,void 0),M(`dropdown.show`,{keyframes:[],options:{duration:200,easing:`cubic-bezier(0.1, 0, 0.5, 0)`}}),M(`dropdown.hide`,{keyframes:[],options:{duration:200,easing:`cubic-bezier(0.15, 0.6, 0.6, 1)`}});var jg=class extends Ag{constructor(...e){super(...e),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}static{this.styles=Ag.styles}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){let t=this._getActiveMenuItems(),n=t.find(t=>e.composedPath().includes(t));if(!n)return;let r=t.indexOf(n);this.nextDropdownItemNo=r+1,this.prevDropdownItemNo=r<=0?t.length-1:r-1,n.disabled||(this.emit(`sgds-select`,{detail:{item:n}}),this.close!==`outside`&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this._getMenuItems().forEach(e=>{let t=e?.shadowRoot?.querySelector(`.dropdown-item`);t&&t.removeAttribute(`tabindex`)})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;let t=this._getActiveMenuItems();if(t.length!==0)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)}}_getMenuItems(){return this.shadowRoot.querySelector(`slot#default`)?this.shadowRoot.querySelector(`slot#default`)?.assignedElements({flatten:!0}).filter(e=>e.getAttribute(`role`)===`menuitem`&&!e.classList.contains(`empty-menu`)&&!e.hasAttribute(`hidden`)):this.menu?.hasChildNodes()?[...Array.from(this.menu.children)]:[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden&&!e.readonly)}_setMenuItem(e){let t=this._getActiveMenuItems();if(t.length===0)return;let n=(e%t.length+t.length)%t.length,r=t[n];this.emit(`i-sgds-option-focus`,{detail:{option:r}}),this.nextDropdownItemNo=(n+1)%t.length,this.prevDropdownItemNo=(n-1+t.length)%t.length,t.forEach(e=>{let t=e.shadowRoot.querySelector(`.dropdown-item`);t.setAttribute(`tabindex`,e===r?`0`:`-1`),e===r&&t.focus()})}};T([C(`ul.dropdown-menu`)],jg.prototype,`menu`,void 0),T([S()],jg.prototype,`nextDropdownItemNo`,void 0),T([S()],jg.prototype,`prevDropdownItemNo`,void 0),T([x({type:Boolean,reflect:!0})],jg.prototype,`hidden`,void 0),b();var Mg=l`: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%}`;b();var Ng=l`.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}`;b();var Pg=class extends jg{static{this.styles=[...jg.styles,Ng,Mg]}constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop=`down`,this.close=`default`,this.menuRef=wm()}async _handleClick(e){if(this.disabled)return;let t=this._toggler[0];if(!t){this.toggleMenu();return}if(e.composedPath().includes(t)){this.toggleMenu();return}if(!this.menuIsOpen)return;let n=this.menuRef.value;n&&e.composedPath().includes(n)||this.hideMenu()}_handleCloseMenu(){this._toggler[0]?.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){let t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute(`aria-haspopup`,`menu`),t.setAttribute(`aria-expanded`,String(this.menuIsOpen)))}_handleMenuIsOpenChange(){let e=this._toggler[0];e&&e.setAttribute(`aria-expanded`,String(this.menuIsOpen))}_handleDisabled(){let e=this._toggler[0];e&&(this.disabled?e.setAttribute(`disabled`,`true`):e.hasAttribute(`disabled`)&&e.removeAttribute(`disabled`))}render(){return v`
2462
+ >`:this._renderBadge():y}};T([x({type:Boolean,reflect:!0})],Dg.prototype,`show`,void 0),T([x({reflect:!0})],Dg.prototype,`variant`,void 0),T([x({type:Boolean,reflect:!0})],Dg.prototype,`outlined`,void 0),T([x({type:Boolean,reflect:!0})],Dg.prototype,`dismissible`,void 0),T([x({type:Boolean,reflect:!0})],Dg.prototype,`fullWidth`,void 0),T([S()],Dg.prototype,`truncated`,void 0),T([S()],Dg.prototype,`text`,void 0),T([P(`show`)],Dg.prototype,`_handleShowChange`,null),T([P(`text`,{waitUntilFirstUpdate:!0})],Dg.prototype,`_handleTruncation`,null),F(`sgds-badge`,Dg),b();var Og=l`: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)}`;function kg(e=``,t=``){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}var Ag=class extends E{constructor(...e){super(...e),this.myDropdown=xm(),this.dropdownMenuId=kg(`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=xm(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),this.close!==`inside`&&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(),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){let e=(this.menuRef.value.getAttribute(`data-placement`)||``).startsWith(`top`)?`4px`:`-4px`,{options:t}=j(this,`dropdown.show`);await k(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=gg(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){let e=(this.menuRef.value.getAttribute(`data-placement`)||``).startsWith(`top`)?`4px`:`-4px`,{options:t}=j(this,`dropdown.hide`);await k(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(),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){let n=e=>e?.name||e?.constructor?.name,r=t.map(n);return e.map(e=>{let i=n(e),a=r.indexOf(i);return a===-1?e:t[a]}).concat(t.filter(t=>!e.some(e=>n(e)===n(t))))}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`}let t=[_g(8),this.noFlip?void 0:yg(),vg()].filter(Boolean),n=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(n=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));let r={strategy:`fixed`,placement:e,...this.floatingOpts,middleware:n},{x:i,y:a,strategy:o,placement:s}=await Sg(this.myDropdown.value,this.menuRef.value,r);this.menuRef.value.setAttribute(`data-placement`,s),Object.assign(this.menuRef.value.style,{position:o,left:`${i}px`,top:`${a}px`})}};T([x({type:Boolean,state:!0})],Ag.prototype,`noFlip`,void 0),T([x({type:Boolean,reflect:!0,state:!0})],Ag.prototype,`menuAlignRight`,void 0),T([x({type:String,reflect:!0,state:!0})],Ag.prototype,`drop`,void 0),T([x({type:Object})],Ag.prototype,`floatingOpts`,void 0),T([x({type:Boolean,reflect:!0})],Ag.prototype,`menuIsOpen`,void 0),T([x({type:Boolean,reflect:!0})],Ag.prototype,`disabled`,void 0),T([x({type:Boolean,reflect:!0})],Ag.prototype,`readonly`,void 0),M(`dropdown.show`,{keyframes:[],options:{duration:200,easing:`cubic-bezier(0.1, 0, 0.5, 0)`}}),M(`dropdown.hide`,{keyframes:[],options:{duration:200,easing:`cubic-bezier(0.15, 0.6, 0.6, 1)`}});var jg=class extends Ag{constructor(...e){super(...e),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}static{this.styles=Ag.styles}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){let t=this._getActiveMenuItems(),n=t.find(t=>e.composedPath().includes(t));if(!n)return;let r=t.indexOf(n);this.nextDropdownItemNo=r+1,this.prevDropdownItemNo=r<=0?t.length-1:r-1,n.disabled||(this.emit(`sgds-select`,{detail:{item:n}}),this.close!==`outside`&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this._getMenuItems().forEach(e=>{let t=e?.shadowRoot?.querySelector(`.dropdown-item`);t&&t.removeAttribute(`tabindex`)})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;let t=this._getActiveMenuItems();if(t.length!==0)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)}}_getMenuItems(){return this.shadowRoot.querySelector(`slot#default`)?this.shadowRoot.querySelector(`slot#default`)?.assignedElements({flatten:!0}).filter(e=>e.getAttribute(`role`)===`menuitem`&&!e.classList.contains(`empty-menu`)&&!e.hasAttribute(`hidden`)):this.menu?.hasChildNodes()?[...Array.from(this.menu.children)]:[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden&&!e.readonly)}_setMenuItem(e){let t=this._getActiveMenuItems();if(t.length===0)return;let n=(e%t.length+t.length)%t.length,r=t[n];this.emit(`i-sgds-option-focus`,{detail:{option:r}}),this.nextDropdownItemNo=(n+1)%t.length,this.prevDropdownItemNo=(n-1+t.length)%t.length,t.forEach(e=>{let t=e.shadowRoot.querySelector(`.dropdown-item`);t.setAttribute(`tabindex`,e===r?`0`:`-1`),e===r&&t.focus()})}};T([C(`ul.dropdown-menu`)],jg.prototype,`menu`,void 0),T([S()],jg.prototype,`nextDropdownItemNo`,void 0),T([S()],jg.prototype,`prevDropdownItemNo`,void 0),T([x({type:Boolean,reflect:!0})],jg.prototype,`hidden`,void 0),b();var Mg=l`: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%}`;b();var Ng=l`.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}`;b();var Pg=class extends jg{static{this.styles=[...jg.styles,Ng,Mg]}constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop=`down`,this.close=`default`,this.menuRef=wm()}async _handleClick(e){if(this.disabled)return;let t=this._toggler[0];if(!t){this.toggleMenu();return}if(e.composedPath().includes(t)){this.toggleMenu();return}if(!this.menuIsOpen)return;let n=this.menuRef.value;n&&e.composedPath().includes(n)||this.hideMenu()}_handleCloseMenu(){this._toggler[0]?.focus({preventScroll:!0})}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){let t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute(`aria-haspopup`,`menu`),t.setAttribute(`aria-expanded`,String(this.menuIsOpen)))}_handleMenuIsOpenChange(){let e=this._toggler[0];e&&e.setAttribute(`aria-expanded`,String(this.menuIsOpen))}_handleDisabled(){let e=this._toggler[0];e&&(this.disabled?e.setAttribute(`disabled`,`true`):e.hasAttribute(`disabled`)&&e.removeAttribute(`disabled`))}render(){return v`
2463
2463
  <div class="dropdown" @click=${this._handleClick}>
2464
2464
  <div class="toggler-container" ${wm(this.myDropdown)}>
2465
2465
  <slot name="toggler" @slotchange=${this._handleTogglerSlotChange}></slot>
@@ -2484,17 +2484,17 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),mm(e,t);return
2484
2484
  <slot></slot>
2485
2485
  </sgds-dropdown>
2486
2486
  `}};T([x({type:String,reflect:!0})],Lg.prototype,`size`,void 0),b();var Rg=l`.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}`,zg=class extends E{constructor(...e){super(...e),this.ariaLabel=`breadcrumb`}static{this.styles=[...E.styles,Rg]}static{this.dependencies={"sgds-overflow-menu":Lg}}_replaceExcessItemsWithDropdown(e){let t=document.createElement(`sgds-breadcrumb-item`),n=document.createElement(`sgds-overflow-menu`);n.setAttribute(`aria-haspopup`,`menu`),n.setAttribute(`size`,`sm`);let r=e.filter((t,r)=>{if(r>0&&r<e.length-2){let e=t.querySelector(`a`).cloneNode(!0),r=document.createElement(`sgds-dropdown-item`);r.appendChild(e),n.appendChild(r);return}return t});t.classList.add(`overflow-menu`),t.appendChild(n),r.splice(1,0,t),this.defaultSlot.replaceWith(...r)}_handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`sgds-breadcrumb-item`);t.forEach((e,n)=>{n===t.length-1?(e.setAttribute(`aria-current`,`page`),e.active=!0):e.removeAttribute(`aria-current`)}),t.length>=5&&this._replaceExcessItemsWithDropdown(t)}render(){return I`
2487
- <div aria-label=${O(this.ariaLabel)}>
2487
+ <nav aria-label=${O(this.ariaLabel)}>
2488
2488
  <div class="breadcrumb">
2489
2489
  <slot @slotchange=${this._handleSlotChange}></slot>
2490
2490
  </div>
2491
- </div>
2491
+ </nav>
2492
2492
  `}};T([x({type:String})],zg.prototype,`ariaLabel`,void 0),T([C(`slot`)],zg.prototype,`defaultSlot`,void 0),b();var Bg=l`: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' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230e0e0e' fill-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-.035m2.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-.5' clip-rule='evenodd'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230e0e0e' fill-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-.035m2.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-.5' clip-rule='evenodd'/%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}`;b();var Vg=class extends E{constructor(...e){super(...e),this.size=`md`,this.variant=`primary`,this.tone=`primary`,this.active=!1,this.disabled=!1}static{this.styles=[...E.styles,Bg]}_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){let 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){let t=e.target.assignedElements().find(e=>e.tagName.toLowerCase()===`a`);t&&(this._processAnchor(t),this._processIcon(t))}firstUpdated(e){super.firstUpdated(e);let t=this.querySelector(`a`);t&&(this._processAnchor(t),this._processIcon(t))}render(){return v`<slot class="nav-link " @slotchange=${this._handleSlotChange}></slot> `}};T([x({type:String,reflect:!0})],Vg.prototype,`size`,void 0),T([x({type:String,reflect:!0})],Vg.prototype,`variant`,void 0),T([x({type:String,reflect:!0})],Vg.prototype,`tone`,void 0),T([x({type:Boolean,reflect:!0})],Vg.prototype,`active`,void 0),T([x({type:Boolean,reflect:!0})],Vg.prototype,`disabled`,void 0),b();var Hg=l`: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}`;b();var Ug=class extends E{constructor(...e){super(...e),this.active=!1,this._preventNavigation=e=>e.preventDefault()}static{this.styles=[Hg]}static{this.dependencies={"sgds-link":Vg,"sgds-icon":L}}updated(e){if(super.updated(e),e.has(`active`)){let e=this.querySelector(`a`);e&&(this.active?(e.setAttribute(`tabindex`,`-1`),e.addEventListener(`click`,this._preventNavigation)):e.removeEventListener(`click`,this._preventNavigation))}}render(){return v`
2493
2493
  <sgds-link><slot class="nav-link"></slot></sgds-link>
2494
2494
  <div class="separator">
2495
2495
  <sgds-icon name="chevron-right" size="sm"></sgds-icon>
2496
2496
  </div>
2497
- `}};T([x({type:Boolean,reflect:!0})],Ug.prototype,`active`,void 0),F(`sgds-breadcrumb`,zg),F(`sgds-breadcrumb-item`,Ug),b();var Wg=l`: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)}`,R=class extends E{constructor(...e){super(...e),this.variant=`primary`,this.tone=`brand`,this.size=`md`,this.active=!1,this.disabled=!1,this.target=`_self`}static{this.styles=[...E.styles,Wg]}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){e.preventDefault(),e.stopPropagation();return}}_handleKeydown(e){if(e.key===`Enter`&&this.loading){e.preventDefault(),e.stopPropagation();return}}_assignSpinnerSize(e){if(e===`xs`||e===`sm`)return`xs`;if(e===`md`||e===`lg`)return`sm`}_assignSpinnerTone(e,t){return e===`fixed-light`&&t===`primary`?`fixed-dark`:e===`neutral`&&t===`primary`?`inverse`:e===`fixed-light`||t===`primary`?`fixed-light`:e===`neutral`&&(t===`outline`||t===`ghost`)?`neutral`:`brand`}};T([C(`.btn`)],R.prototype,`button`,void 0),T([x({reflect:!0})],R.prototype,`variant`,void 0),T([x({reflect:!0})],R.prototype,`tone`,void 0),T([x({reflect:!0})],R.prototype,`size`,void 0),T([x({type:Boolean,reflect:!0})],R.prototype,`active`,void 0),T([x({type:Boolean,reflect:!0})],R.prototype,`disabled`,void 0),T([x({type:String,reflect:!0})],R.prototype,`href`,void 0),T([x({type:String,reflect:!0})],R.prototype,`target`,void 0),T([x({type:String,reflect:!0})],R.prototype,`download`,void 0),T([x({type:String})],R.prototype,`ariaLabel`,void 0),T([x({type:Boolean})],R.prototype,`loading`,void 0);var Gg=class{constructor(e,t){(this.host=e).addController(this),this.options={form:e=>e.closest(`form`),...t}}hostConnected(){this.form=this.options.form(this.host)}hostDisconnected(){this.form&&=void 0}doAction(e,t){if(this.form){let n=document.createElement(`button`);n.type=e,n.style.position=`absolute`,n.style.width=`0`,n.style.height=`0`,n.style.clipPath=`inset(50%)`,n.style.overflow=`hidden`,n.style.whiteSpace=`nowrap`,t&&([`formaction`,`formmethod`,`formnovalidate`,`formtarget`].forEach(e=>{t.hasAttribute(e)&&n.setAttribute(e,t.getAttribute(e))}),e===`submit`&&t.hasAttribute(`name`)&&(n.name=t.getAttribute(`name`),n.value=t.getAttribute(`value`)||``)),this.form.append(n),n.click(),n.remove()}}reset(e){this.doAction(`reset`,e)}submit(e){this.doAction(`submit`,e)}};b();var Kg=l`: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}`,z=class extends R{constructor(...e){super(...e),this.formSubmitController=new Gg(this,{form:e=>{if(e.hasAttribute(`form`)){let t=e.getRootNode(),n=e.getAttribute(`form`);return t.getElementById(n)}return e.closest(`form`)}}),this.type=`button`,this.fullWidth=!1,this.hasLeftIconSlot=!1,this.hasRightIconSlot=!1,this.hasSlotController=new Tg(this,`leftIcon`,`rightIcon`),this._clickHandler=()=>{this.type===`submit`&&this.formSubmitController.submit(this),this.type===`reset`&&this.formSubmitController.reset(this)}}static{this.styles=[...R.styles,tm,Kg]}updated(){this.hasLeftIconSlot||=this.hasSlotController.test(`leftIcon`),this.hasRightIconSlot||=this.hasSlotController.test(`rightIcon`)}_handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}render(){let e=this.href,t=e?Et`a`:Et`button`,n=!this.hasLeftIconSlot&&!this.hasRightIconSlot;return I`
2497
+ `}};T([x({type:Boolean,reflect:!0})],Ug.prototype,`active`,void 0),F(`sgds-breadcrumb`,zg),F(`sgds-breadcrumb-item`,Ug),b();var Wg=l`: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);position:relative;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)}:host(:not([disabled])) .btn:active:after{background-color:var(--sgds-bg-translucent);border-radius:inherit;content:"";inset:0;position:absolute}.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)}`,R=class extends E{constructor(...e){super(...e),this.variant=`primary`,this.tone=`brand`,this.size=`md`,this.active=!1,this.disabled=!1,this.target=`_self`}static{this.styles=[...E.styles,Wg]}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){e.preventDefault(),e.stopPropagation();return}}_handleKeydown(e){if(e.key===`Enter`&&this.loading){e.preventDefault(),e.stopPropagation();return}}_assignSpinnerSize(e){if(e===`xs`||e===`sm`)return`xs`;if(e===`md`||e===`lg`)return`sm`}_assignSpinnerTone(e,t){return e===`fixed-light`&&t===`primary`?`fixed-dark`:e===`neutral`&&t===`primary`?`inverse`:e===`fixed-light`||t===`primary`?`fixed-light`:e===`neutral`&&(t===`outline`||t===`ghost`)?`neutral`:`brand`}};T([C(`.btn`)],R.prototype,`button`,void 0),T([x({reflect:!0})],R.prototype,`variant`,void 0),T([x({reflect:!0})],R.prototype,`tone`,void 0),T([x({reflect:!0})],R.prototype,`size`,void 0),T([x({type:Boolean,reflect:!0})],R.prototype,`active`,void 0),T([x({type:Boolean,reflect:!0})],R.prototype,`disabled`,void 0),T([x({type:String,reflect:!0})],R.prototype,`href`,void 0),T([x({type:String,reflect:!0})],R.prototype,`target`,void 0),T([x({type:String,reflect:!0})],R.prototype,`download`,void 0),T([x({type:String})],R.prototype,`ariaLabel`,void 0),T([x({type:Boolean})],R.prototype,`loading`,void 0);var Gg=class{constructor(e,t){(this.host=e).addController(this),this.options={form:e=>e.closest(`form`),...t}}hostConnected(){this.form=this.options.form(this.host)}hostDisconnected(){this.form&&=void 0}doAction(e,t){if(this.form){let n=document.createElement(`button`);n.type=e,n.style.position=`absolute`,n.style.width=`0`,n.style.height=`0`,n.style.clipPath=`inset(50%)`,n.style.overflow=`hidden`,n.style.whiteSpace=`nowrap`,t&&([`formaction`,`formmethod`,`formnovalidate`,`formtarget`].forEach(e=>{t.hasAttribute(e)&&n.setAttribute(e,t.getAttribute(e))}),e===`submit`&&t.hasAttribute(`name`)&&(n.name=t.getAttribute(`name`),n.value=t.getAttribute(`value`)||``)),this.form.append(n),n.click(),n.remove()}}reset(e){this.doAction(`reset`,e)}submit(e){this.doAction(`submit`,e)}};b();var Kg=l`: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}`,z=class extends R{constructor(...e){super(...e),this.formSubmitController=new Gg(this,{form:e=>{if(e.hasAttribute(`form`)){let t=e.getRootNode(),n=e.getAttribute(`form`);return t.getElementById(n)}return e.closest(`form`)}}),this.type=`button`,this.fullWidth=!1,this.hasLeftIconSlot=!1,this.hasRightIconSlot=!1,this.hasSlotController=new Tg(this,`leftIcon`,`rightIcon`),this._clickHandler=()=>{this.type===`submit`&&this.formSubmitController.submit(this),this.type===`reset`&&this.formSubmitController.reset(this)}}static{this.styles=[...R.styles,tm,Kg]}updated(){this.hasLeftIconSlot||=this.hasSlotController.test(`leftIcon`),this.hasRightIconSlot||=this.hasSlotController.test(`rightIcon`)}_handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}render(){let e=this.href,t=e?Et`a`:Et`button`,n=!this.hasLeftIconSlot&&!this.hasRightIconSlot;return I`
2498
2498
  <${t}
2499
2499
  class="btn ${D({disabled:this.disabled,active:this.active,"has-left-icon":this.hasLeftIconSlot,"has-right-icon":this.hasRightIconSlot,"no-icon":n,loading:this.loading})}"
2500
2500
  ?disabled=${O(e?void 0:this.disabled)}
@@ -2518,7 +2518,7 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),mm(e,t);return
2518
2518
  size=${O(this._assignSpinnerSize(this.size))}
2519
2519
  tone=${O(this._assignSpinnerTone(this.tone,this.variant))}
2520
2520
  ></sgds-spinner>`:I`<slot name="leftIcon"></slot>
2521
- <span><slot></slot></span>
2521
+ <span role="presentation"><slot></slot></span>
2522
2522
  <slot name="rightIcon"></slot>`}
2523
2523
 
2524
2524
  </${t}>
@@ -2574,13 +2574,14 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),mm(e,t);return
2574
2574
  <div class="dropdown-item ${D(e)}" tabindex=${this.disabled?`-1`:`0`}>
2575
2575
  ${this._renderItemContent()}
2576
2576
  </div>
2577
- `}};T([x({type:Boolean,reflect:!0})],f_.prototype,`active`,void 0),T([x({type:Boolean,reflect:!0})],f_.prototype,`disabled`,void 0),T([x({type:String,reflect:!0})],f_.prototype,`value`,void 0),b();var p_=l`.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}`;b();var m_=l`.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)}`,V=class extends E{constructor(...e){super(...e),this.label=``,this.hintText=``,this.disabled=!1,this.invalid=!1,this._controlId=kg(`input`),this._labelId=kg(`label`)}static{this.styles=[...E.styles,r_,i_,p_,m_]}setInvalid(e){this.invalid=e,e?this.emit(`sgds-invalid`):this.emit(`sgds-valid`)}};T([x({reflect:!0})],V.prototype,`label`,void 0),T([x({reflect:!0})],V.prototype,`hintText`,void 0),T([x({reflect:!0})],V.prototype,`name`,void 0),T([x({type:Boolean,reflect:!0})],V.prototype,`disabled`,void 0),T([x({type:Boolean,reflect:!0})],V.prototype,`invalid`,void 0),b();var h_=l`.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" viewBox="0 0 17 16"><path fill="%23fff" d="M14.347 3.979a.52.52 0 0 1 0 .739L7.043 12.02a.52.52 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 0"/></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" viewBox="0 0 17 16"><path fill="%23fff" fill-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-.5" clip-rule="evenodd"/></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}`;b();var g_=l`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)}`;b();var __=class extends c_(V){constructor(...e){super(...e),this.hasSlotController=new Tg(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())}}static{this.styles=[...V.styles,g_,h_]}static{this.dependencies={"sgds-icon":L}}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(e){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){let t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key===`Enter`&&!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(){let e=this.hasFeedback===`both`||this.hasFeedback===`style`,t=this.hasFeedback===`both`||this.hasFeedback===`text`,n=this.hasSlotController.test(`[default]`);return v`
2577
+ `}};T([x({type:Boolean,reflect:!0})],f_.prototype,`active`,void 0),T([x({type:Boolean,reflect:!0})],f_.prototype,`disabled`,void 0),T([x({type:String,reflect:!0})],f_.prototype,`value`,void 0),b();var p_=l`.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}`;b();var m_=l`.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)}`,V=class extends E{constructor(...e){super(...e),this.label=``,this.hintText=``,this.disabled=!1,this.invalid=!1,this._controlId=kg(`input`),this._labelId=kg(`label`)}static{this.styles=[...E.styles,r_,i_,p_,m_]}setInvalid(e){this.invalid=e,e?this.emit(`sgds-invalid`):this.emit(`sgds-valid`)}};T([x({reflect:!0})],V.prototype,`label`,void 0),T([x({reflect:!0})],V.prototype,`hintText`,void 0),T([x({reflect:!0})],V.prototype,`name`,void 0),T([x({type:Boolean,reflect:!0})],V.prototype,`disabled`,void 0),T([x({type:Boolean,reflect:!0})],V.prototype,`invalid`,void 0),b();var h_=l`.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" viewBox="0 0 17 16"><path fill="%23fff" d="M14.347 3.979a.52.52 0 0 1 0 .739L7.043 12.02a.52.52 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 0"/></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" viewBox="0 0 17 16"><path fill="%23fff" fill-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-.5" clip-rule="evenodd"/></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}`;b();var g_=l`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)}`;b();var H=class extends c_(V){constructor(...e){super(...e),this.hasSlotController=new Tg(this,`[default]`),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.noValidate=!1,this.ariaLabel=``,this.invalidFeedback=``,this._isTouched=!1,this._handleHostClick=e=>{e.composedPath()[0]===this&&(e.stopPropagation(),this.input.click())}}static{this.styles=[...V.styles,g_,h_]}static{this.dependencies={"sgds-icon":L}}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(e){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){let t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key===`Enter`&&!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(){let e=this.hasFeedback===`both`||this.hasFeedback===`style`,t=this.hasFeedback===`both`||this.hasFeedback===`text`,n=this.hasSlotController.test(`[default]`);return v`
2578
2578
  <div class="form-check">
2579
2579
  <input
2580
2580
  class=${D({"form-check-input":!0,"is-invalid":e&&this.invalid})}
2581
2581
  type="checkbox"
2582
2582
  id=${this._controlId}
2583
2583
  aria-invalid=${this.invalid?`true`:`false`}
2584
+ aria-label=${O(this.ariaLabel||void 0)}
2584
2585
  name=${O(this.name)}
2585
2586
  ?indeterminate=${this.indeterminate}
2586
2587
  ?required=${this.required}
@@ -2607,7 +2608,7 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),mm(e,t);return
2607
2608
  </div>
2608
2609
  </div>
2609
2610
  `:y}
2610
- `}};T([x({type:String,reflect:!0})],__.prototype,`value`,void 0),T([x({type:Boolean,reflect:!0})],__.prototype,`checked`,void 0),T([x({type:String,reflect:!0})],__.prototype,`hasFeedback`,void 0),T([o_(`checked`)],__.prototype,`defaultChecked`,void 0),T([x({type:Boolean,reflect:!0})],__.prototype,`indeterminate`,void 0),T([x({type:Boolean,reflect:!0})],__.prototype,`required`,void 0),T([x({type:Boolean,reflect:!0})],__.prototype,`noValidate`,void 0),T([x({type:String,reflect:!0})],__.prototype,`invalidFeedback`,void 0),T([S()],__.prototype,`_isTouched`,void 0),T([P(`disabled`,{waitUntilFirstUpdate:!0})],__.prototype,`_handleDisabledChange`,null),T([P(`_isTouched`,{waitUntilFirstUpdate:!0})],__.prototype,`_handleIsTouched`,null),b();var v_=class extends f_{constructor(...e){super(...e),this.checkbox=!1,this._renderItemContent=()=>this.checkbox?v`
2611
+ `}};T([x({type:String,reflect:!0})],H.prototype,`value`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`checked`,void 0),T([x({type:String,reflect:!0})],H.prototype,`hasFeedback`,void 0),T([o_(`checked`)],H.prototype,`defaultChecked`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`indeterminate`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`required`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`noValidate`,void 0),T([x({type:String})],H.prototype,`ariaLabel`,void 0),T([x({type:String,reflect:!0})],H.prototype,`invalidFeedback`,void 0),T([S()],H.prototype,`_isTouched`,void 0),T([P(`disabled`,{waitUntilFirstUpdate:!0})],H.prototype,`_handleDisabledChange`,null),T([P(`_isTouched`,{waitUntilFirstUpdate:!0})],H.prototype,`_handleIsTouched`,null),b();var __=class extends f_{constructor(...e){super(...e),this.checkbox=!1,this._renderItemContent=()=>this.checkbox?v`
2611
2612
  <sgds-checkbox .checked=${this.active} .disabled=${this.disabled}>
2612
2613
  <slot></slot>
2613
2614
  </sgds-checkbox>
@@ -2616,16 +2617,16 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),mm(e,t);return
2616
2617
  <slot></slot>
2617
2618
  ${this.active?v` <sgds-icon name="check"></sgds-icon> `:y}
2618
2619
  </div>
2619
- `}static{this.dependencies={"sgds-icon":L,"sgds-checkbox":__}}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.parentElement?.multiSelect&&(this.checkbox=!0)}};T([x({type:Boolean,reflect:!0})],v_.prototype,`checkbox`,void 0),Xe();
2620
+ `}static{this.dependencies={"sgds-icon":L,"sgds-checkbox":H}}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.parentElement?.multiSelect&&(this.checkbox=!0)}};T([x({type:Boolean,reflect:!0})],__.prototype,`checkbox`,void 0),Xe();
2620
2621
  /**
2621
2622
  * @license
2622
2623
  * Copyright 2017 Google LLC
2623
2624
  * SPDX-License-Identifier: BSD-3-Clause
2624
2625
  */
2625
- let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},b_=ft(class extends pt{constructor(e){if(super(e),e.type!==dt.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){let i=fm(e),{values:a,keys:o}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=o,a;let s=this.ut??=[],c=[],l,u,d=0,f=i.length-1,p=0,m=a.length-1;for(;d<=f&&p<=m;)if(i[d]===null)d++;else if(i[f]===null)f--;else if(s[d]===o[p])c[p]=lm(i[d],a[p]),d++,p++;else if(s[f]===o[m])c[m]=lm(i[f],a[m]),f--,m--;else if(s[d]===o[m])c[m]=lm(i[d],a[m]),cm(e,c[m+1],i[d]),d++,m--;else if(s[f]===o[p])c[p]=lm(i[f],a[p]),cm(e,i[d],i[f]),f--,p++;else if(l===void 0&&(l=y_(o,p,m),u=y_(s,d,f)),l.has(s[d])){if(l.has(s[f])){let t=u.get(o[p]),n=t===void 0?null:i[t];if(n===null){let t=cm(e,i[d]);lm(t,a[p]),c[p]=t}else c[p]=lm(n,a[p]),cm(e,i[d],n),i[t]=null;p++}else pm(i[f]),f--}else pm(i[d]),d++;for(;p<=m;){let t=cm(e,c[m+1]);lm(t,a[p]),c[p++]=t}for(;d<=f;){let e=i[d++];e!==null&&pm(e)}return this.ut=o,dm(e,c),Fe}});b();var x_=l`: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)}
2626
+ let v_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},y_=ft(class extends pt{constructor(e){if(super(e),e.type!==dt.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){let i=fm(e),{values:a,keys:o}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=o,a;let s=this.ut??=[],c=[],l,u,d=0,f=i.length-1,p=0,m=a.length-1;for(;d<=f&&p<=m;)if(i[d]===null)d++;else if(i[f]===null)f--;else if(s[d]===o[p])c[p]=lm(i[d],a[p]),d++,p++;else if(s[f]===o[m])c[m]=lm(i[f],a[m]),f--,m--;else if(s[d]===o[m])c[m]=lm(i[d],a[m]),cm(e,c[m+1],i[d]),d++,m--;else if(s[f]===o[p])c[p]=lm(i[f],a[p]),cm(e,i[d],i[f]),f--,p++;else if(l===void 0&&(l=v_(o,p,m),u=v_(s,d,f)),l.has(s[d])){if(l.has(s[f])){let t=u.get(o[p]),n=t===void 0?null:i[t];if(n===null){let t=cm(e,i[d]);lm(t,a[p]),c[p]=t}else c[p]=lm(n,a[p]),cm(e,i[d],n),i[t]=null;p++}else pm(i[f]),f--}else pm(i[d]),d++;for(;p<=m;){let t=cm(e,c[m+1]);lm(t,a[p]),c[p++]=t}for(;d<=f;){let e=i[d++];e!==null&&pm(e)}return this.ut=o,dm(e,c),Fe}});b();var b_=l`: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)}
2626
2627
 
2627
2628
 
2628
- /*! 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}`;b();var S_=class extends E{constructor(...e){super(...e),this.variant=`primary`,this.tone=`brand`,this.size=`md`,this.orientation=`vertical`}static{this.styles=[...E.styles,Jg,x_]}render(){return I`
2629
+ /*! 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}`;b();var x_=class extends E{constructor(...e){super(...e),this.variant=`primary`,this.tone=`brand`,this.size=`md`,this.orientation=`vertical`}static{this.styles=[...E.styles,Jg,b_]}render(){return I`
2629
2630
  <div
2630
2631
  class="spinner-wrapper ${D({horizontal:this.orientation===`horizontal`})}"
2631
2632
  >
@@ -2637,10 +2638,10 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2637
2638
  </div>
2638
2639
  ${this.label?I`<span class="spinner-label">${this.label}</span>`:y}
2639
2640
  </div>
2640
- `}};T([x({type:String,reflect:!0})],S_.prototype,`variant`,void 0),T([x({type:String,reflect:!0})],S_.prototype,`tone`,void 0),T([x({type:String,reflect:!0})],S_.prototype,`size`,void 0),T([x({reflect:!0,type:String})],S_.prototype,`label`,void 0),T([x({type:String,reflect:!0})],S_.prototype,`orientation`,void 0),b();var H=class e extends B{constructor(...e){super(...e),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=v`<sgds-icon
2641
+ `}};T([x({type:String,reflect:!0})],x_.prototype,`variant`,void 0),T([x({type:String,reflect:!0})],x_.prototype,`tone`,void 0),T([x({type:String,reflect:!0})],x_.prototype,`size`,void 0),T([x({reflect:!0,type:String})],x_.prototype,`label`,void 0),T([x({type:String,reflect:!0})],x_.prototype,`orientation`,void 0),b();var U=class e extends B{constructor(...e){super(...e),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=v`<sgds-icon
2641
2642
  name=${this.menuIsOpen?`chevron-up`:`chevron-down`}
2642
2643
  size="md"
2643
- ></sgds-icon>`,this.prefixIconTemplate=v`${y}`}static{this.styles=[...B.styles,a_,u_]}static{this.childName=`sgds-combo-box-option`}static{this.dependencies={[e.childName]:v_,"sgds-icon":L,"sgds-badge":Dg,"sgds-spinner":S_}}connectedCallback(){super.connectedCallback(),this.addEventListener(`focus`,async()=>{this.isFocused=!0}),this.addEventListener(`blur`,async()=>{this.isFocused=!1}),this.addEventListener(`keydown`,e=>{e.key===`Enter`&&e.target.shadowRoot?.querySelector(`.form-clearable`)?.matches(`:focus`)&&this._handleClear()}),this.addEventListener(`sgds-hide`,async e=>{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=>{let 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){let t=e.target.assignedElements({flatten:!0});t.forEach(e=>{if(e.hasAttribute(`disabled`)||e.clickEventAdded)return!1;e.addEventListener(`click`,e=>{e.preventDefault();let t=e.target;return this.multiSelect&&t.active?this._handleItemUnselect(e):this._handleItemSelected(e),!1}),e.clickEventAdded=!0,e.addEventListener(`keydown`,e=>{e.key===`Enter`&&(this.close=`outside`,e.target.click())})}),await this.updateComplete,this.optionList=await this._getMenuListFromOptions(t),this._setupValidation(this.optionList)}async _setupValidation(e){if(this.value&&e.length>0){let t=this.value.split(`;`),n=e.filter(({value:e})=>t.includes(e));this.selectedItems=[...n,...this.selectedItems],this.multiSelect||(this.displayValue=n[0]?.label)}this.input=this.multiSelect?await this._multiSelectInput:await this._input,this._mixinValidate(this.input)}async _handleValueChange(){this.options.forEach(e=>e.removeAttribute(`hidden`));let 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(){let e=this.menuList.map(e=>{let 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){let t=this.value.split(`;`),n=e.filter(({value:e})=>t.includes(e));this.selectedItems=[...n];let r=n.map(e=>e.value).join(`;`);r!==this.value&&(this.value=r),!this.multiSelect&&!this.async&&(this.displayValue=n[0]?.label||``),this.options.forEach(e=>e.active=t.includes(e.value))}async _handleInputChange(e){let 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());let n=this.options.map(e=>({value:e.value,label:e.textContent.trim()}));this.filteredList=n.filter(e=>this.filterFunction(this.displayValue,e)),this.emptyMenuAfterFiltering=this.filteredList.length===0;let r=this.filteredList.map(e=>e.value);this.options.forEach(e=>{e.hidden=!r.includes(e.value)})}async _handleItemSelected(e){let t=e.target;if(t.disabled)return;let n=t.textContent?.trim()??``,r=t.getAttribute(`value`)??n,i=this.filteredList.find(e=>e.value.toString()===r)||{label:n,value:r};this.multiSelect?(this.selectedItems.some(e=>e.value===i.value)||(this.selectedItems=[...this.selectedItems,i]),this.value=this.selectedItems.map(e=>e.value).join(`;`),t.active=!0):(this.selectedItems.length===0||this.selectedItems[0].value!==i.value)&&(this.options.forEach(e=>e.active=!1),t.active=!0,this.selectedItems=[i],this.value=i.value.toString(),this.displayValue=i.label,this.hideMenu()),this._emitChangeEvents()}_handleItemUnselect(e){let t=e.target;if(t.disabled)return;t.removeAttribute(`active`);let n=t.textContent?.trim()??``,r=t.getAttribute(`value`)??n,i=this.filteredList.find(e=>e.value.toString()===r)||{label:n,value:r};this.selectedItems=this.selectedItems.filter(e=>e.value!==i.value),this.value=this.selectedItems.map(e=>e.value).join(`;`),this._emitChangeEvents()}async _handleBadgeDismissed(e,t){e.preventDefault();let n=t.value;this.options?.forEach(e=>e.value===n?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){if(this.multiSelect&&e.key===`Backspace`&&this.multiSelect&&this.displayValue.trim()===``&&this.selectedItems.length>0){let e=this.selectedItems[this.selectedItems.length-1].value;this.options?.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){e.preventDefault(),this.emit(`sgds-blur`),this.multiSelect?this.selectedItems.filter(({label:e})=>this.displayValue===e).length<=0&&(this.displayValue=``):this.displayValue=this.selectedItems.length>0?this.selectedItems[0].label:``}async _handleClear(){this.value=this.displayValue=``,this.options?.forEach(e=>e.active=!1),this._emitChangeEvents(),(await this._input).focus(),this.showMenu()}async _mixinResetFormControl(){if(this.value=this.defaultValue,this.multiSelect){let e=this.value.split(`;`);this.options.forEach(t=>{t.active=e.includes(t.value)});let 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});let e=this.options.filter(e=>e.value===this.value);this.displayValue=e.length<=0?``:e[0].textContent.trim(),this._mixinResetValidity(await this._input)}}async _handleScroll(e){let t=e.target;if(t){let e=t.scrollHeight-t.clientHeight,n=Math.max(0,this.scrollBottomOffset);t.scrollTop>=e-n?(this.isScrollEnd||this.emit(`sgds-scroll-end`),this.isScrollEnd=!0):this.isScrollEnd=!1}}_renderInput(e){let t=this.hasFeedback,n=e;return v`
2644
+ ></sgds-icon>`,this.prefixIconTemplate=v`${y}`}static{this.styles=[...B.styles,a_,u_]}static{this.childName=`sgds-combo-box-option`}static{this.dependencies={[e.childName]:__,"sgds-icon":L,"sgds-badge":Dg,"sgds-spinner":x_}}connectedCallback(){super.connectedCallback(),this.addEventListener(`focus`,async()=>{this.isFocused=!0}),this.addEventListener(`blur`,async()=>{this.isFocused=!1}),this.addEventListener(`keydown`,e=>{e.key===`Enter`&&e.target.shadowRoot?.querySelector(`.form-clearable`)?.matches(`:focus`)&&this._handleClear()}),this.addEventListener(`sgds-hide`,async e=>{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=>{let 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){let t=e.target.assignedElements({flatten:!0});t.forEach(e=>{if(e.hasAttribute(`disabled`)||e.clickEventAdded)return!1;e.addEventListener(`click`,e=>{e.preventDefault();let t=e.target;return this.multiSelect&&t.active?this._handleItemUnselect(e):this._handleItemSelected(e),!1}),e.clickEventAdded=!0,e.addEventListener(`keydown`,e=>{e.key===`Enter`&&(this.close=`outside`,e.target.click())})}),await this.updateComplete,this.optionList=await this._getMenuListFromOptions(t),this._setupValidation(this.optionList)}async _setupValidation(e){if(this.value&&e.length>0){let t=this.value.split(`;`),n=e.filter(({value:e})=>t.includes(e));this.selectedItems=[...n,...this.selectedItems],this.multiSelect||(this.displayValue=n[0]?.label)}this.input=this.multiSelect?await this._multiSelectInput:await this._input,this._mixinValidate(this.input)}async _handleValueChange(){this.options.forEach(e=>e.removeAttribute(`hidden`));let 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(){let e=this.menuList.map(e=>{let 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){let t=this.value.split(`;`),n=e.filter(({value:e})=>t.includes(e));this.selectedItems=[...n];let r=n.map(e=>e.value).join(`;`);r!==this.value&&(this.value=r),!this.multiSelect&&!this.async&&(this.displayValue=n[0]?.label||``),this.options.forEach(e=>e.active=t.includes(e.value))}async _handleInputChange(e){let 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());let n=this.options.map(e=>({value:e.value,label:e.textContent.trim()}));this.filteredList=n.filter(e=>this.filterFunction(this.displayValue,e)),this.emptyMenuAfterFiltering=this.filteredList.length===0;let r=this.filteredList.map(e=>e.value);this.options.forEach(e=>{e.hidden=!r.includes(e.value)})}async _handleItemSelected(e){let t=e.target;if(t.disabled)return;let n=t.textContent?.trim()??``,r=t.getAttribute(`value`)??n,i=this.filteredList.find(e=>e.value.toString()===r)||{label:n,value:r};this.multiSelect?(this.selectedItems.some(e=>e.value===i.value)||(this.selectedItems=[...this.selectedItems,i]),this.value=this.selectedItems.map(e=>e.value).join(`;`),t.active=!0):(this.selectedItems.length===0||this.selectedItems[0].value!==i.value)&&(this.options.forEach(e=>e.active=!1),t.active=!0,this.selectedItems=[i],this.value=i.value.toString(),this.displayValue=i.label,this.hideMenu()),this._emitChangeEvents()}_handleItemUnselect(e){let t=e.target;if(t.disabled)return;t.removeAttribute(`active`);let n=t.textContent?.trim()??``,r=t.getAttribute(`value`)??n,i=this.filteredList.find(e=>e.value.toString()===r)||{label:n,value:r};this.selectedItems=this.selectedItems.filter(e=>e.value!==i.value),this.value=this.selectedItems.map(e=>e.value).join(`;`),this._emitChangeEvents()}async _handleBadgeDismissed(e,t){e.preventDefault();let n=t.value;this.options?.forEach(e=>e.value===n?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){if(this.multiSelect&&e.key===`Backspace`&&this.multiSelect&&this.displayValue.trim()===``&&this.selectedItems.length>0){let e=this.selectedItems[this.selectedItems.length-1].value;this.options?.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){e.preventDefault(),this.emit(`sgds-blur`),this.multiSelect?this.selectedItems.filter(({label:e})=>this.displayValue===e).length<=0&&(this.displayValue=``):this.displayValue=this.selectedItems.length>0?this.selectedItems[0].label:``}async _handleClear(){this.value=this.displayValue=``,this.options?.forEach(e=>e.active=!1),this._emitChangeEvents(),(await this._input).focus(),this.showMenu()}async _mixinResetFormControl(){if(this.value=this.defaultValue,this.multiSelect){let e=this.value.split(`;`);this.options.forEach(t=>{t.active=e.includes(t.value)});let 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});let e=this.options.filter(e=>e.value===this.value);this.displayValue=e.length<=0?``:e[0].textContent.trim(),this._mixinResetValidity(await this._input)}}async _handleScroll(e){let t=e.target;if(t){let e=t.scrollHeight-t.clientHeight,n=Math.max(0,this.scrollBottomOffset);t.scrollTop>=e-n?(this.isScrollEnd||this.emit(`sgds-scroll-end`),this.isScrollEnd=!0):this.isScrollEnd=!1}}_renderInput(e){let t=this.hasFeedback,n=e;return v`
2644
2645
  <div
2645
2646
  ${wm(this.myDropdown)}
2646
2647
  class="form-control-group ${D({disabled:this.disabled,readonly:this.readonly,"is-invalid":this.invalid&&t})}"
@@ -2649,7 +2650,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2649
2650
  ${this.prefixIconTemplate}
2650
2651
  <div class="combobox-input-container">
2651
2652
  ${this.multiSelect?v`
2652
- ${b_(this.selectedItems,e=>e.value,e=>v`<sgds-badge
2653
+ ${y_(this.selectedItems,e=>e.value,e=>v`<sgds-badge
2653
2654
  outlined
2654
2655
  variant="neutral"
2655
2656
  show
@@ -2731,7 +2732,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2731
2732
  aria-hidden="true"
2732
2733
  .autocomplete=${this.autocomplete}
2733
2734
  />`:y}
2734
- `}};T([x({type:Boolean,reflect:!0})],H.prototype,`multiSelect`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`badgeFullWidth`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`clearable`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`noValidate`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`async`,void 0),T([x({type:Boolean,reflect:!0})],H.prototype,`emptyMenuAsync`,void 0),T([x({type:Number,reflect:!0})],H.prototype,`scrollBottomOffset`,void 0),T([x()],H.prototype,`filterFunction`,void 0),T([at(`input#multi-select-input-tracker`)],H.prototype,`_multiSelectInput`,void 0),T([w({flatten:!0,selector:`sgds-combo-box-option`})],H.prototype,`options`,void 0),T([S()],H.prototype,`optionList`,void 0),T([S()],H.prototype,`emptyMenuAfterFiltering`,void 0),T([S()],H.prototype,`isFocused`,void 0),T([S()],H.prototype,`isScrollEnd`,void 0),T([P(`value`,{waitUntilFirstUpdate:!0})],H.prototype,`_handleValueChange`,null),T([P(`optionList`,{waitUntilFirstUpdate:!0})],H.prototype,`_handleOptionListChange`,null),T([P(`menuList`,{waitUntilFirstUpdate:!0})],H.prototype,`_handleMenuListChange`,null),F(`sgds-combo-box`,H),F(`sgds-combo-box-option`,v_),b();var C_=l`: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)}`;b();var U=class extends c_(V){constructor(...e){super(...e),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=/* @__PURE__ */ new Set}static{this.styles=[...V.styles,C_]}static{this.dependencies={"sgds-icon":L}}connectedCallback(){super.connectedCallback(),this.addEventListener(`sgds-check`,e=>{let{value:t}=e.detail;!this.value.includes(t)&&this._addValue(t)}),this.addEventListener(`sgds-uncheck`,e=>{let{value:t}=e.detail;this._removeValue(t)}),this.addEventListener(`sgds-blur`,e=>{let 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(){let e=v` <div class="form-text" id="${this._controlId}Help">${this.hintText}</div> `;return this.hintText&&e}_addValue(e){let 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){let 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(){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 v`
2735
+ `}};T([x({type:Boolean,reflect:!0})],U.prototype,`multiSelect`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`badgeFullWidth`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`clearable`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`noValidate`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`async`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`emptyMenuAsync`,void 0),T([x({type:Number,reflect:!0})],U.prototype,`scrollBottomOffset`,void 0),T([x()],U.prototype,`filterFunction`,void 0),T([at(`input#multi-select-input-tracker`)],U.prototype,`_multiSelectInput`,void 0),T([w({flatten:!0,selector:`sgds-combo-box-option`})],U.prototype,`options`,void 0),T([S()],U.prototype,`optionList`,void 0),T([S()],U.prototype,`emptyMenuAfterFiltering`,void 0),T([S()],U.prototype,`isFocused`,void 0),T([S()],U.prototype,`isScrollEnd`,void 0),T([P(`value`,{waitUntilFirstUpdate:!0})],U.prototype,`_handleValueChange`,null),T([P(`optionList`,{waitUntilFirstUpdate:!0})],U.prototype,`_handleOptionListChange`,null),T([P(`menuList`,{waitUntilFirstUpdate:!0})],U.prototype,`_handleMenuListChange`,null),F(`sgds-combo-box`,U),F(`sgds-combo-box-option`,__),b();var S_=l`: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)}`;b();var C_=class extends c_(V){constructor(...e){super(...e),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=/* @__PURE__ */ new Set}static{this.styles=[...V.styles,S_]}static{this.dependencies={"sgds-icon":L}}connectedCallback(){super.connectedCallback(),this.addEventListener(`sgds-check`,e=>{let{value:t}=e.detail;!this.value.includes(t)&&this._addValue(t)}),this.addEventListener(`sgds-uncheck`,e=>{let{value:t}=e.detail;this._removeValue(t)}),this.addEventListener(`sgds-blur`,e=>{let 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(){let e=v` <div class="form-text" id="${this._controlId}Help">${this.hintText}</div> `;return this.hintText&&e}_addValue(e){let 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){let 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(){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 v`
2735
2736
  <fieldset>
2736
2737
  <div class="label-hint-container">
2737
2738
  <label class="form-label">${this.label}</label>
@@ -2760,7 +2761,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2760
2761
  </div>
2761
2762
  `:y}
2762
2763
  </fieldset>
2763
- `}};T([x({reflect:!0})],U.prototype,`label`,void 0),T([x({type:String,reflect:!0})],U.prototype,`invalidFeedback`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`hasFeedback`,void 0),T([x({reflect:!0})],U.prototype,`hintText`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`required`,void 0),T([x({type:Boolean,reflect:!0})],U.prototype,`noValidate`,void 0),T([x({reflect:!0})],U.prototype,`value`,void 0),T([S()],U.prototype,`_isTouched`,void 0),T([o_()],U.prototype,`defaultValue`,void 0),T([S()],U.prototype,`_blurredCheckboxes`,void 0),T([w()],U.prototype,`_checkboxes`,void 0),T([P(`value`,{waitUntilFirstUpdate:!0})],U.prototype,`_handleValueChange`,null),T([P(`_isTouched`,{waitUntilFirstUpdate:!0})],U.prototype,`_handleIsTouched`,null),T([P(`invalid`,{waitUntilFirstUpdate:!0})],U.prototype,`_updateInvalid`,null),F(`sgds-checkbox`,__),F(`sgds-checkbox-group`,U),F(`sgds-close-button`,kt);function w_(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`}}function T_(e,t){let n=e.getDate(),r=e.getMonth()+1,i=e.getFullYear(),a=n<10?`0`+n:String(n),o=r<10?`0`+r:String(r),s=String(i);switch(t){case`dd/MM/yyyy`:return`${a}/${o}/${s}`;case`MM/dd/yyyy`:return`${o}/${a}/${s}`;case`yyyy/MM/dd`:return`${s}/${o}/${a}`;case`PPPP`:return`${new Intl.DateTimeFormat(`en-US`,{weekday:`long`}).format(e)}, ${new Intl.DateTimeFormat(`en-US`,{month:`long`}).format(e)} ${w_(e.getDate())}, ${e.getFullYear()}`;default:return`${a}/${o}/${s}`}}function E_(e){return new Date(e.getFullYear(),e.getMonth()+1,0).getDate()}function D_(e,t){return e.getTime()>t.getTime()}function O_(e,t){return e.getTime()<t.getTime()}function k_(e,t){return e.getTime()===t.getTime()}function A_(e){return e.getDate()===E_(e)}function j_(e){return e instanceof Date&&!isNaN(e.getTime())}function M_(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function N_(e,t){let n=e.split(`/`),r,i,a;switch(t){case`dd/MM/yyyy`:r=parseInt(n[0],10),i=parseInt(n[1],10)-1,a=parseInt(n[2],10);break;case`MM/dd/yyyy`:i=parseInt(n[0],10)-1,r=parseInt(n[1],10),a=parseInt(n[2],10);break;case`yyyy/MM/dd`:a=parseInt(n[0],10),i=parseInt(n[1],10)-1,r=parseInt(n[2],10);break;default:return/* @__PURE__ */ new Date(NaN)}if(isNaN(r)||isNaN(i)||isNaN(a))return/* @__PURE__ */ new Date(NaN);let o=new Date(a,i,r,12,0,0,0);return o.getFullYear()!==a||o.getMonth()!==i||o.getDate()!==r?/* @__PURE__ */ new Date(NaN):o}let P_={"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`}},F_=(e,t)=>{let n=e.getFullYear(),r=(n-t)%12,i=r<0?12+r:r,a=[],o=n-i,s=n-i+12-1;for(let e=o;e<s+1;e++)a.push(e);return a},I_=e=>{let t=e.getMonth(),n=e.getFullYear(),r=e.getDate(),i=new Date(n,t+1),a=E_(i);return A_(e)&&a<r?M_(i):new Date(n,t+1,r)},L_=e=>{let t=e.getMonth(),n=e.getFullYear(),r=e.getDate(),i=new Date(n,t-1),a=E_(i);return A_(e)&&a<r?M_(i):new Date(n,t-1,r)},W=e=>{let t=new Date(e);return t.setHours(12),t.setMinutes(0),t.setSeconds(0),t.setMilliseconds(0),t};b();var R_=l`.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' viewBox='0 0 4 4'%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' viewBox='0 0 4 4'%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)}`;b();let z_=/* @__PURE__ */ new Date,B_={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}};var V_=class e extends E{constructor(...e){super(...e),this.selectedDate=[],this.mode=`single`}static{this.styles=[R_]}static{this.DAY_LABELS=[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]}static{this.daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31]}static{this.MONTHVIEW_LABELS=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]}focusOnCalendar(e){e.blur(),this._focusOnCalendarCell()}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this._handleKeyPress),this.addEventListener(`blur`,e=>e.stopPropagation())}updated(){this.focusedTabIndex===3&&this._focusOnCalendarCell()}_updateFocusedDate(){this.focusedDate=W(this.displayDate),this.focusedDate.getFullYear()<1900&&this.focusedDate.setFullYear(1900)}_setFocusedDate(e){let t=this.focusedDate.getDate(),n=this.focusedDate.getMonth(),r=this.focusedDate.getFullYear();switch(this.view){case`days`:{let i=W(new Date(r,n,t+e));(D_(i,new Date(0,0,1,12))||k_(i,new Date(0,0,1,12)))&&(this.focusedDate=i);break}case`months`:{let i=W(new Date(r,n+e,t));(D_(i,new Date(0,0,1,12))||k_(i,new Date(0,0,1,12)))&&(this.focusedDate=i);break}case`years`:{let i=W(new Date(r+e,n,t));i.getFullYear()>=1900&&(this.focusedDate=i);break}}}_handleEnterDateKeyboard(e){let t=e.composedPath()[0];if(!t.classList.contains(`disabled`))switch(this.view){case`days`:this._onClickDay(e);break;case`months`:{let{month:e}=t.dataset;this._onClickMonth(parseInt(e));break}case`years`:{let{year:e}=t.dataset;this._onClickYear(parseInt(e))}}}_handleKeyPress(e){if(e.key===`Enter`){e.preventDefault(),this._handleEnterDateKeyboard(e);return}if(e.key===`Tab`){let e=this._getFocusedTarget();this.focusedTabIndex!==3&&e.blur();return}if(e.key.includes(`Arrow`)){e.preventDefault(),this._blurCalendarCell();let t=B_[e.key][this.view];this._setFocusedDate(t),this._focusOnCalendarCell()}}_getSelectedRange(){if(this.selectedDate.length===0)return null;let e=W(this.selectedDate[0]);if(this.selectedDate.length<2)return{start:e,end:e};let t=W(this.selectedDate[1]);return e.getTime()<=t.getTime()?{start:e,end:t}:{start:t,end:e}}_onClickDay(e){let{day:t,date:n}=e.composedPath()[0].dataset,r=new Date(this.displayDate);if(r.setDate(parseInt(t)),e.type===`click`&&(this.focusedDate=W(new Date(n))),this.mode===`single`)this.selectedDate=[r],this.emit(`sgds-selectdates`,{detail:this.selectedDate});else if(this.mode===`range`){let e=[...this.selectedDate];(e.length===0||e.length===2)&&(e.length=0),e.push(r),this.selectedDate=e,this.emit(`sgds-selectdates`,{detail:this.selectedDate})}let i=this.minDate?W(new Date(this.minDate)):null,a=this.maxDate?W(new Date(this.maxDate)):null,o=W(r);(i&&o<i||a&&o>a)&&(e.stopPropagation(),e.preventDefault())}_onClickMonth(e,t=this.focusedDate.getFullYear()){let n=new Date(this.displayDate);this.view=`days`,n.setMonth(e),n.setFullYear(t),this.displayDate=n,this.emit(`sgds-view`,{detail:this.view}),this.emit(`sgds-selectmonth`,{detail:this.displayDate})}_onClickYear(e){let 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(){let 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(){let e=this._getFocusedTarget();e.setAttribute(`tabindex`,`-1`),e.blur()}_focusOnCalendarCell(){let 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(){this.selectedDate.map(e=>W(e));let t=this._getSelectedRange(),n=this.minDate?W(new Date(this.minDate)):null,r=this.maxDate?W(new Date(this.maxDate)):null,i=this.displayDate.getFullYear(),a=this.displayDate.getMonth(),o=new Date(i,a,1).getDay(),s=e.daysInMonth[a];a===1&&(i%4==0&&i%100!=0||i%400==0)&&(s=29);let c=[],l=1;for(let e=0;e<9;e++){let u=[];for(let c=0;c<=6;c++)if(l<=s&&(e>0||c>=o)){let e=new Date(i,a,l,12,0,0,0),o=e.toISOString(),s=n&&Date.parse(o)<Date.parse(n.toISOString()),d=r&&Date.parse(o)>Date.parse(r.toISOString()),f=s||d?void 0:this._onClickDay,p=z_.getMonth()===this.displayDate.getMonth(),m=z_.getFullYear()===this.displayDate.getFullYear(),h=z_.getDate()===l,ee=Date.parse(o),g=t!==null&&ee>=t.start.getTime()&&ee<=t.end.getTime(),te=t!==null&&t.start.toISOString()===o,_=t!==null&&this.selectedDate.length>1&&t.end.toISOString()===o,ne=`${h&&p&&m?`Today's date, `:``}`+T_(e,`PPPP`);u.push(v`<td
2764
+ `}};T([x({reflect:!0})],C_.prototype,`label`,void 0),T([x({type:String,reflect:!0})],C_.prototype,`invalidFeedback`,void 0),T([x({type:Boolean,reflect:!0})],C_.prototype,`hasFeedback`,void 0),T([x({reflect:!0})],C_.prototype,`hintText`,void 0),T([x({type:Boolean,reflect:!0})],C_.prototype,`required`,void 0),T([x({type:Boolean,reflect:!0})],C_.prototype,`noValidate`,void 0),T([x({reflect:!0})],C_.prototype,`value`,void 0),T([S()],C_.prototype,`_isTouched`,void 0),T([o_()],C_.prototype,`defaultValue`,void 0),T([S()],C_.prototype,`_blurredCheckboxes`,void 0),T([w()],C_.prototype,`_checkboxes`,void 0),T([P(`value`,{waitUntilFirstUpdate:!0})],C_.prototype,`_handleValueChange`,null),T([P(`_isTouched`,{waitUntilFirstUpdate:!0})],C_.prototype,`_handleIsTouched`,null),T([P(`invalid`,{waitUntilFirstUpdate:!0})],C_.prototype,`_updateInvalid`,null),F(`sgds-checkbox`,H),F(`sgds-checkbox-group`,C_),F(`sgds-close-button`,kt);function w_(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`}}function T_(e,t){let n=e.getDate(),r=e.getMonth()+1,i=e.getFullYear(),a=n<10?`0`+n:String(n),o=r<10?`0`+r:String(r),s=String(i);switch(t){case`dd/MM/yyyy`:return`${a}/${o}/${s}`;case`MM/dd/yyyy`:return`${o}/${a}/${s}`;case`yyyy/MM/dd`:return`${s}/${o}/${a}`;case`PPPP`:return`${new Intl.DateTimeFormat(`en-US`,{weekday:`long`}).format(e)}, ${new Intl.DateTimeFormat(`en-US`,{month:`long`}).format(e)} ${w_(e.getDate())}, ${e.getFullYear()}`;default:return`${a}/${o}/${s}`}}function E_(e){return new Date(e.getFullYear(),e.getMonth()+1,0).getDate()}function D_(e,t){return e.getTime()>t.getTime()}function O_(e,t){return e.getTime()<t.getTime()}function k_(e,t){return e.getTime()===t.getTime()}function A_(e){return e.getDate()===E_(e)}function j_(e){return e instanceof Date&&!isNaN(e.getTime())}function M_(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function N_(e,t){let n=e.split(`/`),r,i,a;switch(t){case`dd/MM/yyyy`:r=parseInt(n[0],10),i=parseInt(n[1],10)-1,a=parseInt(n[2],10);break;case`MM/dd/yyyy`:i=parseInt(n[0],10)-1,r=parseInt(n[1],10),a=parseInt(n[2],10);break;case`yyyy/MM/dd`:a=parseInt(n[0],10),i=parseInt(n[1],10)-1,r=parseInt(n[2],10);break;default:return/* @__PURE__ */ new Date(NaN)}if(isNaN(r)||isNaN(i)||isNaN(a))return/* @__PURE__ */ new Date(NaN);let o=new Date(a,i,r,12,0,0,0);return o.getFullYear()!==a||o.getMonth()!==i||o.getDate()!==r?/* @__PURE__ */ new Date(NaN):o}let P_={"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`}},F_=(e,t)=>{let n=e.getFullYear(),r=(n-t)%12,i=r<0?12+r:r,a=[],o=n-i,s=n-i+12-1;for(let e=o;e<s+1;e++)a.push(e);return a},I_=e=>{let t=e.getMonth(),n=e.getFullYear(),r=e.getDate(),i=new Date(n,t+1),a=E_(i);return A_(e)&&a<r?M_(i):new Date(n,t+1,r)},L_=e=>{let t=e.getMonth(),n=e.getFullYear(),r=e.getDate(),i=new Date(n,t-1),a=E_(i);return A_(e)&&a<r?M_(i):new Date(n,t-1,r)},W=e=>{let t=new Date(e);return t.setHours(12),t.setMinutes(0),t.setSeconds(0),t.setMilliseconds(0),t};b();var R_=l`.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' viewBox='0 0 4 4'%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' viewBox='0 0 4 4'%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)}`;b();let z_=/* @__PURE__ */ new Date,B_={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}};var V_=class e extends E{constructor(...e){super(...e),this.selectedDate=[],this.mode=`single`}static{this.styles=[R_]}static{this.DAY_LABELS=[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]}static{this.daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31]}static{this.MONTHVIEW_LABELS=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]}focusOnCalendar(e){e.blur(),this._focusOnCalendarCell()}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this._handleKeyPress),this.addEventListener(`blur`,e=>e.stopPropagation())}updated(){this.focusedTabIndex===3&&this._focusOnCalendarCell()}_updateFocusedDate(){this.focusedDate=W(this.displayDate),this.focusedDate.getFullYear()<1900&&this.focusedDate.setFullYear(1900)}_setFocusedDate(e){let t=this.focusedDate.getDate(),n=this.focusedDate.getMonth(),r=this.focusedDate.getFullYear();switch(this.view){case`days`:{let i=W(new Date(r,n,t+e));(D_(i,new Date(0,0,1,12))||k_(i,new Date(0,0,1,12)))&&(this.focusedDate=i);break}case`months`:{let i=W(new Date(r,n+e,t));(D_(i,new Date(0,0,1,12))||k_(i,new Date(0,0,1,12)))&&(this.focusedDate=i);break}case`years`:{let i=W(new Date(r+e,n,t));i.getFullYear()>=1900&&(this.focusedDate=i);break}}}_handleEnterDateKeyboard(e){let t=e.composedPath()[0];if(!t.classList.contains(`disabled`))switch(this.view){case`days`:this._onClickDay(e);break;case`months`:{let{month:e}=t.dataset;this._onClickMonth(parseInt(e));break}case`years`:{let{year:e}=t.dataset;this._onClickYear(parseInt(e))}}}_handleKeyPress(e){if(e.key===`Enter`){e.preventDefault(),this._handleEnterDateKeyboard(e);return}if(e.key===`Tab`){let e=this._getFocusedTarget();this.focusedTabIndex!==3&&e.blur();return}if(e.key.includes(`Arrow`)){e.preventDefault(),this._blurCalendarCell();let t=B_[e.key][this.view];this._setFocusedDate(t),this._focusOnCalendarCell()}}_getSelectedRange(){if(this.selectedDate.length===0)return null;let e=W(this.selectedDate[0]);if(this.selectedDate.length<2)return{start:e,end:e};let t=W(this.selectedDate[1]);return e.getTime()<=t.getTime()?{start:e,end:t}:{start:t,end:e}}_onClickDay(e){let{day:t,date:n}=e.composedPath()[0].dataset,r=new Date(this.displayDate);if(r.setDate(parseInt(t)),e.type===`click`&&(this.focusedDate=W(new Date(n))),this.mode===`single`)this.selectedDate=[r],this.emit(`sgds-selectdates`,{detail:this.selectedDate});else if(this.mode===`range`){let e=[...this.selectedDate];(e.length===0||e.length===2)&&(e.length=0),e.push(r),this.selectedDate=e,this.emit(`sgds-selectdates`,{detail:this.selectedDate})}let i=this.minDate?W(new Date(this.minDate)):null,a=this.maxDate?W(new Date(this.maxDate)):null,o=W(r);(i&&o<i||a&&o>a)&&(e.stopPropagation(),e.preventDefault())}_onClickMonth(e,t=this.focusedDate.getFullYear()){let n=new Date(this.displayDate);this.view=`days`,n.setMonth(e),n.setFullYear(t),this.displayDate=n,this.emit(`sgds-view`,{detail:this.view}),this.emit(`sgds-selectmonth`,{detail:this.displayDate})}_onClickYear(e){let 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(){let 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(){let e=this._getFocusedTarget();e.setAttribute(`tabindex`,`-1`),e.blur()}_focusOnCalendarCell(){let 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(){this.selectedDate.map(e=>W(e));let t=this._getSelectedRange(),n=this.minDate?W(new Date(this.minDate)):null,r=this.maxDate?W(new Date(this.maxDate)):null,i=this.displayDate.getFullYear(),a=this.displayDate.getMonth(),o=new Date(i,a,1).getDay(),s=e.daysInMonth[a];a===1&&(i%4==0&&i%100!=0||i%400==0)&&(s=29);let c=[],l=1;for(let e=0;e<9;e++){let u=[];for(let c=0;c<=6;c++)if(l<=s&&(e>0||c>=o)){let e=new Date(i,a,l,12,0,0,0),o=e.toISOString(),s=n&&Date.parse(o)<Date.parse(n.toISOString()),d=r&&Date.parse(o)>Date.parse(r.toISOString()),f=s||d?void 0:this._onClickDay,p=z_.getMonth()===this.displayDate.getMonth(),m=z_.getFullYear()===this.displayDate.getFullYear(),h=z_.getDate()===l,ee=Date.parse(o),g=t!==null&&ee>=t.start.getTime()&&ee<=t.end.getTime(),te=t!==null&&t.start.toISOString()===o,_=t!==null&&this.selectedDate.length>1&&t.end.toISOString()===o,ne=`${h&&p&&m?`Today's date, `:``}`+T_(e,`PPPP`);u.push(v`<td
2764
2765
  key=${c}
2765
2766
  data-date=${o}
2766
2767
  data-day=${l}
@@ -2828,7 +2829,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2828
2829
  </div>
2829
2830
  `)}
2830
2831
  </div>
2831
- `}render(){let e;switch(this.view){case`days`:e=v` ${this._generateDays()} `;break;case`months`:e=v` ${this._generateMonths()} `;break;case`years`:e=v` ${this._generateYears()} `;break;default:e=v` ${this._generateDays()} `}return v` <div class="datepicker-body">${e}</div> `}};T([x({type:Array})],V_.prototype,`selectedDate`,void 0),T([x({attribute:!1})],V_.prototype,`displayDate`,void 0),T([x({type:String})],V_.prototype,`minDate`,void 0),T([x({type:String})],V_.prototype,`maxDate`,void 0),T([x({type:String,reflect:!0})],V_.prototype,`mode`,void 0),T([x()],V_.prototype,`view`,void 0),T([x({type:Boolean})],V_.prototype,`show`,void 0),T([x()],V_.prototype,`focusedTabIndex`,void 0),T([P(`displayDate`)],V_.prototype,`_updateFocusedDate`,null),b();var H_=l`: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)}`,U_=class extends R{static{this.styles=[...R.styles,H_]}static{this.dependencies={"sgds-icon":L,"sgds-spinner":S_}}_assignIconSize(e){if(e===`xs`)return`sm`;if(e===`sm`)return`md`;if(e===`md`)return`lg`;if(e===`lg`)return`xl`}render(){let e=this.href,t=e?Et`a`:Et`button`;return I`
2832
+ `}render(){let e;switch(this.view){case`days`:e=v` ${this._generateDays()} `;break;case`months`:e=v` ${this._generateMonths()} `;break;case`years`:e=v` ${this._generateYears()} `;break;default:e=v` ${this._generateDays()} `}return v` <div class="datepicker-body">${e}</div> `}};T([x({type:Array})],V_.prototype,`selectedDate`,void 0),T([x({attribute:!1})],V_.prototype,`displayDate`,void 0),T([x({type:String})],V_.prototype,`minDate`,void 0),T([x({type:String})],V_.prototype,`maxDate`,void 0),T([x({type:String,reflect:!0})],V_.prototype,`mode`,void 0),T([x()],V_.prototype,`view`,void 0),T([x({type:Boolean})],V_.prototype,`show`,void 0),T([x()],V_.prototype,`focusedTabIndex`,void 0),T([P(`displayDate`)],V_.prototype,`_updateFocusedDate`,null),b();var H_=l`: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)}`,U_=class extends R{static{this.styles=[...R.styles,H_]}static{this.dependencies={"sgds-icon":L,"sgds-spinner":x_}}_assignIconSize(e){if(e===`xs`)return`sm`;if(e===`sm`)return`md`;if(e===`md`)return`lg`;if(e===`lg`)return`xl`}render(){let e=this.href,t=e?Et`a`:Et`button`;return I`
2832
2833
  <${t}
2833
2834
  class="btn btn-icon${D({disabled:this.disabled,active:this.active,[`btn-${this.variant}`]:this.variant,[`btn-${this.size}`]:this.size,loading:this.loading})}"
2834
2835
  ?disabled=${O(e?void 0:this.disabled)}
@@ -2886,7 +2887,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2886
2887
  >
2887
2888
  </sgds-icon-button>
2888
2889
  </div>
2889
- `}};T([x({attribute:!1})],G_.prototype,`displayDate`,void 0),T([x({attribute:!1})],G_.prototype,`focusedDate`,void 0),T([x({attribute:!1})],G_.prototype,`selectedDate`,void 0),T([x()],G_.prototype,`view`,void 0),T([x()],G_.prototype,`focusedTabIndex`,void 0),T([P(`focusedTabIndex`,{waitUntilFirstUpdate:!0})],G_.prototype,`_handleFocusedTabIndexChange`,null);let K_=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];var q_=class{constructor(e,t){this.listeners=/* @__PURE__ */ new Map,this.input=e,this.placeholderStr=this._buildPlaceholder(t.pattern),this._state=this.placeholderStr,this.listeners.set(`accept`,[]),this.listeners.set(`complete`,[]);let n={value:``,isComplete:!1};Object.defineProperties(n,{value:{get:()=>this._state,enumerable:!0},isComplete:{get:()=>this._state.length>0&&!/[DMY]/.test(this._state),enumerable:!0}}),this.masked=n,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===``?this.placeholderStr:e,this.input.value=this._state,this._emit(`accept`)}on(e,t){this.listeners.get(e)?.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(){let e=[];for(let t=0;t<this.placeholderStr.length;t++){let n=this.placeholderStr[t];(n===`D`||n===`M`||n===`Y`)&&e.push(t)}return e}_handleBeforeInput(e){e.preventDefault()}_handleInput(){this.input.value!==this._state&&(this.input.value=this._state)}_handleKeydown(e){e.key===`Backspace`?(e.preventDefault(),this._backspace()):e.key===`Delete`?(e.preventDefault(),this._deleteForward()):e.key.length===1&&/\d/.test(e.key)&&(e.preventDefault(),this._insertDigit(e.key))}_insertDigit(e){let t=this._getDigitPositions(),n=this._state.split(``),r=-1;for(let e of t)if(/[DMY]/.test(n[e])){r=e;break}if(r===-1)return;n[r]=e,this._state=n.join(``),this.input.value=this._state;let i=this._findNextInputPos(r);this.input.setSelectionRange(i,i),this._emit(`accept`),this.masked.isComplete&&this._emit(`complete`)}_backspace(){let e=this.input.selectionStart??this._state.length,t=this._state.split(``),n=e-1;for(;n>=0&&!/\d/.test(t[n]);)n--;n>=0&&(t[n]=this.placeholderStr[n],this._state=t.join(``),this.input.value=this._state,this.input.setSelectionRange(n,n),this._emit(`accept`))}_deleteForward(){let e=this.input.selectionStart??0,t=this._state.split(``),n=e;for(;n<t.length&&!/\d/.test(t[n]);)n++;n<t.length&&(t[n]=this.placeholderStr[n],this._state=t.join(``),this.input.value=this._state,this.input.setSelectionRange(e,e),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){let t=this.listeners.get(e);if(t)for(let e of t)e()}};b();var J_=l`: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)}`;b();var G=class extends c_(V){constructor(...e){super(...e),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}static{this.styles=[...V.styles,a_,m_,J_]}static{this.dependencies={"sgds-spinner":S_,"sgds-icon":L}}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,n){return this._mixinSetValidity(e,t,n)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit(`sgds-focus`)}_handleBlur(){let 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(){let e=this.hasFeedback===`both`||this.hasFeedback===`style`,t=this.hasFeedback===`both`||this.hasFeedback===`text`,n=[this.hintText?`${this._controlId}Help`:``,this.invalid&&t?`${this._controlId}-invalid`:``].filter(Boolean).join(` `)||void 0;return I`
2890
+ `}};T([x({attribute:!1})],G_.prototype,`displayDate`,void 0),T([x({attribute:!1})],G_.prototype,`focusedDate`,void 0),T([x({attribute:!1})],G_.prototype,`selectedDate`,void 0),T([x()],G_.prototype,`view`,void 0),T([x()],G_.prototype,`focusedTabIndex`,void 0),T([P(`focusedTabIndex`,{waitUntilFirstUpdate:!0})],G_.prototype,`_handleFocusedTabIndexChange`,null);let K_=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];var q_=class{constructor(e,t){this.listeners=/* @__PURE__ */ new Map,this.input=e,this.placeholderStr=this._buildPlaceholder(t.pattern),this._state=this.placeholderStr,this.listeners.set(`accept`,[]),this.listeners.set(`complete`,[]);let n={value:``,isComplete:!1};Object.defineProperties(n,{value:{get:()=>this._state,enumerable:!0},isComplete:{get:()=>this._state.length>0&&!/[DMY]/.test(this._state),enumerable:!0}}),this.masked=n,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===``?this.placeholderStr:e,this.input.value=this._state,this._emit(`accept`)}on(e,t){this.listeners.get(e)?.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(){let e=[];for(let t=0;t<this.placeholderStr.length;t++){let n=this.placeholderStr[t];(n===`D`||n===`M`||n===`Y`)&&e.push(t)}return e}_handleBeforeInput(e){e.preventDefault()}_handleInput(){this.input.value!==this._state&&(this.input.value=this._state)}_handleKeydown(e){e.key===`Backspace`?(e.preventDefault(),this._backspace()):e.key===`Delete`?(e.preventDefault(),this._deleteForward()):e.key.length===1&&/\d/.test(e.key)&&(e.preventDefault(),this._insertDigit(e.key))}_insertDigit(e){let t=this._getDigitPositions(),n=this._state.split(``),r=-1;for(let e of t)if(/[DMY]/.test(n[e])){r=e;break}if(r===-1)return;n[r]=e,this._state=n.join(``),this.input.value=this._state;let i=this._findNextInputPos(r);this.input.setSelectionRange(i,i),this._emit(`accept`),this.masked.isComplete&&this._emit(`complete`)}_backspace(){let e=this.input.selectionStart??this._state.length,t=this._state.split(``),n=e-1;for(;n>=0&&!/\d/.test(t[n]);)n--;n>=0&&(t[n]=this.placeholderStr[n],this._state=t.join(``),this.input.value=this._state,this.input.setSelectionRange(n,n),this._emit(`accept`))}_deleteForward(){let e=this.input.selectionStart??0,t=this._state.split(``),n=e;for(;n<t.length&&!/\d/.test(t[n]);)n++;n<t.length&&(t[n]=this.placeholderStr[n],this._state=t.join(``),this.input.value=this._state,this.input.setSelectionRange(e,e),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){let t=this.listeners.get(e);if(t)for(let e of t)e()}};b();var J_=l`: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)}`;b();var G=class extends c_(V){constructor(...e){super(...e),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}static{this.styles=[...V.styles,a_,m_,J_]}static{this.dependencies={"sgds-spinner":x_,"sgds-icon":L}}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,n){return this._mixinSetValidity(e,t,n)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit(`sgds-focus`)}_handleBlur(){let 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(){let e=this.hasFeedback===`both`||this.hasFeedback===`style`,t=this.hasFeedback===`both`||this.hasFeedback===`text`,n=[this.hintText?`${this._controlId}Help`:``,this.invalid&&t?`${this._controlId}-invalid`:``].filter(Boolean).join(` `)||void 0;return I`
2890
2891
  <div
2891
2892
  class="form-control-group ${D({disabled:this.disabled,readonly:this.readonly,"is-invalid":this.invalid&&e})}"
2892
2893
  @click=${this._handleClick}
@@ -2929,6 +2930,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
2929
2930
  `}_renderPasswordToggle(){return I`<sgds-icon
2930
2931
  tabIndex="0"
2931
2932
  role="button"
2933
+ aria-label=${this._showPassword?`Hide password`:`Show password`}
2932
2934
  name=${this._showPassword?`eye-slash-fill`:`eye-fill`}
2933
2935
  @click=${()=>this._showPassword=!this._showPassword}
2934
2936
  ></sgds-icon>`}_inputType(){return this.type===`password`&&this._showPassword?`text`:this.type}_renderFeedback(){let e=this.hasFeedback===`both`||this.hasFeedback===`text`;return this.invalid&&e?I` <div class="invalid-feedback-container">
@@ -3088,7 +3090,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
3088
3090
  </div>
3089
3091
  </div>
3090
3092
  </div>
3091
- `}};T([C(`.drawer`)],lv.prototype,`drawer`,void 0),T([C(`.drawer-panel`)],lv.prototype,`panel`,void 0),T([C(`.drawer-overlay`)],lv.prototype,`overlay`,void 0),T([x({type:Boolean,reflect:!0})],lv.prototype,`open`,void 0),T([x({type:String,reflect:!0})],lv.prototype,`size`,void 0),T([x({type:String,reflect:!0})],lv.prototype,`placement`,void 0),T([x({type:String})],lv.prototype,`ariaLabel`,void 0),T([x({type:Boolean,reflect:!0})],lv.prototype,`contained`,void 0),T([P(`open`,{waitUntilFirstUpdate:!0})],lv.prototype,`handleOpenChange`,null),T([P(`contained`,{waitUntilFirstUpdate:!0})],lv.prototype,`handleNoModalChange`,null),M(`drawer.showTop`,{keyframes:[{opacity:0,translate:`0 -100%`},{opacity:1,translate:`0 0`}],options:{duration:250,easing:`ease`}}),M(`drawer.hideTop`,{keyframes:[{opacity:1,translate:`0 0`},{opacity:0,translate:`0 -100%`}],options:{duration:250,easing:`ease`}}),M(`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`}}),M(`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`}}),M(`drawer.showBottom`,{keyframes:[{opacity:0,translate:`0 100%`},{opacity:1,translate:`0 0`}],options:{duration:250,easing:`ease`}}),M(`drawer.hideBottom`,{keyframes:[{opacity:1,translate:`0 0`},{opacity:0,translate:`0 100%`}],options:{duration:250,easing:`ease`}}),M(`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`}}),M(`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`}}),M(`drawer.denyClose`,{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),M(`drawer.overlay.show`,{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),M(`drawer.overlay.hide`,{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}}),F(`sgds-drawer`,lv),F(`sgds-dropdown`,Pg),F(`sgds-dropdown-item`,Ig),b();var uv=l`.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)}`;let dv=e=>{let t=e/1024,n=t/1024,r=n/1024,i=r/1024;return n<1?t.toFixed(2)+` KB`:r<1?n.toFixed(2)+` MB`:i<1?r.toFixed(2)+` GB`:i.toFixed(2)+` TB`};b();var q=class extends c_(V){constructor(...e){super(...e),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=/* @__PURE__ */ new Map,this._isTouched=!1,this._isProgrammaticChange=!1,this.inputRef=xm(),this._dragZoneRef=xm(),this._dragCounter=0,this._isDialogOpen=!1}static{this.styles=[...V.styles,uv]}static{this.dependencies={"sgds-button":z,"sgds-close-button":kt,"sgds-icon":L,"sgds-spinner":S_}}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,n){let r=this.selectedFiles[e];r&&(this.fileMetadata.set(r,{uploading:t===`loading`,error:n}),this.requestUpdate())}_setFileList(e,t=0,n){if(this.emit(`sgds-change`,{detail:e}),this.emit(`sgds-files-selected`,{detail:e}),e.length>t){let n=Array.from(e).slice(t),r=new DataTransfer;n.forEach(e=>r.items.add(e)),this.emit(`sgds-add-files`,{detail:r.files})}else if(e.length===t&&t>0&&!n){let t=new DataTransfer;Array.from(e).forEach(e=>t.items.add(e)),this.emit(`sgds-add-files`,{detail:t.files})}e.length<t&&n&&this.emit(`sgds-remove-file`,{detail:{file:n,files:e}})}_handleClick(e){e.preventDefault(),this.disabled||(this._isDialogOpen=!0,this.inputRef.value?.click())}_handleCancel(){this._isDialogOpen=!1,this._isTouched=!0,!this._mixinShouldSkipSgdsValidation()&&this.setInvalid(!this._mixinCheckValidity())}_handleChange(e){this._isDialogOpen=!1;let t=e.target,n=t.files,r=this.selectedFiles.length,i=n.length===0&&!this._isProgrammaticChange,a=n.length>0&&!this._isProgrammaticChange,o=a&&this.multiple&&this.selectedFiles.length>0;i&&this.selectedFiles.length>0?this._restoreNativeInput(t):o?this._appendFiles(t,n):n.length>0&&(this.selectedFiles=Array.from(n)),a&&this._setFileList(t.files,r),(!i||this._isTouched)&&super._mixinHandleChange(e)}_restoreNativeInput(e){let t=new DataTransfer;this.selectedFiles.forEach(e=>t.items.add(e)),e.files=t.files}_appendFiles(e,t){let n=[...this.selectedFiles,...Array.from(t)];this.selectedFiles=n;let r=new DataTransfer;n.forEach(e=>r.items.add(e)),e.files=r.files}_removeFileHandler(e){let t=this.selectedFiles[e];this.exitingFile=t,this.requestUpdate(),setTimeout(()=>{let n=this.inputRef.value;if(!n)return;let r=this.selectedFiles.length,i=new DataTransfer;this.selectedFiles.forEach((t,n)=>{e!==n&&i.items.add(t)}),this._isProgrammaticChange=!0,n.files=i.files,this._setFileList(i.files,r,t),this.selectedFiles=Array.from(i.files),this.exitingFile=null,this.requestUpdate(),n.dispatchEvent(new Event(`change`,{bubbles:!0})),this._isProgrammaticChange=!1},300)}_clearAllFiles(){let e=this.inputRef.value,t=this.selectedFiles.length,n=new DataTransfer;e&&(e.files=n.files),this._setFileList(n.files,t),this.selectedFiles=Array.from(n.files)}_mixinResetFormControl(){this._clearAllFiles(),this._mixinResetValidity(this.input)}_handleDisabledChange(){this.setInvalid(!1)}_handleBlur(){let 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(){let e=v` <label id=${this._labelId} class="form-label"> ${this.label} </label> `;return this.label&&e}_renderHintText(){let e=v` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_renderFeedback(){return v`
3093
+ `}};T([C(`.drawer`)],lv.prototype,`drawer`,void 0),T([C(`.drawer-panel`)],lv.prototype,`panel`,void 0),T([C(`.drawer-overlay`)],lv.prototype,`overlay`,void 0),T([x({type:Boolean,reflect:!0})],lv.prototype,`open`,void 0),T([x({type:String,reflect:!0})],lv.prototype,`size`,void 0),T([x({type:String,reflect:!0})],lv.prototype,`placement`,void 0),T([x({type:String})],lv.prototype,`ariaLabel`,void 0),T([x({type:Boolean,reflect:!0})],lv.prototype,`contained`,void 0),T([P(`open`,{waitUntilFirstUpdate:!0})],lv.prototype,`handleOpenChange`,null),T([P(`contained`,{waitUntilFirstUpdate:!0})],lv.prototype,`handleNoModalChange`,null),M(`drawer.showTop`,{keyframes:[{opacity:0,translate:`0 -100%`},{opacity:1,translate:`0 0`}],options:{duration:250,easing:`ease`}}),M(`drawer.hideTop`,{keyframes:[{opacity:1,translate:`0 0`},{opacity:0,translate:`0 -100%`}],options:{duration:250,easing:`ease`}}),M(`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`}}),M(`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`}}),M(`drawer.showBottom`,{keyframes:[{opacity:0,translate:`0 100%`},{opacity:1,translate:`0 0`}],options:{duration:250,easing:`ease`}}),M(`drawer.hideBottom`,{keyframes:[{opacity:1,translate:`0 0`},{opacity:0,translate:`0 100%`}],options:{duration:250,easing:`ease`}}),M(`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`}}),M(`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`}}),M(`drawer.denyClose`,{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),M(`drawer.overlay.show`,{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),M(`drawer.overlay.hide`,{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}}),F(`sgds-drawer`,lv),F(`sgds-dropdown`,Pg),F(`sgds-dropdown-item`,Ig),b();var uv=l`.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)}`;let dv=e=>{let t=e/1024,n=t/1024,r=n/1024,i=r/1024;return n<1?t.toFixed(2)+` KB`:r<1?n.toFixed(2)+` MB`:i<1?r.toFixed(2)+` GB`:i.toFixed(2)+` TB`};b();var q=class extends c_(V){constructor(...e){super(...e),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=/* @__PURE__ */ new Map,this._isTouched=!1,this._isProgrammaticChange=!1,this.inputRef=xm(),this._dragZoneRef=xm(),this._dragCounter=0,this._isDialogOpen=!1}static{this.styles=[...V.styles,uv]}static{this.dependencies={"sgds-button":z,"sgds-close-button":kt,"sgds-icon":L,"sgds-spinner":x_}}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,n){let r=this.selectedFiles[e];r&&(this.fileMetadata.set(r,{uploading:t===`loading`,error:n}),this.requestUpdate())}_setFileList(e,t=0,n){if(this.emit(`sgds-change`,{detail:e}),this.emit(`sgds-files-selected`,{detail:e}),e.length>t){let n=Array.from(e).slice(t),r=new DataTransfer;n.forEach(e=>r.items.add(e)),this.emit(`sgds-add-files`,{detail:r.files})}else if(e.length===t&&t>0&&!n){let t=new DataTransfer;Array.from(e).forEach(e=>t.items.add(e)),this.emit(`sgds-add-files`,{detail:t.files})}e.length<t&&n&&this.emit(`sgds-remove-file`,{detail:{file:n,files:e}})}_handleClick(e){e.preventDefault(),this.disabled||(this._isDialogOpen=!0,this.inputRef.value?.click())}_handleCancel(){this._isDialogOpen=!1,this._isTouched=!0,!this._mixinShouldSkipSgdsValidation()&&this.setInvalid(!this._mixinCheckValidity())}_handleChange(e){this._isDialogOpen=!1;let t=e.target,n=t.files,r=this.selectedFiles.length,i=n.length===0&&!this._isProgrammaticChange,a=n.length>0&&!this._isProgrammaticChange,o=a&&this.multiple&&this.selectedFiles.length>0;i&&this.selectedFiles.length>0?this._restoreNativeInput(t):o?this._appendFiles(t,n):n.length>0&&(this.selectedFiles=Array.from(n)),a&&this._setFileList(t.files,r),(!i||this._isTouched)&&super._mixinHandleChange(e)}_restoreNativeInput(e){let t=new DataTransfer;this.selectedFiles.forEach(e=>t.items.add(e)),e.files=t.files}_appendFiles(e,t){let n=[...this.selectedFiles,...Array.from(t)];this.selectedFiles=n;let r=new DataTransfer;n.forEach(e=>r.items.add(e)),e.files=r.files}_removeFileHandler(e){let t=this.selectedFiles[e];this.exitingFile=t,this.requestUpdate(),setTimeout(()=>{let n=this.inputRef.value;if(!n)return;let r=this.selectedFiles.length,i=new DataTransfer;this.selectedFiles.forEach((t,n)=>{e!==n&&i.items.add(t)}),this._isProgrammaticChange=!0,n.files=i.files,this._setFileList(i.files,r,t),this.selectedFiles=Array.from(i.files),this.exitingFile=null,this.requestUpdate(),n.dispatchEvent(new Event(`change`,{bubbles:!0})),this._isProgrammaticChange=!1},300)}_clearAllFiles(){let e=this.inputRef.value,t=this.selectedFiles.length,n=new DataTransfer;e&&(e.files=n.files),this._setFileList(n.files,t),this.selectedFiles=Array.from(n.files)}_mixinResetFormControl(){this._clearAllFiles(),this._mixinResetValidity(this.input)}_handleDisabledChange(){this.setInvalid(!1)}_handleBlur(){let 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(){let e=v` <label id=${this._labelId} class="form-label"> ${this.label} </label> `;return this.label&&e}_renderHintText(){let e=v` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_renderFeedback(){return v`
3092
3094
  <div class="invalid-feedback-container">
3093
3095
  <sgds-icon name="exclamation-circle-fill" size="md"></sgds-icon>
3094
3096
  <div id="${this._controlId}-invalid" class="invalid-feedback">
@@ -3130,7 +3132,7 @@ let y_=(e,t,n)=>{let r=/* @__PURE__ */ new Map;for(let i=t;i<=n;i++)r.set(e[i],i
3130
3132
  <slot>Choose files</slot>
3131
3133
  <sgds-icon slot="rightIcon" name="upload"></sgds-icon>
3132
3134
  </sgds-button>
3133
- `}render(){let e=e=>{let t=this.invalid||e?.error?`invalid`:`valid`;return v`<sgds-icon name="check-circle-fill" class="${t}"></sgds-icon>`},t=b_(this.selectedFiles,e=>e,(t,n)=>{let r=this.fileMetadata.get(t);return v`
3135
+ `}render(){let e=e=>{let t=this.invalid||e?.error?`invalid`:`valid`;return v`<sgds-icon name="check-circle-fill" class="${t}"></sgds-icon>`},t=y_(this.selectedFiles,e=>e,(t,n)=>{let r=this.fileMetadata.get(t);return v`
3134
3136
  <li class="file-upload-list-item-container ${this.exitingFile===t?`file-upload-exit`:``}">
3135
3137
  <div class="file-upload-list-item ${r?.error?`file-upload-error`:``}">
3136
3138
  ${r?.uploading?v`<sgds-spinner size="sm"></sgds-spinner>`:e(r)}
@@ -3293,7 +3295,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3293
3295
  aria-expanded="${this.expanded}"
3294
3296
  .ariaLabel=${`Toggle navigation`}
3295
3297
  ></sgds-icon-button>`}};T([S()],Y.prototype,`expanded`,void 0),T([S()],Y.prototype,`expanding`,void 0),T([C(`nav`)],Y.prototype,`nav`,void 0),T([C(`.navbar`)],Y.prototype,`navbar`,void 0),T([C(`.navbar-toggler`)],Y.prototype,`header`,void 0),T([C(`.navbar-body`)],Y.prototype,`body`,void 0),T([C(`.navbar-nav-scroll`)],Y.prototype,`navScroll`,void 0),T([C(`.navbar-end`)],Y.prototype,`navbarEnd`,void 0),T([x({type:String})],Y.prototype,`brandHref`,void 0),T([x({type:String})],Y.prototype,`expand`,void 0),T([S()],Y.prototype,`breakpointReached`,void 0),T([S()],Y.prototype,`_hasProfileComponent`,void 0),T([P(`expanding`,{waitUntilFirstUpdate:!0})],Y.prototype,`handleOpenChange`,null),M(`nav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),M(`nav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}});let kv=yv(`mainnav-context`),Av=yv(`mainnav-expanded-context`);b();var jv=l`: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)}.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;align-self:center;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-40);text-decoration:none;white-space:nowrap}.navbar-brand ::slotted(img){height:100%}.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)}.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}`;b();var Mv=class extends Y{constructor(...e){super(...e),this._breakpointReached=!1,this._expanded=!1,this.hasNonCollapsibleSlot=!1,this.fluid=!1,this.hasSlotController=new Tg(this,`non-collapsible`)}static{this.styles=[...Y.styles,jv]}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}get endSlotItems(){return[...this.endNodes||[]].filter(e=>e.tagName!==void 0)}updated(){this.hasNonCollapsibleSlot||=this.hasSlotController.test(`non-collapsible`),this._expanded=this.expanded}_onBreakpointReached(e){this._breakpointReached=e}_isBreakpointReached(){return this._breakpointReached}_handleDefaultSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute(`expand`,this.expand)})}_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<(this.expand===`always`?-1:this.expand===`never`?1/0:{sm:512,md:768,lg:1024,xl:1280,xxl:1440}[this.expand]),v`
3296
- <nav>
3298
+ <nav aria-label="Main navigation">
3297
3299
  <div class="navbar ${this._expandClass()}">
3298
3300
  <a class="navbar-brand" href=${$p(this.brandHref)??``} aria-label="brand-link">
3299
3301
  <slot name="brand"></slot>
@@ -3555,7 +3557,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3555
3557
  </div>
3556
3558
  </div>
3557
3559
  </div>
3558
- `}};T([x({type:Boolean,reflect:!0})],Uv.prototype,`fluid`,void 0),T([S()],Uv.prototype,`toggleVisibility`,void 0),F(`sgds-masthead`,Uv);function Wv(e){let t=e.tagName.toLowerCase();return e.getAttribute(`tabindex`)===`-1`||e.hasAttribute(`disabled`)||e.hasAttribute(`aria-disabled`)&&e.getAttribute(`aria-disabled`)!==`false`||t===`input`&&e.getAttribute(`type`)===`radio`&&!e.hasAttribute(`checked`)||e.offsetParent===null||window.getComputedStyle(e).visibility===`hidden`?!1:(t===`audio`||t===`video`)&&e.hasAttribute(`controls`)||e.hasAttribute(`tabindex`)||e.hasAttribute(`contenteditable`)&&e.getAttribute(`contenteditable`)!==`false`?!0:[`button`,`input`,`select`,`textarea`,`a`,`audio`,`video`,`summary`].includes(t)}function Gv(e){let t=[];function n(e){e instanceof HTMLElement&&(t.push(e),e.shadowRoot!==null&&e.shadowRoot.mode===`open`&&n(e.shadowRoot)),[...e.children].forEach(e=>n(e))}return n(e),{start:t.find(e=>Wv(e))??null,end:t.reverse().find(e=>Wv(e))??null}}let Kv=[];var qv=class{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(){Kv.push(this.element),document.addEventListener(`focusin`,this.handleFocusIn),document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`keyup`,this.handleKeyUp)}deactivate(){Kv=Kv.filter(e=>e!==this.element),document.removeEventListener(`focusin`,this.handleFocusIn),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`keyup`,this.handleKeyUp)}isActive(){return Kv[Kv.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(`:focus-within`)){let{start:e,end:t}=Gv(this.element),n=this.tabDirection===`forward`?e:t;typeof n?.focus==`function`&&n.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(e){e.key===`Tab`&&e.shiftKey&&(this.tabDirection=`backward`,requestAnimationFrame(()=>this.checkFocus()))}handleKeyUp(){this.tabDirection=`forward`}};b();var Jv=l`: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}`;b();var Yv=class extends E{constructor(...e){super(...e),this.hasSlotController=new Tg(this,`footer`),this.open=!1,this.noAnimation=!1,this.size=`md`,this.hasFooterSlot=!1,this.noCloseButton=!1}static{this.styles=[...E.styles,Zg,Hv,Jv]}static{this.dependencies={"sgds-close-button":kt}}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new qv(this),this._resizeHandler=this._debounce(this._onWindowResize.bind(this),200)}disconnectedCallback(){super.disconnectedCallback(),this._removeResizeListener(),sv(this)}firstUpdated(e){super.firstUpdated(e),this._onWindowResize(),this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),ov(this))}updated(){this.hasFooterSlot||=this.hasSlotController.test(`footer`)}_debounce(e,t){let n;return(...r)=>{clearTimeout(n),n=window.setTimeout(()=>e(...r),t)}}_onWindowResize(){let e=this.panel.getBoundingClientRect().width,t=this.querySelectorAll(`sgds-button[slot='footer']`);this.panel&&(t.length<=1||(e<512||this.size===`fullscreen`&&e<768?t.forEach(e=>{let t=e;t.fullWidth=!0}):t.forEach(e=>{let t=e;t.fullWidth=!1})))}_addResizeListener(){window.addEventListener(`resize`,this._resizeHandler)}_removeResizeListener(){window.removeEventListener(`resize`,this._resizeHandler)}async show(){if(!this.open)return this.open=!0,N(this,`sgds-after-show`)}async hide(){if(this.open)return this.open=!1,N(this,`sgds-after-hide`)}requestClose(e){if(this.emit(`sgds-close`,{cancelable:!0,detail:{source:e}}).defaultPrevented){let e=j(this,`modal.denyClose`);k(this.panel,e.keyframes);return}this.hide()}addOpenListeners(){document.addEventListener(`keydown`,this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener(`keydown`,this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key===`Escape`&&(e.stopPropagation(),this.requestClose(`keyboard`))}_overlayClickHandler(){this.size!==`fullscreen`&&this.requestClose(`overlay`)}async handleOpenChange(){if(this.open){this.emit(`sgds-show`),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),ov(this),await Promise.all([A(this.dialog),A(this.overlay)]),this.dialog.hidden=!1;let e=j(this,`modal.show`),t=j(this,`modal.overlay.show`);!this.noAnimation&&await Promise.all([k(this.panel,e.keyframes,e.options),k(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([A(this.dialog),A(this.overlay)]);let e=j(this,`modal.hide`),t=j(this,`modal.overlay.hide`);!this.noAnimation&&await Promise.all([k(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),k(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,sv(this);let n=this.originalTrigger;typeof n?.focus==`function`&&setTimeout(()=>n.focus()),this.emit(`sgds-after-hide`),this._removeResizeListener()}}render(){return v`
3560
+ `}};T([x({type:Boolean,reflect:!0})],Uv.prototype,`fluid`,void 0),T([S()],Uv.prototype,`toggleVisibility`,void 0),F(`sgds-masthead`,Uv);function Wv(e){let t=e.tagName.toLowerCase();return e.getAttribute(`tabindex`)===`-1`||e.hasAttribute(`disabled`)||e.hasAttribute(`aria-disabled`)&&e.getAttribute(`aria-disabled`)!==`false`||t===`input`&&e.getAttribute(`type`)===`radio`&&!e.hasAttribute(`checked`)||e.offsetParent===null||window.getComputedStyle(e).visibility===`hidden`?!1:(t===`audio`||t===`video`)&&e.hasAttribute(`controls`)||e.hasAttribute(`tabindex`)||e.hasAttribute(`contenteditable`)&&e.getAttribute(`contenteditable`)!==`false`?!0:[`button`,`input`,`select`,`textarea`,`a`,`audio`,`video`,`summary`].includes(t)}function Gv(e){let t=[];function n(e){e instanceof HTMLElement&&(t.push(e),e.shadowRoot!==null&&e.shadowRoot.mode===`open`&&n(e.shadowRoot)),[...e.children].forEach(e=>n(e))}return n(e),{start:t.find(e=>Wv(e))??null,end:t.reverse().find(e=>Wv(e))??null}}let Kv=[];var qv=class{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(){Kv.push(this.element),document.addEventListener(`focusin`,this.handleFocusIn),document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`keyup`,this.handleKeyUp)}deactivate(){Kv=Kv.filter(e=>e!==this.element),document.removeEventListener(`focusin`,this.handleFocusIn),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`keyup`,this.handleKeyUp)}isActive(){return Kv[Kv.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(`:focus-within`)){let{start:e,end:t}=Gv(this.element),n=this.tabDirection===`forward`?e:t;typeof n?.focus==`function`&&n.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(e){e.key===`Tab`&&e.shiftKey&&(this.tabDirection=`backward`,requestAnimationFrame(()=>this.checkFocus()))}handleKeyUp(){this.tabDirection=`forward`}};b();var Jv=l`: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:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.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}`;b();var Yv=class extends E{constructor(...e){super(...e),this.hasSlotController=new Tg(this,`footer`),this.open=!1,this.noAnimation=!1,this.size=`md`,this.hasFooterSlot=!1,this.noCloseButton=!1}static{this.styles=[...E.styles,Zg,Hv,Jv]}static{this.dependencies={"sgds-close-button":kt}}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new qv(this),this._resizeHandler=this._debounce(this._onWindowResize.bind(this),200)}disconnectedCallback(){super.disconnectedCallback(),this._removeResizeListener(),sv(this)}firstUpdated(e){super.firstUpdated(e),this._onWindowResize(),this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),ov(this))}updated(){this.hasFooterSlot||=this.hasSlotController.test(`footer`)}_debounce(e,t){let n;return(...r)=>{clearTimeout(n),n=window.setTimeout(()=>e(...r),t)}}_onWindowResize(){let e=this.panel.getBoundingClientRect().width,t=this.querySelectorAll(`sgds-button[slot='footer']`);this.panel&&(t.length<=1||(e<512||this.size===`fullscreen`&&e<768?t.forEach(e=>{let t=e;t.fullWidth=!0}):t.forEach(e=>{let t=e;t.fullWidth=!1})))}_addResizeListener(){window.addEventListener(`resize`,this._resizeHandler)}_removeResizeListener(){window.removeEventListener(`resize`,this._resizeHandler)}async show(){if(!this.open)return this.open=!0,N(this,`sgds-after-show`)}async hide(){if(this.open)return this.open=!1,N(this,`sgds-after-hide`)}requestClose(e){if(this.emit(`sgds-close`,{cancelable:!0,detail:{source:e}}).defaultPrevented){let e=j(this,`modal.denyClose`);k(this.panel,e.keyframes);return}this.hide()}addOpenListeners(){document.addEventListener(`keydown`,this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener(`keydown`,this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key===`Escape`&&(e.stopPropagation(),this.requestClose(`keyboard`))}_overlayClickHandler(){this.size!==`fullscreen`&&this.requestClose(`overlay`)}async handleOpenChange(){if(this.open){this.emit(`sgds-show`),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),ov(this),await Promise.all([A(this.dialog),A(this.overlay)]),this.dialog.hidden=!1;let e=j(this,`modal.show`),t=j(this,`modal.overlay.show`);!this.noAnimation&&await Promise.all([k(this.panel,e.keyframes,e.options),k(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([A(this.dialog),A(this.overlay)]);let e=j(this,`modal.hide`),t=j(this,`modal.overlay.hide`);!this.noAnimation&&await Promise.all([k(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),k(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,sv(this);let n=this.originalTrigger;typeof n?.focus==`function`&&setTimeout(()=>n.focus()),this.emit(`sgds-after-hide`),this._removeResizeListener()}}render(){return v`
3559
3561
  <div
3560
3562
  class=${D({modal:!0,show:this.open,"has-footer":this.hasFooterSlot})}
3561
3563
  >
@@ -3581,7 +3583,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3581
3583
  <slot name="description"></slot>
3582
3584
  </div>
3583
3585
  </div>
3584
- <div class="modal-body">
3586
+ <div class="modal-body" tabindex="0">
3585
3587
  <slot></slot>
3586
3588
  </div>
3587
3589
  </div class="modal-content">
@@ -3835,7 +3837,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3835
3837
  `:y}
3836
3838
  </fieldset>
3837
3839
  `}};T([C(`slot:not([name])`)],X.prototype,`defaultSlot`,void 0),T([S()],X.prototype,`defaultValue`,void 0),T([x({reflect:!0})],X.prototype,`value`,void 0),T([x({type:String,reflect:!0})],X.prototype,`invalidFeedback`,void 0),T([x({type:Boolean,reflect:!0})],X.prototype,`hasFeedback`,void 0),T([x({type:Boolean,reflect:!0})],X.prototype,`required`,void 0),T([x({type:Boolean,reflect:!0})],X.prototype,`noValidate`,void 0),T([x({type:Boolean,reflect:!0})],X.prototype,`autofocus`,void 0),T([P(`value`,{waitUntilFirstUpdate:!0})],X.prototype,`_handleValueChange`,null),T([P(`invalid`,{waitUntilFirstUpdate:!0})],X.prototype,`_handleInvalidChange`,null),T([S()],X.prototype,`_isTouched`,void 0),T([w()],X.prototype,`_radios`,void 0),T([P(`_isTouched`,{waitUntilFirstUpdate:!0})],X.prototype,`_handleIsTouched`,null),T([P(`disabled`,{waitUntilFirstUpdate:!0})],X.prototype,`_handleDisabledChange`,null),F(`sgds-radio`,iy),F(`sgds-radio-group`,X),b();var oy=l`:host{--sidenav-sticky-top:0rem}.sticky{height:calc(100vh - var(--sidenav-sticky-top));overflow-y:visible;position:sticky;top:var(--sidenav-sticky-top)}`;b();var sy=class extends E{constructor(...e){super(...e),this.sticky=!1}static{this.styles=[...E.styles,oy]}get items(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}async onToggle(e){let t=e.target.tagName===`SGDS-SIDENAV-LINK`;if(e.defaultPrevented||t)return;let n=[...this.items];!n||n.length}render(){return v`
3838
- <nav class=${D({sticky:this.sticky})}>
3840
+ <nav aria-label="Side navigation" class=${D({sticky:this.sticky})}>
3839
3841
  <div>
3840
3842
  <slot @click=${this.onToggle}></slot>
3841
3843
  </div>
@@ -3876,7 +3878,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3876
3878
  style=${this.borderRadius?`border-radius: ${this.borderRadius}`:y}
3877
3879
  ></div>`}):y}
3878
3880
  </div>
3879
- `}};T([C(`.skeleton`)],py.prototype,`skeleton`,void 0),T([x({type:String,reflect:!0})],py.prototype,`width`,void 0),T([x({type:String,reflect:!0})],py.prototype,`height`,void 0),T([x({type:String,reflect:!0})],py.prototype,`borderRadius`,void 0),T([x({type:Number,reflect:!0})],py.prototype,`rows`,void 0),T([x({type:Boolean,reflect:!0})],py.prototype,`sheen`,void 0),F(`sgds-skeleton`,py),F(`sgds-spinner`,S_),b();var my=l`.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)}`;b();var hy=class extends E{constructor(...e){super(...e),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 Tg(this,`[default]`)}static{this.styles=[...E.styles,my]}static{this.dependencies={"sgds-icon":L}}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.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=t===0,e.classList.toggle(`last`,t===this._items.length-1))})}getComponent(e=this.activeStep){let t=this.hasDefaultSlot?this._items:this.steps;return t&&t.length>0?t[e]?.component:this.steps[e]?.component}nextStep(){this.emit(`sgds-next-step`),this.activeStep<this._totalSteps-1&&(this._slotNodes[this.activeStep+1]?.disabled||this.activeStep++)}previousStep(){this.emit(`sgds-previous-step`),this.activeStep>0&&(this._slotNodes[this.activeStep-1]?.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){e.key===`Enter`&&this._onStepperItemClick(t)}_handleStepClick(e){let t=e;e.stopPropagation();let n=t.detail?.stepIndex;this._onStepperItemClick(n)}render(){return v`
3881
+ `}};T([C(`.skeleton`)],py.prototype,`skeleton`,void 0),T([x({type:String,reflect:!0})],py.prototype,`width`,void 0),T([x({type:String,reflect:!0})],py.prototype,`height`,void 0),T([x({type:String,reflect:!0})],py.prototype,`borderRadius`,void 0),T([x({type:Number,reflect:!0})],py.prototype,`rows`,void 0),T([x({type:Boolean,reflect:!0})],py.prototype,`sheen`,void 0),F(`sgds-skeleton`,py),F(`sgds-spinner`,x_),b();var my=l`.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)}`;b();var hy=class extends E{constructor(...e){super(...e),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 Tg(this,`[default]`)}static{this.styles=[...E.styles,my]}static{this.dependencies={"sgds-icon":L}}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.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=t===0,e.classList.toggle(`last`,t===this._items.length-1))})}getComponent(e=this.activeStep){let t=this.hasDefaultSlot?this._items:this.steps;return t&&t.length>0?t[e]?.component:this.steps[e]?.component}nextStep(){this.emit(`sgds-next-step`),this.activeStep<this._totalSteps-1&&(this._slotNodes[this.activeStep+1]?.disabled||this.activeStep++)}previousStep(){this.emit(`sgds-previous-step`),this.activeStep>0&&(this._slotNodes[this.activeStep-1]?.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){e.key===`Enter`&&this._onStepperItemClick(t)}_handleStepClick(e){let t=e;e.stopPropagation();let n=t.detail?.stepIndex;this._onStepperItemClick(n)}render(){return v`
3880
3882
  <div
3881
3883
  class="stepper ${D({[`${this.orientation}`]:this.orientation,clickable:this.clickable})}"
3882
3884
  >
@@ -3962,6 +3964,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3962
3964
  tone="fixed-light"
3963
3965
  variant="ghost"
3964
3966
  size="xs"
3967
+ ariaLabel="Previous"
3965
3968
  @click=${this._prev}
3966
3969
  ></sgds-icon-button>
3967
3970
  <span>${this._currentIndex+1}/${this.childCount}</span>
@@ -3970,6 +3973,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
3970
3973
  tone="fixed-light"
3971
3974
  variant="ghost"
3972
3975
  size="xs"
3976
+ ariaLabel="Next"
3973
3977
  @click=${this._next}
3974
3978
  ></sgds-icon-button>
3975
3979
  </div>`:y}
@@ -4191,7 +4195,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4191
4195
  `}};T([x({type:Boolean})],Zy.prototype,`hasActionsSlot`,void 0),T([C(`nav`)],Zy.prototype,`nav`,void 0),T([C(`.subnav-nav`)],Zy.prototype,`mobileNav`,void 0),T([C(`.header-container`)],Zy.prototype,`headerContainer`,void 0),T([C(`.subnav-toggler`)],Zy.prototype,`toggler`,void 0),T([C(`.subnav-nav-group`)],Zy.prototype,`navGroup`,void 0),T([C(`.subnav-actions`)],Zy.prototype,`mobileActions`,void 0),T([S()],Zy.prototype,`isCollapsed`,void 0),T([S()],Zy.prototype,`isMenuOpen`,void 0),T([P(`isMenuOpen`,{waitUntilFirstUpdate:!0})],Zy.prototype,`handleOpenChange`,null),T([P(`isCollapsed`,{waitUntilFirstUpdate:!0})],Zy.prototype,`handleCollapsedChange`,null),M(`subnav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),M(`subnav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),b();var Qy=l`: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' viewBox='0 0 20 20'%3E%3Cpath fill='%230e0e0e' fill-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-.035m2.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-.5' clip-rule='evenodd'/%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' viewBox='0 0 20 20'%3E%3Cpath fill='%230e0e0e' fill-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-.035m2.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-.5' clip-rule='evenodd'/%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)}}`;b();var $y=class extends E{constructor(...e){super(...e),this.active=!1,this.disabled=!1}static{this.styles=[...E.styles,Qy]}_handleDisabled(){this.setAttribute(`aria-disabled`,`${this.disabled}`)}_handleSlotChange(e){let t=e.target,n=t.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`a`||e.tagName.toLowerCase()===`sgds-link`);if(n.length>1){console.error(`More than one anchor tag is added to sgds-subnav-item`);return}if(n.length===0&&t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){let t=document.createElement(`a`);t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}}),n.length===1){let e=n[0];this.active&&e.setAttribute(`aria-current`,`true`),this.disabled&&(e.setAttribute(`href`,`javascript:void(0)`),e.setAttribute(`tabindex`,`-1`))}}render(){return v`<slot @slotchange=${this._handleSlotChange}></slot>`}};T([x({type:Boolean,reflect:!0})],$y.prototype,`active`,void 0),T([x({type:Boolean,reflect:!0})],$y.prototype,`disabled`,void 0),T([P(`disabled`)],$y.prototype,`_handleDisabled`,null),F(`sgds-subnav`,Zy),F(`sgds-subnav-item`,$y),b();var eb=l`: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}`;b();var tb=class extends f_{constructor(...e){super(...e),this._renderItemContent=()=>v`<div class="normal-item-content" role="presentation">
4192
4196
  <slot></slot>
4193
4197
  ${this.active?v` <sgds-icon name="check"></sgds-icon> `:y}
4194
- </div>`}static{this.dependencies={"sgds-icon":L}}};b();var nb=class e extends B{constructor(...e){super(...e),this.noValidate=!1,this._blockInputKeydown=e=>{e.key!==`Tab`&&e.preventDefault()}}static{this.styles=[...B.styles,a_,eb]}static{this.childName=`sgds-select-option`}static{this.dependencies={"sgds-icon":L,"sgds-spinner":S_,[e.childName]:tb}}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){let 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=>{e.key===`Enter`&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this.value&&(this._updateDisplayValue(),this._setActiveToOption()),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){let e=this.menuList.filter(({value:e})=>e===this.value);if(e.length===0)return;this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){let e=this.menuList.findIndex(e=>e.value?.toString()===this.value);this.options.forEach((t,n)=>{t.active=n===e})}async _handleValueChange(){if(this.menuList.length===0)return;this._setActiveToOption(),this.emit(`sgds-change`),this.value&&this.emit(`sgds-select`);let e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||this.value!==``)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}async _handleItemSelected(e){let t=e.target,n=t.textContent?.trim()??``,r={label:n,value:t.getAttribute(`value`)??n};this.value=r.value.toString(),this.displayValue=r.label,this.hideMenu()}_handleFocus(){this.emit(`sgds-focus`)}async _handleInputBlur(e){e.preventDefault(),this.emit(`sgds-blur`)}async _mixinResetFormControl(){this.value=this.defaultValue;let e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e.length<=0?``:e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){let e=this.menuList.map(e=>{let t=e.value===this.value;return v`
4198
+ </div>`}static{this.dependencies={"sgds-icon":L}}};b();var nb=class e extends B{constructor(...e){super(...e),this.noValidate=!1,this._blockInputKeydown=e=>{e.key!==`Tab`&&e.preventDefault()}}static{this.styles=[...B.styles,a_,eb]}static{this.childName=`sgds-select-option`}static{this.dependencies={"sgds-icon":L,"sgds-spinner":x_,[e.childName]:tb}}connectedCallback(){super.connectedCallback(),this.addEventListener(`sgds-hide`,async()=>{(await this._input).focus({preventScroll:!0})})}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){let 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=>{e.key===`Enter`&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this.value&&(this._updateDisplayValue(),this._setActiveToOption()),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){let e=this.menuList.filter(({value:e})=>e===this.value);if(e.length===0)return;this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){let e=this.menuList.findIndex(e=>e.value?.toString()===this.value);this.options.forEach((t,n)=>{t.active=n===e})}async _handleValueChange(){if(this.menuList.length===0)return;this._setActiveToOption(),this.emit(`sgds-change`),this.value&&this.emit(`sgds-select`);let e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||this.value!==``)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}async _handleItemSelected(e){let t=e.target,n=t.textContent?.trim()??``,r={label:n,value:t.getAttribute(`value`)??n};this.value=r.value.toString(),this.displayValue=r.label,this.hideMenu()}_handleFocus(){this.emit(`sgds-focus`)}async _handleInputBlur(e){e.preventDefault(),this.emit(`sgds-blur`)}async _mixinResetFormControl(){this.value=this.defaultValue;let e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e.length<=0?``:e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){let e=this.menuList.map(e=>{let t=e.value===this.value;return v`
4195
4199
  <sgds-select-option
4196
4200
  ?active=${t}
4197
4201
  value=${e.value}
@@ -4455,7 +4459,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4455
4459
 
4456
4460
  ${this.separator?v`<sgds-divider></sgds-divider>`:y}
4457
4461
  </div>
4458
- `}};T([x({type:String,reflect:!0})],bb.prototype,`title`,void 0),T([x({type:Boolean,reflect:!0})],bb.prototype,`collapsed`,void 0),T([x({type:Boolean,reflect:!0})],bb.prototype,`collapsible`,void 0),T([x({type:Boolean,reflect:!0})],bb.prototype,`separator`,void 0),customElements.define(`sgds-sidebar`,$),customElements.define(`sgds-sidebar-item`,vb),customElements.define(`sgds-sidebar-section`,bb),customElements.define(`sgds-sidebar-group`,_b),b();var xb=l`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.table-container{overflow-x:auto}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-none);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{align-items:center;display:flex;justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.skeleton-row{display:table-row}.skeleton-cell{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md);vertical-align:middle}.skeleton-cell.control-cell{width:var(--sgds-dimension-56)}.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}th[data-sorting]{cursor:pointer}th[data-sorting]:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.data-table-cell,.data-table-head,.footer,.no-data{align-items:center;display:flex;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-sm);font-style:normal;letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs);min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.data-table-head ::slotted(sgds-data-table-head){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.data-table-cell{font-weight:var(--sgds-font-weight-regular)}.data-table-cell ::slotted(sgds-data-table-cell){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-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-sm);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-20);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-20)}.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}`;b();var Sb=class extends E{static{this.styles=[...E.styles,l`
4462
+ `}};T([x({type:String,reflect:!0})],bb.prototype,`title`,void 0),T([x({type:Boolean,reflect:!0})],bb.prototype,`collapsed`,void 0),T([x({type:Boolean,reflect:!0})],bb.prototype,`collapsible`,void 0),T([x({type:Boolean,reflect:!0})],bb.prototype,`separator`,void 0),customElements.define(`sgds-sidebar`,$),customElements.define(`sgds-sidebar-item`,vb),customElements.define(`sgds-sidebar-section`,bb),customElements.define(`sgds-sidebar-group`,_b),b();var xb=l`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.table-container{overflow-x:auto}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-none);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{align-items:center;display:flex;justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.skeleton-row{display:table-row}.skeleton-cell{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md);vertical-align:middle}.skeleton-cell.control-cell{width:var(--sgds-dimension-56)}.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}th[data-sorting]{cursor:pointer}th[data-sorting]:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.data-table-cell,.data-table-head,.footer,.no-data{align-items:center;display:flex;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-sm);font-style:normal;letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs);min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.data-table-head ::slotted(sgds-data-table-head){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.data-table-cell{font-weight:var(--sgds-font-weight-regular)}.data-table-cell ::slotted(sgds-data-table-cell){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-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-sm);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-20);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-20)}.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}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;b();var Sb=class extends E{static{this.styles=[...E.styles,l`
4459
4463
  :host {
4460
4464
  display: contents;
4461
4465
  }
@@ -4463,7 +4467,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4463
4467
  :host {
4464
4468
  display: contents;
4465
4469
  }
4466
- `]}handleSortClick(){if(!this.sorting)return;let e=this.sortDirection===`ascending`?`descending`:this.sortDirection===`descending`?`none`:`ascending`;this.sortDirection=e,this.emit(`i-sgds-sort`,{detail:{key:this.sortKey,direction:e},bubbles:!0,composed:!0})}render(){return v`<slot></slot>`}};T([x({type:String,reflect:!0})],Cb.prototype,`width`,void 0),T([x({type:Number})],Cb.prototype,`colSpan`,void 0),T([x({type:Number})],Cb.prototype,`rowSpan`,void 0),T([x({type:String,reflect:!0})],Cb.prototype,`textAlign`,void 0),T([x({type:String,reflect:!0})],Cb.prototype,`sortDirection`,void 0),T([x({type:Boolean,reflect:!0})],Cb.prototype,`sorting`,void 0),T([x({type:String,reflect:!0})],Cb.prototype,`sortKey`,void 0),b();var wb=class extends E{constructor(...e){super(...e),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=/* @__PURE__ */ new WeakMap}static{this.styles=[...E.styles,xb]}static{this.dependencies={"sgds-checkbox":__,"sgds-data-table-cell":Sb,"sgds-data-table-head":Cb,"sgds-icon":L}}get checkbox(){return this._checkboxEl??null}connectedCallback(){super.connectedCallback(),this._lightDomObserver=new MutationObserver(()=>this._handleLightDomChange()),this._lightDomObserver.observe(this,{childList:!0}),this._handleLightDomChange()}disconnectedCallback(){this._lightDomObserver?.disconnect(),super.disconnectedCallback()}firstUpdated(){this._expandableBody&&(this._expandableBody.hidden=!this.open)}async handleExpandedChange(){if(this.open){if(this.emit(`sgds-show`,{cancelable:!0}).defaultPrevented){this.open=!1;return}await A(this._expandableBody),this._expandableBody.hidden=!1;let{keyframes:e,options:t}=j(this,`row.expand.show`);await k(this._expandableBody,ht(e,this._expandableBody.scrollHeight),t),this.emit(`sgds-after-show`)}else{if(this.emit(`sgds-hide`,{cancelable:!0}).defaultPrevented){this.open=!0;return}await A(this._expandableBody);let{keyframes:e,options:t}=j(this,`row.expand.hide`);await k(this._expandableBody,ht(e,this._expandableBody.scrollHeight),t),this._expandableBody.hidden=!0,this.emit(`sgds-after-hide`)}}async show(){if(!this.open)return this.open=!0,N(this,`sgds-after-show`)}async hide(){if(this.open)return this.open=!1,N(this,`sgds-after-hide`)}getCellText(e){let t=this._getCells().filter(e=>e instanceof Sb)[e];return t?(t.textContent??``).trim():``}_getCells(){return Array.from(this.children).filter(e=>e instanceof Sb||e instanceof Cb)}_syncCellSlots(e){e.forEach(t=>{let n=`cell-${e.indexOf(t)}`;this._cellSlotNames.set(t,n),t.getAttribute(`slot`)!==n&&t.setAttribute(`slot`,n)})}_handleLightDomChange(){let e=this._getCells();this._syncCellSlots(e),this._isHeaderRow=e.some(e=>e instanceof Cb),this.requestUpdate()}_onCheckboxChange(e){this.emit(`i-sgds-change`,{detail:{checked:e.target.checked}})}_toggleExpand(){this.open?this.hide():this.show()}_onExpandKeyDown(e){e.key===`Enter`&&(e.preventDefault(),this._toggleExpand())}_onSortKeyDown(e,t){e.key===`Enter`&&(e.preventDefault(),t.handleSortClick())}_renderCell(e,t){let n=this._cellSlotNames.get(e);if(e instanceof Cb)return v`<th
4470
+ `]}handleSortClick(){if(!this.sorting)return;let e=this.sortDirection===`ascending`?`descending`:this.sortDirection===`descending`?`none`:`ascending`;this.sortDirection=e,this.emit(`i-sgds-sort`,{detail:{key:this.sortKey,direction:e},bubbles:!0,composed:!0})}render(){return v`<slot></slot>`}};T([x({type:String,reflect:!0})],Cb.prototype,`width`,void 0),T([x({type:Number})],Cb.prototype,`colSpan`,void 0),T([x({type:Number})],Cb.prototype,`rowSpan`,void 0),T([x({type:String,reflect:!0})],Cb.prototype,`textAlign`,void 0),T([x({type:String,reflect:!0})],Cb.prototype,`sortDirection`,void 0),T([x({type:Boolean,reflect:!0})],Cb.prototype,`sorting`,void 0),T([x({type:String,reflect:!0})],Cb.prototype,`sortKey`,void 0),b();var wb=class extends E{constructor(...e){super(...e),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=/* @__PURE__ */ new WeakMap}static{this.styles=[...E.styles,xb]}static{this.dependencies={"sgds-checkbox":H,"sgds-data-table-cell":Sb,"sgds-data-table-head":Cb,"sgds-icon":L}}get checkbox(){return this._checkboxEl??null}connectedCallback(){super.connectedCallback(),this._lightDomObserver=new MutationObserver(()=>this._handleLightDomChange()),this._lightDomObserver.observe(this,{childList:!0}),this._handleLightDomChange()}disconnectedCallback(){this._lightDomObserver?.disconnect(),super.disconnectedCallback()}firstUpdated(){this._expandableBody&&(this._expandableBody.hidden=!this.open)}async handleExpandedChange(){if(this.open){if(this.emit(`sgds-show`,{cancelable:!0}).defaultPrevented){this.open=!1;return}await A(this._expandableBody),this._expandableBody.hidden=!1;let{keyframes:e,options:t}=j(this,`row.expand.show`);await k(this._expandableBody,ht(e,this._expandableBody.scrollHeight),t),this.emit(`sgds-after-show`)}else{if(this.emit(`sgds-hide`,{cancelable:!0}).defaultPrevented){this.open=!0;return}await A(this._expandableBody);let{keyframes:e,options:t}=j(this,`row.expand.hide`);await k(this._expandableBody,ht(e,this._expandableBody.scrollHeight),t),this._expandableBody.hidden=!0,this.emit(`sgds-after-hide`)}}async show(){if(!this.open)return this.open=!0,N(this,`sgds-after-show`)}async hide(){if(this.open)return this.open=!1,N(this,`sgds-after-hide`)}getCellText(e){let t=this._getCells().filter(e=>e instanceof Sb)[e];return t?(t.textContent??``).trim():``}_getCells(){return Array.from(this.children).filter(e=>e instanceof Sb||e instanceof Cb)}_syncCellSlots(e){e.forEach(t=>{let n=`cell-${e.indexOf(t)}`;this._cellSlotNames.set(t,n),t.getAttribute(`slot`)!==n&&t.setAttribute(`slot`,n)})}_handleLightDomChange(){let e=this._getCells();this._syncCellSlots(e),this._isHeaderRow=e.some(e=>e instanceof Cb),this.requestUpdate()}_onCheckboxChange(e){this.emit(`i-sgds-change`,{detail:{checked:e.target.checked}})}_toggleExpand(){this.open?this.hide():this.show()}_onExpandKeyDown(e){e.key===`Enter`&&(e.preventDefault(),this._toggleExpand())}_onSortKeyDown(e,t){e.key===`Enter`&&(e.preventDefault(),t.handleSortClick())}_renderCell(e,t){let n=this._cellSlotNames.get(e);if(e instanceof Cb)return v`<th
4467
4471
  width=${O(e.width)}
4468
4472
  colspan=${O(e.colSpan)}
4469
4473
  rowspan=${O(e.rowSpan)}
@@ -4495,17 +4499,25 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4495
4499
  <div class="data-table-cell ${r===`right`?`align-right`:`align-left`}">
4496
4500
  ${n?v`<slot name=${n}></slot>`:y}
4497
4501
  </div>
4498
- </td>`}_renderExpandCell(){return this._isHeaderRow?v`<th class="control-cell" scope="col"></th>`:v`<td class="control-cell" @click=${this._toggleExpand} @keydown=${this._onExpandKeyDown} tabindex="0">
4502
+ </td>`}_renderExpandCell(){return this._isHeaderRow?v`<th class="control-cell" scope="col"><span class="visually-hidden">Expand</span></th>`:v`<td class="control-cell" @click=${this._toggleExpand} @keydown=${this._onExpandKeyDown} tabindex="0">
4499
4503
  <div class="data-table-cell expand-cell">
4500
4504
  <sgds-icon name=${this.open?`chevron-up`:`chevron-down`} size="md"></sgds-icon>
4501
4505
  </div>
4502
- </td>`}_renderExpandPlaceholder(){return this._isHeaderRow?v`<th class="control-cell" scope="col"></th>`:v`<td class="control-cell"></td>`}_renderCheckboxCell(){return this._isHeaderRow?v`<th class="control-cell" scope="col">
4506
+ </td>`}_renderExpandPlaceholder(){return this._isHeaderRow?v`<th class="control-cell" scope="col"><span class="visually-hidden">Expand</span></th>`:v`<td class="control-cell"></td>`}_renderCheckboxCell(){return this._isHeaderRow?v`<th class="control-cell" scope="col">
4503
4507
  <div class="data-table-cell checkbox-cell">
4504
- <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>
4508
+ <sgds-checkbox
4509
+ .checked=${this.checked}
4510
+ @sgds-change=${this._onCheckboxChange}
4511
+ .ariaLabel=${`Select all rows`}
4512
+ ></sgds-checkbox>
4505
4513
  </div>
4506
4514
  </th>`:v`<td class="control-cell">
4507
4515
  <div class="data-table-cell checkbox-cell">
4508
- <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>
4516
+ <sgds-checkbox
4517
+ .checked=${this.checked}
4518
+ @sgds-change=${this._onCheckboxChange}
4519
+ .ariaLabel=${`Select row`}
4520
+ ></sgds-checkbox>
4509
4521
  </div>
4510
4522
  </td>`}render(){let e=this._getCells(),t=e.length+ +!!this.showCheckbox+(this.expand||this.showExpandPlaceholder?1:0),n=this._isHeaderRow?`row row-header`:`row row-body`;return v`
4511
4523
  <tr part=${n} ?data-header-row=${this._isHeaderRow} class=${this.open?`active`:``}>
@@ -4529,7 +4541,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4529
4541
  :host {
4530
4542
  display: block;
4531
4543
  }
4532
- `]}static{this.dependencies={"sgds-pagination":Zv,"sgds-data-table-cell":Sb,"sgds-data-table-head":Cb,"sgds-skeleton":py}}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`table`)}_isRowChecked(e){return e.checked||e.checkbox?.checked===!0}_updateHeaderCheckbox(){let e=this.tableRows.filter(e=>this._isRowChecked(e)).length,t=e===this.tableRows.length&&e>0;this.headerRows.forEach(n=>{n.checked=t,n.checkbox&&(n.checkbox.checked=t,n.checkbox.indeterminate=e>0&&!t)})}async _syncHeaderCheckboxAfterRender(){if(!this.multiSelect||this.headerRows.length===0)return;let e=[...this.headerRows,...this.tableRows];await Promise.all(e.map(e=>e.updateComplete)),this._updateHeaderCheckbox()}_emitRowSelect(){let e=this.tableRows.filter(e=>this._isRowChecked(e)).map(e=>this._getRowData(e));this.emit(`sgds-row-select`,{detail:{selected:e}})}_attachRowListener(e){let t=this._rowHandlers.get(e);t&&e.removeEventListener(`i-sgds-change`,t);let n=t=>{let{checked:n}=t.detail;this.headerRows.includes(e)?this.tableRows.forEach(e=>{e.checked=n,e.checkbox&&(e.checkbox.checked=n)}):(e.checked=n,this._updateHeaderCheckbox()),this._emitRowSelect()};this._rowHandlers.set(e,n),e.addEventListener(`i-sgds-change`,n)}_configureRows(){let e=this.tableRows.some(e=>e.expand),t=this.tableRows.length>0;this.headerRows.forEach(n=>{n.showCheckbox=this.multiSelect,n.showExpandPlaceholder=e,n.hasDataRows=t,this.multiSelect&&this._attachRowListener(n)}),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(){let e=this._headerCells.reduce((e,t)=>{let n=Number(t.colSpan)>0?Number(t.colSpan):1,r=t.textAlign??`left`;for(let t=0;t<n;t++)e.push(r);return e},[]);this.headerRows.forEach(t=>{t.columnAlignments=[...e]}),this.tableRows.forEach(t=>{t.columnAlignments=[...e]})}_extractCellText(e,t){return e.getCellText(t)||(Array.from(e.children).filter(e=>e.tagName.toLowerCase()===`sgds-data-table-cell`)[t]?.textContent||``).trim()}_getRowData(e){let t={};return this._headerCells.forEach((n,r)=>{let i=n.sortKey||(n.textContent??``).trim()||`col-${r}`;t[i]=this._extractCellText(e,r)}),t}_toComparableValue(e,t,n){return this._extractCellText(e,n)}_compareValues(e,t,n){if(e===t)return 0;let r=Number(e),i=Number(t);if(Number.isFinite(r)&&Number.isFinite(i))return n===`ascending`?r-i:i-r;let a=String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`});return n===`ascending`?a:-a}_resetOtherHeaderSortStates(e){this._headerCells.forEach(t=>{t!==e&&t.sorting&&(t.sortDirection=`none`)})}_getRowsInInitialPositionOrder(e){return[...e].sort((e,t)=>{let n=this._initialRowPositions.get(e),r=this._initialRowPositions.get(t);return n===void 0&&r===void 0?0:n===void 0?1:r===void 0?-1:n-r})}_captureInitialRowPositions(e){this._hasCapturedInitialRowPositions||=(e.forEach((e,t)=>{this._initialRowPositions.set(e,t)}),!0)}_handleSort(e){let t=e.composedPath().find(e=>e instanceof Cb);if(!t||!t.sorting)return;let{key:n,direction:r}=e.detail,i=t?this._headerCells.indexOf(t):-1;if(this._resetOtherHeaderSortStates(t),this.serverSort){e.stopPropagation(),this.emit(`sgds-sort`,{detail:{key:n,direction:r}});return}if(!(i<0)){if(r===`none`){this.tableRows=this._getRowsInInitialPositionOrder(this.tableRows),this._syncDomRowOrder(),this._updateVisibleRows();return}if(this.mode===`client`){let e=(this.currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage,a=[...this.tableRows],o=a.slice(e,t).sort((e,t)=>{let a=this._toComparableValue(e,n,i),o=this._toComparableValue(t,n,i);return this._compareValues(a,o,r)});a.splice(e,o.length,...o),this.tableRows=a,this._syncDomRowOrder(),this._updateVisibleRows();return}this.tableRows=[...this.tableRows].sort((e,t)=>{let a=this._toComparableValue(e,n,i),o=this._toComparableValue(t,n,i);return this._compareValues(a,o,r)}),this._syncDomRowOrder(),this._updateVisibleRows()}}_syncDomRowOrder(){let e=this.tableRows[0]?.parentElement;e&&this.tableRows.forEach(t=>e.appendChild(t))}_handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e instanceof wb),n=e=>Array.from(e.children).filter(e=>{let t=e.tagName.toLowerCase();return t!==`sgds-data-table-cell`&&t!==`sgds-data-table-head`?!1:e.getAttribute(`slot`)!==`content`});this.headerRows=t.filter(e=>n(e).some(e=>e.tagName.toLowerCase()===`sgds-data-table-head`)),this.tableRows=t.filter(e=>{let t=n(e);return t.length>0&&t.every(e=>e.tagName.toLowerCase()===`sgds-data-table-cell`)}),this._headerCells=this.headerRows.reduce((e,t)=>{let n=Array.from(t.children).filter(e=>e instanceof Cb);return e.push(...n),e},[]),this._captureInitialRowPositions(this.tableRows),this._headerCells.forEach(e=>{e.sorting&&!e.sortDirection&&(e.sortDirection=`none`)}),this._configureRows(),this._updateVisibleRows()}_updateVisibleRows(){if(this.loading){this.tableRows.forEach(e=>e.style.display=`none`);return}if(this.mode===`server`){this.tableRows.forEach(e=>e.style.display=``);return}let e=this.dataLength||this.tableRows.length,t=Math.max(1,Math.ceil(e/this.itemsPerPage));if(this.currentPage>t){this.currentPage=t;return}let n=(this.currentPage-1)*this.itemsPerPage,r=new Set(this.tableRows.slice(n,n+this.itemsPerPage));this.tableRows.forEach(e=>e.style.display=r.has(e)?``:`none`)}_getSkeletonColumnCount(){let e=this._headerCells.reduce((e,t)=>e+(Number(t.colSpan)>0?Number(t.colSpan):1),0),t=this.tableRows[0],n=t?Array.from(t.children).filter(e=>e instanceof Sb).length:0,r=this.tableRows.some(e=>e.expand);return{dataColumns:e||n||1,hasExpand:r,hasCheckbox:this.multiSelect}}_renderLoadingSkeleton(){let{dataColumns:e,hasExpand:t,hasCheckbox:n}=this._getSkeletonColumnCount(),r=Math.max(1,this.itemsPerPage||1);return Array.from({length:r},()=>v`<div class="skeleton-row" role="presentation">
4544
+ `]}static{this.dependencies={"sgds-pagination":Zv,"sgds-data-table-cell":Sb,"sgds-data-table-head":Cb,"sgds-skeleton":py}}connectedCallback(){super.connectedCallback()}_isRowChecked(e){return e.checked||e.checkbox?.checked===!0}_updateHeaderCheckbox(){let e=this.tableRows.filter(e=>this._isRowChecked(e)).length,t=e===this.tableRows.length&&e>0;this.headerRows.forEach(n=>{n.checked=t,n.checkbox&&(n.checkbox.checked=t,n.checkbox.indeterminate=e>0&&!t)})}async _syncHeaderCheckboxAfterRender(){if(!this.multiSelect||this.headerRows.length===0)return;let e=[...this.headerRows,...this.tableRows];await Promise.all(e.map(e=>e.updateComplete)),this._updateHeaderCheckbox()}_emitRowSelect(){let e=this.tableRows.filter(e=>this._isRowChecked(e)).map(e=>this._getRowData(e));this.emit(`sgds-row-select`,{detail:{selected:e}})}_attachRowListener(e){let t=this._rowHandlers.get(e);t&&e.removeEventListener(`i-sgds-change`,t);let n=t=>{let{checked:n}=t.detail;this.headerRows.includes(e)?this.tableRows.forEach(e=>{e.checked=n,e.checkbox&&(e.checkbox.checked=n)}):(e.checked=n,this._updateHeaderCheckbox()),this._emitRowSelect()};this._rowHandlers.set(e,n),e.addEventListener(`i-sgds-change`,n)}_configureRows(){let e=this.tableRows.some(e=>e.expand),t=this.tableRows.length>0;this.headerRows.forEach(n=>{n.showCheckbox=this.multiSelect,n.showExpandPlaceholder=e,n.hasDataRows=t,this.multiSelect&&this._attachRowListener(n)}),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(){let e=this._headerCells.reduce((e,t)=>{let n=Number(t.colSpan)>0?Number(t.colSpan):1,r=t.textAlign??`left`;for(let t=0;t<n;t++)e.push(r);return e},[]);this.headerRows.forEach(t=>{t.columnAlignments=[...e]}),this.tableRows.forEach(t=>{t.columnAlignments=[...e]})}_extractCellText(e,t){return e.getCellText(t)||(Array.from(e.children).filter(e=>e.tagName.toLowerCase()===`sgds-data-table-cell`)[t]?.textContent||``).trim()}_getRowData(e){let t={};return this._headerCells.forEach((n,r)=>{let i=n.sortKey||(n.textContent??``).trim()||`col-${r}`;t[i]=this._extractCellText(e,r)}),t}_toComparableValue(e,t,n){return this._extractCellText(e,n)}_compareValues(e,t,n){if(e===t)return 0;let r=Number(e),i=Number(t);if(Number.isFinite(r)&&Number.isFinite(i))return n===`ascending`?r-i:i-r;let a=String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`});return n===`ascending`?a:-a}_resetOtherHeaderSortStates(e){this._headerCells.forEach(t=>{t!==e&&t.sorting&&(t.sortDirection=`none`)})}_getRowsInInitialPositionOrder(e){return[...e].sort((e,t)=>{let n=this._initialRowPositions.get(e),r=this._initialRowPositions.get(t);return n===void 0&&r===void 0?0:n===void 0?1:r===void 0?-1:n-r})}_captureInitialRowPositions(e){this._hasCapturedInitialRowPositions||=(e.forEach((e,t)=>{this._initialRowPositions.set(e,t)}),!0)}_handleSort(e){let t=e.composedPath().find(e=>e instanceof Cb);if(!t||!t.sorting)return;let{key:n,direction:r}=e.detail,i=t?this._headerCells.indexOf(t):-1;if(this._resetOtherHeaderSortStates(t),this.serverSort){e.stopPropagation(),this.emit(`sgds-sort`,{detail:{key:n,direction:r}});return}if(!(i<0)){if(r===`none`){this.tableRows=this._getRowsInInitialPositionOrder(this.tableRows),this._syncDomRowOrder(),this._updateVisibleRows();return}if(this.mode===`client`){let e=(this.currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage,a=[...this.tableRows],o=a.slice(e,t).sort((e,t)=>{let a=this._toComparableValue(e,n,i),o=this._toComparableValue(t,n,i);return this._compareValues(a,o,r)});a.splice(e,o.length,...o),this.tableRows=a,this._syncDomRowOrder(),this._updateVisibleRows();return}this.tableRows=[...this.tableRows].sort((e,t)=>{let a=this._toComparableValue(e,n,i),o=this._toComparableValue(t,n,i);return this._compareValues(a,o,r)}),this._syncDomRowOrder(),this._updateVisibleRows()}}_syncDomRowOrder(){let e=this.tableRows[0]?.parentElement;e&&this.tableRows.forEach(t=>e.appendChild(t))}_handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e instanceof wb),n=e=>Array.from(e.children).filter(e=>{let t=e.tagName.toLowerCase();return t!==`sgds-data-table-cell`&&t!==`sgds-data-table-head`?!1:e.getAttribute(`slot`)!==`content`});this.headerRows=t.filter(e=>n(e).some(e=>e.tagName.toLowerCase()===`sgds-data-table-head`)),this.tableRows=t.filter(e=>{let t=n(e);return t.length>0&&t.every(e=>e.tagName.toLowerCase()===`sgds-data-table-cell`)}),this._headerCells=this.headerRows.reduce((e,t)=>{let n=Array.from(t.children).filter(e=>e instanceof Cb);return e.push(...n),e},[]),this._captureInitialRowPositions(this.tableRows),this._headerCells.forEach(e=>{e.sorting&&!e.sortDirection&&(e.sortDirection=`none`)}),this._configureRows(),this._updateVisibleRows()}_updateVisibleRows(){if(this.loading){this.tableRows.forEach(e=>e.style.display=`none`);return}if(this.mode===`server`){this.tableRows.forEach(e=>e.style.display=``);return}let e=this.dataLength||this.tableRows.length,t=Math.max(1,Math.ceil(e/this.itemsPerPage));if(this.currentPage>t){this.currentPage=t;return}let n=(this.currentPage-1)*this.itemsPerPage,r=new Set(this.tableRows.slice(n,n+this.itemsPerPage));this.tableRows.forEach(e=>e.style.display=r.has(e)?``:`none`)}_getSkeletonColumnCount(){let e=this._headerCells.reduce((e,t)=>e+(Number(t.colSpan)>0?Number(t.colSpan):1),0),t=this.tableRows[0],n=t?Array.from(t.children).filter(e=>e instanceof Sb).length:0,r=this.tableRows.some(e=>e.expand);return{dataColumns:e||n||1,hasExpand:r,hasCheckbox:this.multiSelect}}_renderLoadingSkeleton(){let{dataColumns:e,hasExpand:t,hasCheckbox:n}=this._getSkeletonColumnCount(),r=Math.max(1,this.itemsPerPage||1);return Array.from({length:r},()=>v`<div class="skeleton-row" role="presentation">
4533
4545
  ${t?v`<div class="skeleton-cell control-cell">
4534
4546
  <sgds-skeleton .height=${`20px`} .width=${`20px`} .borderRadius=${`4px`}></sgds-skeleton>
4535
4547
  </div>`:y}
@@ -4542,7 +4554,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4542
4554
  </div>`)}updated(e){(e.has(`currentPage`)||e.has(`itemsPerPage`)||e.has(`mode`)||e.has(`loading`))&&this._updateVisibleRows(),e.has(`multiSelect`)&&this._configureRows(),this.multiSelect&&(e.has(`tableRows`)||e.has(`headerRows`))&&this._syncHeaderCheckboxAfterRender()}render(){let e=this.dataLength||this.tableRows.length,t=(this.currentPage-1)*this.itemsPerPage,n=Math.min(t+this.itemsPerPage,e),r=e===0?0:t+1,i=!this.loading&&this.tableRows.length===0,a=e!==0;return v`
4543
4555
  <div class="data-table">
4544
4556
  <div class="table-container">
4545
- <div class="table">
4557
+ <div class="table" role="table">
4546
4558
  <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort}></slot>
4547
4559
  ${this.loading?this._renderLoadingSkeleton():y}
4548
4560
  </div>
@@ -4573,7 +4585,7 @@ super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTa
4573
4585
  aria-expanded="${this.expanded}"
4574
4586
  .ariaLabel=${`Toggle navigation`}
4575
4587
  ></sgds-icon-button>`}_handleProfileSlotChange(e){let t=e.target.assignedElements({flatten:!0});this._hasProfileSlotItems=t.length>0,t.forEach(e=>{e.setAttribute(`expand`,this.expand),e.setAttribute(`tone`,this.tone)})}render(){return this.breakpointReached=window.innerWidth<(this.expand===`always`?-1:this.expand===`never`?1/0:{sm:512,md:768,lg:1024,xl:1280,xxl:1440}[this.expand]),v`
4576
- <nav>
4588
+ <nav aria-label="App navigation">
4577
4589
  <div class="navbar ${this._expandClass()}">
4578
4590
  <slot name="start" class=${D({"slot-empty":!this.hasStartSlot})}></slot>
4579
4591
  <a class="navbar-brand" href=${$p(this.brandHref)??``} aria-label="brand-link">